際際滷
Submit Search
svelte と tailwind で兵めるフロントエンド_k
?
0 likes
?
272 views
Shuichi Takaya
Follow
svelte と tailwind で兵めるフロントエンド_k
Read less
Read more
1 of 23
Download now
Download to read offline
More Related Content
svelte と tailwind で兵めるフロントエンド_k
1.
Svelte と Tailwind
で兵め る書rのフロントエンド
2.
晩M埖iのフロントエンド順晢 ですが、峻さんはどのようなh 廠で_kしてますでしょうか
3.
ここ方定のフロントエン ドのカオス晒はすごいこ とになっておりました。
4.
jQuery?React?Vue?な 室gが伏まれそしてえてい きました。
5.
Svelte はそんな嶄、^匯つ iけている湖があります。
6.
Svelteのここが措い ?えることが富ない ?噸宥のJavascriptだけで寄嬋健 ?VDOMを聞わないWくはない ?Redux VuexのようなFlux議な彜B砿尖をしない ?C嬬議にもReact?Vue.jsにけてない
7.
では壼堀 Svelte の聞 い圭をおせします。
8.
npx degit sveltejs/template
project
9.
まず、プロジェクトを恬撹す るコマンドをコマンドライン から秘薦していきます。
10.
K阻したら參和をg佩 npm install npm run
dev http://127.0.0.1:5000/ ブラウザから貧にアクセス
11.
Webサ`バ_k喘が羨ち 貧がってもう_kできます。 R宜議な兼肖の詰さです
12.
ちなみにビルドエンジン は vite がおすすめです。
13.
Vite はここがいい ?ビルドが堀い ?TSの侏チェックをしない
14.
を Svelte しまして Svelte
は鮫中も恬撹しやす いです。
15.
HTML ?CSS?Scriptを匯 つのファイルにくことがで きます。
16.
< s c r i p t > / / ここにスクリプト < / s c r i p t > < m a i n > < ! ! ここに H T M L タグ ! > < / m a i n > < s t y l e > / * ここに C S S * / < / s t y l e >
17.
CSSをグロ`バルで協xしてど こで聞っているかわからなくな ることも富なくなります。
18.
そして、ここで Tailwind の鞠 なのですが
Tailwind は厚にCSS のカオス晒を契いでくれます。
19.
https://tailwindcss.com/ ┨塀 ドキュメント
20.
Class にスタイルを岷俊いていくの はちょっとお佩xがいのですが、 剃にそこが Svelte
とは猥i蛤です。
21.
< m a i n c l a s s = ^ p - 5 m e n u  ̄ > < / m a i n > < s t y l e l a n g = ^ p o s t c s s " > . m e n u { @ a p p l y t e x t - w h i t e b o r d e r ; } < / s t y l e >
22.
1鮫中1CSSでかけることを旋喘すると、 CSSをスッキリくことができます。 CSSを岷俊くことも音勣になります
23.
そんな殆海 Svelte と Tailwind
を峻さんも聞って みてくださいませ。
Download