vue.js | Be Yourself

meta（旧Facebook）、凄いなこれ無料かよ．いろいろと広告で叩かれている

2024.10.29

おはようございます．休みの日にPythonを勉強している．勉強しているというか機械学習のサンプルを動かしてちょっとでも理解しようと奮闘しています．自分は馬◯なので、数学的な観点から書かれた本ではなく、一切そういうことを書かれていない．手を動かして理解する本で理解しようと奮闘しています．

本のタイトルは「Python3年生機械学習のしくみ体験してわかる！会話でまなべる！」です．表紙もまるで低学年向けに書かれた本の様で中身もかなり噛み砕いた内容、なのでこんな自分にも理解しやすい．これを読んだ後に「実務で役立つPython機械学習入門」を読もうとしている（先日買いました）．

そのうち読む pic.twitter.com/d80GFtLSfA
— 田岡寿章(taoka_toshiaki) (@taoka_toshiaki) October 26, 2024

Pythonとは別にReactとVue.jsを並行して業務で対応を行っているだけども、慣れない言語はベストが分からないのでやっぱ大変ですね．もっと良いコードが書けるのではないかなどプルリクエストを行った後に思うわけですが．．．

ともあれ、Pythonは趣味で触っているのでそういう意味では気兼ねなく楽しめている気がします．

最後にタイトルへ釣られたひとにLlama 3.2モバイル（ローカル）でも動くもののリンクを貼っときます．RaspberryPi4や5なら動くと思います、手持ちのRaspberryPi3B+では駄目でした．

明日へ続く

著者名 @taoka_toshiaki

※この記事は著者が40代前半に書いたものです．

Profile
高知県在住の@taoka_toshiakiです、記事を読んで頂きありがとうございます.
数十年前から息を吸うように日々記事を書いてます．たまに休んだりする日もありますがほぼ毎日投稿を心掛けています😅．
SNSも使っています、フォロー、いいね、シェア宜しくお願い致します🙇.
SNS::@taoka_toshiaki

OFUSEで応援を送る

投稿日時 2024年10月29 06:00日

タグ

Python, RaspberryPi3B, RaspberryPi4, react, vue.js, サンプル, しくみ, ひと, プルリクエスト, 中身, 会話, 低学年向け, 実務, 役立つPython機械学習入門, 手持ち, 最後, 機械学習, 表紙, 観点, 言語,

自サイトのバニラJS（javascript）をvue.jsへ書き換えた話．

2024.09.22

Logging

おはようございます．先日、友が東京から帰ってきてたみたいでお見上げを貰いました．いつも頂いているばかりでお返ししないといけないなって思うのですが、いつ帰って来るのかがさっぱり分からないのでお返しできないでいる．

さて、今日は自サイトのバニラJS（javascript）をvue.jsへ書き換えた話を書きます．少し前からバニラJSからvue.jsへ変更しようと思っていたのだけど、変更する意味が見いだせずにいた.

先日からReactを仕事で触りだしてなるほど、ちょっと便利かもって思い出したので勉強がてらに自サイトをvue.jsに編集しました．

自サイトの全部を置き換えていないけれど、置き換えたほうが良さげな部分は置き換えた形になります．尚、vue.jsをモジュール呼び出しで使用したい場合は呼び出す参照ファイルに下記のタグを追加すると呼び出せます．またモジュールファイルのインポートの書き方も記載しときます．参考にしてみてください．

<script src="./js/example.js" type="module"></script>

import { ref, createApp } from 'https://unpkg.com/vue@3/dist/vue.esm-browser.js';

明日へ続く．

著者名 @taoka_toshiaki

※この記事は著者が40代前半に書いたものです．

OFUSEで応援を送る

投稿日時 2024年09月22 06:00日

タグ

createApp, from, gt, import, javascript, JS, js&quot, lt, module&quot, react, ref, script src, script&gt, type, vue.js, インポート, お見上げ, バニラJs, モジュールファイル, モジュール呼び出し,

Cloudflare（クラウドフレア）良いね．

2024.04.04

Logging

おはようございます、cloudflare（クラウドフレア）というサービスをご存知でしょうか？これを使用すれば無料でサクサクっとウェブサイトやサービスが作れてしまいます．ただ、PHPなどは動かないようです、動かすことが出来るのはvue.jsやReact.js系です．当然、それらに付随するフレームワークは動きます．

自分もつい最近クラウドフレアでお試しにReact.jsを動かしてみました．

因みにReact.jsを身に付けようと思ってごりごりとコードを書いています、今までバニラjsを使っていたのでお作法を覚えるのがちょっと苦ではありますが、仕事で必要なので身につけようとしています．

当分、React.jsを覚えていたら食いっぱぐれはない言語なのかもなぁって思っています．

明日へ続く．

著者名 @taoka_toshiaki

※この記事は著者が40代前半に書いたものです．

OFUSEで応援を送る

投稿日時 2024年04月04 06:00日

タグ

cloudflare, php, React.js, React.js系, vue.js, ウェブサイト, お作法, お試し, クラウドフレア, コード, ご存知, サービス, それら, バニラJs, フレームワーク, 仕事, 苦, 言語, 身, 食いっぱぐれ,

