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.2k

 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
15
3.7k
B22ff27b7826e3299c8dba2e99f2aef8?s=48 shibe97
3
500
B22ff27b7826e3299c8dba2e99f2aef8?s=48 shibe97
2
720
B22ff27b7826e3299c8dba2e99f2aef8?s=48 shibe97
4
310
B22ff27b7826e3299c8dba2e99f2aef8?s=48 shibe97
0
470
B22ff27b7826e3299c8dba2e99f2aef8?s=48 shibe97
0
80
B22ff27b7826e3299c8dba2e99f2aef8?s=48 shibe97
9
2.9k
B22ff27b7826e3299c8dba2e99f2aef8?s=48 shibe97
1
1.4k
B22ff27b7826e3299c8dba2e99f2aef8?s=48 shibe97
2
1.3k

Other Decks in Technology

See All in Technology
8a84268593355816432ceaf78777d585?s=48 dena_tech
1
220
8065fe5a0d33908c6f71c5ae28939dcd?s=48 ayatokura
0
100
A7944f54379373479a430eb9e9954587?s=48 will03
0
110
Dcea5102277e5883c29e0b15e51ae1bd?s=48 takumanakagame
1
230
7ff130a0c1a4966472a4bdfaaf05e791?s=48 chandi
0
150
1bfc6e2ed04a895bb36f36b86828b689?s=48 110y
2
11k
254ef4587f3c010fc0c52517ff5514c2?s=48 watanabeyu
0
140
Cd823abda454a7a2065fe6fe273ae84b?s=48 viva_tweet_x
1
440
Abaa70cc6ac599bb503184eb2ae03ab4?s=48 tenjuu99
1
300
18c4748985323ef0e69f3436f89fbdb8?s=48 hiroyaiizuka
0
190
A1792748885fe8f2555d9c718ee7ae53?s=48 joytomo
0
100
19fc8f6113c5c3d86e6176362ff29479?s=48 kanaugust
PRO
0
120

Featured

See All Featured
D36d2c1821af9249b69ff7f5ed60529b?s=48 tammielis
237
23k
B6a8f005f39d23ffc930508ac9da68b9?s=48 vanstee
117
4.9k
Ef32e0b1ac5082450dc8c1fca3a26b5c?s=48 cherdarchuk
71
260k
168ccec72eee0530b818d44f3fedaacf?s=48 shlominoach
176
7.5k
Aebc2d07a50011e2a30d38435fde564a?s=48 jrom
116
7.2k
027d1ebf66cc039a0bd3b55eeadbe75d?s=48 sachag
267
17k
F716e5f737fcfb03f2cf8d1a184f1dbe?s=48 nonsquared
81
3.4k
7c8469ee8c9e594c65c59b919626c08d?s=48 scottboms
251
11k
C51b39fa3c79ccb99dcb8a076bc98287?s=48 brianwarren
82
4.7k
C86443373fbfe92996aa882d0d7a59f8?s=48 imathis
479
150k
B3ace07412a5178ea778e7eec161fc0a?s=48 jcasabona
8
550
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
283
47k

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