Upgrade to Pro — share decks privately, control downloads, hide ads and more …

ReactコンポーネントとCSSコンポーネントは1対1なのか問題について

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Kazuki Shibata Kazuki Shibata
September 27, 2016
Technology
7
5.4k

 ReactコンポーネントとCSSコンポーネントは1対1なのか問題について

React Meetup #4 でのLT資料です。

Avatar for Kazuki Shibata

Kazuki Shibata

September 27, 2016
Tweet

More Decks by Kazuki Shibata

See All by Kazuki Shibata
microCMSでif文を作る
Avatar for Kazuki Shibata shibe97
1
1.3k
SvelteKitでJamstackを試す
Avatar for Kazuki Shibata shibe97
1
1.2k
フロントエンドのトレンド〜サーバーレスSPA、Jamstack〜
Avatar for Kazuki Shibata shibe97
16
4.9k
Jamstack × PWA におけるキャッシュ戦略
Avatar for Kazuki Shibata shibe97
3
1.3k
CSR / SSR / SSGの動向2020
Avatar for Kazuki Shibata shibe97
2
1.7k
Jamstack×microCMS 実装編
Avatar for Kazuki Shibata shibe97
4
1k
SentryでSPAのエラーログを収集する
Avatar for Kazuki Shibata shibe97
1
1.8k
useRefについて調べてみた
Avatar for Kazuki Shibata shibe97
1
190
フロントエンドエンジニアのキャリアパス
Avatar for Kazuki Shibata shibe97
9
4k

Other Decks in Technology

See All in Technology
JAWS DAYS 2026 ExaWizards_20260307
Avatar for ExaWizards exawizards
0
100
トップマネジメントとコンピテンシーから考えるエンジニアリングマネジメント
Avatar for Toru Yamaguchi a.k.a zigorou zigorou
4
730
わたしがセキュアにAWSを使えるわけないじゃん、ムリムリ！(※ムリじゃなかった!?)
Avatar for cm-usuda-keisuke cmusudakeisuke
1
390
Claude Cowork Plugins を読む - Skills駆動型業務エージェント設計の実像と構造
Avatar for 西岡 賢一郎 (Kenichiro Nishioka) knishioka
0
290
【SLO】"多様な期待値" と向き合ってみた
Avatar for kaita z63d
2
310
Contract One Engineering Unit 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
0
14k
Eight Engineering Unit 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
1
6.9k
Introduction to Sansan for Engineers / エンジニア向け会社紹介
Avatar for Sansan, Inc. sansan33
PRO
6
72k
Serverless Agent Architecture on Azure / serverless-agent-on-azure
Avatar for miyake miyake
1
160
組織のSREを推進するためのPlatform EngineeringとEKS / Platform Engineering and EKS to drive SRE in your organization
Avatar for mekka chmikata
0
190
Shifting from MCP to Skills / ベストプラクティスの変遷を辿る
Avatar for Okuto Oyama yamanoku
4
650
プロジェクトマネジメントをチームに宿す -ゼロからはじめるチームプロジェクトマネジメントは活動1年未満のチームの教科書です- / 20260304 Shigeki Morizane
Avatar for SHIFT EVOLVE shift_evolve
PRO
1
130

Featured

See All Featured
Designing Experiences People Love
Avatar for Jonathan Moore moore
143
24k
The Curious Case for Waylosing
Avatar for Cassini Nazir cassininazir
0
260
Unsuck your backbone
Avatar for Amy Palamountain ammeep
672
58k
Ten Tips & Tricks for a 🌱 transition
Avatar for Manu Carrasco Molina stuffmc
0
84
The B2B funnel & how to create a winning content strategy
Avatar for Katarina Dahlin katarinadahlin
PRO
1
290
From π to Pie charts
Avatar for Rasagy Sharma rasagy
0
150
AI in Enterprises - Java and Open Source to the Rescue
Avatar for ivargrimstad ivargrimstad
0
1.2k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
770
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
50
14k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
183
10k
A Soul's Torment
Avatar for Nat Ma seathinner
5
2.4k
Building an army of robots
Avatar for Kyle Neath kneath
306
46k

