Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
フレームワークの気持ちになりたかった
Search
Ryu
November 08, 2019
Technology
0
360
フレームワークの気持ちになりたかった
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.7k
eve hackers champloo
s17001
0
1k
記号プログラミングの集大成
s17001
0
6k
JSで読み取れる記号を吐くコード
s17001
2
300
making pokemondex !
s17001
0
84
create thinkingface
s17001
0
1.8k
Other Decks in Technology
See All in Technology
半年で、AIゼロ知識から AI中心開発組織の変革担当に至るまで
rfdnxbro
0
120
"人"が頑張るAI駆動開発
yokomachi
1
100
【開発を止めるな】機能追加と並行して進めるアーキテクチャ改善/Keep Shipping: Architecture Improvements Without Pausing Dev
bitkey
PRO
1
120
AgentCoreとStrandsで社内d払いナレッジボットを作った話
motojimayu
1
760
TED_modeki_共創ラボ_20251203.pdf
iotcomjpadmin
0
140
さくらのクラウド開発ふりかえり2025
kazeburo
2
610
AWS運用を効率化する!AWS Organizationsを軸にした一元管理の実践/nikkei-tech-talk-202512
nikkei_engineer_recruiting
0
160
なぜ あなたはそんなに re:Invent に行くのか?
miu_crescent
PRO
0
180
Oracle Database@Google Cloud:サービス概要のご紹介
oracle4engineer
PRO
1
760
Connection-based OAuthから学ぶOAuth for AI Agents
flatt_security
0
340
AlmaLinux + KVM + Cockpit で始めるお手軽仮想化基盤 ~ 開発環境などでの利用を想定して ~
koedoyoshida
0
150
AgentCore BrowserとClaude Codeスキルを活用した 『初手AI』を実現する業務自動化AIエージェント基盤
ruzia
7
1.2k
Featured
See All Featured
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
How To Speak Unicorn (iThemes Webinar)
marktimemedia
1
340
Neural Spatial Audio Processing for Sound Field Analysis and Control
skoyamalab
0
130
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
25
1.7k
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
livdayseo
0
29
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
[SF Ruby Conf 2025] Rails X
palkan
0
550
The Art of Programming - Codeland 2020
erikaheidi
56
14k
From π to Pie charts
rasagy
0
89
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
Joys of Absence: A Defence of Solitary Play
codingconduct
1
260
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
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