2022年3月12日に、福井県で開催されたセミナー・イベント「4人のプロフェッショナルが語る - ウィズコロナ・DX時代のWeb活用のトレンドとコアスキル」で講演したプレゼンスライドです。
WebαΠτΛ͖ͭͬͯͨ͘ਓʑͷਐԽ&SB8FC"SDIJUFDUਓͷΠϯλϏϡʔ͔Βެӹࡒஂ๏ਓ;͍͘࢈ۀࢧԉηϯλʔ;͍͘%9ΦʔϓϯϥϘ #fukuidxlab @bookslope
View Slide
ࣗݾհ&SB8FC"SDIJUFDUTϓϩδΣΫτΩϟϦΞͰΈΔਓօ͞Μͷϝοηʔδօ͞Μͷ࣭@bookslope࣍
ࡔຊو࢙εϚʔτϞϏϦςΟࣄۀਪਐࣨࣨΦϯϥΠϯίϛϡχςΟӡӦدߘɾߨԋଟஶॻʰ*"γϯΩϯάʱʰ*"69ϓϥΫςΟεʱͳͲࣗݾհ@bookslope౦ژࡏॅͷσβΠφʔͰ͢ɻσδλϧϓϩμΫτʹ͓͚ΔʮใΞʔΩςΫνϟʯʮ69σβΠϯʯͳͲΛֶͼɺݱࡏʮϞϏϦςΟʯʮ.BB4ʯʹ͓͚Δࣄۀ։ൃɾαʔϏε։ൃʹܞΘ͍ͬͯ·͢ɻ@bookslope
ࣄۀ։ൃࢧԉεϚʔτϞϏϦςΟࣄۀͷਪਐɾۀքͷ׆ੑԽϝσΟΞ৴.BB4ؔ࿈ࣄۀͷاըɾఏҊ84ϑΝγϦςʔγϣϯࢧԉσδλϧϓϩμΫτͷσβΠϯࢧԉχϡʔεαΠτʮϨεϙϯεʯ࿈ࡌதऔࡐ͔ΒࡱӨɾࣥචηϛφʔɾΠϕϯτͷاըɾߨԋ@bookslope
#MaaSମݧهҪݝӬฏࣉொͰͷऔࡐ@bookslope
⽇産⾃動⾞ ドッツ2017 2019リンクス ネットイヤー グループ20002002パイナップル カンパニーヴイロジック1999 1999JDS1997άϥϑΟοΫ σβΠφʔ8FC σβΠφʔ8FC σΟϨΫλʔσδλϧશൠ 69σβΠφʔࣗಈं 69σβΠφʔϞϏϦςΟࣄۀ ίϯαϧ20018FC σΟϨΫλʔΠϯϋεΩϟϦΞαϚϦ1995େࡕ ౦ژ2021ݱࡏ@bookslope
@Era Web Architects.BSDIUI )*304)*(&("--&3:
Era Web ArchitectsイベントEvent書籍刊⾏BookライブOnline写真展Exhibition@Era Web Architects
@Era Web ArchitectsΠϯλʔωοτᴈ໌ظ
@Era Web ArchitectsPhoto by TAKAMITSU SAKAMOTO
@Era Web ArchitectsPhoto by TAKAMITSU SAKAMOTOਓͷΣϒΞʔΩςΫτϙʔτϨʔτࡱӨࣸਅల։࠵ΦϯϥΠϯΠϯλϏϡʔهࣄԽॻ੶Խࡔຊو࢙ࠤ౻৳୩ರ࢜ా༤ଜӽޛ্ฏਸਔԞ͍ͣΈখٱอߒେୡҰਔ্ֶ২ਅѨ෦३ాՅ߂୩ګٱฏलΓΜྛਅཧࢠதଜ͜Γ·͖͋҆͞౻لཱ݈ࢽߴࢁ౻ਅҰҪొ༑Ұਗ਼ਫதଜڗհݪҰߒॅଠཅੴڮलਔਆษ
@Era Web Architects
ࡔຊو࢙২ਅ্ֶࠤ౻৳࠸ΓΜॅଠཅਗ਼ਫ୩ګٱాՅ߂Ԟ͍ͣΈਆษݪҰߒॅଠཅ͜Γ·͖͋҆͞౻थਗ਼ਫ ্ฏਸਔా༤Ҫొ༑Ұࠤ౻৳࠸্ֶ͜Γ·͖͋͞ୡҰਔ Ҫొ༑Ұࠤ౻৳࠸தଜڗհΓΜ౻ਅҰ୩ರ࢜@Era Web Architects
@Era Web Architectsग़ձ͍ใൃ৴ ࣥචதଜڗհ࣌ɺΞοプϧετΞۜ࠲で͍ͬͯͨ$44/JUFʢηϛφʔΠベϯτʣでɺ1IPUPTIPQͳどͷޮԽςΫχοΫʹ͍ͭͯΛͨ͠ͱ͖が͋Δͷで͢がɺ ͦͷͱ͖ʹձͬͨग़൛ࣾͷํʹʮ+BWB4DSJQUͷຊΛग़ͯ͘͠だ͍͞ʯͱͨ͠Βɺٯʹʮॻ͍ͯ͘ΕʯͱݴΘΕʮΘ͔Γ·ͨ͠ɻॻ͍ͯΈ·͠ΐ͏ʯͱ͍͏ྲྀΕʹͳͬͯɺ+BWB4DSJQUͷຊΛॻ͘͜ͱʹͳΓ·ͨ͠ɻ
@Era Web ArchitectsਓͷΠϯλϏϡʔΦϯϥΠϯγϣοϓ#"4&ͰൢചதՁ֨ ԁʢ1%'൛͋Γʣࠃཱࠃձਤॻؗدଃ
άϥϑΟοΫσβΠφʔ8FC σβΠϯใ ΞʔΩςΫνϟࣗಈंۀք.BB4্ژ@Era Web ArchitectsΩϟϦΞͰΈΔਓ
@Era Web ArchitectsάϥϑΟοΫσβΠφʔ8FC σβΠϯใ ΞʔΩςΫνϟࣗಈंۀք.BB4্ژΩϟϦΞͰΈΔਓ
@Era Web ArchitectsάϥϑΟοΫσβΠφʔ8FC σβΠϯใ ΞʔΩςΫνϟࣗಈंۀք.BB4্ژΩϟϦΞͰΈΔਓඒज़ σδλϧ ϑϨʔϜϫʔΫ ͷͮ͘Γ ҠಈϥΠϑ
ʮଟ͘ͷ͜ͱʹڵຯΛ࣋ͪΛٻ͢Δਓʯͷ͜ͱɻڵຯͷ͋Δ͜ͱΛݟ͚ͭͨΒͦΕʹऔΓΉɻ͠Β͘͢Δͱผͷ໘നͦ͏ͳ͜ͱΛݟ͚ͭΔͷͰɺͦͬͪʹҠͬͯऔΓΉɻͦΜͳੜ͖ํΛ܁Γฦ͢ͷ͕ϚϧνϙςϯγϟϥΠτͰ͢ɻMultipotentialite͋ͳͨεϖγϟϦετͰ͔͢ʁͦΕͱϚϧνϙςϯγϟϥΠτͰ͔͢ʁCZ-*(Ώ·ΤϛϦʔɾϫϓχοΫ@bookslopeϚϧνɾϙςϯγϟϥΠτ
େֶ ݚڀձҾ͖͜Γ ϑϦʔϥϯεόφʔ৬ਓ (*'Ξχϝ8σβΠϯτϨϯυϝϧϚΨൃߦ8*OEPXTΠϯλʔωοταʔΫϧΞϝϦΧཹֶ8FC੍࡞ձࣾ େاۀΞϧόΠτϗʔϜϖʔδύϯΫόϯυԻָϨʔϕϧ֨ಆٕͷੈքΫϧʔτϨΠϯϚχϑΣετσδϋϦݐઃձࣾύιίϯΧϥΦέόΠτ.BDಠֶΞϯάϥܥ ϑϦʔϥϯεࣥචِ໊ग़൛ࣾσβΠφʔ৽ଔӦۀϚϯࣾλΠग़ு%SFBNXFBWFS ΞυϏߨࢣ ࣄۀձࣾݩҹձࣾ@Era Web ArchitectsΩϟϦΞͰΈΔਓ
େֶ ݚڀձҾ͖͜Γ ϑϦʔϥϯεόφʔ৬ਓ (*'Ξχϝ8σβΠϯτϨϯυϝϧϚΨൃߦ8*OEPXTΠϯλʔωοταʔΫϧΞϝϦΧཹֶ8FC੍࡞ձࣾ େاۀΞϧόΠτϗʔϜϖʔδύϯΫόϯυԻָϨʔϕϧ֨ಆٕͷੈքΫϧʔτϨΠϯϚχϑΣετσδϋϦݐઃձࣾύιίϯΧϥΦέόΠτ.BDಠֶΞϯάϥܥ ϑϦʔϥϯε ࣥචग़൛ࣾσβΠφʔ৽ଔӦۀϚϯࣾλΠग़ு%SFBNXFBWFS ΞυϏߨࢣ ࣄۀձࣾݩҹձࣾ@Era Web ArchitectsΩϟϦΞͰΈΔਓ
μΠϠϧ2 ύιίϯ௨৴ࠂཧళ'MBTI8FCσΟϨΫγϣϯ+BWB4DSJQUձࣾ)5.-ςΩετΞϝϦΧࠃࡍϏδωεΠϯλʔωοτ ؼࠃ 8FC੍࡞ձࣾ ใઃܭΦʔφʔζΫϥϒใσβΠϯतۀاۀσβΠφʔڞಉݚڀ ڭ͑Δ ϐλΰϥεΠονΠϯλʔωοτܝࣔ൘Ӊ։ൃௗਓؒίϯςετόΠτίʔσΟϯά/"4%"8FCϚελʔݹΞΫηγϏϦςΟిࢠϝʔϧେֶωοτΧϑΣϓϩόΠμʔۈࣥචւ֎ࡏॅग़࢈"OESPJEϚϧνϝσΟΞ@Era Web ArchitectsΩϟϦΞͰΈΔਓ
ϑΝϛίϯ ཧ෦ػցֶϩϘοτݚڀσδϋϦ ϞόπΠύιίϯ௨৴ٻਓࢽӦۀاըΠϯλʔωοτ8FCؑฤूࣄۀձࣾ ΞΫηγϏϦςΟ্ژσδϋϦିҥσδϋϦۈෆ ਓࡐ։ൃΫϦΤΠλʔΩϟϦΞࢧԉΩϟϦΞηϯλʔߴઐϩϘοτେձݚڀࣨύιίϯυοτίϜΠϕϯτϓϩάϥϚʔ ىۀ্ژ.49ύιίϯϛϡʔδγϟϯΞϝϦΧཹֶ$44ίϛϡχςΟ (PPHMF888@Era Web ArchitectsΩϟϦΞͰΈΔਓ
POINT 1 ࢠڙͷ͜Ζ͔Βύιίϯʹ৮ΕڵຯΛ͍ͬͯΔɻཹֶͳͲͷػձͻͱͭͷग़ձ͍͕ɺͦͷޙͷબʹͭͳ͕͍ͬͯΔɻPOINT 2Πϯλʔωοτ8FCͱɺͨ·ͨ·ग़ձ͍ͬͯΔʹա͗ͳ͍ɻPOINT 3Ұܦݧͨ͠ɺࠓͱؒٯͳڥࣄʹڵຯ͕͋ΔɻPOINT 4Πϯλʔωοτ8FCΦʔϓϯͰ͋Γɺͦͷٕज़Λ׆༻͍ͯ͘͠Λօ͕ࡧ͍ͯ͠ΔɻPOINT 5@Era Web ArchitectsΩϟϦΞͰΈΔਓ
ࢲʹಛผͳ࠽ೳͳͲ͋Γ·ͤΜɻͨͩɺͷ͘͢͝ح৺͕ڧ͍͚ͩͰ͢ɻΞϧϕϧτɾΞΠϯγϡλΠϯ@Era Web ArchitectsΩϟϦΞͰΈΔਓ
@Era Web Architectsօ͞Μͷϝοηʔδ8FCΠϯλʔωοτۀքͷϝοηʔδMESSAGE
8FCΠϯλʔωοτۀքͷϝοηʔδʮ࠷ظ·Ͱͭ͘ΔਓʯΛ૿͍ͨ͠ɻͦ͏͍͏ΩϟϦΞ͋Δͱ͍͏͜ͱΛ͍͑ͨͰ͢ɻݪҰߒ͜Ε͔ΒͷੈͷਓʹʮܧଓྗͳΓʯͱ͍͖͍͑ͯͨɻ͜Γ·͖͋͞σβΠφʔ͕ͨ͘͞Μू·ΕΔΑ͏ͳΛ࡞Γ͍ͨͱ͍͏ࢥ͍͕͋Γ·͢ɻਆษ8FCΠϯλʔωοτͷ৽͍͠ՄೳੑΛҰॹʹͭ͘Δ͜ͱ͕Ͱ͖ͨΒ͍͍ͳɺͱࢥ͍·͢ɻཱ݈ࢽ͍͔ͭࣗޙଓͷྐʹͳΔͱ͖͕͘ΔɻͦͷͷͨΊʹɺޙଓΛࢧ͑ΒΕΔഎࠎΛ͓͍ͭͬͯͯ͘΄͍͠ɻ҆౻ل@Era Web Architects
ʮجૅΛͪΌΜͱษڧ͠Α͏ʯͱ͍͏͜ͱͰ͢ɻ தଜڗհݸਓʹͱͬͯ৫ʹͱͬͯɺ͞Βʹۀքશମʹͱͬͯӹͷ͋ΔऔΓΈΛ͢Δ͜ͱɺͦ͏͍͏จ຺Λݟ͚ͭΔ͜ͱ͕େࣄͩͱࢥ͍ͬͯ·͢ɻୡҰਔʮ࡞ΔͨΊʹ࣌ؒΛ͔͚ͨΓ͓ۚΛ͔͚ͨΓ͢Δ͜ͱྑ͍͜ͱʯ͔ΒҰาҾ͍ͯͷ͝ͱΛߟ͑Δ΄͏͕͍͍ͷ͔ͳͱࢥ͍·͢ɻΓΜ8FCจԽΛͭ͘ΕΔɻ৽͍͠จԽΛҰॹʹͭ͘Ζ͏ͥɻฏलڞ༗ʹରͯ͠ͷײ֮࣋ͬͯΒ͑Δͱ͍͍ͳͱࢥ͍·͢ɻ্ฏਸਔ@Era Web Architects8FCΠϯλʔωοτۀքͷϝοηʔδ
࣌ͷมԽͷͱ͖ʹอकతʹͳΒͳ͍Ͱ΄͍͠Ͱ͢ɻ ౻ਅҰࣾձͷӨڹͱ͔ʮެڞੑʯʹҙࣝΛ͚Δۀքਓ͕૿͑ͯ΄͍͠ͱࢥ͍ͬͯ·͢ɻੴڮलਔָ͠Ήͱ͍͏͜ͱͱɺָ͍͠ͱࢥ͑Δ͘Β͍ਂ͘ಥͬࠐΜͰ͍͚͍͍ͬͯͱࢥ͍·͢ɻখٱอߒେʮҰॹʹΞΫηγϏϦςΟΛͬͱߴΊ͍͖ͯ·ͤΜ͔ʯͱ͍͏ײ͡Ͱ͔͢Ͷɻ২ਅҰ൪େࣄͳͷɺࠓ͍Δ৬ɺࣗͷډॴͰʹཱͭࣄͷܦݧΛੵΜͰ͍͘͜ͱͰ͢ɻྛਅཧࢠ@Era Web Architects8FCΠϯλʔωοτۀքͷϝοηʔδ
Կ͔ʹເதʹͳͬͯɺΜͰ͍͍ࣦ͠ഊ͍͍ͯ͠ͷͰɺԿ͔Λͭ͘Δͱ͍͏͜ͱΛͲΜͲΜ͍͚͍͍͔ͬͯͳͱࢥ͍·͢ɻѨ෦३ੜ·Εͨͱ͖ΑΓNNͰੈͷதΛΑͯ͘͠ࢮ͵ͷͩͱ͍͏ؾ֓Λ࣋ͬͯఘΊͣʹಆͬͯཉ͍͠Ͱ͢ɻதଜࣄͷղ૾Λ্͛Δʹʮ͘ɺਂ͘જΔʯ͕ΦεεϝͰ͢ɻଜӽޛͻͱΓͰͰ͖Δ͜ͱݶΒΕͯ·͔͢Βɺͱ͍ͬ͠ΐʹࣄ͠Α͏ɺͱ͍͏ײ͡Ͱ͢ɻా༤͜Ε͔Βָͯͬ͘͠ͱ͍͍ࣾձʹͳ͍ͬͯ͘͜ͱʹܞΘ͍͚ͬͯΔͱࢥ͍·͢ɻҰॹʹϫΫϫΫָͯ͠͠ΜͰ͍͚Ε͍͍ͳͱࢥ͍·͢ɻాՅ߂@Era Web Architects8FCΠϯλʔωοτۀքͷϝοηʔδ
8FCͷྖҬҰͭͷૉཆͱͯ͠׆༻͍͖͍ͯͨͩͨ͠ͳͱࢥ͍·͢ɻҪొ༑Ұ8FCͷΤϦΞʹ͔ͬΓด͜͡Βͳ͍Α͏ʹ͢Δͱ͍͍Μ͡Όͳ͍͔ͳͱࢥ͍·͢Ͷɻਗ਼ਫए͍ਓʹɺͨ͘͞Μͷөըখઆʹ৮Εͯཉ͍͠ͱࢥ͍·͢ɻॅଠཅͱʹ͔͘Կ͔͠ΖɺͰ͢Αɻࠓ͙͢ʹɻ ୩ହٱࠜຊతͳςΫχΧϧίϛϡχέʔγϣϯ͕ܰࢹ͞Ε͍ͯΔͷ͕ؾ͕͔ΓͰ͢ɻߴࢁ@Era Web Architects8FCΠϯλʔωοτۀքͷϝοηʔδ
୭͔͕͜͏͔ͨ͠Βࣗͦ͏͢Δͱ͔͡Όͳͯ͘ɺଞਓͱҧ͏͜ͱΛ͕ΜͬͯΈͯɺޙޙʹཱͭΑ͏ʹ͢Ε͍͍Μ͡Όͳ͍͔ͱࢥ͍·͢ɻࠤ౻৳࠸͍·৽͍͠Ձ؍͕ɺͲ͏͍ͬͨςΫϊϩδʔͦͷपลͷߟ͑ํ͔ΒੜΈग़͞Εͨͷ͔ɺͱ͍͏ࢹΛ࣋ͬͯࣾձΛݟ͍ͯ͘ͱ໘ന͍Μ͡Όͳ͍͔ͳͱࢥ͍·͢ɻ୩ರ࢜ࣗͷϐʔεͷཧղͱɺͲ͜ʹϋϝΕ͏·͘ػೳ͢Δ͔ͷࢹ͕͋Δͱ͍͍ͳͱࢥ͍·͢ɻࡔຊو࢙ࣗͷಘҙͳ͜ͱ͖ͳͷͱ͔ɺͦΕΛ࣠ʹ͢ΔͱΔ͜ͱͬͯ͋Μ·ΓมΘΒͳ͍ɻͦ͏͍͏ͷΛݟ͚ͭΒΕΔͱ͍͍ͳͱࢥ͍·͢ɻԞ͍ͣΈσβΠφʔʹͳΓ͍ͨਓɺͦ͏͍͏εϖΫλΫϧͷѱ͍΄͏͔Βൈ͚ग़͞ͳ͍ͱ͍͚ͳ͍ͱࢥ͍·্ֶ͢@Era Web Architects8FCΠϯλʔωοτۀքͷϝοηʔδ
@Era Web Architectsօ͞Μͷ࣭͋ͳͨεϖγϟϦετͰ͔͢ ͦΕͱϚϧνɾϙςϯγϟϥΠτͰ͔͢QUESTION
:PVUVCFͰ৴தਓͷΦϯϥΠϯΠϯλϏϡʔؚΉϥΠϒ৴ઌ:PVUVCF'BDFCPPL5XJUUFSຖिPS༵ۚ࣌ؒ@Era Web Architects
@bookslopeWebαΠτΛ͖ͭͬͯͨ͘ਓʑͷਐԽ ― Era Web Architect 30ਓͷΠϯλϏϡʔ͔Β͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