フレームワークの気持ちになりたかった

Transcript

1. フレームワークの気持ちになる RYU (@Ryu1__1uyR)

2. こんばんわ

3. りゅうっていいます

4. JSで平穏を もたらさない方の人です (冗談だよ)

5. Ryuichi iha / Ryu ・沖縄の専門学生 ・お仕事がNuxtです ・楽しいことをするのが好き ・ポケモンの待ち遠しい

6. 最近はHaskellとかJSとかNuxtとか

7. あと変なコード書くのが好きです

8. 変なコード？？

9. 今日生み出した 変なコードお見せします

10. さて

11. みなさんframeworkは 使ってますか？

12. 今回の勉強会は

13. None

14. （今日のVue/Nuxt要素は以上です…ごめんなさい）

15. なので

16. Vue.js , React , Angular.js eXt…

17. 僕はNuxtがすきです

18. すごく便利ですね

19. 時に皆さんは

20. なんで.Vueのファイルいじってるのに (別にVueに限らない)

21. 最終的にHTMLになるんだろう

22. って思ったことないですか？

23. 僕はあります

24. そこでいろんなフレームワークの 実装を(ちょっとだけ) 読んでみました

25. するとどれも根幹にあるのは （個人の感想です）

26. メタプログラミング or DOM生成系 (もしくはその両方) （個人の感想です）

27. めたぷろの話は すごくニッチになるので

28. 今日はDOMの話をします

29. 閑話休題

30. 今はもうDOMを直で 操作することは減ってきましたね

31. ͨͱ͑͹

32. これは多分 ふれーむわーくのおかげです

33. 今日はふれーむわーくたちの 頑張りを知ろう！

34. エディタへ行く前に

35. Vueにおいて、 CSSは今回紹介するパターンで 生成されていません

36. ご了承をお願いします （その他細かく違う場所があるかも…）

37. 優しいマサカリをお願いします （その他細かく違う場所があるかも…）

38. それではエディタへ

39. 彼らが頑張ってくれているから 僕たちは楽をできる！

40. ありがたい！！

41. フレームワークに 圧倒的感謝

42. ここで終わりにしようと 思ったんですが

43. 技巧系プログラミング要素が 少ないわね…

44. というわけで

45. 最後に

46. 検証！ 人間はHTMLやCSSを書かずに どれだけリッチなWEBサイトをつくれるのか！

47. やってみました

48. できなくはないけど やるもんじゃない

49. おわり https://github.com/s17001/html_oasobi