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
Ryu
November 08, 2019
Technology
0
370
フレームワークの気持ちになりたかった
Ryu
November 08, 2019
Tweet
Share
More Decks by Ryu
See All by Ryu
Sotuken
s17001
0
1k
PHPでも記号プログラミング
s17001
0
120
Quine雑日記
s17001
0
1.8k
eve hackers champloo
s17001
0
1k
記号プログラミングの集大成
s17001
0
6k
JSで読み取れる記号を吐くコード
s17001
2
300
making pokemondex !
s17001
0
86
create thinkingface
s17001
0
1.8k
Other Decks in Technology
See All in Technology
形式手法特論:コンパイラの「正しさ」は証明できるか? #burikaigi / BuriKaigi 2026
ytaka23
16
4.6k
Oracle Database@Google Cloud:サービス概要のご紹介
oracle4engineer
PRO
1
840
テストセンター受験、オンライン受験、どっちなんだい?
yama3133
0
210
AI: The stuff that nobody shows you
jnunemaker
PRO
1
160
迷わない!AI×MCP連携のリファレンスアーキテクチャ完全ガイド
cdataj
0
340
純粋なイミュータブルモデルを設計してからイベントソーシングと組み合わせるDeciderの実践方法の紹介 /Introducing Decider Pattern with Event Sourcing
tomohisa
1
780
戰略轉變:從建構 AI 代理人到發展可擴展的技能生態系統
appleboy
0
180
First-Principles-of-Scrum
hiranabe
3
1.6k
AWS re:Invent2025最新動向まとめ(NRIグループre:Cap 2025)
gamogamo
0
160
製造業から学んだ「本質を守り現場に合わせるアジャイル実践」
kamitokusari
0
450
_第4回__AIxIoTビジネス共創ラボ紹介資料_20251203.pdf
iotcomjpadmin
0
180
Oracle Database@Azure:サービス概要のご紹介
oracle4engineer
PRO
3
270
Featured
See All Featured
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
davidcarrasco
0
41
Raft: Consensus for Rubyists
vanstee
141
7.3k
How to audit for AI Accessibility on your Front & Back End
davetheseo
0
140
Fashionably flexible responsive web design (full day workshop)
malarkey
408
66k
Exploring the relationship between traditional SERPs and Gen AI search
raygrieselhuber
PRO
2
3.5k
sira's awesome portfolio website redesign presentation
elsirapls
0
110
Documentation Writing (for coders)
carmenintech
77
5.2k
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
How to Ace a Technical Interview
jacobian
281
24k
Discover your Explorer Soul
emna__ayadi
2
1k
The SEO identity crisis: Don't let AI make you average
varn
0
47
How To Speak Unicorn (iThemes Webinar)
marktimemedia
1
360
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