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
73
Reactフレームワークプロダクトを モバイルアプリにして、もっと便利に。 ユーザに価値を届けよう。/React Framework with Capacitor
rdlabo
0
210
プライベートプロダクト戦略 - フロントエンドカンファレンス沖縄 / private_product_frontend
rdlabo
3
4.3k
GitHubをCMSとして使う話/ using_github_as_CMS
rdlabo
0
390
JavaScriptから デバイスの力を100%引き出すための Web APIとCapacitor入門 / power_from_javascript
rdlabo
0
500
Capacitor4_release
rdlabo
0
600
Web技術で稼ぐため選択肢を俯瞰しよう/options_to_earn_web_technology
rdlabo
0
120
Ionicモバイルアプリ制作入門/get_started_with_ionic
rdlabo
0
110
JavaScript から デバイスの力を 100%引き出すための Capacitor と Angular でのはじめかた。
rdlabo
2
1.8k
Other Decks in Technology
See All in Technology
Amazon Q Developerの無料利用枠を使い倒してHello worldを表示させよう!
nrinetcom
PRO
2
110
IAMポリシーのAllow/Denyについて、改めて理解する
smt7174
2
200
Aurora PostgreSQLがCloudWatch Logsに 出力するログの課金を削減してみる #jawsdays2025
non97
1
200
ABWG2024採択者が語るエンジニアとしての自分自身の見つけ方〜発信して、つながって、世界を広げていく〜
maimyyym
1
150
ESXi で仮想化した ARM 環境で LLM を動作させてみるぞ
unnowataru
0
170
【Findy】「正しく」失敗できる チームの作り方 〜リアルな事例から紐解く失敗を恐れない組織とは〜 / A team that can fail correctly by findy
i35_267
5
870
AIエージェント入門
minorun365
PRO
31
17k
Ruby on Railsで持続可能な開発を行うために取り組んでいること
am1157154
3
140
AWSではじめる Web APIテスト実践ガイド / A practical guide to testing Web APIs on AWS
yokawasa
8
670
AWSを活用したIoTにおけるセキュリティ対策のご紹介
kwskyk
0
350
Perlの生きのこり - エンジニアがこの先生きのこるためのカンファレンス2025
kfly8
2
270
PHPで印刷所に入稿できる名札データを作る / Generating Print-Ready Name Tag Data with PHP
tomzoh
0
180
Featured
See All Featured
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
12
990
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
For a Future-Friendly Web
brad_frost
176
9.6k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
Designing for humans not robots
tammielis
250
25k
Designing on Purpose - Digital PM Summit 2013
jponch
117
7.1k
We Have a Design System, Now What?
morganepeng
51
7.4k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.7k
Automating Front-end Workflow
addyosmani
1368
200k
Unsuck your backbone
ammeep
669
57k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
33
2.8k
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