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
Web Components時代のCSSデザイン/web-components-css-design
Search
Masahiko Sakakibara
April 05, 2017
Technology
1
1.7k
Web Components時代のCSSデザイン/web-components-css-design
HTML5 Experts.jpの対談企画での発表資料です。
https://www.facebook.com/events/831024777036209/
Masahiko Sakakibara
April 05, 2017
Tweet
Share
More Decks by Masahiko Sakakibara
See All by Masahiko Sakakibara
本当に欲しかったのはモノレポツールではなく、tsconfigの設定だった / monorepo-tsconfig
rdlabo
1
150
Reactフレームワークプロダクトを モバイルアプリにして、もっと便利に。 ユーザに価値を届けよう。/React Framework with Capacitor
rdlabo
0
310
プライベートプロダクト戦略 - フロントエンドカンファレンス沖縄 / private_product_frontend
rdlabo
3
4.4k
GitHubをCMSとして使う話/ using_github_as_CMS
rdlabo
0
440
JavaScriptから デバイスの力を100%引き出すための Web APIとCapacitor入門 / power_from_javascript
rdlabo
0
550
Capacitor4_release
rdlabo
0
620
Web技術で稼ぐため選択肢を俯瞰しよう/options_to_earn_web_technology
rdlabo
0
130
Ionicモバイルアプリ制作入門/get_started_with_ionic
rdlabo
0
130
JavaScript から デバイスの力を 100%引き出すための Capacitor と Angular でのはじめかた。
rdlabo
2
1.8k
Other Decks in Technology
See All in Technology
FOSS4G 2025 KANSAI QGISで点群データをいろいろしてみた
kou_kita
0
340
FrankenPHPでLaravelを動かしてみよう
yousaku
0
100
KubeCon + CloudNativeCon Japan 2025 Recap by CA
ponkio_o
PRO
0
270
Github Copilot エージェントモードで試してみた
ochtum
0
140
LangSmith×Webhook連携で実現するプロンプトドリブンCI/CD
sergicalsix
1
180
Fabric + Databricks 2025.6 の最新情報ピックアップ
ryomaru0825
1
160
Should Our Project Join the CNCF? (Japanese Recap)
whywaita
PRO
0
310
Zephyr RTOSを使った開発コンペに参加した件
iotengineer22
1
180
あなたの声を届けよう! 女性エンジニア登壇の意義とアウトプット実践ガイド #wttjp / Call for Your Voice
kondoyuko
4
530
Delegating the chores of authenticating users to Keycloak
ahus1
0
130
なぜ私はいま、ここにいるのか? #もがく中堅デザイナー #プロダクトデザイナー
bengo4com
0
1.3k
Witchcraft for Memory
pocke
1
710
Featured
See All Featured
Gamification - CAS2011
davidbonilla
81
5.3k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
48
2.9k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.7k
GraphQLとの向き合い方2022年版
quramy
49
14k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
Typedesign – Prime Four
hannesfritz
42
2.7k
Music & Morning Musume
bryan
46
6.6k
Build The Right Thing And Hit Your Dates
maggiecrowley
36
2.8k
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
Practical Orchestrator
shlominoach
188
11k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Transcript
8FC$PNQPOFOUT࣌ͷ$44σβΠϯ %FTJHOFECZ'SFFQJL
$PNQPOFOUTࢦʢ࠶ར༻ʣͷઃܭ
"UPNJD%FTJHOͱ͍͏ཧ %F/"%&4*(/#-0(ΑΓʢIUUQEFTJHOEFOBDPNʣ
‣ $PNQPOFOUT୯ҐͰσβΠϯ͓ئ͍ͯ͠Δͷʹɺඍົʹ ༷ͷҧ͏$PNQPOFOUT ‣ ۠Γઢม͑ΔҙຯͲ͜ʹ͋Δͷʁʂ ‣ Ͳ͕͜Өڹͯ͘͠Δ͔Θ͔Βͳ͍$44 ‣ JNQPSUBOUͷཚ༻ ‣
ͳ$44ઃܭʹΑΔDMBTT໊Λ͚ͭΔͨΊ͚ͩͷEJW ࠈ ‣ σόΠεຖͷදࣔͰߋʹEJWࠈ ‣ ͍ͬͯͳ͍ͣͳͷʹࣺ͍͍͔ͯͯΉDMBTT ‣ ͔͠ݸਓ͝ͱʹઃܭࢥඍົʹҧ͍ͬͯͳ͍ʁʂ ݱ࣮
৽ٕज़ʮ8FC$PNQPOFOUTʯ %F/"%&4*(/#-0(ΑΓʢIUUQEFTJHOEFOBDPNʣ <ion-button><ion-icon name="heart"></ion-icon>いいね</ion-button> <button full="" ion-button="" class="button button-md button-default
button-default-md button-full button-full-md" style="touch-action: pan-y; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transition: none;"><span class="button-inner"><ion-icon name="heart" role="img" class="icon icon-md ion-md-heart" aria- label="heart"></ion-icon>いいね</span><div class="button-effect"></ div></button>
৽ٕज़ʮ8FC$PNQPOFOUTʯ %F/"%&4*(/#-0(ΑΓʢIUUQEFTJHOEFOBDPNʣ ͬ͘͟Γ͍͏ͱɺ+BWB4DSJQUΛͬͯɺΦϦδφϧ)5.-λάΛ࡞ ΔػೳɻJGSBNFͷΑ͏ʹ$44Λதʹด͡ࠐΊΔ͜ͱՄೳɻ ‣ $VTUPN&MFNFOUT ΦϦδφϧλάΛͭ͘Δػೳ ‣ 5FNQMBUFT UFNQMBUFλάΛͬͨ)5.-ςϯϓϨʔτػೳ
‣ )5.-*NQPSUT 5FNQMBUFTΛ֎෦ϑΝΠϧԽ͢Δʢ)5.-ϑΝΠϧΛ֎෦ ϑΝΠϧʹͯ͠+BWB4DSJQUͰૢ࡞͢ΔͨΊͷͷͰ͢ʣ ‣ 4IBEPX%0. $44ͷΧϓηϧԽ 8FC$PNQPOFOUT
#PPUTUSBQੜ #PPUTUSBQੜɻϨεϙϯγϒσβΠϯΛ࠾༻ *&ੜɻશͯͷϝδϟʔϒϥβͰ$44͕ར༻Մೳʹ J04#PPUTUSBQ͕ϑϥοτσβΠϯΛ࠾༻ (PPHMFࣾϚςϦΞϧσβΠϯΛൃද
8FC$PNQPOFOUT͕ͬͯ͘Δʁʂ
None