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.6k
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
プライベートプロダクト戦略 - フロントエンドカンファレンス沖縄 / private_product_frontend
rdlabo
3
3.6k
GitHubをCMSとして使う話/ using_github_as_CMS
rdlabo
0
250
JavaScriptから デバイスの力を100%引き出すための Web APIとCapacitor入門 / power_from_javascript
rdlabo
0
340
Capacitor4_release
rdlabo
0
560
Web技術で稼ぐため選択肢を俯瞰しよう/options_to_earn_web_technology
rdlabo
0
85
Ionicモバイルアプリ制作入門/get_started_with_ionic
rdlabo
0
86
JavaScript から デバイスの力を 100%引き出すための Capacitor と Angular でのはじめかた。
rdlabo
2
1.6k
JavaScriptとSwift&JavaをつなげるCapacitorと、これからのWeb Frontend/Linking JavaScript with Swift&Java, And the future of Web Frontend.
rdlabo
0
3.3k
NestJSを活用したREST APIサーバ/REST_API_SERVER_BY_NESTJS
rdlabo
0
1.3k
Other Decks in Technology
See All in Technology
Databricksを活用してDELISH KITCHENのレシピレコメンドを開発した話
furu8
0
250
プロデザ! BY リクルート vol.18_リクルートのリサーチ実践組織「リサーチブーストコミュニティ」
recruitengineers
PRO
3
240
インシデントレスポンスのライフサイクルを廻すポイントってなに / Pinpoints of Incidentresponse Lifecycle for Operation
sakaitakeshi
1
300
レガシーをぶっ壊せ。AEONで始めるDevRelの話 / Qiita Night 2024-2-22
aeonpeople
3
150
A (short) History of AI
harishpillay
0
110
Tableau事例紹介 / Tableau Case Study of Eureka
kazuya_araki_tokyo
1
170
プロトタイピングによる不確実性の低減 / Reducing Uncertainty through Prototyping
ohbarye
3
220
アプリがつくるNOT A HOTELブランド
hokuts
1
450
マルチアカウント環境への発見的統制の導入
ch1aki
1
1.3k
SREとその組織類型
tatsuo48
8
1.5k
コンテナセキュリティの基本と脅威への対策
kyohmizu
3
680
社内勉強会運営のコツ
senoo
6
1.1k
Featured
See All Featured
Visualization
eitanlees
135
14k
How to name files
jennybc
64
92k
KATA
mclloyd
14
12k
Fashionably flexible responsive web design (full day workshop)
malarkey
397
65k
Building Better People: How to give real-time feedback that sticks.
wjessup
354
18k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
5
1.5k
Done Done
chrislema
178
15k
Robots, Beer and Maslow
schacon
PRO
155
7.9k
10 Git Anti Patterns You Should be Aware of
lemiorhan
646
57k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
76
41k
VelocityConf: Rendering Performance Case Studies
addyosmani
320
23k
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3k
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