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
1
820
今のWebに本当に必要な技術とは Grand Frontend Osaka 2016
Grand Frontend Osaka 2016の発表資料です。
https://kfug.jp/gfo2016
#frontkansai
potato4d(Takuma HANATANI)
August 28, 2016
Tweet
Share
More Decks by potato4d(Takuma HANATANI)
See All by potato4d(Takuma HANATANI)
どうせキレイに書けない処理は逆にAIに書いてもらうほうが良い説 / #kyotojs 22
potato4d
3
430
TSX First な Zero-Runtime SSG potato4d/dodai とその仕組み / owned static site generator #kyotojs
potato4d
1
2.4k
Vue.js with TSX - From Vue 2.x to Vue 3 #v_tokyo11
potato4d
9
5k
終わりゆく 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.3k
私たちはなぜ SPA で開発するのか / Why you choose SPA
potato4d
39
28k
Amplify Console 誕生以来本番運用しつづけてわかったこと #awswakaran_tokyo
potato4d
6
3.6k
Other Decks in Technology
See All in Technology
Ruby版 JSXのRuxが気になる
sansantech
PRO
0
170
Agent Skils
dip_tech
PRO
0
140
Kiro IDEのドキュメントを全部読んだので地味だけどちょっと嬉しい機能を紹介する
khmoryz
0
210
[CV勉強会@関東 World Model 読み会] Orbis: Overcoming Challenges of Long-Horizon Prediction in Driving World Models (Mousakhan+, NeurIPS 2025)
abemii
0
150
~Everything as Codeを諦めない~ 後からCDK
mu7889yoon
3
520
広告の効果検証を題材にした因果推論の精度検証について
zozotech
PRO
0
210
ブロックテーマ、WordPress でウェブサイトをつくるということ / 2026.02.07 Gifu WordPress Meetup
torounit
0
210
Tebiki Engineering Team Deck
tebiki
0
24k
Oracle Cloud Observability and Management Platform - OCI 運用監視サービス概要 -
oracle4engineer
PRO
2
14k
今日から始めるAmazon Bedrock AgentCore
har1101
4
420
SREのプラクティスを用いた3領域同時 マネジメントへの挑戦 〜SRE・情シス・セキュリティを統合した チーム運営術〜
coconala_engineer
2
780
30万人の同時アクセスに耐えたい!新サービスの盤石なリリースを支える負荷試験 / SRE Kaigi 2026
genda
4
1.4k
Featured
See All Featured
The Cult of Friendly URLs
andyhume
79
6.8k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
49
9.9k
Test your architecture with Archunit
thirion
1
2.2k
It's Worth the Effort
3n
188
29k
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
katarinadahlin
PRO
0
3.4k
The browser strikes back
jonoalderson
0
420
Applied NLP in the Age of Generative AI
inesmontani
PRO
4
2.1k
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
sarafernandez
1
1.3k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
122
21k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
54k
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
cargoodrich
3
110
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!