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
500日のトライエラーから生まれた大規模設計ノウハウ / Frontend Conferenc...
Search
OKUNOKENTARO
December 08, 2018
Technology
32
9.1k
500日のトライエラーから生まれた大規模設計ノウハウ / Frontend Conference Fukuoka 2018
2018/12/8 Frontend Conference Fukuoka 2018にて発表した資料です。
OKUNOKENTARO
December 08, 2018
Tweet
Share
More Decks by OKUNOKENTARO
See All by OKUNOKENTARO
トレタO/X アーキテクチャ移行記 Next.js App Router化への道のり / TORETA TECH UPDATE 1
okunokentaro
2
560
Podcastを継続する技術 / refactoradio-240119
okunokentaro
1
150
Webアプリケーション設計の第一歩は ディレクトリの整理から / Encraft 1
okunokentaro
33
9.8k
JSONとJSON Schemaを改めて理解する / tokyo_study
okunokentaro
9
2.1k
それでもどうしてRecoilを使うのか / Harajuku.ts Meetup Recoil
okunokentaro
19
5.3k
TypeScriptは10年でこんなに進化しました / TechFeed Experts Night 11
okunokentaro
6
1.6k
Hasura.io RDBをサクサク作る方法はARやO/RMだけじゃなくなりました/hasura-io
okunokentaro
5
610
コードには型アノテーションよりも要件アノテーションを増やせ!/harajukuts2
okunokentaro
13
6.1k
10年と3ヶ月でWebサービスを作った話 / Piyogrammer Conference 2021
okunokentaro
2
970
Other Decks in Technology
See All in Technology
React Aria で実現する次世代のアクセシビリティ
ryo_manba
3
290
Oracle Database 23ai 新機能 #3 Oracle Globally Distributed Database(GDD)
oracle4engineer
PRO
1
160
標準ライブラリの奥深アップデートを掘り下げよう!
logica0419
2
390
APIのドキュメント化何使ってますか?
miu_crescent
2
160
Datadogの便利な使い方 - 意外と知らない?CoScreenとCloudcraft
taijihagino
PRO
1
600
PlaywrightによるE2Eテスト入門 / Introduction to E2E Testing with Playwright
rhumie
3
910
Bidirectional Quadratic Voting Leveraging Issue-Based Matching
kentaro
2
170
強いチームを夢見て-PMからSREに転身して1年の振り返り / 20240906_bengo4_sre
bengo4com
1
750
分野に潜むツールの紹介
pojiro
1
330
日経電子版から始まった内製開発の現在地と向き合っている課題/inhouse
nishiuma
0
230
Estrategias de escalabilidade para projetos web
jessilyneh
1
150
タイミーのBraze活用 ~PUSH通知を活用したレコメンド~
ozeshun
2
120
Featured
See All Featured
Statistics for Hackers
jakevdp
793
220k
A Tale of Four Properties
chriscoyier
155
22k
Building Flexible Design Systems
yeseniaperezcruz
324
37k
Raft: Consensus for Rubyists
vanstee
135
6.5k
Web development in the modern age
philhawksworth
204
10k
Side Projects
sachag
451
42k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
246
1.3M
Build your cross-platform service in a week with App Engine
jlugia
228
18k
Testing 201, or: Great Expectations
jmmastey
35
6.9k
Art, The Web, and Tiny UX
lynnandtonic
294
20k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
662
120k
Six Lessons from altMBA
skipperchong
26
3.3k
Transcript
ͷ τϥΠΤϥʔ͔Βੜ·Εͨ େنઃܭϊϋ %FD 'SPOUFOE$POGFSFODF'VLVPLB !PLVOPLFOUBSP
w Ԟݡଠ!PLVOPLFOUBSP w ΫϨεΣΞද w ΞϓϦέʔγϣϯ ɾ ΤϯδχΞ
w 8FC.VTJDٕज़Λ༻͍ͨαʔϏεͷ্ཱͪ͛ w େنϑϩϯ τΤϯυͷઃܭ ɾ ։ൃ ɾ ίʔ υ
ϨϏϡʔ w ίϯαϧςΟ ϯά ɾ ొஃ ɾ ࣥච w "OHVMBSຊϢʔβʔձ෭ΦʔΨφΠβ OHLZPUPΦʔΨφΠβ
w ࠓճͷΛฉ্͘Ͱͷલఏ w Ҋ݅ͷछྨແݶେ w ݸʑਓͷ࠷దղͤͳ͍ w ʮ͜Ε͑͞Ε0,ʯ Έ͍ͨͳ۩ମྫͷͰ͖ͳ͍ w
ࠓճͷ͕ͦΕͧΕݱͰͷؾ͖ʹͳΕ
https://speakerdeck.com/okunokentaro
2େنͷͳʹ͕େม ʁ
"νʔϜͰ։ൃ͢Δ͜ͱ͕େม
ઃܭͱ νʔϜͷΛ͢Δલʹ
w ظઃܭ w தظઃܭ w ࠜຊతઃܭ ઃܭͱ
w ઃܭ֓ ʢϑϩϯ τΤϯ υʹ͓͍ͯʣ w ෛ࠴ੜ·ΕΔ w ෛ࠴ͷฦࡁΛৗʹߟྀ͢Δ
w ઃܭʹऴΘΓͳ͍ ઃܭͱ
ࠜຊతઃܭ தظઃܭ ظઃܭ ઃܭͱ
ࠜຊతઃܭ தظઃܭ ظઃܭ ˑˑˑ ˒ˑˑ ˒˒˒ ઃܭͱ ฦࡁͷ͢͠͞
w ϑΣʔζ͝ͱʹڞ௨͢Δߟ͑ํ w ͲΕ͚ͩϠό͍Λ༧ݟͰ͖Δ͔ w εΩϧґଘ w Ϡό͍߹͍ϑΣʔζ͝ͱʹ͕ͪ͏ ઃܭͱ
ࠜຊతઃܭϑΣʔζͰͷରࡦ
w ࠜຊతઃܭʹજΉϠό͍ w όοΫΤϯ υͷڥ ɾ ௨৴ w 63-ͷઃܭ w
ඪύϑ ΥʔϚϯε w ϑϩϯ τΤϯυ ɾ ϑ ϨʔϜϫʔΫͷબ w ΞΫηγϏϦςΟ ࠜຊతઃܭϑΣʔζͰͷରࡦ
w όοΫΤϯ υͷΠϯλϑΣʔε w 3&45"1* (SBQI2- wʮ͍·ʙʙ͚ͩͲɺ কདྷతʹʙʙʯ ͳͲͱฉ͖͑ͯͨ͜Βܯռ
w ϑϩϯ τΤϯυ ɾ όοΫΤϯ υڞʹ ؾܰʹೖΕସ͑ΒΕͳ͍ͷͰ৻ॏʹͳΔ͖Օॴ ࠜຊతઃܭϑΣʔζͰͷରࡦ
w ௨৴ج൫ϓϩ τλΠ ϐϯά͖͢ w ҰͰૹ৴͖͢ϔομ͋Δ $%/͏ ʁ w
$PPLJFͷ༷ݻΊͯ͋Δ w Τϥʔϋϯ υ Ϧ ϯά ɾ ϙϦγʔԿ w ػೳྔ࢈ޙͷஈ֊ͩͱɺ ͪΌͿฦ͠ڃͷ͕͔͔Δ w ͋Γ͕͚ͪͩͲϓϩ τλΠ ϓͷԆઢ্ͷ··։ൃ͠ଓ͚ͳ͍ ࠜຊతઃܭϑΣʔζͰͷରࡦ
w ݟམͱ͕͚ͪͩ͠ͲॳظʹΒͳ͍ͱ٧Ήཁૉ w ଟݴޠରԠ w 9)3ͷΩϟϯηϧѻ͍ ࠜຊతઃܭϑΣʔζͰͷରࡦ
w ଟݴޠରԠ w ԿΧࠃޠʹରԠ ʁ w ݴޠσʔλͲ͔͜Βऔಘ ʁ
w λΠϜκʔϯͷѻ͍ ʁ ௨՟දهͷՕॴ ʁ w 35- 3JHIUUPMFGU จԽݍؾʹ͠ͳ͘ ͍͍ͯ ʁ ࠜຊతઃܭϑΣʔζͰͷରࡦ
w 9)3ͷΩϟϯηϧѻ͍ w ແବଧͪϦΫΤε τͲ͏ͬͯࡹ͘ ʁ w unsubscribeͰ͖ͯΔ ʁ
ϝϞϦ ϦʔΫͯ͠ͳ͍ ʁ w 8PSLFS͏ ʁ w ΦϯϝϞϦ ɾ Ωϟογϡͷѻ͍ ʁ ࠜຊతઃܭϑΣʔζͰͷରࡦ
w 63-पΓ ৻ॏʹ w ӡ༻։࢝͢ΔͱϢʔβʹෛ୲Λֻ͚ΔͨΊมߋ͠ʹ͍͘ w /a/b/cͱఆΊͨͱ͖/a/bʹΞΫηεͨ͠ΒԿ͕ى͜Δ ʁ w
ϦμΠ ϨΫ τ͠ΖͱݴΘΕͨͱ͖ʹ࣮Մೳ ʁ w ιʔ τঢ়ଶݕࡧϫʔ υͲ͏දݱ͢Δ ʁ ΫΤϦύϥϝʔλ ʁ ࠜຊతઃܭϑΣʔζͰͷରࡦ
w ύϑ ΥʔϚϯεඪ ʁ ͦΕʹର͢Δཁ݅ ʁ w શ෦Γ41"ʹ͠Α ͏
ͱͯ͠ͳ͍ ʁ w ʮը໘ભҠΛΘͣදࣔΛࠩ͠ସ͍͑ͨʯ ͚ͩͰͳ͍ w ֎͔Β ʮ41"ʹ͠Α ͏ʯ ͱ͍͏͕ฉ͑ͨ͜Β Կ͕͍ͨ͠ͷ͔ཁώΞϦϯά ࠜຊతઃܭϑΣʔζͰͷରࡦ
w ࠓޙͷओྲྀ࣮֬ʹ-B[ZMPBE ʢԆಡΈࠐΈʣ w 1FSGPSNBODF#VEHFUΛఆΊΔ ࠜຊతઃܭϑΣʔζͰͷରࡦ
w 1FSGPSNBODF#VEHFU w ʮ·ͣಈ͘ ͷΛ࡞ͬͯɺ ύϑ ΥʔϚϯεܭଌ͋ͱͰʯ ͱ͍͏ߟ͑Λ͍࣋ͬͯΔਓଟ͍ w
ͻͨ͢Β࡞Δͱվળ࣌ʹखΕͳ͜ͱ w ࠜຊతߴԽʹଟେͳֻ͕͔Δɺ ͳͲ w ࠷ॳ͔ΒݶքΛఆΊ͓ͯ͘ w ͨͩ͠ૣ͗͢Δաͳ࠷దԽආ͚Δ ࠜຊతઃܭϑΣʔζͰͷରࡦ
w ϑ ϨʔϜϫʔΫΛͲ͏͢Δ͔ w ਖ਼ͳΜͰ͍͍ w ͨͩ͠ೖΕସ͑ʹ͍͘ w "OHVMBS/VYUKT٧Ί߹ΘͤͰͦΕʹै͓͚ͬͯΑ͍ w
3FBDUपลϥΠ ϒϥ Ϧͷબࢶ͕ଟ͘ݰਓ͚ wʮ7JFXΛͲ͏͢Δ͔ʯ ͕ܾ·Δ͚ͩͰଞʹΔ͜ͱࢁ΄Ͳ͋Δ ࠜຊతઃܭϑΣʔζͰͷରࡦ
w ࠜຊతઃܭϑΣʔζ֎ͷϠδͩΒ͚ w ϠδΛΒͤΔઆಘྗ ʢࠒͷࣝʣ w ຊ࣭Λݟൈ͖ɺ Ͳ͏͍͏ٕज़બఆΛ͢Δ͔ w
͜ͷϑΣʔζগਓɺ ߴʹҙࢥܾఆ͢Δ w Ϡδ௨ΓʹਐΊΔͱҊ݅ޙʹͬ͠ฦ͕͘͠ Δέʔε༗Γ ࠜຊతઃܭϑΣʔζͰͷରࡦ
தظઃܭϑΣʔζͰͷରࡦ
w தظઃܭʹજΉϠό͍ w ΞʔΩςΫνϟͷݕ౼ w େͳը໘ςϯϓϨʔ τ w ಉҰػೳͷॏෳίʔ υͩΒ͚
w ෛ࠴ͩΒ͚Ͱػೳमਖ਼ ɾ Ճ͕ࠔ தظઃܭϑΣʔζͰͷରࡦ
w ࠜຊతઃܭϑΣʔζͱͷ͕͍ͪ w ʑྲྀಈ͢Δ w ։ൃʹؔΘΔϝϯόʔͷग़ೖΓ͕૿͑Δ w ٸʹແΛݴΘΕΔ தظઃܭϑΣʔζͰͷରࡦ
w தظઃܭҰΕऴΘΓ Ͱͳ͍ w ۠Γແ͍ w ࣦഊͨ͠ͱײͯ࣍͡ʹ׆͔͢ w ৗʹසൟʹ͍ͨͩ͢ඞཁ͕͋Δ தظઃܭϑΣʔζͰͷରࡦ
ιϑτΣΞݐஙͱ͍͏ΑΓΨʔσχϯάʹ͍ۙͷͰ͢ɻ ʢதུʣ ৗʹఉͷ݈߁ঢ়ଶΛࢹͯ͠ɺඞཁͳௐΛߦ͏ͷͰ͢ɻ ୡਓϓϩάϥϚʔ "OESFX)VOU %BWJE5IPNBTڞஶଜ্խষ༁
w தظઃܭͰຊʹඞཁͳεΩϧ w ઃܭεΩϧΑ Γ ࣏ࣗεΩϧ w ఉͷ݈߁࣏҆ͷྑ͍νʔϜߴ͍ੜ࢈ੑ w ϑ
ϨʔϜϫʔΫɺ ΞʔΩςΫνϟ νʔϜͷੜ࢈ੑΛ্͛ΔͨΊ தظઃܭϑΣʔζͰͷରࡦ
w ਫͱίʔ υͷ࣭͍ํʹྲྀΕΔ w ์͓ͬͯ͘ ͱίʔ υͷ࣭Լ͠ଓ͚Δ w ίϐϖ w
ಈ͚Α͠ίʔ υ w ແࢹͷཻɺ ਆΫϥε தظઃܭϑΣʔζͰͷରࡦ
w ಈ͍ͯΔ͔Β͍͍ ʁ Ͱʜ w ػೳमਖ਼ ɾ Ճ࣌ʹ௧͍ΛݟΔ wʮͪΐͬͱՃ͢Δ͚ͩͰ͠ΐ ʁ
ʯ ͱݴΘΕͯணखͯ͠ΈͨΒʜ w ΊͪΌ͘ ͪΌղ w Ͳ͔͜ΒखΛ͚ͨΒ͍͍͔ தظઃܭϑΣʔζͰͷରࡦ
w ͜ΕΛ͙ͨΊʹ w ίʔ υ ϨϏϡʔΛ͢Δ w ίʔ υͷ࣭ʹΛޫΒͤΔ͚ͩͰͳ͘ɺ
νʔϜͷ࣭ʹΛޫΒͤΔ தظઃܭϑΣʔζͰͷରࡦ
None
"ࢯ ಈ͘ ίʔ υΛߴʹ࣮ +BWB4DSJQUͱ͖ͯ͠Ε͍ͳίʔ υΛॻ͘ ϓϩδΣΫ τݹདྷͷ෩शʹԊ͏ͷۤख ͜ΕϑΟ ΫγϣϯͰ͢ɻ
࣮ࡏͷਓ ɾ ஂମͱҰؔ͋Γ ·ͤΜɻ
"ࢯ ಈ͘ ίʔ υΛߴʹ࣮ +BWB4DSJQUͱ͖ͯ͠Ε͍ͳίʔ υΛॻ͘ ϓϩδΣΫ τݹདྷͷ෩शʹԊ͏ͷۤख #ࢯ ༷ͷཧղ͕ૣ͘
ϓϩ τλΠ ϐϯά͕ಘҙ όϥϯεΑ ࣮͘Ͱ͖Δ͕ έΞϨεϛε͕ଟ͍ ͜ΕϑΟ ΫγϣϯͰ͢ɻ ࣮ࡏͷਓ ɾ ஂମͱҰؔ͋Γ ·ͤΜɻ
"ࢯ ಈ͘ ίʔ υΛߴʹ࣮ +BWB4DSJQUͱ͖ͯ͠Ε͍ͳίʔ υΛॻ͘ ϓϩδΣΫ τݹདྷͷ෩शʹԊ͏ͷۤख #ࢯ ༷ͷཧղ͕ૣ͘
ϓϩ τλΠ ϐϯά͕ಘҙ όϥϯεΑ ࣮͘Ͱ͖Δ͕ έΞϨεϛε͕ଟ͍ $ࢯ ࠷৽ͷϓϩάϥϛϯά ɾ ύϥμΠϜʹۤઓ ͍ํཁϑΥϩʔ มؔͷ໊͚Ͱख͕ࢭ· Γ͕ͪ ͜ΕϑΟ ΫγϣϯͰ͢ɻ ࣮ࡏͷਓ ɾ ஂମͱҰؔ͋Γ ·ͤΜɻ
w νʔϜϝϯόʔʹಘख ɾ ෆಘख͕͋Δ w શһ ʢؚࣗΊʣ ͳʹ͔͠ΒͷΫη͕͋Δͱ৺ಘΔ w શʹۉ࣭ͳϨϏϡʔఘΊΔ
w ϨϏϡΠʔ͝ͱʹඍົͳईͷࠩ ʢUZQPΛΑ ͘͢Δਓɺ ໊͚͕ۤखͳਓɺ ͳͲʣ w ͜͜৴པؔͷߏஙͰղܾ தظઃܭϑΣʔζͰͷରࡦ
w ίʔ υ ϨϏϡʔͱͯෛ୲͕େ͖͍ w ҙࢥܾఆΛݮΒ͢εΩʔϜΛಋೖ͢Δ தظઃܭϑΣʔζͰͷରࡦ
ҙࢥܾఆলུεΩʔϜ தظઃܭϑΣʔζͰͷରࡦͱ ͯ͠ͷ
w ҙࢥܾఆΛݮΒ͢ w େنҊ͕݅େมͳཧ༝ɺ େ͖͍ނͷҙࢥܾఆճͷଟ͞ w ҙࢥܾఆʹରͯ͠ෛ୲ w ҙࢥܾఆऀ͕ଟ͍ͱίϛϡχέʔγϣϯίε τ૿ʹ݁
ҙࢥܾఆলུεΩʔϜ
w εΩʔϜΛಋೖ͢Δͱ w ຽओతʹจ۟ΛݴΘͤͳ͍ w ʮԶ͕͍͍ͬͪ͜ͱࢥ͏ Μ͚ͩͲʜʯ ͱϞϠϞϠͤ͞ͳ͍ w ΏΔΏΔͰΨνΨνͰμϝɺ
ݸͷݟۃΊ͕ॏཁ w ڧ͍ਓͷύϑ ΥʔϚϯεΛଛͶͣʹ ۤखͳਓ҆৺ͯ͠։ൃͰ͖Δઈົͳόϥϯεʹ ҙࢥܾఆলུεΩʔϜ
w ҙࢥܾఆলུεΩʔϜͱͯ͠Ͱ͖Δ͜ͱ w نଇΛಋೖ w ٬؍తࠜڌΛಋೖ ҙࢥܾఆলུεΩʔϜ
w نΛಋೖ w εϙʔπʹϧʔϧ ʢฏͳ݅ԼͰָ͘͠ڝٕʣ w ӡసʹಓ࿏ަ௨๏ ʢແடংͳӡసੜ໋ʹؔΘΔʣ
w νʔϜ։ൃʹنΛಋೖ͢Δ w ҆શͳϓϩάϥϜͷҡ࣋ɺ ҆৺շదͳੜ࢈ੑͷҡ࣋ ҙࢥܾఆলུεΩʔϜ
w ίʔσΟ ϯάنͷಋೖ w େલఏͱͯ͠1SFUUJFSΛڧ੍͢Δ w ਓ͕ؒࢦఠ͢Δ࣌ऴΘͬͨ w -JOUͰະ༻มͳͲΛݕग़͢Δ w
5ZQF4DSJQUʹΑΔܕ͚ҰछͷറΓʹΑΔ҆৺ͷ֫ಘ ҙࢥܾఆলུεΩʔϜ
w ࣮Օॴʹ͍ͭͯͷنͷಋೖ w ʮಈ͘ͳΒͲ͜ʹԿΛॻ͍͍͍ͯʯ ͱ͍͏ঢ়گʹ͠ͳ͍ w ୭͕ॻ͍ͯίʔ υ͕ಉ͡Α ͏ͳݟͨʹͳΔΑ ͏ʹ
w ϑ ϨʔϜϫʔΫ ɾ Φϯ ɾ ϑ ϨʔϜϫʔΫΛ࡞Εͱ͍͏Ͱͳ͍ ҙࢥܾఆলུεΩʔϜ
w νʔϜʹ٬؍తࠜڌΛಋೖ͢Δ w ͲΕ͚ͩنΛೖΕͯϓϩδΣΫ τ͝ͱʹඍௐ͕ඞཁ w ඍௐͷͨΊͷຖճͷٞɺ ίϛϡχέʔγϣϯίε τ૿ w
͍͍͚ٞͲεϜʔζʹܾΊΑ ͏ w ٬؍తࠜڌΛಋೖͯ͠ै͏ ҙࢥܾఆলུεΩʔϜ
w ٬؍తࠜڌ ʁ w ͓͓Αͦೝ͞Ε͍ͯΔΤϯδχΞϦ ϯάͷֶ w ઌਓͷֶݟͷմ w
40-*%ݪଇ ʢΦϒδΣΫ τࢦݪଇ͚ͩͲؔͷઃܭͰ༗༻ʣ w :"(/* ,*44 %3: ʢඞཁʹͳΔ·Ͱ࣮͢Δͳɺ γϯϓϧʹ͠Ζɺ ܁Γฦ͠ආ͚Ζʣ ҙࢥܾఆলུεΩʔϜ
w ίʔ υ ϨϏϡʔ٬؍తʹ w ϨϏϡʔ࣮ऀͷݸਓ߈ܸͷͰͳ͍ w ʮԶͳΜ͔͜ͷॻ͖ํΠϠʯ w
CSBODIͷࠩʹજΉຊ࣭Λղऍ্ͨ͠Ͱίϝϯ τ w ϨϏϡΞʔɺ ϨϏϡΠʔͱʹೝ͢Εҙࢥܾఆίε τμϯ w ϨϏϡΞʔਓؒͳͷͰർΕΔ ཧࣗಈԽͰ͖Δͱ͜ΖΛࣗಈԽ ҙࢥܾఆলུεΩʔϜ
w ܁Γฦ͠ίʔ υͷૣ͗͢Δڞ௨ԽͷΞϯνύλʔϯ w %3:Ͱॏෳίʔ υΛѱͱͯ͠આ͍͍ͯΔ w ͔ͨ͠ʹॏཁͳֶ w ͨͩ͠
ʮڞ௨͔ͩΒڞ௨Խʯ ѱखͰ͋Δύλʔϯ͕ଘࡏ ҙࢥܾఆলུεΩʔϜ
wʮҰॹ͔ͩͬͨΒڞ௨Խ͠·ͨ͠ʯ w ຊ࣭తʹҰॹͰͳ͍έʔε͕͋Δ w ࠓݟ͑ͯΔൣғͰͨ·ͨ·Ұகͨ͠ʹա͗ͳ͍ ҙࢥܾఆলུεΩʔϜ
wʮͭͷΫϥεͰɺ ͍͔ͭ͘ͷϓϩύςΟ໊͕ಉͩͬͨ͡ͷͰɺ ڞ௨Ϋϥεʹͯ͠ܧঝ͓͖ͯ͠·ͨ͠ʯ w Ίͨ΄͏͕͍͍ w ܧঝେͷέʔεͰෆཁ w
ػೳڞ௨ԽΛతͱͨ͠ܧঝεύήςΟ ϝʔΧʔ w ίϯϙδγϣϯΛ͏ ҙࢥܾఆলུεΩʔϜ
w υϝΠϯۦಈઃܭ w %%% %PNBJO%SJWFO%FTJHO w Ҋ݅Ͱѻ͍ͬͯΔ՝ͳΜͳͷ͔ݟͭΊ͖͔͚ͬ͢ w υϝΠϯϞσϧͱ͍͏ཻͰͷߟ͑ํ͕ʹͭ͘
ҙࢥܾఆলུεΩʔϜ
w ϑϩϯ τΤϯ υͰ࠾༻͢Δͷਖ਼͍͠ w ࣍ͷঢ়گͰ͏ · ͘ճΒͳ͍ w όοΫΤϯ
υଆͷݱঢ়͕%%%ʹແண w όοΫΤϯ υ͕ϑϩϯ τΤϯ υͱͷίϛϡχέʔγϣϯԼʹແ͍ ʢผձࣾͳͲʣ w ༷ͷશ༰Λཧղ͍ͯ͠Δਓ͕օແ ҙࢥܾఆলུεΩʔϜ
w υϝΠϯۦಈઃܭʹग़ͯ͘ Δख๏ͷҰ෦Λഈआ w %%%Λ ʮᘳʹʯ ࠾༻͢Δʹɺ ͔ͳΓશମతͳҙࢥ౷Ұ͕ඞཁ w ᘳʹ࠾༻͠Α
͏ ͱ͠ͳ͍ w %%%ɺ ͦͷؔ࿈ٕज़ͷதͰ༗༻ͱ͞Ε͍ͯΔͷΛ࠾༻͢Δ ҙࢥܾఆলུεΩʔϜ
w $234 $PNNBOE2VFSZ3FTQPOTJCJMJUZ4FHSFHBUJPO w %C$ %FTJHOCZ$POUSBDU w ΦϒδΣΫ
τࢦΤΫααΠζ w ϢϏΩλεݴޠ w ͓·͚ ɿ Ϧʔμϒϧίʔ υʹै͏ ҙࢥܾఆলུεΩʔϜ
w $234 $PNNBOE2VFSZ3FTQPOTJCJMJUZ4FHSFHBUJPO w %C$ %FTJHOCZ$POUSBDU w ΦϒδΣΫ
τࢦΤΫααΠζ w ϢϏΩλεݴޠ w ͓·͚ ɿ Ϧʔμϒϧίʔ υʹै͏ ҙࢥܾఆলུεΩʔϜ
ҙࢥܾఆলུεΩʔϜ όοΫΤϯ υ ϒϥβͷը໘ ݱతϑϩϯ τΤϯυͷຊ࣭ ͍͍ײ͡ʹϢʔβૢ࡞Λ ϦΫΤε τ͍ͨ͠ˠ ˡ͍͍ײ͡ʹ+40/Λඳը͍ͨ͠
ҙࢥܾఆলུεΩʔϜ όοΫΤϯ υ ϒϥβͷը໘ 7JFX 3FQPTJUPSZ ͜͜Λ ˡ͍͍ײ͡ʹˠ ࡞Γ͍ͨ ͭ·
Γ ʁ
ʁ όοΫΤϯ υ ϒϥβͷը໘ 7JFX 3FQPTJUPSZ ҙࢥܾఆলུεΩʔϜ ϨΠϠʔͰߟ͑Δ
όοΫΤϯ υ ϒϥβͷը໘ 7JFX 3FQPTJUPSZ ҙࢥܾఆলུεΩʔϜ 3FBE.PEFM 8SJUF.PEFM 3FBE.PEFMͱ8SJUF.PEFMΛࠞಉࢹ͠ͳ͍ "QQMJDBUJPO
.FEJBUPSύλʔϯͱ૬ੑ͕͍͍
w Ϧ ϑΝΫλ Ϧ ϯάઃܭ w ॱংख๏ͷۛຯ͕ඞཁ w ҋӢʹ͢Ͱμϝ தظઃܭϑΣʔζͰͷରࡦ
ʹ։࢝ͨ͠ ौ୩Ӻͷ࠶։ൃࣄ ʹྃ༧ఆ
w ौ୩Ӻͷ࠶։ൃҰ൩ͰऴΘΒͳ͍ w Ϧ ϑΝΫλ Ϧ ϯάҰ൩ͰऴΘΒͳ͍ w Կ͕ෆศͳͷ͔ٞ͢Δ w
ͳͥϦ ϑΝΫλ Ϧ ϯά͖͢ͳͷ͔ݕ౼͢Δ w وॏͳΛඅͨ͢Ίɺ ϖΠ ϥΠϯΛஅ தظઃܭϑΣʔζͰͷରࡦ
w Ϧ ϑΝΫλ ϦϯάΛతʹ͢Δͳ w खஈͷతԽΛආ͚Δ w ΤϯδχΞͷຬͷͨΊ͚ͩͰਐΊͳ͍ w Ϧ
ϑΝΫλ ϦϯάͷઌʹతΛ࣋ͯ w νʔϜͷڞ௨ͷత ʁ w ྑ͖ϓϩμΫ τΛ࡞Γ࣭ΛߴΊଓ͚Δ͜ͱ தظઃܭϑΣʔζͰͷରࡦ
ظઃܭϑΣʔζͰͷରࡦ
w ಛఆͷը໘ͷಛఆͷݕࡧϑ ΥʔϜ w (PPHMFϚοϓͱ࿈ܞ͢Δίϯϙʔωϯ τ w 47(ϥΠ ϒϥ ϦΛซ༻ͨ͠ંΕઢάϥ
ϑͷඳը ظઃܭϑΣʔζͰͷରࡦ
w ظઃܭϠό͘ͳ͍ w ରࡦͷجૅ֓೦தظઃܭͱಉ༷ w ͜ͷϑΣʔζͷརείʔϓ͕খ͍͜͞ͱ w ࡞Δલ͔ΒͲ͏͢ΕࣺͯΒΕΔ͔Λҙ࣮ࣝͯ͠ ظઃܭϑΣʔζͰͷରࡦ
w ࣺͯΔͱ w ·ͣେલఏͱͯ͠ӨڹൣғΛด͡Δ w Өڹൣғ͕ด͍ͯ͡Ε ಉ༷ͷΠϯλϑΣʔεΛ࣋ͭͷͱऔΓସࣺ͑ͯͯΒΕΔ w ࣺͯΔͱ͍͏ ͱ૽͕ͩɺ
ίʔ υʹ͓͚Δ৽ँͷ͜ͱ ظઃܭϑΣʔζͰͷରࡦ
w Өڹൣғ͕ಛఆͰ͖ͳ͍ͬͯͷ΄͔ͷྫ w ଞͷίϯϙʔωϯ τͷΛॻ͖͑Δ w άϩʔόϧมΛ͍ͬͯΔ w ਆΫϥεͷϝϯόಉࡑ w
γϯάϧ τϯͷѻ͍ʹҙ ظઃܭϑΣʔζͰͷରࡦ
w νʔϜ࣏ࣗͷจ຺Ͱ͍͏ ͱ w ʮதظઃܭۤखʯ ͱ͍͏ ϝϯόʔʹظઃܭΛ͢ w ظઃܭʹ͓͚Δྑ͠ѱ͠தظઃܭʹڧ͍ऀ͕ϨϏϡʔ w
৴པͯ͠ɺ ͦΕͰ͍͟ͱͳͬͨΒશऔͬସ͑Ͱ͖Δঢ়گ ظઃܭϑΣʔζͰͷରࡦ
w ͨͱ͑ w 7VFKTͷಛఆͷίϯϙʔωϯ τͷ࣮σβΠφʔʹͤΔ w ͨͩ͠Πϕϯ τͷૹड৴पΓΠϯλϑΣʔεΛఆΊͯنԽ w 3FBDU)PPLTΛͬͯίϯϙʔωϯ
τ3FEVDFSʹด͡Δ w 3FEVYcombineReducersͷංେԽΛճආ ظઃܭϑΣʔζͰͷରࡦ
w ϩδοΫΛॻ͘ࡍςε τ͍࣮͢͠Ͱ͋Δ͖ w ςε τ͕ॻ͖ʹ͍࣮͘ʹԿ͔͕જΜͰ͍Δ w Ξϯνύλʔϯͷʹ͓͍ w ʮಛఆͷॲཧΛςε
τͰ࣮ߦ͢Δͱෆ߹͕͋Γ ·͢ʯ w ʮςε τίʔ υΛॻͨ͘Ίͷ४උίʔ υ͕͍Ͱ͢ʯ ظઃܭϑΣʔζͰͷରࡦ
w ίʔ υ ʢ૬ରతʹʣ ݹ͘ͳΔ w ֎తཁҼϥΠ ϒϥ Ϧͷਐาɺ ৽"1*Ճɺ
ഁյతมߋ w తཁҼҊ݅ͷ༷มߋɺ ߟྀ࿙Εൃ֮ɺ ࣗͷεΩϧ্ ظઃܭϑΣʔζͰͷରࡦ
w ݹ͘ͳͬͨίʔ υੜ࢈ੑΛԼ͛Δ͜ͱʹͳΔ w ੜ࢈ੑ͕ҡ࣋Ͱ͖ͳ͍ͱ͖ʹࣺͯΔ w νʔϜͷϞνϕʔγϣϯҡ࣋ͷͨΊʹࣺͯΔબ͋Γ͑Δ w ੜ࢈ੑ͕ҡ࣋Ͱ͖ΔΑ ͏ͳߏͷͷʹमਖ਼PSࠩ͠ସ͑
w ࣺͯΔͷखஈͷͻͱͭ w खஈͷతԽʹͳΒͳ͍Α ͏ҙ ظઃܭϑΣʔζͰͷରࡦ
w ظઃܭͱதظઃܭͷݟۃΊ w ֎͔Βฉ͖͑ͯͨ͜Βܯռ͢Δ༰ w ʮ͜͜Λฤूͨ͠Βɺ ͬͪ͜ͷද͕ࣔมΘΓ ·͢ʯ w
ʮ͜ͷMPDBM4UPSBHFʹ֨ೲ͓ͯ͘͠ඞཁ͕͋Γ ·͢ʯ w Өڹൣғ͕ಛఆͷڱ͍είʔϓʹด͡ͳ͘ͳ్ͬͨ ࢹ࠲Λ ʮ؆୯ʹࣺͯΒΕͣෛ࠴Խ͍ͯ͘͠ ͷʯ ʹΓସ͑Δ ظઃܭϑΣʔζͰͷରࡦ
w ͋ͱ͔Βͦ͏͍͏ཁ͕݅Ճ͞Εͦ͏ͳͱ͖צʹཔΔ w ͍ΘΏΔ ʮϠόͦ͏ͳʹ͓͍͕͢Δཁ݅ʯ w அʹ໎͏ͳΒ҆શଆʹ͢ w ա࣮:"(/*ʹ֘͢Δ
w ઌճΓ࣮Λ͢ΔͷͰͳ͘ɺ ֦ுͷ༨Λ͢ͷΈͱ͢Δ ظઃܭϑΣʔζͰͷରࡦ
େنܦݧ͔Βݟ͖͑ͯͨઃܭͱ
w ϑϩϯ τΤϯ υʹ͓͍ͯઃܭͱ w ࣭ҡ࣋ͱੜ࢈ੑҡ࣋ʹਚྗ͢Δ͜ͱ w কདྷͷ͜ͱݱ࣌ͰಘΒΕΔݶΓͷࣄ࣮Λ૯߹ͯ͠ݟӽ͢ w ະདྷͷ͜ͱ͔Βͳ͍ͷͰઌճΓͤͣ༨༟Λ͚࣋ͭͩͱ͢Δ
w ԾʹϨϏϡʔ͕ͳ͚Εશһࠜߦّ͕ѱ͍ͱࢥͬͨ΄͏͕Α͍ େنܦݧ͔Βݟ͖͑ͯͨઃܭͱ
ϑϩϯ τΤϯ υͷ࣏҆͋ͳͨʹΑͬͯकΒΕ·͢ɻ ྑ͖ ϨϏϡʔΛ͠ɺ ྑ͖ΈΛઃܭ͍ͯͩ͘͠͞ɻ
5IBOLZPV https://pixabay.com/en/refresh-update-icon-reload-renew-525698/ https://pixabay.com/en/programmer-typing-silhouette-ceo-3606210/ https://www.photo-ac.com/main/detail/1844325