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
Dart Sass であれを作った
Search
Yusuke Yagyu
July 28, 2020
Programming
0
80
Dart Sass であれを作った
2020.7.28 FukuokaJS #11 リモート開催
Yusuke Yagyu
July 28, 2020
Tweet
Share
More Decks by Yusuke Yagyu
See All by Yusuke Yagyu
ペパボのデザインシステムと、モバイル領域における取り組み
gyugyu
0
1.2k
Android CI: 2016 edition
gyugyu
3
2.4k
少し変わった論理削除
gyugyu
3
18k
Other Decks in Programming
See All in Programming
エラーって何種類あるの?
kajitack
5
140
Julia という言語について (FP in Julia « SIDE: F ») for 関数型まつり2025
antimon2
3
950
LINEヤフー データグループ紹介
lycorp_recruit_jp
0
580
Passkeys for Java Developers
ynojima
3
860
複数アプリケーションを育てていくための共通化戦略
irof
10
3.9k
アンドパッドの Go 勉強会「 gopher 会」とその内容の紹介
andpad
0
210
DroidKnights 2025 - 다양한 스크롤 뷰에서의 영상 재생
gaeun5744
3
190
Claude Codeの使い方
ttnyt8701
1
110
2度もゼロから書き直して、やっとブラウザでぬるぬる動くAIに辿り着いた話
tomoino
0
160
Go Modules: From Basics to Beyond / Go Modulesの基本とその先へ
kuro_kurorrr
0
120
Perlで痩せる
yuukis
1
680
KotlinConf 2025 現地で感じたServer-Side Kotlin
n_takehata
1
210
Featured
See All Featured
Thoughts on Productivity
jonyablonski
69
4.7k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Build The Right Thing And Hit Your Dates
maggiecrowley
36
2.7k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.8k
Faster Mobile Websites
deanohume
307
31k
Facilitating Awesome Meetings
lara
54
6.4k
Automating Front-end Workflow
addyosmani
1370
200k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
2.8k
GraphQLとの向き合い方2022年版
quramy
46
14k
Transcript
Dart Sass であれを作った 2020.7.28 FukuokaJS #11 リモート開催 柳生 祐介 (gyugyu)
Dart Sass であれを作った 2 describe(me); const { name, company, department,
job } = me; console.log(name); // => 柳生 祐介 (gyugyu) console.log(company); // => GMO ペパボ株式会社 console.log(department); // => デザイン部 console.log(job); // => エンジニア
Dart Sass であれを作った 3 最近作ったもの • https://github.com/gyugyu/sassunit • https://github.com/gyugyu/array-map-sass •
https://github.com/gyugyu/camelize-sass
Dart Sass であれを作った 4 Sass new module system (2019.10-) •
Dart Sass のみ • `@use` `@forward` • 比較的まともなモジュールシステム ◦ 開放・閉鎖原則に比較的忠実
Dart Sass であれを作った 5 Dart Sass Dart を JS にトランスパイルしてそのまま使ってる
Dart Sass であれを作った 6 Sass JavaScript API https://sass-lang.com/documentation/js-api
Dart Sass であれを作った 7 Function Plugin • https://sass-lang.com/documentation/js-api#f unctions •
要は未定義の Sass function call に対して JS の世 界で実装できる ◦ 同期だけではなく非同期でもできる(!)
つまり JS でサポートすれば Sass でウェブアプリ作れる? 8
Dart Sass であれを作った 9 作った • https://github.com/gyugyu/sass-webapp • Express から全リクエストを
Sass にプロクシ • Request/Response アダプタの役割を果たす Sass function を定義
Dart Sass であれを作った 10 非同期 API があるので • JS 側で
async/await 必要な処理もできる • なので Redis ( DB なんでもいいけど)に値保存でき る • アクセスカウンターができる!
デモ 11
何かの役に立つんですか? 12
さあ…? 13 多分何かに使えるはず