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
150
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
Асинхронность неизбежна: как мы проектировали сервис уведомлений
lamodatech
0
970
これが俺の”自分戦略” プロセスを楽しんでいこう! - Developers CAREER Boost 2024
niftycorp
PRO
0
200
わたしの星のままで一番星になる ~ 出産を機にSIerからEC事業会社に転職した話 ~
kimura_m_29
0
200
ある日突然あなたが管理しているサーバーにDDoSが来たらどうなるでしょう?知ってるようで何も知らなかったDDoS攻撃と対策 #phpcon.2024
akase244
2
400
生成AIでGitHubソースコード取得して仕様書を作成
shukob
0
530
コンテナをたくさん詰め込んだシステムとランタイムの変化
makihiro
1
140
testcontainers のススメ
sgash708
1
130
AWSのLambdaで PHPを動かす選択肢
rinchoku
2
300
MCP with Cloudflare Workers
yusukebe
2
220
ドメインイベント増えすぎ問題
h0r15h0
2
420
Stackless и stackful? Корутины и асинхронность в Go
lamodatech
0
950
バグを見つけた?それAppleに直してもらおう!
uetyo
0
180
Featured
See All Featured
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
95
17k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
33
2k
A Philosophy of Restraint
colly
203
16k
Thoughts on Productivity
jonyablonski
68
4.4k
The Language of Interfaces
destraynor
154
24k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
Building an army of robots
kneath
302
44k
Why You Should Never Use an ORM
jnunemaker
PRO
54
9.1k
Code Review Best Practice
trishagee
65
17k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
6
520
Code Reviewing Like a Champion
maltzj
521
39k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
17
2.3k
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