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
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
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
130
Quine雑日記
s17001
0
1.9k
eve hackers champloo
s17001
0
1k
記号プログラミングの集大成
s17001
0
6.1k
JSで読み取れる記号を吐くコード
s17001
2
310
making pokemondex !
s17001
0
93
create thinkingface
s17001
0
1.8k
Other Decks in Technology
See All in Technology
ABEMAのバグバウンティの取り組み
kurochan
1
680
SSoT(Single Source of Truth)で「壊して再生」する設計
kawauso
2
320
How to install a gem
indirect
0
1.2k
「お金で解決」が全てではない!大規模WebアプリのCI高速化 #phperkaigi
stefafafan
5
2.2k
Kubernetesの「隠れメモリ消費」によるNode共倒れと、Request適正化という処方箋
g0xu
0
110
俺の/私の最強アーキテクチャ決定戦開催 ― チームで新しいアーキテクチャに適合していくために / 20260322 Naoki Takahashi
shift_evolve
PRO
1
430
TUNA Camp 2026 京都Stage ヒューリスティックアルゴリズム入門
terryu16
0
180
プログラミング不要! テスト自動化における生成AI使いこなし術
magicpod
1
110
【PHPerKaigi2026】OpenTelemetry SDKを使ってPHPでAPMを自作する
fendo181
1
180
Phase06_ClaudeCode実践
overflowinc
0
1.9k
Bill One 開発エンジニア 紹介資料
sansan33
PRO
5
18k
VSCode中心だった自分がターミナル沼に入門した話
sanogemaru
0
120
Featured
See All Featured
Site-Speed That Sticks
csswizardry
13
1.1k
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
katarinadahlin
PRO
1
3.5k
The browser strikes back
jonoalderson
0
830
Highjacked: Video Game Concept Design
rkendrick25
PRO
1
320
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
VelocityConf: Rendering Performance Case Studies
addyosmani
333
24k
Speed Design
sergeychernyshev
33
1.6k
HDC tutorial
michielstock
1
580
Testing 201, or: Great Expectations
jmmastey
46
8.1k
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
szymonslowik
1
980
Applied NLP in the Age of Generative AI
inesmontani
PRO
4
2.2k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
31
3.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