法律の脱レガシーに学ぶフロントエンド刷新

͓͙͑΋Μʢখ૔׌໵ʣ IUUQTPHVFNPODPN !PHVFNPO@DPN )1 9 ๏཯ͷ୤ϨΨγʔʹֶͿ ϑϩϯτΤϯυ࡮৽ <ग़య>IUUQTXXXEJHJUBMBSDIJWFTHPKQ fi MF

ϓϩϑΟʔϧ αΠϘ΢ζגࣜձࣾ։ൃຊ෦ϑϩϯτΤϯυΤϯδχΞ LJOUPOFͷϑϩϯτΤϯυ࡮৽ʹैࣄ ͓͙͑΋Μʢখ૔׌໵ʣ https://oguemon.com @oguemon_com ◀#VSJ,BJHJͷൃද಺༰ IUUQTTQFBLFSEFDLDPNPHVFNPO

࠷ۙɺ୐ݐࢼݧʹ߹֨͠·ͨ͠ w ୐ݐࢼݧͱ͸ w ෆಈ࢈औҾͷઐ໳ՈͰ͋ΔࠃՈࢿ֨ ୐஍ݐ෺औҾ࢜ʢ୐ݐ࢜ʣʹͳΔͨΊʹ ඞཁͳࢼݧ w ୐ݐ࢜ʹͳΔͱɺ୐ݐۀͰಠཱͰ͖ͨΓɺ ෆಈ࢈ܖ໿લͷॏཁઆ໌͕Ͱ͖Δ
ࠓͷ௞ିʹҾͬӽ͢ͱ͖ʹɺ ෆಈ࢈԰ͱࣗ෼Ͱ࣋ͭ৘ใ͕ҧ͍͗͢Δͱ௧ײ ͤΊͯࠃՈࢿ֨ڃͷ஌ࣝ͸࣋ͱ͏ͱࢥ͍डݧ

ࢥ͍ͬͯͨࢼݧͱҧͬͨʂʢ౰ॳͷΠϝʔδʣ w ෆಈ࢈औҾͷ঎׳शΛ஌ΕΔ w ෆಈ࢈ͷ໨ར͖͕Ͱ͖Δ

w ͨͩͻͨ͢Β๏ྩΛཧղ֮ͯ͑͠Δʂ w ୐ݐۀ๏ ຽ๏ आ஍आՈ๏ ۠෼ॴ༗๏ ॅ୐ᘥᙪ୲อཤߦ๏ ౎ࢢܭը๏ ݐஙج४๏
೶஍๏ ࠃ౔ར༻ܭը๏ ॴಘ੫๏ʜ ࢥ͍ͬͯͨࢼݧͱҧͬͨʂʢ࣮ࡍͷࢼݧษڧʣ ౔஍ͷചΓग़͠લʹ ֬ೝͤͳ͔͋Μ๏ྩͬͯ ݸ͋ΜͶΜ ͷ๏ྩͷ಺༁ IUUQTXXXNMJUHPKQUPDIJ@GVEPVTBO@LFOTFUTVHZPDPOTUUPDIJ@GVEPVTBO@LFOTFUTVHZP@DPOTU@UL@@IUNM ͪͳΈʹʜ ঎׳श΍ෆಈ࢈ͷ໨ར͖ʹܨ͕Δ࿩͸ɺ ୐ݐࢼݧ߹֨ऀ͕डߨ͢Δʮొ࿥࣮຿ߨशʯͰ ֶͿ͜ͱ͕Ͱ͖·ͨ͠

