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
今のWebに本当に必要な技術とは Grand Frontend Osaka 2016
Search
potato4d(Hanatani Takuma)
August 28, 2016
Technology
1
730
今のWebに本当に必要な技術とは Grand Frontend Osaka 2016
Grand Frontend Osaka 2016の発表資料です。
https://kfug.jp/gfo2016
#frontkansai
potato4d(Hanatani Takuma)
August 28, 2016
Tweet
Share
More Decks by potato4d(Hanatani Takuma)
See All by potato4d(Hanatani Takuma)
TSX First な Zero-Runtime SSG potato4d/dodai とその仕組み / owned static site generator #kyotojs
potato4d
1
1.7k
Vue.js with TSX - From Vue 2.x to Vue 3 #v_tokyo11
potato4d
9
4.6k
終わりゆく Vue 2.x 時代の状態設計のアンサー - Vue 3 の Provider への期待 / The Last Architecture of the Vue 2.x
potato4d
25
6.5k
Web Worker を使ってブラウザ上でポケモンの画像を解析したい! / Pokemon recognition from screenshots in browser using web worker
potato4d
0
980
Firebase & Google Cloud によるサーバーレス帳票管理 #FJUG / Serverless Architecture in Candy
potato4d
8
3.3k
NestJS meetup Tokyo Opening Talk / What is NestJS? #nestjs_meetup
potato4d
11
3.6k
私たちはなぜ SPA で開発するのか / Why you choose SPA
potato4d
39
25k
Amplify Console 誕生以来本番運用しつづけてわかったこと #awswakaran_tokyo
potato4d
6
3.1k
気軽な Node.js バックエンド開発には TypeORM がちょうどいい #kng7 / introduce-typeorm
potato4d
9
4.2k
Other Decks in Technology
See All in Technology
Vertex AI を中心に 生成AIのアップデートを共有します
kaz1437
0
310
KubeConにproposalを送りたい人へのアドバイス
sat
PRO
3
260
生成AIの変革の時代に、直近1年で直面した課題とその解決策
ktc_wada
0
300
KubeCon EU 2024 Recap “Kubernetes Policy Time Machine: Where to Next?”
ryysud
0
220
開発生産性大幅アップ!Postman VS Code拡張機能
nagix
2
380
Meta Quest 3 で動く桜マシマシ WebXR アプリを IBM Cloud Code Engine と Babylon.js で作った話
1ftseabass
PRO
0
120
Building Dashboards as a Hobby
egmc
0
230
ゼロから始めるVue.jsコミュニティ貢献 / first-vuejs-community-contribution-link-and-motivation
lmi
1
130
データベース02: データベースの概念
trycycle
0
160
ExaDB-D dbaascli で出来ること
oracle4engineer
PRO
0
2.1k
VSCodeの拡張機能を作っている話
ebarakazuhiro
1
510
MLOpsの「壁」を乗り越える、LINEヤフーの Data Quality as Code
lycorptech_jp
PRO
5
530
Featured
See All Featured
Building Better People: How to give real-time feedback that sticks.
wjessup
355
18k
Atom: Resistance is Futile
akmur
259
25k
Web development in the modern age
philhawksworth
202
10k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
244
20k
Why Our Code Smells
bkeepers
PRO
331
56k
What the flash - Photography Introduction
edds
64
11k
Being A Developer After 40
akosma
57
580k
A better future with KSS
kneath
231
16k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
241
1.2M
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
9
8.3k
For a Future-Friendly Web
brad_frost
172
9k
Agile that works and the tools we love
rasmusluckow
325
20k
Transcript
None
2013 2014 2015 2016 2013 2014 2015 2016
2013 2014 2015 2016 2013 2014 2015 2016
2016/05 2016/06 2016/07 2016/08
2016/05 2016/06 2016/07 2016/08 Angular 2 RC4 Angular 2 RC5
Angular 2 RC3 Angular 2 RC2 Angular 2 RC
None
When you select technologies…
Which?
Why?
Let’s think about it together!
TAKUMA Hanatani Titles: * SCOUTER inc. Developer / Designer *
High school student. Role: * Frontend Engineer * Web Designer Activity: * Pixiv intern 2016(8/29~) * Enjou shikaketa(8/25) @potato4d
・ はじめに~ 自己紹介 ・ 技術選定をする際に今一度意識すべきこと ・「 これから」 の技術を見ていく上で、 必要なこと ・
まとめ ・ おわりに
Introduction
What do you choose the technology for ?
なんら 治 資料が多い お金になりそう 技術的に面白い 技術的に面白い 宗教上の理由 政治的な理由 ◯◯が使っているので 新しいテクノロジー
作業の効率化が可能 流行りなので 協業者との兼ね合い
The most important thing is …
Solve a problem.
Solve a problem for User
Solve a problem for User or …
Solve a problem for User or Developer.
Solve a problem.
人々 の、 問題解決のため。
「 これから」 の技術選定で 必要なこと
Three important points
1 Right man in the right place.
・ どうしても目新しいものが多いため、 誰もが実践投入を急ぐものの、 適切な場所で存分に利用をすることを徹底する ・ 解決する問題に対して、 古くともより良いアプロー チがある場合は、 無理せずそちらを優先する ・
本質は技術ではないことを忘れない 1
2 Select in anticipation of future.
・JavaScript の世界では、 少し先の未来ではその技術が生き残っていな いこともあるということを考慮し、 現状を見ながら技術を選ぶ ・ 十分な知識を有する場合を除き、 実践投入にはある程度慎重になって 動く 2
3 Check the trend of other engineers.
・ トレンドに流されるのは良くないとはいえ、 将来的な技術の存続を考 えると、 ユー ザー 数など、 注目している人の層は重要となる ・ 技術の仕様だけではなく、
利用している技術者の傾向から、 自身のケ ー スとのマッチング具合を図ることも有効といえる ・ 技術者が「 面白い」 と感じない技術は伸びない傾向にもあるため、 Watch は行っておく 3
Exception
・ とはいえ、 あくまでも全ては実践投入においての話なので、Production 環境でなければ、 積極的に追うことは良いことではある ・ これまでに述べたことは、 あくまでも実戦投入する際に、 技術を用いる ための場合という前提での話となる
・ むしろ、 技術を適切に利用するためには、 実践投入前に、 趣味やその中 での小さい単位のプロジェクトでまずは使ってみるなど、 十分に利用をし た後に実際に用いていくことが推奨される
・ 技術選定をする際には、 その技術が解決する問題について常に考える ・ 趣味や日曜プロジェクト以外での技術選定では、 その技術が、 テクノロ ジー による解決を必要としている問題を解決するかどうかが重要 ・
技術トレンドを素早く追い続けるアンテナが必要ではあるが、 それに流 され過ぎない選択が重要
Conclusion 会場で話します。
Thank you for listening!