Upgrade to Pro — share decks privately, control downloads, hide ads and more …

今のWebに本当に必要な技術とは Grand Frontend Osaka 2016

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for potato4d(Takuma HANATANI) potato4d(Takuma HANATANI)
August 28, 2016
Technology
840
1

今のWebに本当に必要な技術とは Grand Frontend Osaka 2016

Grand Frontend Osaka 2016の発表資料です。
https://kfug.jp/gfo2016
#frontkansai

Avatar for potato4d(Takuma HANATANI)

potato4d(Takuma HANATANI)

August 28, 2016

More Decks by potato4d(Takuma HANATANI)

See All by potato4d(Takuma HANATANI)
どうせキレイに書けない処理は逆にAIに書いてもらうほうが良い説 / #kyotojs 22
Avatar for potato4d(Takuma HANATANI) potato4d
3
440
TSX First な Zero-Runtime SSG potato4d/dodai とその仕組み / owned static site generator #kyotojs
Avatar for potato4d(Takuma HANATANI) potato4d
1
2.5k
Vue.js with TSX - From Vue 2.x to Vue 3 #v_tokyo11
Avatar for potato4d(Takuma HANATANI) potato4d
9
5k
終わりゆく Vue 2.x 時代の状態設計のアンサー - Vue 3 の Provider への期待 / The Last Architecture of the Vue 2.x
Avatar for potato4d(Takuma HANATANI) potato4d
25
7.1k
Web Worker を使ってブラウザ上でポケモンの画像を解析したい！ / Pokemon recognition from screenshots in browser using web worker
Avatar for potato4d(Takuma HANATANI) potato4d
0
1.4k
Firebase & Google Cloud によるサーバーレス帳票管理 #FJUG / Serverless Architecture in Candy
Avatar for potato4d(Takuma HANATANI) potato4d
8
3.8k
NestJS meetup Tokyo Opening Talk / What is NestJS? #nestjs_meetup
Avatar for potato4d(Takuma HANATANI) potato4d
11
4.4k
私たちはなぜ SPA で開発するのか / Why you choose SPA
Avatar for potato4d(Takuma HANATANI) potato4d
39
28k
Amplify Console 誕生以来本番運用しつづけてわかったこと #awswakaran_tokyo
Avatar for potato4d(Takuma HANATANI) potato4d
6
3.7k

Other Decks in Technology

See All in Technology
Babylon.js Japan Activities (2026/4)
Avatar for Limes2018 limes2018
0
190
バックオフィスPJのPjMをコーポレートITが担うとうまくいく3つの理由
Avatar for chama yueda256
1
290
Kubernetes基盤における開発者体験 とセキュリティの両⽴ / Balancing developer experience and security in a Kubernetes-based environment
Avatar for mekka chmikata
0
200
仕様通り動くの先へ。Claude Codeで「使える」を検証する
Avatar for Gota gotalab555
8
2.9k
すごいぞManaged Kubernetes
Avatar for Haruka Sakihara harukasakihara
1
350
システムは「動く」だけでは 足りない - 非機能要件・分散システム・トレードオフの基礎
Avatar for nwiizo nwiizo
2
770
Cortex Code君、今日から内製化支援担当ね。
Avatar for あべ coco_se
0
290
Hello UUID
Avatar for mimifuwacc mimifuwacc
0
120
2026-04-02 IBM Bobオンボーディング入門
Avatar for YutaNonaka yutanonaka
0
240
ログ基盤・プラグイン・ダッシュボード、全部整えた。でも最後は人だった。
Avatar for Masaki Kubota makikub
4
1k
20260410 - CNTUG meetup #72 - DiskImage Builder 介紹：以 Kubespray CI 打造 RockyLinux 10 Cloud Image 為例
Avatar for ChengHao Yang tico88612
0
100
Oracle AI Databaseデータベース・サービス: BaseDB/ExaDB-Dの可用性
Avatar for oracle4engineer oracle4engineer
PRO
1
140

Featured

