- Webへの愛の叫び方

1. フロントエンド温泉に
サーバーレスで
ダイブする
Yuki Ito

2. フロントエンド温泉に
サーバーレスで
ダイブする
Yuki Ito
Webへの愛の叫び方

3. 伊藤勇希 Yuki Ito
- 19歳、ピチピチのフレッシュマン
- いろんなことに手をつけては飽きるタイ
プ
- PHP -> C# -> JavaScript -> Rails ->
JavaScript

7. アジェンダ
1. Webフロントエンドの楽しさって?
2. Webフロントエンドの学び方
3. 最近のトレンドとこれから

8. プログラミングって、何が楽しいの?

9. 僕が思うプログラミングの楽しさ
- ソースコードを書く楽しさ
- 書いたものが動く楽しさ

10. 僕が思うプログラミングの楽しさ
- ソースコードを書く楽しさ
-> 常に驚きを与えてくれる
- 書いたものが動く楽しさ
-> 自分のレベルにあった書き方ができる
(「熟練者じゃないとできない」ということが少
ない)

11. なぜ?

12. なぜ?
- 怒涛の勢いの仕様の進化
- PaaS、BaaSの充実
- Google と Facebook が起こしたライブラリにお
ける2度のブレークスルー

13. Webフロントエンド青春時代

14. 難しいことをせずに、アプリを作れる環境が
整いつつある

15. 作りたいものを作ろう!

16. 作りたいものを作ろう!

17. どこから学ぶ?

18. よく聞くこと
- 進化が早すぎる...!
- CSS / HTML / JavaScript / サーバーサイド 全
部覚えなきゃならないの...?
- ライブラリとかトレンドが多すぎて何を使えばい
いのか...

19. わかるー! (>_<)

20. わかるー! (>_<)
でも

21. 自分にあった作り方をすれば良い
一つのことを行うのにいろいろな方法があるのが
Web

22. 必ずしもトレンドに乗る必要はない
- 「この技術じゃないとできない」ということはほと
んどない
- 結局学習コストが低いものが好まれる
- 新しいパラダイムが出てきた時には乗っておく
といいかも

23. Redux

24. Redux

25. 「サーバーレス」という選択肢
- “Serverless Architecture”
- 定義がはっきりしていないが、ここでは BaaS
を含む言葉とする

26. って何??????

27. って何??????

28. って何??????
- 自分でサーバーを立てたり VPS(EC2) を利用
したりせず、バックエンドに特化したサービス
(BaaSなど)を利用する
- DB などのセットアップをする必要がない
- サーバーのコードを書かなくていい

29. って何??????
- フロントエンドだけ!!!
- 小さなアプリを素早く作るのにはいい選択肢
- 目的に合った手段を選びましょう

30. Webには様々な選択肢があり、正解はない

31. 常に変化していくWebフロントエンド

32. 楽しく学び、書き続けよう

33. Webはこれからどうなる?

34. これからのWebについて想像しよう
- JavaScript 、消えるってよ
-> WebAssembly
- IoT でもWeb -> WoT、Generic Sensor API
- 世界は宣言型へ -> Elm、Reactive
- 進化するCSS -> CSSNext、CSS Houdini

35. これからのWebについて想像しよう
- バックエンドとフロントエンドの境界が消える...?
-> Reactサーバーサイドレンダリング、Fluxデ
ザインパターン
- なんでも Web にしちゃおう!
-> Extensible Web

36. Webは新しいコンセプトやアイディアに満ち
ている

37. 楽しい!!!!!!!!!!

38. 作りたいものを作ろう!
楽しく学び、書き続けよう
楽しい!!!!!!!!!!

39. Thank you!