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

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

Kazuki Shibata
September 27, 2016
Technology
7
5.2k

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

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

Kazuki Shibata

September 27, 2016
Tweet

More Decks by Kazuki Shibata

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

Other Decks in Technology

See All in Technology
あなたが人生で成功するための 5つの普遍的法則 #jawsug #jawsdays2025 / 20250301 HEROZ
yoshidashingo
2
290
【詳説】コンテンツ配信 システムの複数機能 基盤への拡張
hatena
0
230
（機械学習システムでも） SLO から始める信頼性構築 - ゆる SRE#9 2025/02/21
daigo0927
0
270
Ruby on Railsで持続可能な開発を行うために取り組んでいること
am1157154
3
150
DevinでAI AWSエンジニア製造計画 序章 〜CDKを添えて〜/devin-load-to-aws-engineer
tomoki10
0
120
AWSではじめる Web APIテスト実践ガイド / A practical guide to testing Web APIs on AWS
yokawasa
8
680
実は強い 非ViTな画像認識モデル
tattaka
2
1.2k
開発組織を進化させる！AWSで実践するチームトポロジー
iwamot
2
360
30→150人のエンジニア組織拡大に伴うアジャイル文化を醸成する役割と取り組みの変化
nagata03
0
170
RemoveだらけのPHPUnit 12に備えよう
cocoeyes02
0
290
入門 PEAK Threat Hunting @SECCON
odorusatoshi
0
150
内製化を加速させるlaC活用術
nrinetcom
PRO
2
140

Featured

See All Featured
Gamification - CAS2011
davidbonilla
80
5.2k
Why Our Code Smells
bkeepers
PRO
336
57k
Writing Fast Ruby
sferik
628
61k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
193
16k
Producing Creativity
orderedlist
PRO
344
40k
Into the Great Unknown - MozCon
thekraken
35
1.6k
Large-scale JavaScript Application Architecture
addyosmani
511
110k
Building a Scalable Design System with Sketch
lauravandoore
461
33k
GraphQLとの向き合い方2022年版
quramy
44
14k
Optimising Largest Contentful Paint
csswizardry
34
3.1k
Documentation Writing (for coders)
carmenintech
67
4.6k
Designing for Performance
lara
604
68k

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