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
tammax
July 22, 2019
Programming
0
170
レガシーエンジニアがモダンなJSに触れてみた
tammax
July 22, 2019
Tweet
Share
Other Decks in Programming
See All in Programming
都市をデータで見るってこういうこと PLATEAU属性情報入門
nokonoko1203
1
570
データの民主化を支える、透明性のあるデータ利活用への挑戦 2025-06-25 Database Engineering Meetup#7
y_ken
0
320
『自分のデータだけ見せたい!』を叶える──Laravel × Casbin で複雑権限をスッキリ解きほぐす 25 分
akitotsukahara
1
570
NPOでのDevinの活用
codeforeveryone
0
420
deno-redisの紹介とJSRパッケージの運用について (toranoana.deno #21)
uki00a
0
150
システム成長を止めない!本番無停止テーブル移行の全貌
sakawe_ee
1
140
第9回 情シス転職ミートアップ 株式会社IVRy(アイブリー)の紹介
ivry_presentationmaterials
1
240
Kotlin エンジニアへ送る:Swift 案件に参加させられる日に備えて~似てるけど色々違う Swift の仕様 / from Kotlin to Swift
lovee
1
260
GoのGenericsによるslice操作との付き合い方
syumai
3
690
5つのアンチパターンから学ぶLT設計
narihara
1
120
datadog dash 2025 LLM observability for reliability and stability
ivry_presentationmaterials
0
120
Goで作る、開発・CI環境
sin392
0
110
Featured
See All Featured
Building Adaptive Systems
keathley
43
2.6k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
Git: the NoSQL Database
bkeepers
PRO
430
65k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
20
1.3k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
181
53k
Facilitating Awesome Meetings
lara
54
6.4k
The Language of Interfaces
destraynor
158
25k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
700
Product Roadmaps are Hard
iamctodd
PRO
54
11k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
48
5.4k
Code Reviewing Like a Champion
maltzj
524
40k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
5
220
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から解放されたい
ご静聴ありがとうございました