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

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

Avatar for potato4d(Takuma HANATANI) potato4d(Takuma HANATANI)
August 28, 2016
Technology
1
810

今の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
Tweet

More Decks by potato4d(Takuma HANATANI)

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

Other Decks in Technology

See All in Technology
綺麗なデータマートをつくろう_データ整備を前向きに考える会 / Let's create clean data mart
Avatar for BrainPad brainpadpr
3
340
The Cake Is a Lie... And So Is Your Login’s Accessibility
Avatar for Ramona Schwering leichteckig
0
100
AWS IoT 超入門 2025
Avatar for kazunari hattori
0
260
「AI駆動PO」を考えてみる - 作る速さから価値のスループットへ：検査・適応で未来を開発 / AI-driven product owner. scrummat2025
Avatar for yosuke nagai yosuke_nagai
3
760
Uncle Bobの「プロフェッショナリズムへの期待」から学ぶプロの覚悟
Avatar for なかしょ nakasho
2
100
From Prompt to Product @ How to Web 2025, Bucharest, Romania
Avatar for Jan Werner janwerner
0
120
​Vibe Coding Year in Review. From Karpathy to Real-World Agents by Niels Rolland, CEO Paatch
Avatar for Strapi vcoisne
0
110
Escaping_the_Kraken_-_October_2025.pdf
Avatar for Maarten Dalmijn mdalmijn
0
150
大規模サーバーレスAPIの堅牢性・信頼性設計 〜AWSのベストプラクティスから始まる現実的制約との向き合い方〜
Avatar for maimyyym maimyyym
4
3.3k
やる気のない自分との向き合い方/How to Deal with Your Unmotivated Self
Avatar for Genki Sano sanogemaru
0
440
スタートアップにおけるこれからの「データ整備」
Avatar for ShoMaekawa/ウィル shomaekawa
2
330
小学4年生夏休みの自由研究「ぼくと Copilot エージェント」
Avatar for Taichi Nakamura taichinakamura
0
540

Featured

See All Featured
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.5k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
15
1.7k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
229
22k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
507
140k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
29
2.7k
Fireside Chat
Avatar for paigeccino paigeccino
40
3.7k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
9
590
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
970
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
52
3.4k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
32
1.1k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
273
27k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
224
10k

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!