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
レガシーエンジニアがモダンなJSに触れてみた
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
tammax
July 22, 2019
Programming
0
180
レガシーエンジニアがモダンなJSに触れてみた
tammax
July 22, 2019
Tweet
Share
Other Decks in Programming
See All in Programming
CSC307 Lecture 06
javiergs
PRO
0
690
CSC307 Lecture 08
javiergs
PRO
0
670
「ブロックテーマでは再現できない」は本当か?
inc2734
0
1k
AI & Enginnering
codelynx
0
120
生成AIを使ったコードレビューで定性的に品質カバー
chiilog
1
280
dchart: charts from deck markup
ajstarks
3
1k
そのAIレビュー、レビューしてますか? / Are you reviewing those AI reviews?
rkaga
6
4.6k
AI によるインシデント初動調査の自動化を行う AI インシデントコマンダーを作った話
azukiazusa1
1
750
[KNOTS 2026登壇資料]AIで拡張‧交差する プロダクト開発のプロセス および携わるメンバーの役割
hisatake
0
300
OSSとなったswift-buildで Xcodeのビルドを差し替えられるため 自分でXcodeを直せる時代になっている ダイアモンド問題編
yimajo
3
630
MDN Web Docs に日本語翻訳でコントリビュート
ohmori_yusuke
0
660
15年続くIoTサービスのSREエンジニアが挑む分散トレーシング導入
melonps
2
230
Featured
See All Featured
Exploring the relationship between traditional SERPs and Gen AI search
raygrieselhuber
PRO
2
3.6k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
55
3.3k
Exploring anti-patterns in Rails
aemeredith
2
250
Game over? The fight for quality and originality in the time of robots
wayneb77
1
120
Docker and Python
trallard
47
3.7k
Technical Leadership for Architectural Decision Making
baasie
2
250
How to Ace a Technical Interview
jacobian
281
24k
Deep Space Network (abreviated)
tonyrice
0
67
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
szymonslowik
1
920
Design in an AI World
tapps
0
150
Measuring Dark Social's Impact On Conversion and Attribution
stephenakadiri
1
130
How to Talk to Developers About Accessibility
jct
2
140
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から解放されたい
ご静聴ありがとうございました