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

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

B22ff27b7826e3299c8dba2e99f2aef8?s=47 Kazuki Shibata
September 27, 2016
Technology
7
4.3k

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

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

B22ff27b7826e3299c8dba2e99f2aef8?s=128

Kazuki Shibata

September 27, 2016
Tweet

More Decks by Kazuki Shibata

See All by Kazuki Shibata
B22ff27b7826e3299c8dba2e99f2aef8?s=48 shibe97
16
4k
B22ff27b7826e3299c8dba2e99f2aef8?s=48 shibe97
3
570
B22ff27b7826e3299c8dba2e99f2aef8?s=48 shibe97
2
780
B22ff27b7826e3299c8dba2e99f2aef8?s=48 shibe97
4
320
B22ff27b7826e3299c8dba2e99f2aef8?s=48 shibe97
0
540
B22ff27b7826e3299c8dba2e99f2aef8?s=48 shibe97
1
88
B22ff27b7826e3299c8dba2e99f2aef8?s=48 shibe97
9
2.9k
B22ff27b7826e3299c8dba2e99f2aef8?s=48 shibe97
1
1.5k
B22ff27b7826e3299c8dba2e99f2aef8?s=48 shibe97
2
1.3k

Other Decks in Technology

See All in Technology
65f840d22d4507284fc10332fdde00fe?s=48 lulak21
0
130
Fecdd3417cd7375cc0bd0352d72db27e?s=48 1ftseabass
PRO
0
100
26afa82334d1037f0ba602272b950c90?s=48 kazuhitotakahashi
0
230
8e308462954f8c38cc60dabb8b7bc6a3?s=48 widstkyi
0
110
9cdd446fb259ec93e52d4388f60197f8?s=48 karamem0
0
210
1fbd94fe0e6c61f43710f4fbb7e1ecdf?s=48 hashiyaman
0
390
B22a79a9c1bf42c1825ce42dedd41765?s=48 shinpsan
0
280
105adfe7203d81662325e3030181400c?s=48 nakamods320yen
0
1.3k
4dca78303031ea5acf25b0183cd900f8?s=48 kanasann1106
0
250
9a38c60104a629648564527582d071c6?s=48 ta28masa
0
100
Cdf97a1b1b132c56582773c3ba09a3a6?s=48 rakus_dev
0
310
573d75e1a72107ff5c806d7e70a9e67d?s=48 michimani
1
320

Featured

See All Featured
C44e1f7e22c3f23cff7bc130871047ef?s=48 eileencodes
115
26k
9fa239b3154a0169d99ab7bf1422dd12?s=48 marcelosomers
221
15k
B47b288784fda77a94aeb234ca743c24?s=48 keavy
108
15k
7cbd3f5f922d798cc312eaf596de7ae6?s=48 iamctodd
25
2.4k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
146
20k
B3ace07412a5178ea778e7eec161fc0a?s=48 jcasabona
8
660
5ce91fa49a613cbc3e20d5f96856473f?s=48 edds
56
9.4k
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
298
40k
027d1ebf66cc039a0bd3b55eeadbe75d?s=48 sachag
446
36k
Ae14cc4491ac334f9cd23f9f93b4305e?s=48 orderedlist
PRO
331
36k
11c84dff30266b907714802088852677?s=48 jasonvnalue
83
8.2k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
780
240k

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