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
フレームワークの気持ちになりたかった
Search
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
Ryu
November 08, 2019
Technology
380
0
Share
フレームワークの気持ちになりたかった
Ryu
November 08, 2019
More Decks by Ryu
See All by Ryu
Sotuken
s17001
0
1.1k
PHPでも記号プログラミング
s17001
0
130
Quine雑日記
s17001
0
2k
eve hackers champloo
s17001
0
1k
記号プログラミングの集大成
s17001
0
6.1k
JSで読み取れる記号を吐くコード
s17001
2
310
making pokemondex !
s17001
0
95
create thinkingface
s17001
0
1.9k
Other Decks in Technology
See All in Technology
Digitization部 紹介資料
sansan33
PRO
1
7.2k
ADOTで始めるサーバレスアーキテクチャのオブザーバビリティ
alchemy1115
2
270
申請待ちゼロへ!AWS × Entra IDで実現した「権限付与」のセルフサービス化
mhrtech
1
280
生成AI時代のエンジニア育成 変わる時代と変わらないコト
starfish719
0
560
仕様通り動くの先へ。Claude Codeで「使える」を検証する
gotalab555
8
3.2k
Bluesky Meetup in Tokyo vol.4 - 2023to2026
shinoharata
0
150
【PHPカンファレンス小田原2026】Webアプリケーションエンジニアにも知ってほしい オブザーバビリティ の本質
fendo181
0
560
Hello UUID
mimifuwacc
0
130
プロジェクトマネジメントは AIでどう変わるか?
mkg5383
0
200
Contract One Engineering Unit 紹介資料
sansan33
PRO
0
16k
会社紹介資料 / Sansan Company Profile
sansan33
PRO
16
410k
All About Sansan – for New Global Engineers
sansan33
PRO
1
1.4k
Featured
See All Featured
Visualization
eitanlees
150
17k
Optimising Largest Contentful Paint
csswizardry
37
3.6k
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
ryanjones
0
110
How to audit for AI Accessibility on your Front & Back End
davetheseo
0
240
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
uxyall
0
250
エンジニアに許された特別な時間の終わり
watany
106
240k
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
techseoconnect
PRO
0
160
Designing for humans not robots
tammielis
254
26k
How to Talk to Developers About Accessibility
jct
2
170
BBQ
matthewcrist
89
10k
Scaling GitHub
holman
464
140k
Reality Check: Gamification 10 Years Later
codingconduct
0
2.1k
Transcript
フレームワークの気持ちになる RYU (@Ryu1__1uyR)
こんばんわ
りゅうっていいます
JSで平穏を もたらさない方の人です (冗談だよ)
Ryuichi iha / Ryu ・沖縄の専門学生 ・お仕事がNuxtです ・楽しいことをするのが好き ・ポケモンの待ち遠しい
最近はHaskellとかJSとかNuxtとか
あと変なコード書くのが好きです
変なコード??
今日生み出した 変なコードお見せします
さて
みなさんframeworkは 使ってますか?
今回の勉強会は
None
(今日のVue/Nuxt要素は以上です…ごめんなさい)
なので
Vue.js , React , Angular.js eXt…
僕はNuxtがすきです
すごく便利ですね
時に皆さんは
なんで.Vueのファイルいじってるのに (別にVueに限らない)
最終的にHTMLになるんだろう
って思ったことないですか?
僕はあります
そこでいろんなフレームワークの 実装を(ちょっとだけ) 読んでみました
するとどれも根幹にあるのは (個人の感想です)
メタプログラミング or DOM生成系 (もしくはその両方) (個人の感想です)
めたぷろの話は すごくニッチになるので
今日はDOMの話をします
閑話休題
今はもうDOMを直で 操作することは減ってきましたね
ͨͱ͑
これは多分 ふれーむわーくのおかげです
今日はふれーむわーくたちの 頑張りを知ろう!
エディタへ行く前に
Vueにおいて、 CSSは今回紹介するパターンで 生成されていません
ご了承をお願いします (その他細かく違う場所があるかも…)
優しいマサカリをお願いします (その他細かく違う場所があるかも…)
それではエディタへ
彼らが頑張ってくれているから 僕たちは楽をできる!
ありがたい!!
フレームワークに 圧倒的感謝
ここで終わりにしようと 思ったんですが
技巧系プログラミング要素が 少ないわね…
というわけで
最後に
検証! 人間はHTMLやCSSを書かずに どれだけリッチなWEBサイトをつくれるのか!
やってみました
できなくはないけど やるもんじゃない
おわり https://github.com/s17001/html_oasobi