Slide 1

Slide 1 text

౉ล൏ਓ /FYUKTͰ41"Λߏங͢ΔࡍͷਏΈ .*&36/&##2

Slide 2

Slide 2 text

ࣗݾ঺հ ౉ล൏ਓ wגࣜձࣾαʔόʔϫʔΫεॴଐ wϑϩϯτΤϯυ΍Γ͕ͪ😇 wdࡳຈࡏॅ w9ͳ΂ !OBCFDNEDUSM

Slide 3

Slide 3 text

݁࿦ /FYUKTͱ͸ ͳͥ/FYUKTΛબΜͩͷ͔ /FYUKTͰ41"Λߏங͢ΔࡍͷਏΈ ·ͱΊ

Slide 4

Slide 4 text

݁࿦ w/FYUKTͰ41" 4JOHMF1BHF"QQMJDBUJPO ͷߏங͸΍ΊΑ͏ w7JUFЋΛ࢖͓͏ w໨తʹԠͯ͡ద੾ͳπʔϧΛબ΅͏

Slide 5

Slide 5 text

/FYUKTͱ͸ w3FBDUͷϑϨʔϜϫʔΫ w3FBDUͷΈ で 8FC"QQΛ։ൃ͢ΔࡍͷՁ஋ΛੜΈ ず Β͍ॏ࿑ಇΛഉআ wϓϩδΣΫτߏ଄ʹϚοϓ͞Εͨ഑৴63- ϧʔςΟϯά w֤छϨϯμϦϯάख๏ ΫϥΠΞϯταΠυɺαʔόʔαΠυ wσʔλऔಘ 8FC"1*௨৴ wͳͲͳͲ

Slide 6

Slide 6 text

ͳͥ/FYUKTΛબΜͩͷ͔ w3FBDU͸ プ ϩ ダ Ϋγϣϯ グ Ϩʔ ド ͷ։ൃ で ϑϨʔϜϫʔΫͷ࠾༻Λਪ঑͍ͯ͠Δ wIUUQTKBSFBDUEFWMFBSOTUBSUBOFXSFBDUQSPKFDU w/FYUKT͸ଞͷϑϨʔϜϫʔΫͱൺֱ͠γΣΞ͕ѹ౗త wIUUQTOQNUSFOETDPNHBUTCZWTOFYUWTSFNJY w/FYUKTͷυΩϡϝϯτಡΜͩײ͡41"΋͍͚ͦ͏٩ ᐛ و • Next.js enables starting as a static site or Single-Page Application (SPA), then later optionally upgrading to use features that require a server. wIUUQTOFYUKTPSHEPDTBQQCVJMEJOHZPVSBQQMJDBUJPOEFQMPZJOHTUBUJDFYQPSUT

Slide 7

Slide 7 text

/FYUKTͰ41"Λߏங͢ΔࡍͷਏΈ wCMPHͷΑ͏ͳಈత パ ϥϝʔλͷऔಘ w/FYUKT"1*ͷ੍໿ʹΑΓϏϧυ࣌ʹಈత パ ϥϝʔλΑΔ デ ʔλΛऔಘ͢Δඞཁ͋Γ wIUUQTOFYUKTPSHEPDTBQQCVJMEJOHZPVSBQQMJDBUJPOSPVUJOHEZOBNJD SPVUFTHFOFSBUJOHTUBUJDQBSBNT w41"͕ѻ͏σʔλͷߋ৽ස౓͕Ϗϧυස౓ΑΓߴ͍৔߹ɺσʔλߋ৽ͷͨΊʹϏϧυ ͱ࠶σϓϩΠ͕ඞཁʜ🥺 %ZOBNJD3PVUJOH͕Ϣʔεέʔεʹ߹Θͳ͍

Slide 8

Slide 8 text