計算をリアルタイム。

2024.02.27

Logging

おはようございます、vue3.jsの一貫として時給計算するちょっとしたWEBサービスを作ってみました。vue.jsを触っていてわかったことはリアルタイム反映みたいなものが簡単にできるところ。これは便利ですね。JQueryから皆さんが移行する意味がいまごろ分かりました。

初めてのvue3.jsで勤務時間で給与を計算する簡易版を作ってみた。https://t.co/9MN9mzklN8 pic.twitter.com/yrO0qDbFfk
— 田岡寿章@taoka_toshiaki🦌 (@taoka_toshiaki) February 11, 2024

これからはvue.jsやReact.jsなどを使用していきたいですね。因みに自分はバニラばかりでした、バニラの良い所は慣れているせいか書きやすいところにあります。vueやReactにもバニラが入っていても問題ないので、そういう意味では今までの事が活かせるかもなって思います。

最後にサービスのリンクを貼ってこの記事は〆とします。

https://zip358.com/tool/payroll-calculation/

明日へ続く。

著者名 @taoka_toshiaki

※この記事は著者が40代前半に書いたものです．

OFUSEで応援を送る

投稿日時 2024年02月27 06:00日

タグ

jquery, react, React.js, vue, vue.js, vue3.js, Webサービス, サービス, ところ, バニラ, リアルタイム反映, リンク, 一貫, 問題, 意味, 時給, 最後, 皆さん, 自分, 良い所,

Laravelでenvの情報をvueとかに共有する時の落とし穴。

2023.06.30

Logging

おはようございます、LaravelにはLaravel-Mixというものが入っていてこれを使用するとenvの値をVue.jsなんかと共有出来るのだけど、自分の知る限り値は全て文字列になるということ、例えばfalseという値を渡しても文字列になってしまいtrueと判断されてしまうのです。

これが落とし穴ですね、普通にfalseが入っているものだと思い込んでいて先日、数分悩んでおりました。

皆さんも思い込みの落とし穴には注意しましょうということです。あとlaravel Mixを使用する場合、envの頭文字にはMIX_と書かないとデータは渡されませんのでご注意を。

MIX_HOGEHOGE=false

思い込みはやばい。そう思い込んでいるとそこから抜け出せない事があると思います、人の話を鵜呑みにしないようにはよく聞くと思いますが。TVの話を鵜呑みにしないようにとか、ネットの話を鵜呑みにしないようにとかを注意がけている人はあまりいないじゃないかな？、ついついあぁそうなんだと聞き入れている人がいると思いますが、本当にそうなのかと疑問を持つことは大事。

トイウコトデ、思い込みはやばいでした？

著者名 @taoka_toshiaki

※この記事は著者が40代前半に書いたものです．

OFUSEで応援を送る

投稿日時 2023年06月30 06:00日

タグ

env, false, Laravel, Laravel-Mix, MIX, MIX_HOGEHOGE, TV, vue.js, データ, トイウコトデ, 値, 全て文字列, 文字列, 疑問, 皆さん, 落とし穴, 限り値, 頭文字, 鵜呑み,

vue.jsの学習をはじめて思うこと。 #参考書

2022.12.29

Logging

おはようございます、今年もあと少しですね😳。

先日からvue.jsの学習をしているのですが、参考書の8割方のアウトプットが出来ましたがですが、正直なところ、基礎概念がわかったぐらいの物でテクニックが記載されているという感じではない本、そういう印象を持っていますが、あと2割に極上のテクニックが記載されているかも知れません。

自分が買った本はこれです。

昨日からはこれ。 pic.twitter.com/j9FJVhUzsr
— 田岡寿章@taoka_toshiaki🦌 (@taoka_toshiaki) December 27, 2022

こんなデザイン表紙になっています、本のタイトル名は過去の記事に記載していますので、そちらを参照くださいませ🙇。

因みにいまVue.jsのコンポーネントを勉強しています。コンポーネントの使い方は分かったのですが、正直な所、JavaScriptを初めて勉強した方からするとハードルは結構高いじゃないかなと思います。こういう様になるんだという考えで進めていくべしですね。何故ならフレームワークの中身を知ろうとするとかなり難解なので、こういうルールがあるだよと思った方が良いです。

最後に自分のGitHubに参考書を基にしたサンプルコードをUPしていますので、良かったら参照ください。

        Vue.component('ore',{
            data:function(){
                return {
                    oreore:''
                }
            },
            mounted:function(){
                this.oreore = ' https://taoka-toshiaki.com';
            },
            template:'<h1>taoka toshiaki {{ oreore }}</h1>',
        });
        let app = new Vue({
            el:'#app',
        });

著者名 @taoka_toshiaki

※この記事は著者が40代前半に書いたものです．

OFUSEで応援を送る

投稿日時 2022年12月29 07:00日

タグ

data, EL, function, github, let app, lt, mounted, new Vue, oreore, return, taoka-toshiaki, template, this.oreore, Vue.component, vue.js, アウトプット, コンポーネント, ハードル, フレームワーク,