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
74
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
510
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
事業を差別化する技術を生み出す技術
pyama86
2
430
わたしがEMとして入社した「最初の100日」の過ごし方 / EMConfJp2025
daiksy
14
5.3k
LINE NEWSにおけるバックエンド開発
lycorptech_jp
PRO
0
320
Amazon Q Developerの無料利用枠を使い倒してHello worldを表示させよう!
nrinetcom
PRO
2
120
2025/3/1 公共交通オープンデータデイ2025
morohoshi
0
100
自分だけの仮想クラスタを高速かつ効率的に作る kubefork
donkomura
0
110
Охота на косуль у древних
ashapiro
0
120
30→150人のエンジニア組織拡大に伴うアジャイル文化を醸成する役割と取り組みの変化
nagata03
0
200
開発組織を進化させる!AWSで実践するチームトポロジー
iwamot
2
480
実は強い 非ViTな画像認識モデル
tattaka
3
1.4k
AWSアカウントのセキュリティ自動化、どこまで進める? 最適な設計と実践ポイント
yuobayashi
7
950
JavaにおけるNull非許容性
skrb
2
2.7k
Featured
See All Featured
How to Ace a Technical Interview
jacobian
276
23k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
175
52k
Embracing the Ebb and Flow
colly
84
4.6k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
134
33k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
33
2.8k
Mobile First: as difficult as doing things right
swwweet
223
9.5k
The Art of Programming - Codeland 2020
erikaheidi
53
13k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
27
1.6k
BBQ
matthewcrist
87
9.5k
Fashionably flexible responsive web design (full day workshop)
malarkey
406
66k
GitHub's CSS Performance
jonrohan
1030
460k
Designing Experiences People Love
moore
140
23k
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