Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
Webサイトをつくってきた人々の進化 ― Era Web Architect の30人のインタビューから
Takashi Sakamoto
March 12, 2022
Design
0
470
Webサイトをつくってきた人々の進化 ― Era Web Architect の30人のインタビューから
2022年3月12日に、福井県で開催されたセミナー・イベント「4人のプロフェッショナルが語る - ウィズコロナ・DX時代のWeb活用のトレンドとコアスキル」で講演したプレゼンスライドです。
Takashi Sakamoto
March 12, 2022
Tweet
Share
More Decks by Takashi Sakamoto
See All by Takashi Sakamoto
Future Gazing Careers
bookslope
0
740
漫画で醸成する3S(嗜好・志向・思考)
bookslope
0
110
TIPS FOR ONLINE SEMINARS - 67WS Online #1
bookslope
0
590
UI/UX Design for Mobility
bookslope
1
2.9k
Introducing MaaS x Card
bookslope
3
950
WHERE DO YOU START THINKING #ctalks2020
bookslope
2
840
UI / UX design in the MaaS #tms2019
bookslope
2
2.9k
The Importance of UX in Mobility
bookslope
1
640
Take actions - マイナスからどのように行動したか
bookslope
0
680
Other Decks in Design
See All in Design
Shuv It Boards
8sided
PRO
1
210
Alma's Ticket To Life
yzhang0425
0
240
Designing Schematic Maps
rasagy
1
270
Google UX Design Certificate 受講してみた
oquloo
1
670
Interest + Curiosity Booklet
juliaso
0
130
Fairy Unfortunate Storyboard
livamoah
1
150
Mind Your Product Language
apolaine
0
230
Let's have a Threesome!
laineyru
1
240
My Yahoo Refresh Overview
xuechunwu
0
260
Introduce Celebration Grid
nakahara
0
330
"Friendship" - Personal Story Sequence
innsamity
1
330
The Party! - Story Sequence
diablicos_
0
140
Featured
See All Featured
The Mythical Team-Month
searls
209
39k
Six Lessons from altMBA
skipperchong
14
1.4k
5 minutes of I Can Smell Your CMS
philhawksworth
196
18k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
7
1.1k
Navigating Team Friction
lara
175
11k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
11
4.7k
No one is an island. Learnings from fostering a developers community.
thoeni
9
1.3k
4 Signs Your Business is Dying
shpigford
169
20k
Facilitating Awesome Meetings
lara
29
4k
The Power of CSS Pseudo Elements
geoffreycrofte
47
3.9k
Docker and Python
trallard
27
1.6k
Producing Creativity
orderedlist
PRO
334
37k
Transcript
WebαΠ τΛͭ͘ ͖ͬͯͨਓʑͷਐԽ &SB8FC"SDIJUFDUਓͷΠϯλϏϡʔ͔Β ެӹࡒஂ๏ਓ;͍͘࢈ۀࢧԉηϯλʔ;͍͘%9ΦʔϓϯϥϘ #fukuidxlab @bookslope
ࣗݾհ &SB8FC"SDIJUFDUTϓϩδΣΫτ ΩϟϦΞͰΈΔਓ օ͞Μͷϝοηʔδ օ͞Μͷ࣭ @bookslope ࣍
ࡔຊو࢙ εϚʔτϞϏϦςΟࣄۀਪਐࣨࣨ ΦϯϥΠϯίϛϡχςΟӡӦ دߘɾߨԋଟ ஶॻʰ*"γϯΩϯάʱʰ*"69ϓϥΫςΟεʱͳͲ ࣗݾհ @bookslope ౦ژࡏॅͷσβΠφʔͰ͢ɻσδλϧϓϩμΫτʹ͓͚ΔʮใΞʔΩςΫ νϟʯʮ69σβΠϯʯͳͲΛֶͼɺݱࡏʮϞϏϦςΟʯʮ.BB4ʯ ʹ͓͚Δࣄۀ։ൃɾαʔϏε։ൃʹܞΘ͍ͬͯ·͢ɻ
@bookslope
ࣄۀ։ൃࢧԉ εϚʔτϞϏϦςΟࣄۀͷਪਐɾۀքͷ׆ੑԽ ϝσΟΞ৴ .BB4ؔ࿈ࣄۀͷاըɾఏҊ 84ϑΝγϦςʔγϣϯࢧԉ σδλϧϓϩμΫτͷσβΠϯࢧԉ χϡʔεαΠτʮϨεϙϯεʯ࿈ࡌத औࡐ͔ΒࡱӨɾࣥච ηϛφʔɾΠϕϯτͷاըɾߨԋ @bookslope
#MaaSମݧه ҪݝӬฏࣉொͰͷऔࡐ @bookslope
⽇産⾃動⾞ ドッツ 2017 2019 リンクス ネットイヤー グループ 2000 2002
パイナップル カンパニー ヴイロジック 1999 1999 JDS 1997 άϥϑΟοΫ σβΠφʔ 8FC σβΠφʔ 8FC σΟϨΫλʔ σδλϧશൠ 69σβΠφʔ ࣗಈं 69σβΠφʔ ϞϏϦςΟࣄۀ ίϯαϧ 2001 8FC σΟϨΫλʔ Πϯϋε ΩϟϦΞαϚϦ 1995 େࡕ ౦ژ 2021 ݱࡏ @bookslope
@Era Web Architects .BSDIUI )*304)*(&("--&3:
Era Web Architects イベント Event 書籍刊⾏ Book ライブ Online 写真展
Exhibition @Era Web Architects
@Era Web Architects Πϯλʔωοτᴈ໌ظ
@Era Web Architects Photo by TAKAMITSU SAKAMOTO
@Era Web Architects Photo 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 ύιίϯ௨৴ ࠂཧళ '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 ΩϟϦΞͰΈΔਓ
ࢲʹಛผͳ࠽ೳͳͲ͋Γ·ͤΜɻ ͨͩɺ ͷ͘͢͝ح৺͕ڧ͍͚ͩͰ͢ɻ ΞϧϕϧτɾΞΠϯγϡλΠϯ @Era Web Architects ΩϟϦΞͰΈΔਓ
@Era Web Architects օ͞Μͷϝοηʔδ 8FCΠϯλʔωοτۀքͷϝοηʔδ MESSAGE
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Πϯλʔωοτۀքͷϝοηʔδ
@Era Web Architects օ͞Μͷ࣭ ͋ͳͨεϖγϟϦετͰ͔͢ ͦΕͱϚϧνɾϙςϯγϟϥΠτͰ͔͢ QUESTION
@Era Web Architects ਓͷΠϯλϏϡʔ ΦϯϥΠϯγϣοϓ#"4&Ͱൢചத Ձ֨ ԁʢ1%'൛͋Γʣ ࠃཱࠃձਤॻؗدଃ
:PVUVCFͰ৴த ਓͷΦϯϥΠϯΠϯλϏϡʔؚΉ ϥΠϒ৴ઌ:PVUVCF'BDFCPPL5XJUUFS ຖिPS༵ۚ ࣌ؒ @Era Web Architects
@bookslope WebαΠτΛ͖ͭͬͯͨ͘ਓʑͷਐԽ ― Era Web Architect 30ਓͷΠϯλϏϡʔ͔Β ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