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