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
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
potato4d(Takuma HANATANI)
August 28, 2016
Technology
850
1
Share
今の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
450
TSX First な Zero-Runtime SSG potato4d/dodai とその仕組み / owned static site generator #kyotojs
potato4d
1
2.5k
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.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
Dynamic Workersについて
yusukebe
1
420
「使われるデータ基盤」を目指してデータアナリストとワークショップをやった話
jackojacko_
2
920
Agentic AI時代における メルカリのAIガバナンスとガードレール実装
naoichihara
16
17k
Diagnosing performance problems without the guesswork
elenatanasoiu
0
120
AI時代に改めて考える、ドメイン駆動設計 - モデリングが「AIへの共通言語」になる
littlehands
8
2.9k
速さだけじゃない! VoidZero ツールが移行先に選ばれる理由
mizdra
PRO
6
660
Sony_KMP_Journey_KotlinConf2026
sony
0
170
Kiro CLI v2.0.0がやってきた!
kentapapa
0
210
【ハノーバーメッセ振り返りイベントat名古屋】データは集約からAI起点の収集に ~組織内・組織間でのデータ連携~
tanakaseiya
0
140
データ分析基盤の信頼を支える視点と設計
yuki_saito
2
760
Kaggle未経験社員をメダリストに育てる「AIドラゴン桜」
lycorptech_jp
PRO
0
650
CloudFront VPCオリジンとVPC Latticeサービスの内部ALBをマルチアカウントで一元利用しよう
duelist2020jp
5
260
Featured
See All Featured
The Language of Interfaces
destraynor
162
26k
We Are The Robots
honzajavorek
0
230
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.8k
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
aleyda
1
2.1k
Building AI with AI
inesmontani
PRO
1
1k
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
akademiya2063
PRO
1
120
We Analyzed 250 Million AI Search Results: Here's What I Found
joshbly
1
1.3k
Become a Pro
speakerdeck
PRO
31
6k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.9k
From π to Pie charts
rasagy
0
190
Technical Leadership for Architectural Decision Making
baasie
3
380
A Modern Web Designer's Workflow
chriscoyier
698
190k
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!