/FYUKTͰ41"Λߏங͢ΔࡍͷਏΈ wCMPH JEYYYͷΑ͏ͳΫΤϦ パ ϥϝʔλͱϑϩϯτΤϯυͰͷඳըΛߟ͑Δ /FYUKTͷࢫΈͰ͋ΔϓϩδΣΫτߏ଄ʹϚοϓ͞Εͨ഑৴63-׆͔ͤͯΔʁ 3FBDU4VTQFOTFίϯϙʔωϯτʹΑΔϑΥʔϧόοΫॲཧ͕ඞਢ wϚʔΫΞοϓ͕ංେԽ͢Δ wΫΤϦύϥϝʔλऔಘ͸)ZESBUJPO׬ྃΛ଴ͭඞཁ͕͋Δ %ZOBNJD3PVUJOH͕Ϣʔεέʔεʹ߹Θͳ͍ɺͦΕͰ΋ఘΊͳ͍ʂ

Slide 9

Slide 9 text

/FYUKTͰ41"Λߏங͢ΔࡍͷਏΈ w։ൃ࣌ϩʔΧϧͷ/PEFαʔόʔ͔Β഑৴ wίʔυͷมߋ͕ଈ࣌ʹ൓ө͞Εͯ(PPE w443͞Ε͍ͯΔͧʜ wσϓϩΠ࣌Ϗϧυ੒Ռ෺ )5.- Λ"NB[PO4͔Β഑৴ wαʔόʔαΠυʹίϯϐϡʔςΟϯάॲཧ͸ͳ͍ wϒϥ΢β্ͰϨϯμϦϯά͞ΕΔ wͳΜ͔ɺ։ൃͱσϓϩΠͰҧ͏ؾ͕͢Δʜ ։ൃ؀ڥͱσϓϩΠ؀ڥͷࠩ෼

Slide 10

Slide 10 text

/FYUKTͰ41"Λߏங͢ΔࡍͷਏΈ wσϓϩΠޙʹ౸ୡՄೳͳ63-͕YYYJOEFYIUNMʹͳ͍ͬͯΔ͜ͱʹؾͮ͘ʜ w։ൃத͸YYYͰΞΫηεͰ͖͍͕ͯͨɺσϓϩΠ؀ڥ͸ҧͬͨʂ w&&ςετίʔυ͕ҙຯΛͳ͞ͳ͘ͳͬͨ wσϓϩΠ؀ڥͰSFXSJUFॲཧΛॻ͘͜ͱͰରԠՄೳ wϖʔδ਺͕ଟ͍ͱݱ࣮తͰ͸ͳ͍ ։ൃ؀ڥͱσϓϩΠ؀ڥͷࠩ෼

Slide 11

Slide 11 text

·ͱΊ w/FYUKTͰ41" 4UBUJD&YQPSUT Λ࢖༻͢Δࡍ͸ඇରԠػೳΛཁ֬ೝ wIUUQTOFYUKTPSHEPDTBQQCVJMEJOHZPVSBQQMJDBUJPOEFQMPZJOHTUBUJD FYQPSUTVOTVQQPSUFEGFBUVSFT w/FYUKTίϛϡχςΟͰ΋͜ͷΑ͏ͳ࿩͕͞Ε͍ͯΔ໛༷ w41"͸ઃܭࢥ૝ʹ൓͍ͯ͠ΔͷͰ࢖༻͢Δͳ೿ͱ41"ͷಈతϧʔςΟϯά͸ඞཁ ೿͕͍Δ wIUUQTHJUIVCDPNWFSDFMOFYUKTJTTVFT ৼΓฦΓ

Slide 12

Slide 12 text

·ͱΊ wখن໛PSͲ͏ͯ͠΋41"Ͱ࣮ݱ͍ͨ͠৔߹ w3FBDU7JUF 3FBDU3PVUFS Ͱ࣮૷͢Δ wࣗલͰ΍Δ͜ͱ͕ଟ͘ͳΔͷͰɺͦͷ఺Λߟྀ͢Δ͜ͱ wIUUQTKBWJUFKTEFW wେن໛PS41"Ͱ࣮ݱ͠ͳͯ͘ྑ͍ w/FYUKT wαʔόʔαΠυίϯϐϡʔςΟϯάඅ༻΋ߟྀ͢Δ͜ͱ ͜Ε͔Βͷࢦ਑

Slide 13

Slide 13 text

5IBOLZPV ϚαΧϦ଴ͬͯ·͢ʂ 🫶