Movable Type で育てるウェブサイトエコシステム

2022年11月19日（土）にオンライン開催されたMTDDC Meetup TOKYO 2022のセッションで使用したスライドです。

Transcript

1. .PWBCMF
   5ZQFͰҭͯΔ
   ΢ΣϒαΠτΤίγεςϜ
   ΢ΣϒͰ΋ͬͱָ͍͠ϦΞϧΛ૑ΔͨΊʹ גࣜձࣾδϟΫελϙδγϣϯ
   ୅දऔక໾ɹ੢ࢁɹହ࢙ ೥݄೔ɹ.5%%$
   .FFUVQ
   50,:0
   
2. ࡾ౓ͷ൧ΑΓ৯΂Δ͜ͱɺ
   ͦͯ͠ҿΉ͜ͱ͕޷͖ גࣜձࣾδϟΫελϙδγϣϯɹ୅දऔక໾ʗσΟϨΫλʔ
   ೥݄૑ۀɺ೥݄๏ਓԽʢ๏ਓظ໨ʣ .PWBCMF
   5ZQFΛϓϥοτϑΥʔϜʹ΢ΣϒαΠτΛߏங
   ೥ɹ1SP/FUʢγοΫεɾΞύʔτࣾύʔτφʔʣՃໍ
   ೥ɹ.5՜ҔΛελʔτ
   ೥ɹ.5%%$
   .FFUVQ
   )0,,"*%0
   ։࠵
   ೥ɹ.5%%$
   .FFUVQ
   )0,,"*%0
   ։࠵ ੢ࢁɹହ࢙
   ʢʹ͠΍·ɹ΍͢;Έʣ
3. σΟϨΫλʔɹ໊
   σβΠφʔɹ໊
   ϑϩϯτΤϯυΤϯδχΞɹ໊
   .5ςϯϓϨʔτΤϯδχΞɹ໊ ओͳۀ຿
   ɾ΢ΣϒαΠτߏஙʗ΢ΣϒίϯαϧςΟϯά
   ɾࣗࣾ։ൃ੡඼ൢച
   ɾ΢ΣϒγεςϜ։ൃ
   ɾͦͷଞσβΠϯϫʔΫ
5. ࣗࣾϓϩμΫτ
   4,&-&50/
   $"35
   ͷ։ൃɾൢച .5Ϋϥ΢υରԠʂ
6. %ZOBNJD1SFWJFX *NBHF6QMPBE6UJMJUZ .PWBCMF
   5ZQF
   ༻ϓϥάΠϯͷ։ൃɾൢച
7. %BTICPBSE6UJMJUZ
   GPS
   NPWBCMFUZQFOFU
8. ͜͜೥ɺ.PWBCMF
   5ZQFؔ࿈ηϛφʔͰ͓࿩ͨ͜͠ͱ
9. ͜͜೥ɺ.PWBCMF
   5ZQFؔ࿈ηϛφʔͰ͓࿩ͨ͜͠ͱ .PWBCMF
   5ZQFͱ্खʹ෇͖߹͏ͱ
   ͱͯ΋ྑ͍΢ΣϒαΠτͷӡӦ͕Ͱ͖ΔͷͰ͸ʁ
10.  ྑ͍΢ΣϒαΠτͷ৚݅
     ૝͍Λ఻͑ΔͨΊʹඞཁͳ͜ͱ
     ࢲ͕ͨͪ΍Δ΂͖͜ͱ
     ΢ΣϒαΠτΤίγεςϜͷ࣮ݱ
     ·ͱΊ ࠓ೔͓࿩͢Δ͜ͱ
11. ྑ͍΢ΣϒαΠτͷ৚݅ Criteria for a great website
12. ໨త͕͸͖ͬΓ͍ͯ͠Δ ࢖͍΍͍͢ɺ৘ใΛ୳͠΍͍͢ ΞΫγϣϯ͕ى͜͠΍͍͢ Ϗδωεʹߩݙ͍ͯ͠Δ ఻͍͑ͨਓʹ૝͍͕఻ΘΔ 
    ྑ͍΢ΣϒαΠτͷ৚݅