˝๏ྩͷݪจ͕͋ΔαΠτʢF(PWʣ

๏ྩͬͯϓϩάϥϜͱࣅͯΔͳʁ

๏ྩʢ๏཯ʣͱ͸ʁ w ๏ྩͱ͸ࠃձ΍ߦ੓͕ఆΊͨϧʔϧ w ҧ๏ༀ෺͔Βྐྵ·Ͱɺ ৭Μͳ͜ͱ͕๏ྩͰܾΊΒΕ͍ͯΔ w ʮ๏཯ʯ͸ݫີʹ͸ʮ๏ྩʯͷҰछʹա͗ͳ͍ w ͜Εશ෦๏ྩˣ
w ݑ๏৚໿๏཯໋ྩʢ੓ྩ෎লྩʣ w ๏཯͸ࠃձͷܾٞͰ੒ཱͨ͠΋ͷ w ࢲͨͪ͸F(PWͷ͓͔͛ͰແྉͰಡΈ์୊ˠ <ग़య>IUUQTMBXTFHPWHPKQ

๏ྩʢ๏཯ʣͱ͸ʁ w جຊతʹ೔ຊޠͷจষͰॻ͔ΕΔ w ྫʣ೥ྸेീࡀΛ΋ͬͯɺ੒೥ͱ͢Δɻʢຽ๏ୈ৚ʣ w ͨ·ʹਤද΍ָේ͕ݱΕΔ w ྫʣ܅͕୅ͷՎࢺٴͼָۂ͸ɺผهୈೋͷͱ͓Γͱ͢Δɻ ɹɹʢࠃضٴͼࠃՎʹؔ͢Δ๏཯ୈ৚ୈ߲ʣ

๏ྩͱϓϩάϥϜͷڞ௨఺બ

๏ྩͱϓϩάϥϜͷڞ௨఺ᶃ هड़͕ϩδΧϧͰݫີ

هड़͕ϩδΧϧͰݫີ w ๏ྩ͸ɺਓ޻ݴޠͰ͋Δϓϩάϥϛϯάݴޠʹٴ͹ͳ͍΋ͷͷɺ ࣗવݴޠΛۦ࢖ͨ͠΋ͷͷதͰ͸ඇৗʹݫີ w ༻ޠͷఆ͕ٛ͞Ε͓ͯΓɺจষͷᐆດ͕͞গͳ͍ w ͜Μͳ͜ͱʹͳΓʹ͍͘ˠ ๏ྩͱϓϩάϥϜͷڞ௨఺ᶃ

هड़͕ϩδΧϧͰݫີ w ྫʣݐஙج४๏<> w ݐங෺ͱ͸ʜ w ౔஍ʹఆண͢Δ޻࡞෺ͷ͏ͪɺ԰ࠜٴͼபए͘͠͸นΛ༗͢Δ΋ͷʢ͜ Εʹྨ͢Δߏ଄ͷ΋ͷΛؚΉɻʣɺ͜Εʹෟଐ͢Δ໳ए͘͠͸ญɺ؍ཡ ͷͨΊͷ޻࡞෺ຢ͸஍Լए͘͠͸ߴՍͷ޻࡞෺಺ʹઃ͚Δࣄ຿ॴɺళ ฮɺڵߦ৔ɺ૔ݿͦͷଞ͜ΕΒʹྨ͢Δࢪઃʢమಓٴͼيಓͷઢ࿏ෑ஍
಺ͷӡసอ҆ʹؔ͢Δࢪઃฒͼʹލ͜ઢڮɺϓϥοτϗʔϜͷ্Ոɺஷ ଂ૧ͦͷଞ͜ΕΒʹྨ͢ΔࢪઃΛআ͘ɻʣΛ͍͍ɺݐஙઃඋΛؚΉ΋ͷ ͱ͢Δɻʢୈ৚ୈ߲ୈ߸ʣ ๏ྩͱϓϩάϥϜͷڞ௨఺ᶃ <>IUUQTMBXTFHPWHPKQMBX"$

هड़͕ϩδΧϧͰݫີ w ྫʣݐஙج४๏<> w ݐஙઃඋͱ͸ʜ w ݐங෺ʹઃ͚ΔిؾɺΨεɺڅਫɺഉਫɺ׵ؾɺஆ๪ɺྫྷ๪ɺফՐɺഉ Ԏए͘͠͸Ԛ෺ॲཧͷઃඋຢ͸Ԏಥɺঢ߱ػए͘͠͸ආཕ਑Λ͍͏ɻ ʢୈ৚ୈ߲ୈ߸ʣ ๏ྩͱϓϩάϥϜͷڞ௨఺ᶃ
<>IUUQTMBXTFHPWHPKQMBX"$

هड़͕ϩδΧϧͰݫີ w ΄΅ΞϧΰϦζϜΈ͍ͨͳ๏ྩ͕͋Δ w ྫʣ໌࣏ࡾेҰ೥௘ྩୈ۝े߸ʢӞ೥χؔεϧ݅ʣ<> w ਆ෢ఱߖଈҐلݩ೥਺ϊ࢛ϮҎς੔আγಘϔΩ೥ϮӞ೥τεୠγلݩ೥਺ ϤϦ࿡ඦ࿡ेϮݮγςඦϮҎς੔আγಘϔΩϞϊϊதߋχ࢛ϮҎς঎Ϯ੔আ γಘαϧ೥ϋฏ೥τε w
ˢ͜ͷ๏ྩ͸ɺӞ೥ͱ͢Δ೥ͷܾΊํʢӞ೥ͷఆٛʣΛఆΊ͍ͯΔ ๏ྩͱϓϩάϥϜͷڞ௨఺ᶃ <>IUUQTMBXTFHPWHPKQMBX*0

هड़͕ϩδΧϧͰݫີ w ਆ෢ఱߖଈҐلݩ೥਺ͷΛҎͯ੔আ͠ಘ͖͑೥ΛӞ೥ͱ͢ w ʮਆ෢ఱߖଈҐلݩ೥਺ʯͱ͸ʮ੢ྐྵ ೥ʯͷ͜ͱ w ਆ෢ఱߖଈҐلݩ೥਺੢ྐྵ ೥͕ͰׂΓ੾ΕͨΒӞ೥ w
͕ͰׂΓ੾ΕΔͷͰɺͭ·Γ੢ྐྵ×͕੔਺ͷ೥͕Ӟ೥ w ୠ͠لݩ೥਺ΑΓΛݮͯ͠ΛҎͯ੔আ͠ಘ΁͖΋ͷͷத ߋʹΛҎͯ঎Λ੔আ͠ಘ͞Δ೥͸ฏ೥ͱ͢ w ੢ྐྵ͕ͰׂΓ੾ΕΔ͕ɺͰׂΓ੾Εͳ͍ͳΒӞ೥Ͱͳ͍ w ྫʣ೥ɺ೥ɺ೥͸Ӟ೥Ͱͳ͍͕ɺ೥ɺ೥͸Ӟ೥ ๏ྩͱϓϩάϥϜͷڞ௨఺ᶃ <>IUUQTMBXTFHPWHPKQMBX*0

هड़͕ϩδΧϧͰݫີ ๏ྩͱϓϩάϥϜͷڞ௨఺ᶃ <ग़య>IUUQTXXXEJHJUBMBSDIJWFTHPKQ fi MF

๏ྩͱϓϩάϥϜͷڞ௨఺ᶄ ࢥΘ͵࣮૷͕ޮ͍ͯΔ͜ͱ͕͋Δ

ࢥΘ͵࣮૷͕ޮ͍ͯΔ͜ͱ͕͋Δ w ྫʣ͋Εʁ੺จࣈΛࢦఆͯ͠ΔͷʹɺͳΜͰ྘จࣈͳΜʁ ๏ྩͱϓϩάϥϜͷڞ௨఺ᶄ ʜ

ࢥΘ͵࣮૷͕ޮ͍ͯΔ͜ͱ͕͋Δ ๏ྩͱϓϩάϥϜͷڞ௨఺ᶄ ˡ͍ͭ͜ͷ͍͔ͤʔʔʔ͍ʂʂʂʂ

ࢥΘ͵࣮૷͕ޮ͍ͯΔ͜ͱ͕͋Δ w ಉ͡Α͏ͳ͜ͱ͸๏ྩʹ΋͋Δ w ྫʣຽ๏<> w ࢲݖͷڗ༗͸ɺग़ੜʹ࢝·Δɻʢୈ৚ʣ w ˠ͜Ε͚ͩಡΉͱɺग़ੜલͷ੺ͪΌΜʢ଻ࣇʣ͸૬ଓݖ͕ͳ͍ w
଻ࣇ͸ɺ૬ଓʹ͍ͭͯ͸ɺطʹੜ·Εͨ΋ͷͱΈͳ͢ɻʢୈ৚ʣ w ˠ͜ͷنఆΑΓɺग़ੜલͷ੺ͪΌΜʢ଻ࣇʣ͸૬ଓݖ͕͋Δ ɹ࣮ࡍʹɺ଻ࣇ͸૬ଓݖ͕ೝΊΒΕΔʢޙʹແࣄ࢈·ΕͨΒʣ ๏ྩͱϓϩάϥϜͷڞ௨఺ᶄ <>IUUQTMBXTFHPWHPKQMBX"$

ࢥΘ͵࣮૷͕ޮ͍ͯΔ͜ͱ͕͋Δ w ๏ྩΛ·͙ͨͱ͖΋͋Δ w ྫʣຽ๏<>ͱ୐ݐۀ๏<> w ചओ͕छྨຢ͸඼࣭ʹؔͯ͠ܖ໿ͷ಺༰ʹద߹͠ͳ͍໨త෺ΛങओʹҾ͖౉ͨ͠৔߹ʹ͓͍ͯɺ ങओ͕ͦͷෆద߹Λ஌͔ͬͨ࣌ΒҰ೥Ҏ಺ʹͦͷࢫΛചओʹ௨஌͠ͳ͍ͱ͖͸ɺങओ͸ɺͦͷෆ ద߹Λཧ༝ͱͯ͠ɺཤߦͷ௥׬ͷ੥ٻɺ୅ۚͷݮֹͷ੥ٻɺଛ֐ഛঈͷ੥ٻٴͼܖ໿ͷղআΛ͢ Δ͜ͱ͕Ͱ͖ͳ͍ɻʜʢຽ๏ୈ৚ʣ
w ͭ·Γɺങͬͨਓ͕ߪೖ෺ͷෆద߹Λ஌ͬͯ೥Ҏ಺ʹചΓखʹݴΘͳ ͍ͱɺฦۚͳͲͷ੥ٻ΍ܖ໿ղআͳͲ͕Ͱ͖ͳ͘ͳΔ ๏ྩͱϓϩάϥϜͷڞ௨఺ᶄ <>IUUQTMBXTFHPWHPKQMBX"$ <>IUUQTMBXTFHPWHPKQMBX"$

ࢥΘ͵࣮૷͕ޮ͍ͯΔ͜ͱ͕͋Δ w ๏ྩΛ·͙ͨͱ͖΋͋Δ w ྫʣຽ๏<>ͱ୐ݐۀ๏<> w ୐஍ݐ෺औҾۀऀ͸ɺࣗΒചओͱͳΔ୐஍ຢ͸ݐ෺ͷചങܖ໿ʹ͓͍ͯɺͦͷ໨త෺͕ʲதུʳ ͦͷෆద߹Λ୲อ͢΂͖੹೚ʹؔ͠ɺຽ๏ʢ໌࣏ೋे۝೥๏཯ୈീे۝߸ʣୈޒඦ࿡े࿡৚ʹن ఆ͢Δظؒʹ͍ͭͯͦͷ໨త෺ͷҾ౉͠ͷ೔͔Βೋ೥Ҏ্ͱͳΔಛ໿Λ͢Δ৔߹Λআ͖ɺಉ৚ʹ نఆ͢Δ΋ͷΑΓങओʹෆརͱͳΔಛ໿Λͯ͠͸ͳΒͳ͍ɻʢ୐ݐۀ๏ୈ৚ʣ
w ͭ·Γɺ୐ݐۀऀ͔Β୐஍PSݐ෺Λങͬͨ࣌͸ɺෆద߹Λ஌ͬͯ೥ Ҏ಺Ͱͳ͘Ҿ౉͠ͷ೔͔Β೥Ҏ্ͱ͢Δ͜ͱ͕Ͱ͖Δ w ˠຽ๏ΛݟΔ͚ͩ͡Ό͜ͷϧʔϧΛ஌ΒͣʹऴΘͬͪΌ͏ʂ ๏ྩͱϓϩάϥϜͷڞ௨఺ᶄ <>IUUQTMBXTFHPWHPKQMBX"$ <>IUUQTMBXTFHPWHPKQMBX"$

ࢥΘ͵࣮૷͕ޮ͍ͯΔ͜ͱ͕͋Δ w ๏ྩʹ͸ʮҰൠ๏ɾಛผ๏ʯͱ͍͏૬ରؔ܎͕͋Δ w Ұൠ๏ɿద༻ൣғ͕޿͍΋ͷ w ಛผ๏ɿద༻ൣғ͕ڱ͍΋ͷ w ྫʣຽ๏ͱ୐ݐۀ๏ͷؔ܎͸ɺຽ๏͕Ұൠ๏ɺ୐ݐۀ๏͸ಛผ๏ w
ݪଇͱͯ͠ಛผ๏ͷϧʔϧ͕Ұൠ๏ʹ༏ઌ͢Δ w ˠϧʔϧΛਖ਼͘͠஌Δʹ͸ɺಛผ๏ͷଘࡏΛ஌Βͳ͍ͱ͍͚ͳ͍ʂ ɹ๏ྩʹ͸ANBJO A͕ແ͍ͷͰࠜຊ͔Β௥͑ͳ͍ʂ ๏ྩͱϓϩάϥϜͷڞ௨఺ᶄ <>IUUQTMBXTFHPWHPKQMBX"$ <>IUUQTMBXTFHPWHPKQMBX"$

๏ྩͱϓϩάϥϜͷڞ௨఺ᶅ ࠩ෼؅ཧ͕పఈ͍ͯ͠Δ

ࠩ෼؅ཧ͕పఈ͍ͯ͠Δ w ϓϩάϥϜ։ൃ͸ʢಛʹاۀͰͷ։ൃͰ͸ʣଟ͕ࠩ͘෼؅ཧΛ΍ͬͯΔ ๏ྩͱϓϩάϥϜͷڞ௨఺ᶅ <ग़య>IUUQTHJUIVCDPNGBDFCPPLSFBDUDPNQBSFWW EJ ff TQMJU

ࠩ෼؅ཧ͕పఈ͍ͯ͠Δ w ๏ྩ΋ࠩ෼؅ཧ͕పఈ͞Ε͍ͯΔ ๏ྩͱϓϩάϥϜͷڞ௨఺ᶅ <ग़య>IUUQTMBXTFHPWHPKQMBX"$@"$ UBCDPNQBSF

ࠩ෼؅ཧ͕పఈ͍ͯ͠Δ w ࠩ෼؅ཧͷৄࡉ͸ɺ ๏ྩσʔλυΩϡϝϯτςʔγϣϯ ʢЋ൛ʣ<>ʹ͋Δ w (JUͷΑ͏ͳ࢓૊ΈͳͲ͕࢕͑Δ͕ɺ ଟ͘͸ख࡞ۀͦ͏🤔 ๏ྩͱϓϩάϥϜͷڞ௨఺ᶅ <>IUUQTMBXTFHPWHPKQEPDTEPDTCBEMBXTBOEWFSTJPODPOUSPM

๏ྩͱϓϩάϥϜͷڞ௨఺ᶆ ݹ͍΋ͷ͕ࠓ΋ಈ͍͍ͯΔ

ݹ͍΋ͷ͕ࠓ΋ಈ͍͍ͯΔ ๏ྩͱϓϩάϥϜͷڞ௨఺ᶆ ͏Θͬ ͜ͷ࣮૷ͷ࠷ऴมߋ೔ ೥લ͡ΌΜʜ มߋऀશ͘஌Βͳ͍ͳ ͱͬ͘ͷੲʹୀ৬ͯ͠ΔΜͩΖͳʙ ͑ͬ ͜ͷ࣮૷ͷมߋཤྺ
೥લͳͷʹ มߋऀηϯύΠ͡ΌΜʂ ͋ͷਓԿ೥͜ͷݱ৔ʹ͍ΔΜͩʜ

ݹ͍΋ͷ͕ࠓ΋ಈ͍͍ͯΔ w ๏ྩʹ΋͋ΔΘ͋ΔΘɺ੍ఆ౰࣌ͷਓ͕શһੜ͖ͯͳ͍Ϩϕϧͷࠎ౹඼͕ʂ w ྫʣӞ೥χؔεϧ݅ʢ໌࣏ࡾेҰ೥௘ྩୈ۝े߸ʣˡ೥ʢ೥લʂʣ w ྫʣվྐྵϊ෍ࠂʢ໌࣏ޒ೥ଠ੓׭෍ࠂୈࡾඦࡾेࣣ߸ʣˡ೥ʢ೥લʂʣ w ΠΪϦε🇬🇧Ͱ͸ɺ೥ʢ೥લʂʣʹ࡞ΒΕͨ๏య ʮϚάφɾΧϧλʯͷҰ෦͕ࠓ΋༗ޮ<>
w ӳࠃࠃڭձͷࣗ༝ʢୈ৚ʣʗϩϯυϯࢢͷݹདྷ͔Βͷࣗ༝ʢୈ৚ʣʗ ਖ਼౰ͳ๏తखଓ͖Λड͚Δݖརʢୈ৚ʣ ๏ྩͱϓϩάϥϜͷڞ௨఺ᶆ <>IUUQTDPNNPOTMJCSBSZQBSMJBNFOUVLNBHOBDBSUBEPFTJUTUJMMNBUUFS

˝೥લͷ๏ྩͷݪจ <ग़య>IUUQTXXXEJHJUBMBSDIJWFTHPKQ fi MF ˝େੲͷίʔυͷΠϝʔδ

ͲͪΒ΋ϨΨγʔ͕೰Έͷछʹͳͬͯͦ͏ʂ

ࠓճͷςʔϚ <ग़య>IUUQTXXXEJHJUBMBSDIJWFTHPKQ fi MF ຽ๏ͷ୤ϨΨγʔɾຽ๏ݱ୅ޠԽʹֶͿ ϑϩϯτΤϯυ࡮৽

ϓϩάϥϜͷ୤ϨΨγʔ LJOUPOFͷϑϩϯτΤϯυ࡮৽ ຽ๏ݱ୅ޠԽ ๏཯ͷ୤ϨΨγʔ 74

ϓϩάϥϜͷ୤ϨΨγʔ LJOUPOFͷϑϩϯτΤϯυ࡮৽

LJOUPOFͷϑϩϯτΤϯυ࡮৽ αΠϘ΢ζࣾ੡඼ɾLJOUPOFʹ͍ͭͯ ݱ৔ͷਓ͕͜Μͳˣۀ຿ΞϓϦΛ࡞ΕΔ ϊʔίʔυπʔϧʢ೥αʔϏε։࢝ʣ <ग़య> IUUQTLJOUPOFDZCP[VDPKQ IUUQTKQDZCP[VIFMQLKB

LJOUPOFͷϑϩϯτΤϯυ࡮৽ αΠϘ΢ζࣾ੡඼ɾLJOUPOFʹ͍ͭͯ w ސ٬ͷ࣮૷εΩϧ͕๡ͯ͘͠΋ۀ຿ޮ཰Խʹ޲͚ͨվળ͕Ͱ͖Δͷ͕΢Ϧ w ˠ࣮૷ʹ૬౰͢Δෛ୲Λ੡඼ଆ͕Ұखʹ୲͏ͷͰɺػೳ͕ͱͯ΋ෳࡶʂ w ۀ຿πʔϧΛ࡞ΕΔʮΞϓϦʯػೳΛ͸͡Ίଟ༷ͳػೳ͕͋Δ w ΞϓϦɿ࣍ݩతͳ޿͕ΓΛ࣋ͭϑΥʔϜʹΑΔσʔλ؅ཧͳͲ
w εϖʔεɿϢʔβʔؒͷίϛϡχέʔγϣϯΛଅ͢ܝࣔ൘ͳͲ w ΧελϚΠζɿҰ෦ͷݟͨ໨΍ڍಈͷมߋ΍σʔλͷ֎෦࿈ܞͳͲ w ֤छ؅ཧɿ্هΛ͸͡Ίͱ͢ΔLJOUPOFશମʹؔΘΔࣄ߲ͷ؅ཧ w ˠ੡඼๊͕͑Δػೳͷྔ͕ͱͯ΋๲େʂ

w ᶃ࣮૷ͷࠜװΛͳ͢+BWB4DSJQUϑϨʔϜϫʔΫ͕ࢮޠʹ͍ۙʜ w ɹɹ(PPHMF$MPTVSF5PPMTͱ͍͏΋ͷΛ࢖༻ w Ұ෦ϥΠϒϥϦ͸ϝϯςऴྃ w ࠓ΍࢖͍͜ͳͤΔਓ͕೔ຊશࠃΛݟ౉ͯ͠΋গͳ͍ w ᶄίʔυ͕ҰຕؠͰมߋͷӨڹൣғΛಡΈʹ͍͘ʜ
w ᶅΞΫηγϏϦςΟͷରԠ͕ෆ଍͍ͯ͠Δʜ ͳͲͳͲ <ࢀߟ>IUUQTCMPHDZCP[VJPFOUSZ LJOUPOFͷϑϩϯτΤϯυ࡮৽ LJOUPOFͷϑϩϯτΤϯυ๊͕͑Δओͳ՝୊

ݹ͍࣮૷Λ৽ͯ͘͠͠ શମΛ੔ཧ͠ͳ͓ͦ͏ LJOUPOFϑϩϯτΤϯυ࡮৽ ϑϩϯτΤϯυ࣮૷ͷΠν͔Βͷॻ͖௚͠

LJOUPOFͷϑϩϯτΤϯυ࡮৽ جຊతͳํ਑ νʔϜʹΑͬͯଟগҟͳΔ͕ɺࢲ͕खֻ͚ΔྖҬͷ৔߹ʢࠓޙมߋͷՄೳੑ༗ʣ w ᶃίʔυΛશͯ3FBDU 5ZQF4DSJQUͰॻ͘ w ᶄओཁྖҬ୯ҐͰνʔϜΛ෼͚ͯɺ ɹνʔϜͰಠཱ࣮ͨ͠૷Λॻ͘ w
ᶅΞΫηγϏϦςΟͷରԠΛͰ͖ΔൣғͰՃ͑Δ w ᶆ6*ύʔπ͸ڞ௨ͷ΋ͷʢLJOUPOF%FTJHO4ZTUFNʣΛ׆༻͢Δ w ᶇػೳվળΛՃ͑Δ༨஍͕͋Ε͹Ճ͑Δ ͳͲͳͲ ϦϑΝΫλϦϯά ඇϦϑΝΫλϦϯά

ࢲ͕खֻ͚ΔྖҬͷ6*ͷ৔߹ʢࠓޙมߋͷՄೳੑ͋Γʣ LJOUPOFͷϑϩϯτΤϯυ࡮৽ ͜Ε·Ͱͱ͜Ε͔Β ࢼ ݧ త ʹ ࡮ ৽ ։
࢝ ` ํ ਑ Λ ఆ Ί ͯ ຊ ֨ త ʹ ࡮ ৽ ։ ࢝ ଞ ͷ ը ໘ Λ ॱ ࣍ ࢼ ݧ ެ ։ ` Ұ ෦ ը ໘ Λ ࢼ ݧ ެ ։ <> ˛ Π Ϛ ί ί ϑ υ ό Ϋ ౳ ʹ ج ͮ ͘ ௐ ੔ ͷ ܁ Γ ฦ ͠ Ҡ ߦ ظ ؒ ͷ ։ ࢝ Ҡ ߦ ظ ؒ ͷ ऴ ྃ 㲈 ࡮ ৽ ͷ ׬ ྃ <>IUUQTLJOUPOFDZCP[VDPKQVQEBUFNBJOIUNMJOEFW ಓͷΓ͸௕͍

LJOUPOFͷϑϩϯτΤϯυ࡮৽ ओͳେมͳͱ͜Ζ w ௕೥ʹΘͨΓ஝ੵ͞Εͨෳࡶ͔ͭ๲େͳ࢓༷ͷཧղ͕େมʜ w LJOUPOFͷ࢓༷ཧղͷࢿ֨ʢ.04Έ͍ͨͳͷʣΛडݧͨ͠΄Ͳˠ w ΰϦԡ͠Ͱ࣮૷͞Εͨ೉ղͳڍಈΛͲ͜·Ͱ஧࣮ʹ࠶ݱ͢Δ͔ʜ w ࠓ͸શମεϐʔυΛॏࢹ͍ͯ͠ΔͷͰɺࣺͯΔPSޙճ͠
w มߋΛೖΕΔ࣌ʹ޿͍ࢹ໺Ͱͷ੔߹ੑνΣοΫ͕ඞཁ w ͜ͷݟͨ໨Λେ୾ʹม͑Α͏ˠݖݶ͕ͳ͍࣌Ͳ͏͢Δʁˠ࣮͸ʮߴ౓ͳઃ ఆʯͷߟྀ΋͍Δ΍Μʂˠ΋͔ͯ͜͠͠ΕͬͯʓʓͰ΋࢖ΘΕͯΔʁˠʜ ͳͲͳͲ

๏཯ͷ୤ϨΨγʔ ຽ๏ݱ୅ޠԽ ຽ๏ͷҰ෦Λվਖ਼͢Δ๏཯ ฏ੒೥๏཯ୈ߸

ຽ๏ݱ୅ޠԽ ຽ๏ʹ͍ͭͯ w ਓʑͷੜ׆ͷجૅͱͳΔϧʔϧΛఆΊͨ๏཯ w ਓʗ๏ਓʗ෺ʗ࠴ݖʗܖ໿ʗ਌଒ʗ૬ଓͳͲ ਓؒੜ׆ʹؔΘΔ޿ൣͷྖҬΛΧόʔ w ࿡๏ͷҰ֯Λͳ͢ॏཁͳ๏య w
ୈ৚·Ͱ͋Δສࣈ௒ͷಛେϘϦϡʔϜ w ೥ʢ೥લʂʣʹࢪߦ͞Εͨ <ग़య>IUUQTXXXEJHJUBMBSDIJWFTHPKQ fi MF

ຽ๏ݱ୅ޠԽ ຽ๏๊͕͍͑ͯͨ೰Έ w ෼͔Γʹ͍͘ʂ<> w ੈلͷ੍ఆҎདྷɺ෦෼తͳख௚͔͍ͯ͠͠͠ͳ͍Օॴ͕ଟ͘ɺ ໌࣏࣌୅ʹॻ͔Εͨ΋ͷͷଟ͕͘ݱ୅ʹ࢒͍ͬͯͨ w ᶃઓલʹॻ͔Εͨྺ࢙తԾ໊ݣ΍จޠମ͕࢒ଘ w
ྫʣʙεϧίτϮಘ🤔WTʙεϧίτϮಘε🤔 ͏ ͑ w ᶄ೉ղͳ୯ޠ΍දهɺࢮޠ͕සൃ w ྫʣҙࢥͷܽ᠍🤔໦ށમ🤔ғ៴஍🤔๻ᇨ🤔 ᙜք 🤔 ग़፷ 🤔ʜ ͚Μ͚ͭ ͖ Ͳ ͤΜ ͍ʹΐ͏ ͪ ΅ ͘ ͻ ͖ΐ͏͔͍ ͠Ύͭ͑Μ <>IUUQTXXXNPKHPKQDPOUFOUQEG

ຽ๏ݱ୅ޠԽ ຽ๏๊͕͍͑ͯͨ೰Έ w ෼͔Γʹ͍͘ʂ w ᶅ৚จͷܧ͗଍͕͠ଟ͘ɺ৚൪߸͕ෳࡶ ୈࡾඦ۝ेീ৚ ୈࡾඦ۝े۝৚ ʜ ୈࡾඦ۝ेീ৚
ୈࡾඦ۝ेീ৚ϊೋ ୈࡾඦ۝ेീ৚ϊࡾ ʢதུʣ ୈࡾඦ۝ेീ৚ϊे ୈࡾඦ۝ेീ৚ϊेҰ ʢதུʣ ୈࡾඦ۝ेീ৚ϊೋेೋ ୈࡾඦ۝े۝৚ ʜ ୈࡾඦ۝ेീ৚ ୈࡾඦ۝ेീ৚ϊೋ ୈࡾඦ۝ेീ৚ϊࡾ ʢதུʣ ୈࡾඦ۝ेീ৚ϊे ୈࡾඦ۝ेീ৚ϊेϊೋ ୈࡾඦ۝ेീ৚ϊेҰ ʢதུʣ ୈࡾඦ۝ेീ৚ϊೋेೋ ୈࡾඦ۝े۝৚ ʜ ೥ͷࢪߦ౰࣌<> ೥ͷվਖ਼ޙ<> <>IUUQTKBIJTMBXOBHPZBVBDKQMBXECMB <>IUUQTKBIJTMBXOBHPZBVBDKQMBXECMB <>IUUQTKBIJTMBXOBHPZBVBDKQMBXECMB ೥ͷվਖ਼ޙ<> ͭͷ৚ͷؒʹ ߲໨ҰؾʹͶ͜͡Έ Ͷ͜͡Μͩ৚จͷؒʹ ͞ΒͳΔͶ͜͡Έ

ݹ͍ݴ༿Λ৽ͯ͘͠͠ શମΛ੔ཧ͠ͳ͓ͦ͏ ຽ๏ݱ୅ޠԽ ๏཯ͷଟ͘ͷΠν͔Βͷॻ͖௚͠

ຽ๏ݱ୅ޠԽ ݱ୅ޠԽͷओͳํ਑ w ʮҙຯతͳมߋΛՃ͑ͳ͍ʯͱ͍͏લఏͰ࣍ͷ͜ͱΛ͢Δ w ᶃදهΛฏԾ໊ޱޠମʹվΊΔ w ᶄݱ୅Ͱ͸Ұൠʹ࢖ΘΕͳ͍༻ޠΛஔ׵ w ᶅશମΛ௨ͯ͡࠷ۙͷ๏੍ࣥ຿ʹଇͯ͠දهܗࣜ౳Λ੔උ
w ᶆཱ֬͞Εͨ൑ྫɾ௨આͷղऍͰ ɹ৚จʹ໌ࣔ͞Ε͍ͯͳ͍΋ͷ౳Λنఆʹ௥Ճ w ᶇݱࡏͰ͸ଘࡏҙ͕ࣦٛΘΕ͍ͯΔنఆจݴΛ࡟আ੔ཧ ˞ຽ๏ୈʙฤʢ਌଒ɾ૬ଓʣ͸ݩ͔ΒฏԾ໊ޱޠମ͕ͩͬͨશମͷۉߧͷ؍఺͔Β࠷௿ݶͷ੔උ͕͞Εͨ ϦϑΝΫλϦϯά ϦϑΝΫλϦϯάʁ

ຽ ๏ య ݱ ୅ ޠ Խ ݚ ڀ ձ
͕ ๏ ຿ ল ຽ ࣄ ہ ಺ ʹ ൃ ଍ ` ݱ ୅ ޠ Խ ͷ ͨ Ί ͷ ํ ਑ Ҋ ͷ ཱ Ҋ ` ൑ ྫ ɾ ֶ આ ౳ ʹ ج ͮ ͘ ཱ Ҋ ͱ ݕ ౼ ͷ ܁ Γ ฦ ͠ ˛ Π Ϛ ί ί ` ๏ ཯ ͷ ࢪ ߦ 㲈 ࡮ ৽ ͷ ׬ ྃ <ࢀߟ>IUUQTXXXNPKHPKQDPOUFOUQEG ຽ๏ݱ୅ޠԽ ݱ୅ޠԽ·ͰͷྲྀΕ w ݚڀձൃ଍ˠҊͷݕ౼ˠ޿͘ҙݟௌऔˠ๏Ҋ࡞੒ˠ๏Ҋ৹ٞˠ๏཯ࢪߦ ` ຽ ๏ య ݱ ୅ ޠ Խ ͷ ݚ ڀ ձ Ҋ Λ औ Γ · ͱ Ί ๏ Ҋ Խ ʹ ޲ ͚ ͨ ߋ ͳ Δ ४ උ ` ຽ ๏ ݱ ୅ ޠ Խ Ҋ ͷ ύ ϒ Ϧ Ϋ ί ϝ ϯ τ ื ू ࠃ ձ Ͱ ๏ Ҋ ͕ Մ ܾ ๏ ཯ ͕ ެ ෍

ຽ๏ݱ୅ޠԽ ݱ୅ޠԽͨ݁͠Ռ w ࣗ਎ΛؚΉͷ๏ྩΛվਖ਼ w Ұ෦ͷ৚൪߸͕มΘͬͨͷͰɺͦͷ৚൪߸Λ ࢀর͢Δଞͷ๏ྩ΋ม͑Δඞཁ͕͋ͬͨ w ϨΨγʔ͔Βղ์͞ΕͯಡΈ΍͘͢ͳͬͨʂ
w ৚จͷߏ੒ɺ৚൪߸΋໌շʹͳͬͨʂ چ ৽ ҙࢥͷܽ᠍ ҙࢥͷෆଘࡏ ໦ށમ ೖ৔ྉ ғ៴஍ ͦͷ౔஍ΛғΜͰ͍Δଞͷ౔஍ ๻ᇨ Ոࣄ࢖༻ਓ ᙜք ڥք ग़፷ අ༻ͷࢧग़ ˣϓϩάϥϜͰ͍͏͜ΜͳΜͷղফ ୈҰ৚ ୈҰ৚ϊೋ ୈҰ৚ϊࡾ ୈೋ৚ʜ ୈҰ৚ ୈೋ৚ ୈࡾ৚ʜ

LJOUPOF΋ຽ๏΋΍ͬͯΔ͜ͱ͕ࣅͯΔʂ

LJOUPOFͷ࡮৽ͱຽ๏ݱ୅ޠԽͷڞ௨఺ w ಈػͱ໨త͸ɺϨΨγʔ͔Βͷղ์ͱՄಡੑ޲্ w Өڹൣғ͕େ͖͘ݕ౼͕େม w มߋൣғ΋େ͖͘มߋ͕େม w ʮݕ౼ˠ࣮૷ʢཱҊʣˠϑΟʔυόοΫˠमਖ਼ʯͷ܁Γฦ͠ w
ϓϩδΣΫτͷ׬ྃ·Ͱʹ௕͍೥݄͕͔͔Δ

ຽ๏ݱ୅ޠԽͷઌྫ͔Βֶ΂Δ͜ͱ͸͋Δ͔ʁ

w ୯ͳΔஔ͖׵͑ΑΓɺʮຊ౰ʹϦϑΝΫλϦϯάʁʯͬͯײ͡ͷํ਑΍ɺ ͦͷมߋ಺༰ʹ͸൓Ԡ͕ू·Γ΍͍͢ w ᶆཱ֬͞Εͨ൑ྫɾ௨આͷղऍͰ ɹ৚จʹ໌ࣔ͞Ε͍ͯͳ͍΋ͷ౳Λنఆʹ௥Ճ w ᶇݱࡏͰ͸ଘࡏҙ͕ࣦٛΘΕ͍ͯΔنఆจݴΛ࡟আ੔ཧ w ओͳ൓Ԡ
w ۩ମతͳมߋʹؔ͢Δࢦఠʗ৚൪߸ʢ㲈*'ʣ͸มߋ͢΂͖Ͱͳ͍͜ͱʗ มߋͷଥ౰ੑͷઆ໌ʗมߋʹࢸͬͨ৹ٞͷաఔͷ։ࣔ੥ٻɹͳͲ ᶃมߋ͕ՃΘΔ͜ͱʹର͢Δਓʑͷ൓Ԡ <ࢀߟ>IUUQTXXXNPKHPKQ.*/+*NJOKJ@IUNM ɹɹIUUQTXXXGCJKPCTKQMBXHFOEBJHPLBHFOEBJHPLBIUNM ɹɹຽ๏ݱ୅ޠԽʹؔ͢Δҙݟॻதژେֶֶज़৘ใϦϙδτϦ ϦϑΝΫλϦϯάʁ

w ຽ๏ݱ୅ޠԽͷ๏Ҋ੒ཱલޙͷྲྀΕˠ w ҙݟืूظ͕ؒՆقٳՋͱ͔ͿͬͯΔʂ w ެ։͔Β๏Ҋఏग़·Ͱϲ݄ͷεϐʔυʂ w ऺٞӃٞࣄ࿥<>ΑΓ w ಸྑࢀߟਓ
ʢલུʣࢲͲ΋หޢ࢜ʹରͯ͠͸ɺຊ೥ീ݄࢛೔ʹɺ۝݄ࡾ೔Λظݶͱͯ͠๏຿ল͔Βҙݟืू͕ͳ͞Ε·ͨ͠ ͕ɺࠃຽੜ׆Λن཯͢Δجຊ๏Ͱ͋Γɺશ৚จҰઍ࢛े࢛৚͕ର৅ͱͳ͍ͬͯͨ͜ͱ͔Βɺ͜ͷҰΧ݄ͱ͍͏ݕ ౼ظؒ͸୹ա͗ͨͷͰ͸ͳ͔͔ͬͨͱ͍͏ҹ৅Λ͓࣋ͬͯΓ·͢ɻʢޙུʣ ᶄϑΟʔυόοΫظ͕ؒ୹͍ͱʜ <ࢀߟ>IUUQTXXXNPKHPKQ.*/+*NJOKJ@IUNM ɹɹIUUQTXXXGCJKPCTKQMBXHFOEBJHPLBHFOEBJHPLBIUNM ɹɹຽ๏ݱ୅ޠԽʹؔ͢Δҙݟॻதژେֶֶज़৘ใϦϙδτϦ <>IUUQTLPLLBJOEMHPKQUYU9 ೥݄೔ ॳΊͯҊ͕ެ։ ݄೔ ҙݟืू։࢝ ݄೔ ҙݟืूऴྃ ݄೔ ࠃձ΁๏ҊΛఏग़ ݄೔ ๏Ҋ͕੒ཱ

ᶅఆண͍ͯ͠Δ΋ͷ΁ͷ഑ྀ w ຽ๏ʹ͸ʮݑ๏৚ʯͷΑ͏ʹ৚൪߸͕ఆண͍ͯ͠Δ৚߲͕͋Δ w ୈ৚ˠެংྑଏҧ൓ʗୈ৚ˠෆ๏ߦҝ w ৚൪߸Λ੔ཧ͢ΔதͰ΋ɺˢ͜͏ͨ͠ఆ൪ͷ৚൪߸͸ζϨͳ͍Α͏ʹ഑ྀ w ΋͠มΘΔͱɺଟ਺ͷจݙ౳ͷ஝ੵΛࢀরͨ͠ͱ͖ʹ ৚൪߸ͷରরɾಡΈସ͑࡞ۀ͕ஞҰੜ͡ΔˍऔΓҧ͑ʹΑΔࠞཚ͕ੜ͡Δ
w ʢύϒϦοΫίϝϯτʣ ଟ਺ͷจݙ౳ͷ஝ੵΛߟྀ͠ɼ৚൪߸͸มߋ͢΂͖Ͱͳ͍<> <ࢀߟ>IUUQTLPLLBJOEMHPKQUYU9 <>IUUQTXXXNPKHPKQ.*/+*NJOKJ@IUNM

ᶆ֞ؒݟ͑Δ༏ઌॱҐ w Ҋ͕·ͱ·͔ͬͯΒύϒϦοΫίϝϯτืू·Ͱͷ ೥ؒɺԿΛ͍ͯͨ͠ͷ͔ʁ <>IUUQTLPLLBJOEMHPKQUYU9 w ࢀٞӃٞࣄ࿥<>ΑΓ w ੓෎ࢀߟਓʢ๪ଜਫ਼Ұ܅ʣ ʢલུʣຽ๏ͷݱ୅ޠԽɺେ෼ֻ͕͔͓࣌ؒͬͯΓ·͢ɻ
ʢதུʣͦͷ੒Ռ͸ฏ੒ീ೥ʹ·ͱ·ͬͨΘ͚Ͱ͍͟͝·͕͢ɺͦͷޙɺޚঝ஌ ͷΑ͏ʹɺඇৗʹຽࣄجຊ๏ʹؔ͢Δཱ๏͕૬࣍͗·ͨ͠ɻಛʹ঎๏౳ʹ͍ͭͯ ຖ೥ͷΑ͏ʹվਖ਼Λߦ͍·ͨ͠͠ɺ·ͨ౗࢈๏੍શൠʹ͍ͭͯͷཱ๏࡞ۀ΋͋Γ ·ͨ͠ɻ·ͨɺຽ๏ʹ͍ͭͯΈ·ͯ͠΋ɺ੒೥ޙݟͰ͋Δͱ͔தؒ๏ਓͰ͋Δͱ ͔༷ʑͳվਖ਼͕ͳ͞ΕΔͱɻͦͷΑ͏ͳཱ๏࡞ۀʹ௥ΘΕ·ͯ͠ͳ͔ͳ͔ຽ๏શ ମΛݱ୅ޠԽ͢Δ࡞ۀ͕ਐ·ͳ͔ͬͨΘ͚Ͱ͍͟͝·͕͢ɺ΍ͬͱ͋Δఔ౓·ͱ ·Γ·ͨ͠ͷͰɺࠓ೥ͷീ݄ʹͦͷݱ୅ޠԽҊΛެද͍ͨ͠·ͯ͠ɺύϒϦοΫ ίϝϯτʹ෇͠·ͯ͠޿͘ࠃຽ͔ΒҙݟΛٻΊ·ͯ͠ɺͦͷ݁ՌΛ౿·͑ͯࠓճ ͷ๏Ҋͱ͍͏͜ͱͰఏग़Λ͍͍ͤͯͨͩͨ͞Θ͚Ͱ͍͟͝·͢ɻ

·ͱΊ w ๏ྩͱϓϩάϥϛϯά͸ࣅͯΔ w ϩδΧϧ͞ʗಈ࡞෦෼Λ௥͏େม͞ʗࠩ෼؅ཧʗ ݹ͍ͷ͕ݱ໾ͷ͜ͱ΋ɹͳͲ w ๏ྩͷ࡮৽͸ϑϩϯτΤϯυͷ࡮৽ͱιοΫϦͩͬͨ w ໨తͱૂ͍ʗӨڹൣғͱมߋൣғͷେ͖͞ʗݕ౼ͱ࣮૷ͷ܁Γฦ͠ɹͳͲ
w ๏ྩͷ࡮৽͔Βֶ΂ͦ͏ͳ͜ͱ͕͋Δ w มߋʹର͢Δਓʑͷ൓ԠʗϑΟʔυόοΫظ͕ؒ୹͍ͱ͖ͷҹ৅ʗ ఆண΁ͷ഑ྀʗ༏ઌॱҐɹͳͲ

͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ

法律の脱レガシーに学ぶフロントエンド刷新

法律の脱レガシーに学ぶフロントエンド刷新

More Decks by おぐえもん

Other Decks in Programming

Featured

Transcript