Transcript

  1. 3FBDUίϯϙʔωϯτͱ$44ίϯϙʔωϯτ͸
 ରͳͷ͔໰୊ʹ͍ͭͯ !TIJCF

  2. σβΠφʔ / ϑϩϯτΤϯυΤϯδχΞ γϕ @shibe97

  3. ॳΊʹݴ͓ͬͯ͘ͱ

  4. ๻͸ର೿Ͱ͢

  5. Ҏલ͸ର͡Όͳ͍೿Ͱͨ͠

  6. ͔͠͠ɺ࠷ۙ͸Ұपճͬͯɺ ΍ͬͺର͡ΌͶʁͬͯͳͬͯ·͢

  7. 3FBDUίϯϙʔωϯτ ͱ $44ίϯϙʔωϯτ

  8. )5.-ͷ·ͱ·Γ ͱ $44ͷ·ͱ·Γ

  9. )5.-΋$44΋ͲͪΒ΋7JFXΛදݱ͢ΔͨΊͷ΋ͷ $44͸)5.-ʹඥͮ͘ ෼ղͰ͖Δཻ౓΋౳͍͠

  10. 3FBDUίϯϙʔωϯτ͸7JFXͱϩδοΫΛ ෼཭͢Δ͜ͱͰ͔ͳΓࡉ͔͘෼ղͰ͖Δ

  11. 1SFTFOUBUJPOBMBOE$POUBJOFS$PNQPOFOUT 1SFTFOUBUJPOBM$PNQPOFOU ࠶ར༻ՄೳͳϐϡΞͳίϯϙʔωϯτ $POUBJOFS$PNQPOFOU SFEVYͷDPOOFDU ؔ਺Λར༻͠ɺDPNQPOFOUBDUJPOTUPSFΛඥ෇͚Δ

  12. 5XJUUFSͷλΠϜϥΠϯͷྫ

  13. )PNF5JNFMJOFͱ.FOUJPOT5JNFMJOF

  14. 5JNFMJOF ίϯϙʔωϯτ 5JNFMJOF ίϯϙʔωϯτ

  15. 5JNFMJOF ίϯϙʔωϯτ 5JNFMJOF ίϯϙʔωϯτ )PNF5JNFMJOFίϯςφ .FOUJPOT5JNFMJOFίϯςφ

  16. 5JNFMJOF ίϯϙʔωϯτ 5JNFMJOF ίϯϙʔωϯτ )PNF5JNFMJOFίϯςφ .FOUJPOT5JNFMJOFίϯςφ UIJTQSPQTHFU5JNFMJOF HFU)PNF5JNFMJOF HFU.FOUJPOT5JNFMJOF

  17. +49CSPXTFSJGZXFCQBDL ͕ঢ়گΛม͑ͨ

  18. +49ͱͯ͠)5.-Λ+4্Ͱ؅ཧͰ͖ΔΑ͏ʹͳͬͨ CSPXTFSJGZXFCQBDLΛ༻͍ͯɺ+4ϑΝΠϧΛ෼ׂͯ͠
 ؅ཧͰ͖ΔΑ͏ʹͳͬͨ )5.-͕$44ͱಉ౳ʹ෼ׂͰ͖ΔͷͰ͋Ε͹ɺཻ౓͸ἧ͏

  19. "UPNJD%FTJHO

  20. ͜ΕҎ্ ෼ׂͰ͖ͳ͍୯Ґ 

  21. 8FCʹ͓͍ͯɺίϯϙʔωϯτ͸ )5.-Ͱߏ੒͞Ε͍ͯΔ

  22. ͜ΕҎ্෼ղͰ͖ͳ͍
 )5.-ͷঢ়ଶͱ͸ʁ

  23. )5.-λάͦͷ΋ͷ 

  24. ۃ୺ͳ࿩ɺ%0.͕ͭͭ
 ίϯϙʔωϯτʹ੒Γ͏Δ

  25. %0.πϦʔ

  26. %0.πϦʔ "UPN

  27. %0.πϦʔ .PMFDVMF

  28. %0.πϦʔ 0SHBOJTN

  29. %0.πϦʔ

  30. ϕετ͸"UPN୯ҐͰ
 ίϯϙʔωϯτԽ

  31. ͨͩ͠ɺ޻਺ͱͷ݉Ͷ߹͍΋͋Δ ڞ௨Խ͢΂͖΋ͷ͕ग़͖ͯͨλΠϛϯάͰখ͍͞
 ίϯϙʔωϯτʹ෼ղ͍ͯ͘͠ͷ΋͋Γ

  32. None
  33. None
  34. None

  35. ͚ͩ͜͜ίϯϙʔωϯτԽ͢Δ͜ͱʹ
 ҙຯ͸͋Δͷʁ 2

  36. ҙຯ͸͋Δ "

  37. /BNFγϕ/BNF

  38. /BNFKT

  39. ελΠϧࠐΈͷίϯϙʔωϯτʹͰ͖Δ ϝϦοτ

  40. None
  41. None
  42. None

  43. ଞͷίϯϙʔωϯτʹྲྀ༻Ͱ͖Δ ϝϦοτ

  44. $44ίϯϙʔωϯτͷ೉͍͠ͱ͜Ζ ద༻͢ΔελΠϧ͸ίϯϙʔωϯτ಺ʹด͍ͯ͡Δඞཁ͕͋Δ ֎෦ʹӨڹͷ͋ΔελΠϧ͸֎ଆʢ਌ʣͷίϯϙʔωϯτͰࢦఆ ͢Δ΂͖

  45. 4DSFFO/BNF\ DPMPS qPBUMFGU NBSHJOMFGUQY ^ DMBTT/BNFl4DSFFO/BNFz DTT KTY

  46. 4DSFFO/BNF\ DPMPS qPBUMFGU NBSHJOMFGUQY ^ º º DMBTT/BNFl4DSFFO/BNFz DTT KTY

  47. 4DSFFO/BNF\ DPMPS qPBUMFGU NBSHJOMFGUQY ^ º º 5XFFU@@TDSFFO/BNF\ qPBUMFGU NBSHJOMFGUQY

    ^ DMBTT/BNFl4DSFFO/BNF5XFFU@@TDSFFO/BNFz DTT KTY

  48. յΕͳ͍$44ʹ͢ΔͨΊʹ ֤$44ίϯϙʔωϯτʹඞཁͳ͜ͱ ࣗ෼ࣗ਎ͷελΠϦϯά ࢠίϯϙʔωϯτͷϨΠΞ΢τ

  49. ਌͸ࢠཁૉΛ஌͍ͬͯΔ ࢠ͸਌ཁૉΛ஌Βͳ͍

  50. ͦΕͬͯ3FBDUίϯϙʔωϯτ΋Ұॹ

  51. ͔ͩΒཻ౓΋ἧ͏

  52. ·ͱΊ 3FBDUίϯϙʔωϯτ΋$44ίϯϙʔωϯτͱಉ౳ͷཻ౓Ͱ ࡉ෼ԽͰ͖Δʢ͸ͣʣ ίϯϙʔωϯτ͸ࡉ෼Խ͢Δʹӽͨ͜͠ͱ͸ͳ͍͕ɺ
 ޻਺ͱͷτϨʔυΦϑ

  53. 5IBOLT !TIJCF