Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Movable Type で育てるウェブサイトエコシステム
Search
Yausufmi Nishiyama
November 19, 2022
0
38
Movable Type で育てるウェブサイトエコシステム
2022年11月19日(土)にオンライン開催されたMTDDC Meetup TOKYO 2022のセッションで使用したスライドです。
Yausufmi Nishiyama
November 19, 2022
Tweet
Share
More Decks by Yausufmi Nishiyama
See All by Yausufmi Nishiyama
ECサイト構築にもう1つの選択肢を
nishi_yama
0
8
はじめてのMovable Type 〜ゼロからの始め方・選び方〜
nishi_yama
0
150
Movable Typeで理解する「CMS選びのポイント」
nishi_yama
1
84
手軽さや自由度のメリットだけじゃない、SaaS型CMSで作る「クライアントから支持されるウェブサイト」
nishi_yama
0
29
カスタムブロック作成手順のベタープラクティス
nishi_yama
0
4.3k
SaaS型のMovable Typeを選択するウェブサイト制作会社の思考
nishi_yama
0
79
Movable Type対応カート SKELETON CART でStripe決済に対応した話
nishi_yama
0
100
ウェブサイト運営が楽しくなる!MovableType.netを利用したストレスフリーなウェブサイト構築
nishi_yama
1
87
遂にキタ!MTのブロックエディタはイノベーションを起こすのか
nishi_yama
1
760
Featured
See All Featured
Optimizing for Happiness
mojombo
370
69k
StorybookのUI Testing Handbookを読んだ
zakiyama
11
4.6k
GraphQLの誤解/rethinking-graphql
sonatard
50
9.2k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
220
21k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
9
8.3k
Keith and Marios Guide to Fast Websites
keithpitt
408
22k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
20
1.6k
Art, The Web, and Tiny UX
lynnandtonic
288
19k
Reflections from 52 weeks, 52 projects
jeffersonlam
344
19k
Practical Orchestrator
shlominoach
181
9.7k
Making Projects Easy
brettharned
108
5.5k
Optimising Largest Contentful Paint
csswizardry
7
2.3k
Transcript
.PWBCMF5ZQFͰҭͯΔ ΣϒαΠτΤίγεςϜ ΣϒͰͬͱָ͍͠ϦΞϧΛΔͨΊʹ גࣜձࣾδϟΫελϙδγϣϯ දऔకɹࢁɹହ࢙ ݄ɹ.5%%$.FFUVQ50,:0
ࡾͷ൧ΑΓ৯Δ͜ͱɺ ͦͯ͠ҿΉ͜ͱ͕͖ גࣜձࣾδϟΫελϙδγϣϯɹදऔకʗσΟϨΫλʔ ݄ۀɺ݄๏ਓԽʢ๏ਓظʣ .PWBCMF5ZQFΛϓϥοτϑΥʔϜʹΣϒαΠτΛߏங ɹ1SP/FUʢγοΫεɾΞύʔτࣾύʔτφʔʣՃໍ ɹ.5՜ҔΛελʔτ ɹ.5%%$.FFUVQ)0,,"*%0։࠵ ɹ.5%%$.FFUVQ)0,,"*%0։࠵ ࢁɹହ࢙
ʢʹ͠·ɹ͢;Έʣ
σΟϨΫλʔɹ໊ σβΠφʔɹ໊ ϑϩϯτΤϯυΤϯδχΞɹ໊ .5ςϯϓϨʔτΤϯδχΞɹ໊ ओͳۀ ɾΣϒαΠτߏஙʗΣϒίϯαϧςΟϯά ɾࣗࣾ։ൃൢച ɾΣϒγεςϜ։ൃ ɾͦͷଞσβΠϯϫʔΫ
None
ࣗࣾϓϩμΫτ4,&-&50/$"35ͷ։ൃɾൢച .5ΫϥυରԠʂ
%ZOBNJD1SFWJFX *NBHF6QMPBE6UJMJUZ .PWBCMF5ZQF༻ϓϥάΠϯͷ։ൃɾൢച
%BTICPBSE6UJMJUZGPSNPWBCMFUZQFOFU
͜͜ɺ.PWBCMF5ZQFؔ࿈ηϛφʔͰ͓ͨ͜͠ͱ
͜͜ɺ.PWBCMF5ZQFؔ࿈ηϛφʔͰ͓ͨ͜͠ͱ .PWBCMF5ZQFͱ্खʹ͖߹͏ͱ ͱͯྑ͍ΣϒαΠτͷӡӦ͕Ͱ͖ΔͷͰʁ
ྑ͍ΣϒαΠτͷ݅ ͍Λ͑ΔͨΊʹඞཁͳ͜ͱ ࢲ͕ͨͪΔ͖͜ͱ ΣϒαΠτΤίγεςϜͷ࣮ݱ ·ͱΊ
ࠓ͓͢Δ͜ͱ
ྑ͍ΣϒαΠτͷ݅ Criteria for a great website
త͕͖ͬΓ͍ͯ͠Δ ͍͍͢ɺใΛ୳͍͢͠ ΞΫγϣϯ͕ى͍͜͢͠ Ϗδωεʹߩݙ͍ͯ͠Δ ͍͑ͨਓʹ͍͕ΘΔ ྑ͍ΣϒαΠτͷ݅
త͕͖ͬΓ͍ͯ͠Δ ͍͍͢ɺใΛ୳͍͢͠ ΞΫγϣϯ͕ى͍͜͢͠ Ϗδωεʹߩݙ͍ͯ͠Δ ͍͑ͨਓʹ͍͕ΘΔ ྑ͍ΣϒαΠτͷ݅
ΣϒαΠτl͍zΛ͑ΔखஈͳͷͰ ΑΓྑ͍ΧλνͰ͑Δ͕ඞཁ ྑ͍ΣϒαΠτͷ݅
ΣϒαΠτͰ ͍Λ͑ΔͨΊʹඞཁͳ͜ͱ What you need to convey your thoughts
w ΫϥΠΞϯτͷ͍ϏδϣϯΛ໌֬ʹ͢Δ w ੍࡞ऀଆͱ͍ϏδϣϯΛڞ༗͢Δ w ސ٬ͷΛฉ͖ɺୡ͖͢ΰʔϧΛఆΊΔ w ՝ͷઃఆɺ՝ղܾͷΞΠσΟΞΛߟ͑Δ ͍Λ͑ΔͨΊʹඞཁͳ͜ͱ ΣϒαΠτͷاըஈ֊
w ߋ৽࡞ۀ͕ෛ୲ʹͳΒͣɺ ΫϥΠΞϯτ͕ࣗӡӦΛָ͠ΊΔ w খ͞ͳޭମݧΛੵΈॏͶΔ w ͍ϏδϣϯͷϒϨΛݮΒ͢ ඞཁʹԠͯ͡ΞοϓσʔτΛ͢Δ
͍Λ͑ΔͨΊʹඞཁͳ͜ͱ ΣϒαΠτͷӡӦ࣌
ྑ͍ΣϒαΠτӡӦͷͨΊʹɺ ࢲ͕ͨͪΔ͖͜ͱ What we should do
ӡӦָ͕͘͠ͳΔ ΣϒαΠτΛߏங͢Δ ͍ϏδϣϯΛ ΑΓΘΓ͘͢͢Δ ΣϒαΠτͷ ࢿՁΛ্ͤ͞Δ ࢲ͕ͨͪΔ͖͜ͱ
w ΣϒαΠτͷެ։Λతͱ͠ͳ͍ w Ϟνϕʔγϣϯͷ্͕ΔΣϒαΠτΛ४උ͢Δ ˠྲྀߦΓͷσβΠϯ࠷৽ٕज़ͷར༻ΛऔΓೖΕΔ͜ ͱΛతͱ͠ͳ͍ ӡӦָ͕͘͠ͳΔΣϒαΠτΛߏங͢Δ ࢲ͕ͨͪΔ͖͜ͱ
w ΫϥΠΞϯτʹΘͬͯɺ ଞऀ͕͍ϏδϣϯΛ͑Δʹݶք͕͋Δͱߟ͑Δ w ϑΟϧλʔͰͳ͘"NQMJ fi FSͱͯ͠ɺ ͍Λ૿෯ɾ֦େ͍ͤͯ͘͜͞ͱΛҙࣝ͢Δ
͍ϏδϣϯΛΑΓΘΓ͘͢͢Δ ࢲ͕ͨͪΔ͖͜ͱ
w ҡ࣋ཧͳͲɺӡ༻͕͔ͤʹͳΒͳ͍ΈΛ࡞Δ ˠෛ୲͕૿͑Δͱӡ༻͕తʹͳΓ͕ͪ w ΫϥΠΞϯτ͕ࣗͰ͖ΔΈΛ࡞Δ ˠΣϒαΠτͷޮՌͳͲΛ࣮ײͰ͖Δ ΣϒαΠτͷࢿՁΛ্ͤ͞Δ ࢲ͕ͨͪΔ͖͜ͱ
ΣϒαΠτΤίγεςϜͷ࣮ݱ Establishing a website ecosystem
ΤίγεςϜͱ ੜ࢈ऀʢ২ʣ ফඅऀʢಈʣ ղऀʢඍੜʣ ڞଘɾڞӫ ࣗવքͷੜଶܥ ΣϒαΠτΤίγεςϜͷ࣮ݱ
ϏδωεΤίγεςϜͱ ۀɾڠۀ ύʔτφʔγοϓੜଶܥ اۀ# اۀ" ސ٬ ΣϒαΠτΤίγεςϜͷ࣮ݱ
w اۀސ٬ͳͲ͕ύʔτφʔγοϓΛ݁Ϳ w ୯ಠͰऔΓΉ͜ͱʹݶք͋ͬͯɺ ͦΕͧΕͷٕज़ࣝͱ͍ͬͨڧΈΛ׆͔͠ɺ બͱूதɺదࡐదॴɺΈԽΛ࣮ݱͰ͖Δ w ࣗࣾͷཱͪҐஔͷ֬ೝϏδϣϯͷڞ༗͕ΧΪ
ΣϒαΠτΤίγεςϜͷ࣮ݱ ϏδωεΤίγεςϜͱ
ΣϒαΠτΤίγεςϜͱ ۀɾڠۀ ύʔτφʔγοϓੜଶܥ ੍࡞ձࣾ ΫϥΠΞϯτ ϕϯμʔ ΣϒαΠτΤίγεςϜͷ࣮ݱ
w ϕϯμʔɺސ٬Λר͖ࠐΉύʔτφʔγοϓ w ୯ಠͰऔΓΉͷͰͳ͘ɺ ͦΕͧΕͷٕज़ࣝͱ͍ͬͨڧΈΛ׆͔͢ બͱूதɺదࡐదॴɺΈԽΛ࣮ݱ͍ͯ͘͠ w ϏδϣϯΛڞ༗͠ɺΰʔϧΛࢦ͢
ΣϒαΠτΤίγεςϜͷ࣮ݱ ΣϒαΠτΤίγεςϜͱ
.5Λར༻ͨ͠ΣϒαΠτΤίγεςϜ ΫϥΠΞϯτ ੍࡞ձࣾ γοΫεɾΞύʔτ ΣϒαΠτͷϓϥοτϑΥʔϜʹ .PWBCMF5ZQFΛར༻ ΣϒαΠτΤίγεςϜͷ࣮ݱ
w ΫϥΠΞϯτ͕ࣗӡӦͰ͖Δ ϒϩοΫΤσΟλͷར༻Ͱɺ ίϛϡχέʔγϣϯίετΛݮ ߋ৽࡞ۀΛ੍࡞ձࣾओಋͰʮͨͳͯ͘ྑ͍ʯ Ӿཡऀ͔ΒͷϑΟʔυόοΫ͕Θ͔Γ͍͢
͍ΛҰ൪ྑ͘Δਓ͕͑ΒΕΔ ΣϒαΠτΤίγεςϜͷ࣮ݱ .PWBCMF5ZQFΛར༻͢ΔϙΠϯτᶃ
w Ϋϥυܕʗ4BB4ܕͷ$.4ӡ༻ αʔόʔ$.4ͷ੬ऑੑରԠ͕ෆཁ όʔδϣϯΞοϓ࡞ۀͷίετෛ୲ݮ Θ͠͞ͷແ͍ΣϒαΠτͷΈ ΣϒαΠτΤίγεςϜͷ࣮ݱ .PWBCMF5ZQFΛར༻͢ΔϙΠϯτᶄ
w Δ͖͜ͱʹूதͰ͖Δ ΫϥΠΞϯτʮΑΓਖ਼͍͘͠Λಧ͚Δʯ ੍࡞ձࣾʮΑΓಧ͖͍͢ΧλνΛ༻ҙ͢Δʯ "ʮΑΓ͍͍͢ڥΛఏڙ͢Δʯ ΣϒαΠτΤίγεςϜͷ࣮ݱ .PWBCMF5ZQFΛར༻͢ΔϙΠϯτᶅ
͍Λ͍͑ͨ૬ख ΫϥΠΞϯτاۀ γοΫεɾΞύʔτ ΣϒαΠτ ੍࡞ձࣾ ཁ ػೳ σβΠϯ ͍͢͞
ڥ ɾ.PWBCMF5ZQFγϦʔζ ɾόʔδϣϯΞοϓɺ੬ऑੑରԠίετ ڥ ɾ҆৺҆શ αʔϏεͷར༻ ػೳ໘ͳͲͷϑΟʔυόοΫ ΣϒαΠτӡӦͷ αϙʔτࢪࡦఏҊ ʢ࡞Δ͚ͩ͡Όͳ͍ʣ ͍ɾϏδϣϯͷڞ༗ .PWBCMF5ZQFΛར༻ͨ͠ ΣϒαΠτΤίγεςϜ ΣϒαΠτΤίγεςϜͷ࣮ݱ
·ͱΊ What I’m trying to say is …
ΣϒαΠτΛ࡞Δ͜ͱ͚ͩ͡Όͳ͍ ΑΓେ͖͘ɺΑΓԕ͘ɺΑΓਖ਼͘͠ ͍͕ΘΔΑ͏ʹαϙʔτ͍ͯ͜͠͏
͍ϏδϣϯΛڞ༗ͯ͠ ΑΓʮ͍͑ͨਓʹ͍͕ΘΔʯ ͦΜͳֻ͚Λ͍͖ͬͯ·͠ΐ͏
.PWBCMF5ZQFͰҭͯΔ ʮΣϒαΠτΤίγεςϜʯ גࣜձࣾδϟΫελϙδγϣϯɹදऔకɹࢁɹହ࢙ .5%%$.FFUVQ50,:0 See you! 1IPUPCZ+BTPO3PTFXFMMPO6OTQMBTI