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
390
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
フレームワークの気持ちになりたかった
Ryu
November 08, 2019
More Decks by Ryu
See All by Ryu
Sotuken
s17001
0
1.1k
PHPでも記号プログラミング
s17001
0
140
Quine雑日記
s17001
0
2.1k
eve hackers champloo
s17001
0
1.1k
記号プログラミングの集大成
s17001
0
6.2k
JSで読み取れる記号を吐くコード
s17001
2
320
making pokemondex !
s17001
0
100
create thinkingface
s17001
0
1.9k
Other Decks in Technology
See All in Technology
第3回しろおびセキュリティスポンサーセッション
log0417
0
200
名刺メーカーDevグループ 紹介資料
sansan33
PRO
0
1.2k
AIペネトレーションテスト・ セキュリティ検証「AgenticSec」紹介資料
laysakura
2
9k
SO-101×VLAによる3色キューブのピック&プレース
abeja
0
210
【CEDEC2026】『GRANBLUE FANTASY: Relink - Endless Ragnarok』のバトル制作事例 ~最高のキャラゲーを目指して~
cygames
PRO
0
300
攻撃と防御で学ぶAI時代のプロダクトセキュリティ演習
recruitengineers
PRO
9
2.9k
トヨタ⽣産⽅式(TPS)⼊⾨
recruitengineers
PRO
3
870
DatadogのBits Chatが開発組織にもたらしたもの / What Bits Chat Has Brought Us
sms_tech
1
270
モダンフロントエンド 開発研修
recruitengineers
PRO
4
660
その“隠したつもり”が命取り ── 自前と平文をやめて「正解」に委ねる
kuroneko13
0
120
今こそ聞きたいソフトウェア設計 ドメイン駆動設計再入門
masuda220
PRO
17
7.4k
Goでデータパイプラインを作ろう
sansantech
PRO
1
460
Featured
See All Featured
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
Designing Powerful Visuals for Engaging Learning
tmiket
1
490
Reflections from 52 weeks, 52 projects
jeffersonlam
356
21k
Typedesign – Prime Four
hannesfritz
42
3.1k
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
chikuwait
0
710
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
Test your architecture with Archunit
thirion
1
2.3k
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
inesmontani
PRO
3
2.3k
From Legacy to Launchpad: Building Startup-Ready Communities
dugsong
0
300
New Earth Scene 8
popppiees
3
2.5k
How to Ace a Technical Interview
jacobian
281
24k
エンジニアに許された特別な時間の終わり
watany
108
250k
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