Vue.js ロゴとタイポ ~ここではアニメなjQueryなども混ぜて動くか?テスト~


Vue.js ロゴ
Vue.jsでMVVM


Vue.jsはjQueryよりも複雑にならずに
Angularよりは簡単でMVVMなどで
MVCなReactよりも有利な
JavaScriptフレームワーク



Hello world!を表示してみる

標準

Vue.js Badge Outlined
Hello world!




Development 開発

儲けるためには営業マンが嫌う地道な技術習得と
技術者が嫌う派手に宣伝し笑いを取る度胸が必要だ

 MVCとはプログラミングの原則的な考え方で、昔はソフトに追加するモジュールとHTMLなどの見るビュアーと JAVAなどのコントローラーに分けて考えようとしていた。技術者は真面目なのでいまだにこの無能な学校的なレガシーにこだわる。

 ちなみにアプリという言葉は、1990年代にはPC大手メーカーの年寄り管理職が使っていたが、その割に応用が利かずに重工やハード中心の融通の利かなさなので、 ソフトな対応をしろよ⋯と私は思い、アプリよりもソフトという言葉が好きなのだ。ツールだとインチキ情報商材みたいだしな。

 しかし最近は、自分で作る大変なコントローラーの代わりに、フレームワークが増えたのと、大量情報戦の時代なのでjQueryのような簡単な方法が求められている。

 Veu.jsはjQueryよりは難しいが、他よりは簡単な方だ。Veu.jsとjQueryだけは他の言語はサーバーサイドで使用だけなので難しいが、リンクを張るだけで動作可能もあるので簡単だ。

 簡単だとレバレッジが利き儲かる。技術オタクは自動車のマニュアル車な静的型付けにこだわり、簡単を軽蔑するので儲からない。 動画配信者でもいるがまずは動的を学んだ後に静的というが、儲かる時にもうかりそうなことをすりゃ良いだろ。

 だがjQueryは遅延しない非同期処理が弱いのでVeu.jsが人気がある。Veu.jsはReactが簡単になったようなもので、 Reactはマイクロソフト社のTypeScriptで作りやすいが、Veu.jsはそうではないようだ。

 ただしどっちもNode.jsやJavaScriptなので、私のオススメはクライアントJavaScriptを大量に作り、世間に多く宣伝するのが近道だと思う。 この概念は検索大手が、地味だが役に立つホームページを検索上位に上げるのに似ている。

 またコントローラーを作るなら、ビュアーモジュールという、直接=早く見れる追加機能を作った方がマシなのだ。 今はアプリが多くあり、デザイナーがアプリを作る時代なので、必要なのは機能ではなく見た目という事だ。

 最大の問題点は、絵心の無い理系プログラマーは生き残れない。必要なのはプログラミングの中にあるストーリー性という文系芸だ。

 今はスマホのアプリで未成年の2冠のAIなどの対戦将棋や、フランス人女性がアニメの影響で大会に参加する百人一首なカルタなどの情報を知ったり、 ソフトが作れないと駄目だ。だから上記の動画は揺らしている。

 昔はPCでアニメを作ったり、JavaScriptも子供や玩具よばわりだったが、今や将来は使えないと老害になるだけだ。

 ただし今のCSSアニメなどはオシャレな泡が浮くようなものもあるが、オシャレな欧米人が集まる英会話スクールだと勘違いする、会社のホームページが多い。

 私が1996年頃に作った会社のホームページは、客の自社の工業製品が動くサイトだ。日本の中小企業は真面目な理系過ぎて、御笑い芸で集客を知らない。 せめて会社で自社製品を作っている動画をYoutubeにでも投稿すれば良い。これからは高齢者の視聴者が増えるからなおさらだ。


