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
クソアプリで基礎固め / Tutorial in your joke app for Vue.js
Search
Endo_Hizumi
January 23, 2020
Technology
0
210
クソアプリで基礎固め / Tutorial in your joke app for Vue.js
Endo_Hizumi
January 23, 2020
Tweet
Share
More Decks by Endo_Hizumi
See All by Endo_Hizumi
JSでギャルゲーをつくろう!(第3版)
endohizumi
0
36
JSでギャルゲーをつくろう!(第2版)
endohizumi
0
53
JSでギャルゲーをつくろう!
endohizumi
0
290
テレビを飲み込め! Webの嵐!! / Swallow the TV! Web storm! !!
endohizumi
1
87
OK:Googleから始めるスマートホーム生活 / OK: Smart home life starting from Google
endohizumi
0
300
jQuery使いがVue.jsを使った話 / thank you jQuery,Hello Vue.js
endohizumi
0
170
スマホで始めるウェブアプリ開発 / let's start web application development with a Android Device
endohizumi
1
910
キレない関数の作り方 / How to make bat function no anger
endohizumi
0
140
SwaggerでSSLCを 置き換える / Replacing SSLC with Swagger
endohizumi
0
83
Other Decks in Technology
See All in Technology
PO初心者が考えた ”POらしさ”
nb_rady
0
190
Lambda Web Adapterについて自分なりに理解してみた
smt7174
6
160
fukabori.fm 出張版: 売上高617億円と高稼働率を陰で支えた社内ツール開発のあれこれ話 / 20250704 Yoshimasa Iwase & Tomoo Morikawa
shift_evolve
PRO
2
6.6k
Zero Data Loss Autonomous Recovery Service サービス概要
oracle4engineer
PRO
2
7.7k
生成AI活用の組織格差を解消する 〜ビジネス職のCursor導入が開発効率に与えた好循環〜 / Closing the Organizational Gap in AI Adoption
upamune
7
5.1k
事業成長の裏側:エンジニア組織と開発生産性の進化 / 20250703 Rinto Ikenoue
shift_evolve
PRO
2
19k
Understanding_Thread_Tuning_for_Inference_Servers_of_Deep_Models.pdf
lycorptech_jp
PRO
0
170
B2C&B2B&社内向けサービスを抱える開発組織におけるサービス価値を最大化するイニシアチブ管理
belongadmin
1
6k
生成AI時代 文字コードを学ぶ意義を見出せるか?
hrsued
1
810
AI専用のリンターを作る #yumemi_patch
bengo4com
5
4.1k
React開発にStorybookとCopilotを導入して、爆速でUIを編集・確認する方法
yu_kod
1
210
ネットワーク保護はどう変わるのか?re:Inforce 2025最新アップデート解説
tokushun
0
180
Featured
See All Featured
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
Fireside Chat
paigeccino
37
3.5k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
Being A Developer After 40
akosma
90
590k
Practical Orchestrator
shlominoach
188
11k
Gamification - CAS2011
davidbonilla
81
5.3k
Facilitating Awesome Meetings
lara
54
6.4k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
A Tale of Four Properties
chriscoyier
160
23k
Done Done
chrislema
184
16k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
5
270
Transcript
クソアプリで基礎固め 2020年1月23日 Yumemi.vue #5 遠藤ヒズミ
自己紹介 名前:菊地 峻輔 HN:遠藤ヒズミ (@endo_hizumi) 所属:ジャスミンシステム 業務:都内某所でPython書いてるサーバーサイドエンジニア Vue歴:趣味で4ヶ月くらい Webサイト:https://hizumi.dev ワイ◦ルー様の退場がショックで夜しか眠れない
今回のお題 途中でチュートリアルに飽きるやつが Vue.jsの勉強をするにはどうしたらいいか
今回のお題 途中でチュートリアルに飽きるやつが Vue.jsの勉強をするにはどうしたらいいか ➡ 選ばれたのは綾鷹クソアプリでした
ここでいうクソアプリとは 右の記事にあるように 世の中に役に立たないアプリ のことを指すまたはその意 くだらない面白さの提供が 主目的である。
実例 その1
実例 その2
本題 焼肉アプリをデプロイした後に
本題 気がついた
本題 「途中でチュートリアルに飽きるやつが Vue.jsの勉強をするにはどうしたらいいか」
本題 この本の内容をクソアプリで試せばいいの では?
成果物
クソアプリで利用した機能 • ディレクティブ(v-for, v-if, v-on, v-bind) • コンポーネント(その寿司はコンポーネントでできていた!) • ライフサイクルフック
• 算出プロパティ • データバインディング • リストレンダリング(配列の操作) • トランジション・リストトランジション
結果 猫本の内容(~Chap.6)を一通り試せた
やってみた感想 • 勉強時間含め1,2時間くらいで出来る ◦ モチベーションが低下しない ◦ 挫折しづらい • 環境構築が楽 ◦
Vue.js以外使わないため ◦ スマホでも簡単だよ! • 成果物が自分好みにくだらなく面白い ◦ つまり、楽しい !important
アホになってアプリ作るのも悪くない
あれ?
役に立ったら
クソアプリじゃなくね? (自己矛盾)
None
爆発四散するのであった
ご清聴ありがとうございました