See All Featured
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
Avatar for Andy Polaine apolaine
0
260
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
51
52k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
28
2.5k
The SEO Collaboration Effect
Avatar for Kristina Bergwall kristinabergwall1
0
420
We Analyzed 250 Million AI Search Results: Here's What I Found
Avatar for Josh Blyskal joshbly
1
1.1k
技術選定の審美眼（2025年版） / Understanding the Spiral of Technologies 2025 edition
Avatar for Takuto Wada twada
PRO
118
110k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
16
1.9k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
39
3.1k
How Software Deployment tools have changed in the past 20 years
Avatar for Geshan Manandhar geshan
0
33k
Exploring anti-patterns in Rails
Avatar for Elle Meredith aemeredith
3
310
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
254
22k
16th Malabo Montpellier Forum Presentation
Avatar for AKADEMIYA2063 akademiya2063
PRO
0
91

Transcript

  1. None

  2. 2013 2014 2015 2016 2013 2014 2015 2016

  3. 2013 2014 2015 2016 2013 2014 2015 2016

  4. 2016/05 2016/06 2016/07 2016/08

  5. 2016/05 2016/06 2016/07 2016/08 Angular 2 RC4 Angular 2 RC5

    Angular 2 RC3 Angular 2 RC2 Angular 2 RC
  6. None

  7. When you select technologies…

  8. Which?

  9. Why?

  10. Let’s think about it together!

  11. 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

  12. ・ はじめに～ 自己紹介 ・ 技術選定をする際に今一度意識すべきこと ・「 これから」 の技術を見ていく上で、 必要なこと ・

    まとめ ・ おわりに

  13. Introduction

  14. What do you choose the technology for ?

  15. なんら　 治 資料が多い お金になりそう 技術的に面白い 技術的に面白い 宗教上の理由 政治的な理由 ◯◯が使っているので 新しいテクノロジー

    作業の効率化が可能 流行りなので 協業者との兼ね合い

  16. The most important thing is …

  17. Solve a problem.

  18. Solve a problem for User 

  19.   Solve a problem for User or …

  20.   Solve a problem for User or Developer.

  21. Solve a problem.

  22. 人々 の、 問題解決のため。

  23. 「 これから」 の技術選定で 必要なこと

  24. Three important points

  25. 1 Right man in the right place.

  26. ・ どうしても目新しいものが多いため、 誰もが実践投入を急ぐものの、 適切な場所で存分に利用をすることを徹底する ・ 解決する問題に対して、 古くともより良いアプロー チがある場合は、 無理せずそちらを優先する ・

    本質は技術ではないことを忘れない 1

  27. 2 Select in anticipation of future.

  28. ・JavaScript の世界では、 少し先の未来ではその技術が生き残っていな いこともあるということを考慮し、 現状を見ながら技術を選ぶ ・ 十分な知識を有する場合を除き、 実践投入にはある程度慎重になって 動く 2

  29. 3 Check the trend of other engineers.

  30. ・ トレンドに流されるのは良くないとはいえ、 将来的な技術の存続を考 えると、 ユー ザー 数など、 注目している人の層は重要となる ・ 技術の仕様だけではなく、

    利用している技術者の傾向から、 自身のケ ー スとのマッチング具合を図ることも有効といえる ・ 技術者が「 面白い」 と感じない技術は伸びない傾向にもあるため、 Watch は行っておく 3

  31. Exception

  32. ・ とはいえ、 あくまでも全ては実践投入においての話なので、Production 環境でなければ、 積極的に追うことは良いことではある ・ これまでに述べたことは、 あくまでも実戦投入する際に、 技術を用いる ための場合という前提での話となる

    ・ むしろ、 技術を適切に利用するためには、 実践投入前に、 趣味やその中 での小さい単位のプロジェクトでまずは使ってみるなど、 十分に利用をし た後に実際に用いていくことが推奨される

  33. ・ 技術選定をする際には、 その技術が解決する問題について常に考える ・ 趣味や日曜プロジェクト以外での技術選定では、 その技術が、 テクノロ ジー による解決を必要としている問題を解決するかどうかが重要 ・

    技術トレンドを素早く追い続けるアンテナが必要ではあるが、 それに流 され過ぎない選択が重要

  34. Conclusion 会場で話します。

  35. Thank you for listening!