13. ໨త͕͸͖ͬΓ͍ͯ͠Δ ࢖͍΍͍͢ɺ৘ใΛ୳͠΍͍͢ ΞΫγϣϯ͕ى͜͠΍͍͢ Ϗδωεʹߩݙ͍ͯ͠Δ ఻͍͑ͨਓʹ૝͍͕఻ΘΔ 
    ྑ͍΢ΣϒαΠτͷ৚݅
14. ΢ΣϒαΠτ͸l૝͍zΛ఻͑ΔखஈͳͷͰ
    ΑΓྑ͍ΧλνͰ఻͑Δ޻෉͕ඞཁ 
    ྑ͍΢ΣϒαΠτͷ৚݅
15. ΢ΣϒαΠτͰ
    ૝͍Λ఻͑ΔͨΊʹඞཁͳ͜ͱ What you need to convey your thoughts
16. w ΫϥΠΞϯτͷ૝͍ϏδϣϯΛ໌֬ʹ͢Δ
    w ੍࡞ऀଆͱ૝͍ϏδϣϯΛڞ༗͢Δ
    w ސ٬ͷ੠Λฉ͖ɺୡ੒͢΂͖ΰʔϧΛఆΊΔ
    w ՝୊ͷઃఆɺ՝୊ղܾͷΞΠσΟΞΛߟ͑Δ 
    ૝͍Λ఻͑ΔͨΊʹඞཁͳ͜ͱ ΢ΣϒαΠτͷاըஈ֊
17. w ߋ৽࡞ۀ͕ෛ୲ʹͳΒͣɺ 
 ΫϥΠΞϯτࣗ਎͕ӡӦΛָ͠ΊΔ
    w খ͞ͳ੒ޭମݧΛੵΈॏͶΔ
    w ૝͍ϏδϣϯͷϒϨΛݮΒ͢ 
 ඞཁʹԠͯ͡ΞοϓσʔτΛ͢Δ 
    ૝͍Λ఻͑ΔͨΊʹඞཁͳ͜ͱ ΢ΣϒαΠτͷӡӦ࣌
18. ྑ͍΢ΣϒαΠτӡӦͷͨΊʹɺ
    ࢲ͕ͨͪ΍Δ΂͖͜ͱ What we should do
19. ӡӦָ͕͘͠ͳΔ
    ΢ΣϒαΠτΛߏங͢Δ ૝͍ϏδϣϯΛ
    ΑΓ఻ΘΓ΍͘͢͢Δ ΢ΣϒαΠτ΁ͷ
    ౤ࢿՁ஋Λ޲্ͤ͞Δ 
    ࢲ͕ͨͪ΍Δ΂͖͜ͱ
20. w ΢ΣϒαΠτͷެ։Λ໨తͱ͠ͳ͍
    w Ϟνϕʔγϣϯͷ্͕Δ΢ΣϒαΠτΛ४උ͢Δ 
 ˠྲྀߦΓͷσβΠϯ΍࠷৽ٕज़ͷར༻ΛऔΓೖΕΔ͜ ͱΛ໨తͱ͠ͳ͍ ӡӦָ͕͘͠ͳΔ΢ΣϒαΠτΛߏங͢Δ 
    ࢲ͕ͨͪ΍Δ΂͖͜ͱ
21. w ΫϥΠΞϯτʹ୅Θͬͯɺ 
 ଞऀ͕૝͍ϏδϣϯΛ఻͑Δʹ͸ݶք͕͋Δͱߟ͑Δ
    w ϑΟϧλʔͰ͸ͳ͘"NQMJ fi FSͱͯ͠ɺ 
 ૝͍Λ૿෯ɾ֦େ͍ͤͯ͘͜͞ͱΛҙࣝ͢Δ ૝͍ϏδϣϯΛΑΓ఻ΘΓ΍͘͢͢Δ 
    ࢲ͕ͨͪ΍Δ΂͖͜ͱ
