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(Takuma HANATANI)
August 28, 2016
Technology
870
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
今のWebに本当に必要な技術とは Grand Frontend Osaka 2016
Grand Frontend Osaka 2016の発表資料です。
https://kfug.jp/gfo2016
#frontkansai
potato4d(Takuma HANATANI)
August 28, 2016
More Decks by potato4d(Takuma HANATANI)
See All by potato4d(Takuma HANATANI)
どうせキレイに書けない処理は逆にAIに書いてもらうほうが良い説 / #kyotojs 22
potato4d
3
460
TSX First な Zero-Runtime SSG potato4d/dodai とその仕組み / owned static site generator #kyotojs
potato4d
1
2.6k
Vue.js with TSX - From Vue 2.x to Vue 3 #v_tokyo11
potato4d
9
5.1k
終わりゆく Vue 2.x 時代の状態設計のアンサー - Vue 3 の Provider への期待 / The Last Architecture of the Vue 2.x
potato4d
25
7.1k
Web Worker を使ってブラウザ上でポケモンの画像を解析したい! / Pokemon recognition from screenshots in browser using web worker
potato4d
0
1.4k
Firebase & Google Cloud によるサーバーレス帳票管理 #FJUG / Serverless Architecture in Candy
potato4d
8
3.8k
NestJS meetup Tokyo Opening Talk / What is NestJS? #nestjs_meetup
potato4d
11
4.4k
私たちはなぜ SPA で開発するのか / Why you choose SPA
potato4d
38
28k
Amplify Console 誕生以来本番運用しつづけてわかったこと #awswakaran_tokyo
potato4d
6
3.7k
Other Decks in Technology
See All in Technology
トヨタ⽣産⽅式(TPS)⼊⾨
recruitengineers
PRO
2
640
toio・myCobotでフィジカルAIっぽいことを行うための検討(とりあえず調査) / フィジカルAI LT(IoTLTによる開催)
you
PRO
0
300
制約理論(ToC)入門 2026版
recruitengineers
PRO
6
2k
Webアクセシビリティ入門 2026
recruitengineers
PRO
2
460
Breaking the Seal: Static Deobfuscation of Compiled V8 JavaScript Bytecode Malware
hshrzd
0
650
Service Connect 上のサービスに ECS Service の外側から到達できなかった話
ota1022
1
150
AIコーディングの次。コードレビューと理解負荷を解消して組織の開発生産性を高める
moongift
PRO
2
2.3k
ボトムアップ文化が強い組織で セキュリティをどう根付かせていくかの現在進行形の話 / Making Security Stick in a Bottom-Up Organization
yamaguchitk333
0
200
修正PRを食べてレビュースキルが賢くなる:Claude Codeによる自己改善サイクル
yuyaumetsu
5
1.4k
Issue設計から始める仕様駆動開発 / 20260731 Mizuki Hirata
shift_evolve
PRO
1
150
Digitization部 紹介資料
sansan33
PRO
2
7.7k
強化学習「理論」入門
enakai00
3
3.6k
Featured
See All Featured
WCS-LA-2024
lcolladotor
0
790
AI in Enterprises - Java and Open Source to the Rescue
ivargrimstad
0
1.4k
Test your architecture with Archunit
thirion
1
2.3k
16th Malabo Montpellier Forum Presentation
akademiya2063
PRO
0
340
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
38
2.9k
Organizational Design Perspectives: An Ontology of Organizational Design Elements
kimpetersen
PRO
1
790
Game over? The fight for quality and originality in the time of robots
wayneb77
1
240
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
akashhashmi
0
410
Balancing Empowerment & Direction
lara
6
1.2k
Docker and Python
trallard
47
4.1k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
11
990
The Power of CSS Pseudo Elements
geoffreycrofte
82
6.5k
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!