Vueで遊ぼう!
最近姫路で話題のアイスは別腹を経営している双子の大学生が中学の同級生だったことを昨日知って少しびっくりした苅田です。
TikTokでオープン前からかなり話題だったそうで、これはSNS運用がかなりうまくいったパターンではないでしょうか。
若い人はほとんどTikTokをインストールしていると思うので若い層をターゲットにされる場合はtwitter、instagramよりTikTokを検討した方がいいかもしれないですね。(画面映えが必須ですが。)
アイスは別腹
前置きはこのあたりにしておいて本題に入りたいと思います。
まず、Vueとはフロントエンドフレームワークの一つです。メジャーなものとしてVueのほかにReact、AngularなどがありますがVueが一番とっつきやすい感じだったので勉強してみました。
これを使う最大のメリットとしてカスタムコンポーネントを作ることができるというものがあげられます。
こんな感じのコンポーネントがあったとしてVueを使わない場合
1 2 3 4 |
<div> <img src="画像のURL" alt=""> <p>Sample User</p> </div> |
という感じで書けます。
Vueを使った場合
1 |
<user-card></user-card> |
という感じで書けます。(JavaScript側でちょっとコードを書く必要はあります。)
どっちのほうが簡潔かは一目瞭然ですね。
この例だとメリットがわかりずらいかもしれないですが、もっと複雑な構造になったときにファイルの記述量を減らすことができ、ほかのファイルでも再利用ができます。
再利用という点に関してですが、Vueを使わない場合でもほかのファイルにコピペをすればいいと思うかもしれません。しかし、それが5ページ以上で使われているとなると変更したいとなったときすべてのファイルを変更する必要が出てきます。それをしなくて済むのがVueです。
今回紹介したVueですがもっといろいろなことができるので興味がある方はぜひ勉強してみてください!
- 最新の投稿
-
- 2024.11.22スター
- 2024.11.20今でも見たくなる古いアニメ その①「エスカフローネ」
- 2024.11.18長年寄り添った彼氏との別れ
- 2024.11.14選挙の年ですね
- 2024.11.14ニュースでは見て知ってはいたけど・・・初めての経験
- タグ
-
- Analytics (3)
- BBQ (1)
- Canva (1)
- Firebase (1)
- GAS (1)
- Google (3)
- javascript (2)
- jQuery (1)
- news (4)
- saver (1)
- thunderbird (1)
- TIPS (9)
- vue.js (2)
- youtube (1)
- おやつ (2)
- お勉強 (2)
- お昼休み (1)
- お花見 (1)
- お金 (1)
- こどもの館 (1)
- たつの (1)
- なぎさ公園 (1)
- ゆかた祭り (1)
- アクセサリー (1)
- アメカジ (2)
- ウエスタン (1)
- ウォーキング (1)
- カフェ (1)
- カラオケ (1)
- グルメ (11)
- ゲーム (1)
- コロナ (2)
- サブカルチャー (1)
- システム (3)
- ファイヤーキング (1)
- ファッション (1)
- ホームページ (1)
- マスク (1)
- マッサージ器 (1)
- モッズ (1)
- ラテン (1)
- 仕事 (1)
- 便利ツール (3)
- 健康 (2)
- 児童館 (1)
- 動画 (1)
- 化け猫懸垂 (8)
- 夢 (1)
- 姫路 (47)
- 姫路文学館 (2)
- 娘 (7)
- 工場夜景 (1)
- 日常 (115)
- 日本玩具博物館 (1)
- 星の子館 (1)
- 本 (1)
- 献血 (1)
- 珈琲 (1)
- 短歌 (1)
- 神戸人形 (1)
- 筆記用具 (1)
- 網干 (2)
- 育児 (3)
- 花火 (1)
- 藤原正彦エッセイコンクール (2)
- 見学 (2)
- 観光 (1)
- 観葉植物 (1)
- 電車 (1)
- 音楽 (4)
- 香水 (1)
- 高砂 (2)