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
77
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.1k
Android CI: 2016 edition
gyugyu
3
2.3k
少し変わった論理削除
gyugyu
3
17k
Other Decks in Programming
See All in Programming
ファインディの テックブログ爆誕までの軌跡
starfish719
2
1.1k
SRE、開発、QAが協業して挑んだリリースプロセス改革@SRE Kaigi 2025
nealle
3
4.1k
AWS Lambda functions with C# 用の Dev Container Template を作ってみた件
mappie_kochi
0
240
TokyoR116_BeginnersSession1_環境構築
kotatyamtema
0
110
Ruby on cygwin 2025-02
fd0
0
140
Amazon Bedrock Multi Agentsを試してきた
tm2
1
280
一休.com のログイン体験を支える技術 〜Web Components x Vue.js 活用事例と最適化について〜
atsumim
0
110
Pulsar2 を雰囲気で使ってみよう
anoken
0
230
密集、ドキュメントのコロケーション with AWS Lambda
satoshi256kbyte
0
180
SpringBoot3.4の構造化ログ #kanjava
irof
2
970
AHC041解説
terryu16
0
590
ISUCON14公式反省会LT: 社内ISUCONの話
astj
PRO
0
180
Featured
See All Featured
Building an army of robots
kneath
302
45k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
27
1.5k
Into the Great Unknown - MozCon
thekraken
35
1.6k
Bootstrapping a Software Product
garrettdimon
PRO
305
110k
4 Signs Your Business is Dying
shpigford
182
22k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
114
50k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.1k
GraphQLとの向き合い方2022年版
quramy
44
13k
Product Roadmaps are Hard
iamctodd
PRO
50
11k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3k
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 多分何かに使えるはず