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
810
今の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
410
TSX First な Zero-Runtime SSG potato4d/dodai とその仕組み / owned static site generator #kyotojs
potato4d
1
2.3k
Vue.js with TSX - From Vue 2.x to Vue 3 #v_tokyo11
potato4d
9
4.9k
終わりゆく Vue 2.x 時代の状態設計のアンサー - Vue 3 の Provider への期待 / The Last Architecture of the Vue 2.x
potato4d
25
7k
Web Worker を使ってブラウザ上でポケモンの画像を解析したい! / Pokemon recognition from screenshots in browser using web worker
potato4d
0
1.3k
Firebase & Google Cloud によるサーバーレス帳票管理 #FJUG / Serverless Architecture in Candy
potato4d
8
3.7k
NestJS meetup Tokyo Opening Talk / What is NestJS? #nestjs_meetup
potato4d
11
4.2k
私たちはなぜ SPA で開発するのか / Why you choose SPA
potato4d
39
27k
Amplify Console 誕生以来本番運用しつづけてわかったこと #awswakaran_tokyo
potato4d
6
3.6k
Other Decks in Technology
See All in Technology
実装で解き明かす並行処理の歴史
zozotech
PRO
1
710
M5製品で作るポン置きセルラー対応カメラ
sayacom
0
180
新規事業におけるGORM+SQLx併用アーキテクチャ
hacomono
PRO
0
180
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
11
80k
AI駆動開発を推進するためにサービス開発チームで 取り組んでいること
noayaoshiro
0
260
【Oracle Cloud ウェビナー】クラウド導入に「専用クラウド」という選択肢、Oracle AlloyとOCI Dedicated Region とは
oracle4engineer
PRO
3
130
速習AGENTS.md:5分で精度を上げる "3ブロック" テンプレ
ismk
6
960
Geospatialの世界最前線を探る [2025年版]
dayjournal
1
210
Vibe Coding Year in Review. From Karpathy to Real-World Agents by Niels Rolland, CEO Paatch
vcoisne
0
130
"プロポーザルってなんか怖そう"という境界を超えてみた@TSUDOI by giftee Tech #1
shilo113
0
180
小学4年生夏休みの自由研究「ぼくと Copilot エージェント」
taichinakamura
0
640
OCI Network Firewall 概要
oracle4engineer
PRO
2
7.9k
Featured
See All Featured
Designing Experiences People Love
moore
142
24k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
19
1.2k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
900
Fireside Chat
paigeccino
40
3.7k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Leading Effective Engineering Teams in the AI Era
addyosmani
2
310
Done Done
chrislema
185
16k
Building a Scalable Design System with Sketch
lauravandoore
463
33k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.6k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
132
19k
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!