Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up
for free
レガシーエンジニアがモダンなJSに触れてみた
tammax
July 22, 2019
Programming
0
92
レガシーエンジニアがモダンなJSに触れてみた
tammax
July 22, 2019
Tweet
Share
Other Decks in Programming
See All in Programming
ryokbt
2
300
andpad
2
280
christianweyer
PRO
0
300
pirosikick
4
960
nkjzm
1
210
williln
0
230
madai0517
1
210
yoshinoriiiii
0
110
takahi5
3
190
mizzsugar
1
190
ianaya89
2
230
sansuke05
1
140
Featured
See All Featured
malarkey
193
8.6k
schacon
145
6.6k
cassininazir
347
20k
denniskardys
219
120k
colly
188
14k
hannesfritz
28
950
malarkey
392
61k
sachag
267
17k
sachag
446
36k
holman
288
130k
ufuk
56
5.4k
productmarketing
6
720
Transcript
レガシーエンジニアが モダンなJSに触れてみた 2019.07.22
自己紹介 • 氏名 水越 拓矢 • 会社名 (株)クリエーション・ビュー • 主な開発言語 PHP JavaScript Java Perl
• エンジニア歴 8年くらい • 趣味 散歩、料理、開発、お酒
そもそもレガシーていつから?
今回は、ES2015より前とさせて下さい
もっと言うと、ちょっと前までIE8対応してい たエンジニアだと思って下さい
最近のクライアントサイドには華がある。 Qiitaでもよくトレンドに上がり、 JSのフレームワークを使ってアプリの作成などな ど、非常に盛り上がっている。
折角なので私も 今更ながら 作ってみた。
アプリの概要 • Vue + Vue Router + Vuex + Firebase
のタイピングアプリ • 作業期間は3週間くらい • サーバレス • SPA • PWAアプリ
アプリ紹介 Typo(β)版 https://typo-60d72.firebaseapp.com/#/
net work図
パッと触ってみた感想 • 開発時に、特にやりにくい感じはしなかった。 • ES2015以降の構文も、多言語で同じような機能があった 為、割とすんなり理解が出来た。
調子に乗った私は 折角なのでAtomic Designにて ソースを組み直してみました。
結論を言うと、やらかしました
無駄なAtomを作りすぎました
TypoStartButton.vue TypoRankingButton.vue TypoTrainingButton.vue TypoSettingButton.vue
Atomic Designの説明を調べてみると、 再利用可能なデザインパターンを確立し、それらのパ ターンの中に入れる実際のコンテンツを正確に反映する システムを作成する。 と記載されています。
はい、全く再利用可能ではございません
こうして紛い物のAtomが 大量生産されていきました
しかし、Atomが50ファイル超えてあたりで流 石に気づきました。 あれ、Atom全く再利用してなくね?
はい、全く再利用しておりません
気づいたのが発表二日前なので 現在、絶賛修正対応中でございます
まとめ • LTでタイピングソフトの発表はやるべきでは無い(尺的に) • ES2015年以降の構文は思ったよりもしっくりくる • UI設計に関しては、色々勉強が必要 • 早くIEから解放されたい
ご静聴ありがとうございました