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
ReactコンポーネントとCSSコンポーネントは1対1なのか問題について
Search
Kazuki Shibata
September 27, 2016
Technology
7
5.3k
ReactコンポーネントとCSSコンポーネントは1対1なのか問題について
React Meetup #4 でのLT資料です。
Kazuki Shibata
September 27, 2016
Tweet
Share
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.9k
Jamstack × PWA におけるキャッシュ戦略
shibe97
3
1.2k
CSR / SSR / SSGの動向2020
shibe97
2
1.6k
Jamstack×microCMS 実装編
shibe97
4
960
SentryでSPAのエラーログを収集する
shibe97
1
1.7k
useRefについて調べてみた
shibe97
1
160
フロントエンドエンジニアのキャリアパス
shibe97
9
3.8k
Other Decks in Technology
See All in Technology
Oracle Cloud Infrastructure:2025年6月度サービス・アップデート
oracle4engineer
PRO
2
280
AWS アーキテクチャ作図入門/aws-architecture-diagram-101
ma2shita
30
11k
Yamla: Rustでつくるリアルタイム性を追求した機械学習基盤 / Yamla: A Rust-Based Machine Learning Platform Pursuing Real-Time Capabilities
lycorptech_jp
PRO
4
140
製造業からパッケージ製品まで、あらゆる領域をカバー!生成AIを利用したテストシナリオ生成 / 20250627 Suguru Ishii
shift_evolve
PRO
1
140
Delegating the chores of authenticating users to Keycloak
ahus1
0
130
エンジニア向け技術スタック情報
kauche
1
290
A2Aのクライアントを自作する
rynsuke
1
210
Snowflake Summit 2025 データエンジニアリング関連新機能紹介 / Snowflake Summit 2025 What's New about Data Engineering
tiltmax3
0
320
急成長を支える基盤作り〜地道な改善からコツコツと〜 #cre_meetup
stefafafan
0
130
PHPでWebブラウザのレンダリングエンジンを実装する
dip_tech
PRO
0
210
AWS テクニカルサポートとエンドカスタマーの中間地点から見えるより良いサポートの活用方法
kazzpapa3
2
570
第9回情シス転職ミートアップ_テックタッチ株式会社
forester3003
0
260
Featured
See All Featured
Testing 201, or: Great Expectations
jmmastey
42
7.5k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.5k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
17
950
Gamification - CAS2011
davidbonilla
81
5.3k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3k
4 Signs Your Business is Dying
shpigford
184
22k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
5
230
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
20
1.3k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
181
53k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
48
5.4k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
Docker and Python
trallard
44
3.4k
Transcript
3FBDUίϯϙʔωϯτͱ$44ίϯϙʔωϯτ ରͳͷ͔ʹ͍ͭͯ !TIJCF
σβΠφʔ / ϑϩϯτΤϯυΤϯδχΞ γϕ @shibe97
ॳΊʹݴ͓ͬͯ͘ͱ
ରͰ͢
Ҏલର͡Όͳ͍Ͱͨ͠
͔͠͠ɺ࠷ۙҰपճͬͯɺ ͬͺର͡ΌͶʁͬͯͳͬͯ·͢
3FBDUίϯϙʔωϯτ ͱ $44ίϯϙʔωϯτ
)5.-ͷ·ͱ·Γ ͱ $44ͷ·ͱ·Γ
)5.-$44ͲͪΒ7JFXΛදݱ͢ΔͨΊͷͷ $44)5.-ʹඥͮ͘ ղͰ͖Δཻ͍͠
3FBDUίϯϙʔωϯτ7JFXͱϩδοΫΛ ͢Δ͜ͱͰ͔ͳΓࡉ͔͘ղͰ͖Δ
1SFTFOUBUJPOBMBOE$POUBJOFS$PNQPOFOUT 1SFTFOUBUJPOBM$PNQPOFOU ࠶ར༻ՄೳͳϐϡΞͳίϯϙʔωϯτ $POUBJOFS$PNQPOFOU SFEVYͷDPOOFDU ؔΛར༻͠ɺDPNQPOFOUBDUJPOTUPSFΛඥ͚Δ
5XJUUFSͷλΠϜϥΠϯͷྫ
)PNF5JNFMJOFͱ.FOUJPOT5JNFMJOF
5JNFMJOF ίϯϙʔωϯτ 5JNFMJOF ίϯϙʔωϯτ
5JNFMJOF ίϯϙʔωϯτ 5JNFMJOF ίϯϙʔωϯτ )PNF5JNFMJOFίϯςφ .FOUJPOT5JNFMJOFίϯςφ
5JNFMJOF ίϯϙʔωϯτ 5JNFMJOF ίϯϙʔωϯτ )PNF5JNFMJOFίϯςφ .FOUJPOT5JNFMJOFίϯςφ UIJTQSPQTHFU5JNFMJOF HFU)PNF5JNFMJOF HFU.FOUJPOT5JNFMJOF
+49CSPXTFSJGZXFCQBDL ͕ঢ়گΛม͑ͨ
+49ͱͯ͠)5.-Λ+4্ͰཧͰ͖ΔΑ͏ʹͳͬͨ CSPXTFSJGZXFCQBDLΛ༻͍ͯɺ+4ϑΝΠϧΛׂͯ͠ ཧͰ͖ΔΑ͏ʹͳͬͨ )5.-͕$44ͱಉʹׂͰ͖ΔͷͰ͋Εɺཻἧ͏
"UPNJD%FTJHO
͜ΕҎ্ ׂͰ͖ͳ͍୯Ґ
8FCʹ͓͍ͯɺίϯϙʔωϯτ )5.-Ͱߏ͞Ε͍ͯΔ
͜ΕҎ্ղͰ͖ͳ͍ )5.-ͷঢ়ଶͱʁ
)5.-λάͦͷͷ
ۃͳɺ%0.͕ͭͭ ίϯϙʔωϯτʹΓ͏Δ
%0.πϦʔ
%0.πϦʔ "UPN
%0.πϦʔ .PMFDVMF
%0.πϦʔ 0SHBOJTN
%0.πϦʔ
ϕετ"UPN୯ҐͰ ίϯϙʔωϯτԽ
ͨͩ͠ɺͱͷ݉Ͷ߹͍͋Δ ڞ௨Խ͖͢ͷ͕ग़͖ͯͨλΠϛϯάͰখ͍͞ ίϯϙʔωϯτʹղ͍ͯ͘͠ͷ͋Γ
None
None
None
͚ͩ͜͜ίϯϙʔωϯτԽ͢Δ͜ͱʹ ҙຯ͋Δͷʁ 2
ҙຯ͋Δ "
/BNFγϕ/BNF
/BNFKT
ελΠϧࠐΈͷίϯϙʔωϯτʹͰ͖Δ ϝϦοτ
None
None
None
ଞͷίϯϙʔωϯτʹྲྀ༻Ͱ͖Δ ϝϦοτ
$44ίϯϙʔωϯτͷ͍͠ͱ͜Ζ ద༻͢ΔελΠϧίϯϙʔωϯτʹด͍ͯ͡Δඞཁ͕͋Δ ֎෦ʹӨڹͷ͋ΔελΠϧ֎ଆʢʣͷίϯϙʔωϯτͰࢦఆ ͢Δ͖
4DSFFO/BNF\ DPMPS qPBUMFGU NBSHJOMFGUQY ^ DMBTT/BNFl4DSFFO/BNFz DTT KTY
4DSFFO/BNF\ DPMPS qPBUMFGU NBSHJOMFGUQY ^ º º DMBTT/BNFl4DSFFO/BNFz DTT KTY
4DSFFO/BNF\ DPMPS qPBUMFGU NBSHJOMFGUQY ^ º º 5XFFU@@TDSFFO/BNF\ qPBUMFGU NBSHJOMFGUQY
^ DMBTT/BNFl4DSFFO/BNF5XFFU@@TDSFFO/BNFz DTT KTY
յΕͳ͍$44ʹ͢ΔͨΊʹ ֤$44ίϯϙʔωϯτʹඞཁͳ͜ͱ ࣗࣗͷελΠϦϯά ࢠίϯϙʔωϯτͷϨΠΞτ
ࢠཁૉΛ͍ͬͯΔ ࢠཁૉΛΒͳ͍
ͦΕͬͯ3FBDUίϯϙʔωϯτҰॹ
͔ͩΒཻἧ͏
·ͱΊ 3FBDUίϯϙʔωϯτ$44ίϯϙʔωϯτͱಉͷཻͰ ࡉԽͰ͖Δʢͣʣ ίϯϙʔωϯτࡉԽ͢Δʹӽͨ͜͠ͱͳ͍͕ɺ ͱͷτϨʔυΦϑ
5IBOLT !TIJCF