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
No Install CMS戦略 〜 5年先を見据えたフロントエンド開発を考える / no_install_cms
rdlabo
0
500
本当に欲しかったのはモノレポツールではなく、tsconfigの設定だった / monorepo-tsconfig
rdlabo
1
200
Reactフレームワークプロダクトを モバイルアプリにして、もっと便利に。 ユーザに価値を届けよう。/React Framework with Capacitor
rdlabo
0
340
プライベートプロダクト戦略 - フロントエンドカンファレンス沖縄 / private_product_frontend
rdlabo
3
4.5k
GitHubをCMSとして使う話/ using_github_as_CMS
rdlabo
0
480
JavaScriptから デバイスの力を100%引き出すための Web APIとCapacitor入門 / power_from_javascript
rdlabo
0
560
Capacitor4_release
rdlabo
0
630
Web技術で稼ぐため選択肢を俯瞰しよう/options_to_earn_web_technology
rdlabo
0
140
Ionicモバイルアプリ制作入門/get_started_with_ionic
rdlabo
0
140
Other Decks in Technology
See All in Technology
LLMを搭載したプロダクトの品質保証の模索と学び
qa
0
1.1k
会社紹介資料 / Sansan Company Profile
sansan33
PRO
6
380k
株式会社ログラス - 会社説明資料【エンジニア】/ Loglass Engineer
loglass2019
4
65k
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
10
75k
CDK CLIで使ってたあの機能、CDK Toolkit Libraryではどうやるの?
smt7174
4
190
dbt開発 with Claude Codeのためのガードレール設計
10xinc
2
1.3k
初めてAWSを使うときのセキュリティ覚書〜初心者支部編〜
cmusudakeisuke
1
280
普通のチームがスクラムを会得するたった一つの冴えたやり方 / the best way to scrum
okamototakuyasr2
0
110
DroidKaigi 2025 Androidエンジニアとしてのキャリア
mhidaka
2
380
メルカリIBISの紹介
0gm
0
210
「Linux」という言葉が指すもの
sat
PRO
4
140
新規プロダクトでプロトタイプから正式リリースまでNext.jsで開発したリアル
kawanoriku0
1
210
Featured
See All Featured
The Cost Of JavaScript in 2023
addyosmani
53
8.9k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
15k
Typedesign – Prime Four
hannesfritz
42
2.8k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
[RailsConf 2023] Rails as a piece of cake
palkan
57
5.8k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Site-Speed That Sticks
csswizardry
10
820
Art, The Web, and Tiny UX
lynnandtonic
303
21k
Facilitating Awesome Meetings
lara
55
6.5k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
The Straight Up "How To Draw Better" Workshop
denniskardys
236
140k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
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