Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Vue.js学習の振り返り
Search
hiro
October 23, 2024
Programming
2
200
Vue.js学習の振り返り
Event -
https://uniquevision.connpass.com/event/332072/
Created with
Slidev
.
hiro
October 23, 2024
Tweet
Share
Other Decks in Programming
See All in Programming
Android 16KBページサイズ対応をはじめからていねいに
mine2424
0
240
Claude Code + Container Use と Cursor で作る ローカル並列開発環境のススメ / ccc local dev
kaelaela
12
6.7k
Python型ヒント完全ガイド 初心者でも分かる、現代的で実践的な使い方
mickey_kubo
1
180
RailsGirls IZUMO スポンサーLT
16bitidol
0
190
初学者でも今すぐできる、Claude Codeの生産性を10倍上げるTips
s4yuba
16
12k
AI駆動のマルチエージェントによる業務フロー自動化の設計と実践
h_okkah
0
210
AIエージェントはこう育てる - GitHub Copilot Agentとチームの共進化サイクル
koboriakira
0
620
코딩 에이전트 체크리스트: Claude Code ver.
nacyot
0
870
なんとなくわかった気になるブロックテーマ入門/contents.nagoya 2025 6.28
chiilog
1
280
Git Sync を超える!OSS で実現する CDK Pull 型デプロイ / Deploying CDK with PipeCD in Pull-style
tkikuc
4
240
Composerが「依存解決」のためにどんな工夫をしているか #phpcon
o0h
PRO
1
330
“いい感じ“な定量評価を求めて - Four Keysとアウトカムの間の探求 -
nealle
2
11k
Featured
See All Featured
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.3k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.6k
Git: the NoSQL Database
bkeepers
PRO
430
65k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
Producing Creativity
orderedlist
PRO
346
40k
Documentation Writing (for coders)
carmenintech
72
4.9k
KATA
mclloyd
30
14k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
A better future with KSS
kneath
238
17k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
47
9.6k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Transcript
Vue.js 学習の振り返り 2024/10/22 hiro
hiro (@hiro_xre ) toC サービス企業 Vue.js ・TypeScript サッカー観戦・美術館・音楽・旅行 もうすぐエンジニア2 年生
アジェンダ 1 ・・・はじめに 2 ・・・チュートリアル - ガイド 3 ・・・chibivue 4
・・・イベント参加 5 ・・・おわりに
はじめに
はじめに Vue.js の学習を振り返り...... どのような学習をしてきたか どのようなことがあったか について話していきます 気楽に聞いてください! hiro @hiro_xre·Follow 書きました!なるべくコンパクトにまとめた
ので良ければ読んでください 主観的なものなので一意見としてどなたかの 参考になれば幸いです! 経験談に基づく主観的Vue.js学習ロードマッ プ|hiro zenn.dev/comm_vue_nuxt/…#zenn zenn.dev 経験談に基づく主観的Vue.js学習ロードマッ プ 2:48 PM · Aug 14, 2024 65 Reply Copy link Read 1 reply
チュートリアル - ガイド
チュートリアル - ガイド https://ja.vuejs.org/tutorial/#step-1 実はチュートリアルのはじめに大事なことが書いてありました このチュートリアルの目的はブラウザーで Vue で作業することがどのような感じなのかいち早く体験してもらうことです。網羅的な内 容を目指すものではないため、すべてを理解してから次に進む必要はありません。しかしながら、すべてを完了したあと、各項目につ いてより詳しく説明しているガイドを必ずお読みください。
ここで大事な部分は すべてを完了したあと、各項目についてより詳しく説明しているガイドを必ずお読みください。 です ガイド読んでいますか?
None
None
つまり? 今からでもチュートリアル内のリンクを追っていくだけで得られるものがあるはず 先ほどの例ではcomputed 定義とメソッド定義でどのような違いがあるか認識できました!
まとめ 実際ここまで知らなくても動作上は問題ない場合が多いけど...... Vue が提供してくれているもの(computed など)の特徴を知っておくことで 各API やビルトインの正しい使い方を理解し Vue のエコシステムの恩恵を最大限享受できるようになる プロダクトがスマートに!
ガイドを読もう
chibivue
chibivue https://ubugeeei.github.io/chibivue/ 著者はubugeeei ( うぶげ) さん chibivue とは? Vue.js についての理解を深める
Vue.js とは何なのか? どのような構成で成り立っているのか? Vue.js の基本的な機能を実装できるようになる 実際に基本的な機能を実装してみる vuejs/core のソースコードを読めるようになる 実装と本家のコードとの関連を把握して,実際にどんな実装になっているのかを把握する 何やら難しそう… 🤔
当時の悩み 実際難しいです(まだ全然完走できていない) しかしそれ以上に楽しいです 業務では出会わない設計手法・コードが盛りだくさん ひとりで理解するのは難しい どうしよう...... 🤔
ペアプロ? そんなとき...... 著者のubugeeei さんに 直接教えて頂く機会がありました! 私にとって本当に貴重な経験でした(超絶感謝) https://x.com/hiro_xre/status/1796856202569331006
どうだった? DI ・DIP のおおまかな理解が得られた Vue.js/core のディレクトリ構成が理解できVue がより楽しくなった ドキュメントにない部分で詰まった時にソースコードを読みにいけるようになった 普段書かないコードに触れることで思考の幅が広がった 刺激になった
Vue コミュニティに貢献したいと思うようになった
ちょっと恩返し 恩返しの第一歩として記事を書きました 記事を書くことで得られたことは 理解できたことの整理 アウトプットによる理解の深堀り 自身の認知向上 Vue コミュニティの認知 Vue コミュニティへの貢献
https://x.com/hiro_xre/status/1797837074244210811
所感 自分だけしか知らないなんてことはないですし コミュニティへの貢献にもなるので アウトプットの大切さを実感しました
まとめ chibivue を通してVue の内部実装が大まかに分かる Vue がより楽しくなる 分からないことがあったら行動を起こしてみる 誰かしら助けてくれるはず 自己成長のチャンスになる アウトプットしてみる
コミュニティに貢献できる 誰か見てくれている(今回の登壇も記事がきっかけでした)
補足 chibivue にはDiscord Server があります! https://discord.gg/aVHvmbmSRy 参加するだけで得られることが多いです 参加しない理由がないです 何が得られるかは是非ご自身の目でご確認を!
イベント参加
イベント参加 以下の目的を持ってイベントに参加していました エンジニアとしてキャリアスタートしたばかりで知り合いがいない 知り合いが欲しい 社内のエンジニアとしか技術的な交流がない 価値観や技術レベルを俯瞰したい 自己学習のモチベーションが続かない 刺激や危機感を得たい 無理のないスケジュールで イベント参加を苦にしたくない
Vue.js v-tokyo Meetup #19 2024/03/06( 水) @ 株式会社オプティム メインセッション: Vue
3.4 はじめて参加したオフラインイベント この頃はセッションの内容をあまり理解できていなか った X で交流のあった方何人かと顔合わせできた 雰囲気を楽しんでいた https://x.com/vuefes/status/1765316995904606552
どうだった? 純粋に楽しかった 温たかいコミュニティだなと感じた 自身の情報感度の低さを痛感した 自身の技術力の低さを痛感した 次も行きたい! もっと頑張らないと!
Vue.js v-tokyo Meetup #21 2024/07/26( 金) @Pleasanter Lounge メインセッション: Nuxt4
Vue 関連では2 回目の参加となったイベント Nuxt なんもわからん状態だったので必死にキャッチア ップした記憶 各セッションの内容が大体分かるようになっていて少 し成長を感じた 知り合いも少し増えていた https://x.com/vuefes/status/1816063578866352515
どうだった? コミュニティの温たかさを再認識した 技術面でも楽しめるようになっていた 情報感度が上がっていた セッション楽しい! コミュニティ楽しい!
Vue Fes Japan 2024 2024/10/19( 土) @ 大手町プレイス ホール&カンファレンス 今年一番のイベント
全てにおいて最高に楽しかった スタッフとして参加したのははじめて Eduardo.𝚟𝚞𝚎 @posva·Follow VueFes keynote is starting! The media could not be played. Reload 10:41 AM · Oct 19, 2024 54 Reply Copy link Read more on X
どうだった? 会場が大きくてびっくりした 参加者が多くてびっくりした 熱量がすごくてびっくりした 海外の著名人が近くにいてびっくりした びっくりし過ぎて気を失ってしまった
支えてくれている人がいる これだけの規模のイベントを準備・実行するにはどれだけの時間や苦労がかかるか 仕事もある中でイベント準備もしてくれている そういった方々がいる中で楽しさや便利さを享受している こういったことは自身で体験しないと感じられにくい
まとめ イベント参加を通して支えてくれている方々の存在に気づけた 気づけたなら支える側になりたい コミュニティ支援もOSS コントリビュートも できることからはじめたい これを聞いて頂いている方も是非Vue コミュニティへ! 人としても成長できると思います!
おわりに
おわりに 何をするにしてもアウトプットが大切 なんだかんだ人とのつながりが大切 コミュニティ支援は小さなことでも大切
END