22. w ҡ࣋؅ཧͳͲɺӡ༻͕଍͔ͤʹͳΒͳ͍࢓૊ΈΛ࡞Δ 
 ˠෛ୲͕૿͑Δͱӡ༻͕໨తʹͳΓ͕ͪ
    w ΫϥΠΞϯτ͕ࣗ૸Ͱ͖Δ࢓૊ΈΛ࡞Δ 
 ˠ΢ΣϒαΠτͷޮՌͳͲΛ࣮ײͰ͖Δ ΢ΣϒαΠτ΁ͷ౤ࢿՁ஋Λ޲্ͤ͞Δ 
    ࢲ͕ͨͪ΍Δ΂͖͜ͱ
23. ΢ΣϒαΠτΤίγεςϜͷ࣮ݱ Establishing a website ecosystem
24. ΤίγεςϜͱ͸ ੜ࢈ऀʢ২෺ʣ ফඅऀʢಈ෺ʣ ෼ղऀʢඍੜ෺ʣ ڞଘɾڞӫ
    ࣗવքͷੜଶܥ 
    ΢ΣϒαΠτΤίγεςϜͷ࣮ݱ
25. ϏδωεΤίγεςϜͱ͸ ෼ۀɾڠۀ
    ύʔτφʔγοϓੜଶܥ اۀ# اۀ" ސ٬ 
    ΢ΣϒαΠτΤίγεςϜͷ࣮ݱ
26. w اۀ΍ސ٬ͳͲ͕ύʔτφʔγοϓΛ݁Ϳ
    w ୯ಠͰऔΓ૊Ή͜ͱʹݶք͸͋ͬͯ΋ɺ 
 ͦΕͧΕͷٕज़΍஌ࣝͱ͍ͬͨڧΈΛ׆͔͠ɺ 
 બ୒ͱूதɺదࡐదॴɺ࢓૊ΈԽΛ࣮ݱͰ͖Δ
    w ࣗࣾͷཱͪҐஔͷ֬ೝ΍Ϗδϣϯͷڞ༗͕ΧΪ 
    ΢ΣϒαΠτΤίγεςϜͷ࣮ݱ ϏδωεΤίγεςϜͱ͸
27. ΢ΣϒαΠτΤίγεςϜͱ͸ ෼ۀɾڠۀ
    ύʔτφʔγοϓੜଶܥ ੍࡞ձࣾ ΫϥΠΞϯτ ϕϯμʔ 
    ΢ΣϒαΠτΤίγεςϜͷ࣮ݱ
28. w ϕϯμʔɺސ٬Λר͖ࠐΉύʔτφʔγοϓ
    w ୯ಠͰऔΓ૊ΉͷͰ͸ͳ͘ɺ 
 ͦΕͧΕͷٕज़΍஌ࣝͱ͍ͬͨڧΈΛ׆͔͢ 
 બ୒ͱूதɺదࡐదॴɺ࢓૊ΈԽΛ࣮ݱ͍ͯ͘͠
    w ϏδϣϯΛڞ༗͠ɺΰʔϧΛ໨ࢦ͢ 
    ΢ΣϒαΠτΤίγεςϜͷ࣮ݱ ΢ΣϒαΠτΤίγεςϜͱ͸
29. .5Λར༻ͨ͠΢ΣϒαΠτΤίγεςϜ ΫϥΠΞϯτ ੍࡞ձࣾ γοΫεɾΞύʔτ ΢ΣϒαΠτͷϓϥοτϑΥʔϜʹ
    .PWBCMF
    5ZQFΛར༻ 
    ΢ΣϒαΠτΤίγεςϜͷ࣮ݱ