まずは多くの人が軽視し読まない無料の公式サイトを読み
他人がしない未知な発明をしないと儲からない

 今まで自称専門家の有名人らは、客に好かれているだけの良い性格な芸能人だったが、そういう奴ほど政治家や大企業などの杜撰さも隠すので迷惑を振りまく。

 「高値でも良いので(楽に習得できる)オススメの専門書は何ですか?」という初心者がよくいるが、マスコミなどが出版している専門書などは古かったりレベルも低いので、いつまで経っても儲からない入門書だ。

 プログラミングなんていうのはノーベル賞な化学の実験と同じで、未知な開発で失敗は当然だが、しかし公式サイトに載っている情報を見ない奴は、酒飲み好きで情報収集はケチるマスコミによくいる営業マンな怠け者だ。


▼ 公式サイトの説明どころかソースも見た方が詳細は不明なので良い
view-source:https://jp.vuejs.org/v2/guide/transitions.html

● 非同期HTMLタグの扱い
Vue.js公式サイトのヘッダーでは「無し」と「defer="defer"」タグを使っている。 本サイトの運営(エクストリア⇒GMO)は「async="async"」を自動挿入する。

Vue.js公式サイトのHTMLソースを抜粋
たぶんvue.js本体⇒ <script src="/js/vue.js"></script>

<script type="text/javascript" defer="defer" src="https://extend.vimeocdn.com/ga/72160148.js"></script>

text/javascriptやuft-8などは省略しても良さそうだ。

ブレークポイントを使いJavaScriptを一時停止

グーグルの開発ツールでブレークポイントを使いJavaScriptを一時停止する
https://developers.google.com/web/tools/chrome-devtools/javascript/breakpoints?authuser=5


【 要 点 】
①deferはHTMLパース(解析後)に実行するのでDOMの使用からして安全。
 他は解析を中断し実行してしまう。
②deferやdefer=""にするとエラーを起こしたりする。
③deferはsrcが無いと無視されるのでヘッダー以外では利用できない。

● JavaScriptでスマホのアプリを作る方法


以下の公式サイトを読め。そしてこれからはインストールするのを閲覧者は、 高速な5Gなどの進歩で面倒くさがるから、アプリよりもWebサイトの時代であり、 リモートワークの増加でPC需要が増えスマホは減り、アプリの必要性は低いかも⋯

・Vueネイティブ
https://vue-native.io/docs/react-native.html
ネイティブコンポーネントに反応します。kebab case (hyphen-delimited)同等のコンポーネントを利用することで、 All React NativeComponentを使用できます。これは、VueNativeがReactNativeAPIのラッパーであるためです。

・Reactネイティブ
https://reactnative.dev/docs/getting-started
高度なiOS開発者からReactの初心者、キャリアの中で初めてプログラミングを始める人まで、 様々な種類の人々がReactNativeを使用しています。

・expo
expoはReactネイティブの開発支援をするプラットホームで、
実機での確認やApple社の審査無しでアップデートが出来るらしい

ネット上で試しに作れる↓
https://snack.expo.io/
こういうクラウドなサイトは今ではグーグルのAI連携なPythonや、グーグルが多数使用なGo言語などでもある。

しかしVue.jsはグーグルで言語を作っていた人が、更に好きで早い物を抽出しているので、JavaScriptが最も安心感がある。

公式チュートリアル
https://docs.expo.io/tutorial/text/
重要なコードまたは例間で変更されたコードは黄色で強調表示されます


History 履歴

初版:令和3年 皇紀2681年 [西暦2021年] 3月6日(土)
最終更新日:令和3年 皇紀2681年 [西暦2021年] 3月7日(日)


著者:城神YU(しろかみゆ)
1994年頃にMacDTPの経験が1年間しかないPC使用歴1年生だったのに、求職倍率が40倍のイラストレーターの時給千円のアルバイトで、数日HTMLの本を読んだだけでWebのページや絵も作成や、VHSテープのダビングや電話受付などの雑用もさせられた人


広告スペースは、この辺が最良な気がする


このサイトは以下の無料ホームページサービスで提供されています



フッターはこんな感じで開始するのが好まれています