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
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
1.1k
記号プログラミングの集大成
s17001
0
6.2k
JSで読み取れる記号を吐くコード
s17001
2
310
making pokemondex !
s17001
0
100
create thinkingface
s17001
0
1.9k
Other Decks in Technology
See All in Technology
TSKaigi 2026 - Auth.jsからBetter Authへの 移行に見る「型とランタイム」の 設計思想の変化
teamlab
PRO
1
190
論文紹介:Pixal3D (SIGGRAPH 2026)
tenten0727
0
690
責任あるソフトウェアエンジニアリングの紹介4章・5章 / RSE_Ch4-5
ido_kara_deru
0
280
TSKaigi 2026 - 型プラグインシステムの実装に使われるテクニック
teamlab
PRO
1
220
Fラン学生が考える、AI時代のデザインに執着した突破口
husengs7
1
240
実例から学ぶ GuardDuty(SSH BruteForce)調査の全体フローと勘所【SecurityJAWS】
cscengineer
PRO
1
200
サプライチェーン攻撃への備えについて考えている #湘なんか
stefafafan
3
2.3k
業務に残された「良くない型」で考える「TypeScriptの難しさ」
sajikix
3
1.7k
React Compiler導入の効果と運用の工夫
kakehashi
PRO
3
320
TypeScript で Platform SDK を作る技術
toiroakr
1
120
TSKaigi 2026 - 10秒のビルドを1秒へ:tsdownが切り拓く2026年のTypeScriptライブラリ開発
teamlab
PRO
1
160
まだ道半ば、AI-DLCを歩み始めている話
news_it_enj
2
110
Featured
See All Featured
Money Talks: Using Revenue to Get Sh*t Done
nikkihalliwell
0
230
It's Worth the Effort
3n
188
29k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
aleyda
1
2k
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
inesmontani
PRO
3
3.5k
Collaborative Software Design: How to facilitate domain modelling decisions
baasie
1
220
Designing for Performance
lara
611
70k
The Mindset for Success: Future Career Progression
greggifford
PRO
0
340
Bootstrapping a Software Product
garrettdimon
PRO
307
120k
Amusing Abliteration
ianozsvald
1
170
Agile Leadership in an Agile Organization
kimpetersen
PRO
0
150
How to Think Like a Performance Engineer
csswizardry
28
2.6k
Navigating Weather and Climate Data
rabernat
0
190
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