30. w ΫϥΠΞϯτࣗ਎͕ӡӦͰ͖Δ 
 ϒϩοΫΤσΟλͷར༻Ͱɺ 
 ίϛϡχέʔγϣϯίετΛ࡟ݮ 
 ߋ৽࡞ۀΛ੍࡞ձࣾओಋͰʮ଴ͨͳͯ͘ྑ͍ʯ 
 Ӿཡऀ͔ΒͷϑΟʔυόοΫ͕Θ͔Γ΍͍͢ 
 ૝͍ΛҰ൪ྑ͘஌Δਓ͕఻͑ΒΕΔ 
    ΢ΣϒαΠτΤίγεςϜͷ࣮ݱ .PWBCMF
    5ZQFΛར༻͢ΔϙΠϯτᶃ
31. w Ϋϥ΢υܕʗ4BB4ܕͷ$.4ӡ༻ 
 αʔόʔ΍$.4ͷ੬ऑੑରԠ͕ෆཁ 
 όʔδϣϯΞοϓ࡞ۀͷίετෛ୲ݮ 
 ൥Θ͠͞ͷແ͍΢ΣϒαΠτͷ࢓૊Έ 
    ΢ΣϒαΠτΤίγεςϜͷ࣮ݱ .PWBCMF
    5ZQFΛར༻͢ΔϙΠϯτᶄ
32. w ΍Δ΂͖͜ͱʹूதͰ͖Δ 
 ΫϥΠΞϯτ͸ʮΑΓਖ਼͘͠૝͍Λಧ͚Δʯ 
 ੍࡞ձࣾ͸ʮΑΓಧ͖΍͍͢ΧλνΛ༻ҙ͢Δʯ 
 "͸ʮΑΓ࢖͍΍͍͢؀ڥΛఏڙ͢Δʯ 
    ΢ΣϒαΠτΤίγεςϜͷ࣮ݱ .PWBCMF
    5ZQFΛར༻͢ΔϙΠϯτᶅ
33. ૝͍Λ఻͍͑ͨ૬ख ΫϥΠΞϯτاۀ γοΫεɾΞύʔτ ΢ΣϒαΠτ 
 ੍࡞ձࣾ ཁ๬ ػೳ
    σβΠϯ
    ࢖͍΍͢͞ ؀ڥ
    ɾ.PWBCMF
    5ZQF
    γϦʔζ
    ɾόʔδϣϯΞοϓɺ੬ऑੑରԠίετ ؀ڥ
    ɾ҆৺҆શ αʔϏεͷར༻ ػೳ໘ͳͲͷϑΟʔυόοΫ ΢ΣϒαΠτӡӦͷ
    αϙʔτ΍ࢪࡦఏҊ
    ʢ࡞Δ͚ͩ͡Όͳ͍ʣ ૝͍ɾϏδϣϯͷڞ༗ .PWBCMF
    5ZQFΛར༻ͨ͠
    ΢ΣϒαΠτΤίγεςϜ 
    ΢ΣϒαΠτΤίγεςϜͷ࣮ݱ
34. ·ͱΊ What I’m trying to say is …
35. ΢ΣϒαΠτΛ࡞Δ͜ͱ͚ͩ͡Όͳ͍
    ΑΓେ͖͘ɺΑΓԕ͘΁ɺΑΓਖ਼͘͠
    ૝͍͕఻ΘΔΑ͏ʹαϙʔτ͍ͯ͜͠͏
36. ૝͍΍ϏδϣϯΛڞ༗ͯ͠
    ΑΓʮ఻͍͑ͨਓʹ૝͍͕఻ΘΔʯ
    ͦΜͳ࢓ֻ͚Λ૑͍͖ͬͯ·͠ΐ͏
37. .PWBCMF
    5ZQFͰҭͯΔ
    ʮ΢ΣϒαΠτΤίγεςϜʯ גࣜձࣾδϟΫελϙδγϣϯɹ୅දऔక໾ɹ੢ࢁɹହ࢙
    
    .5%%$
    .FFUVQ
    50,:0
     See you! 1IPUP
    CZ
    +BTPO
    3PTFXFMM
    PO
    6OTQMBTI