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
意志の力が9割。アニメから学ぶAI時代のこれから。
endohizumi
1
120
JSでギャルゲーをつくろう!(第3版)
endohizumi
0
49
JSでギャルゲーをつくろう!(第2版)
endohizumi
0
67
JSでギャルゲーをつくろう!
endohizumi
0
330
テレビを飲み込め! Webの嵐!! / Swallow the TV! Web storm! !!
endohizumi
1
94
OK:Googleから始めるスマートホーム生活 / OK: Smart home life starting from Google
endohizumi
0
310
jQuery使いがVue.jsを使った話 / thank you jQuery,Hello Vue.js
endohizumi
0
180
スマホで始めるウェブアプリ開発 / let's start web application development with a Android Device
endohizumi
1
920
キレない関数の作り方 / How to make bat function no anger
endohizumi
0
140
Other Decks in Technology
See All in Technology
事業価値と Engineering
recruitengineers
PRO
8
5.4k
「魔法少女まどか☆マギカ Magia Exedra」の必殺技演出を徹底解剖! -キャラクターの魅力を最大限にファンに届けるためのこだわり-
gree_tech
PRO
0
430
努力家なスクラムマスターが陥る「傍観者」という罠と乗り越えた先に信頼があった話 / 20250830 Takahiro Sasaki
shift_evolve
PRO
2
130
見てわかるテスト駆動開発
recruitengineers
PRO
6
2.4k
衝突して強くなる! BLUE GIANTと アジャイルチームの共通点とは ― いきいきと活気に満ちたグルーヴあるチームを作るコツ ― / BLUE GIANT and Agile Teams
naitosatoshi
0
290
DuckDB-Wasmを使って ブラウザ上でRDBMSを動かす
hacusk
1
140
【初心者向け】ローカルLLMの色々な動かし方まとめ
aratako
4
2.2k
Grafana Meetup Japan Vol. 6
kaedemalu
1
200
Language Update: Java
skrb
2
180
Webブラウザ向け動画配信プレイヤーの 大規模リプレイスから得た知見と学び
yud0uhu
0
120
オブザーバビリティが広げる AIOps の世界 / The World of AIOps Expanded by Observability
aoto
PRO
0
250
「魔法少女まどか☆マギカ Magia Exedra」のグローバル展開を支える、開発チームと翻訳チームの「意識しない協創」を実現するローカライズシステム
gree_tech
PRO
0
430
Featured
See All Featured
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
[RailsConf 2023] Rails as a piece of cake
palkan
56
5.8k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.1k
Automating Front-end Workflow
addyosmani
1370
200k
A better future with KSS
kneath
239
17k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
8
510
Being A Developer After 40
akosma
90
590k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
6.1k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Designing for Performance
lara
610
69k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
11
1.1k
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
爆発四散するのであった
ご清聴ありがとうございました