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
53
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
ウェブディレクターの傾聴力が引き上げる「企画力」
nishi_yama
0
42
手段と目的を間違えないための「Movable Typeを活用したウェブサイトエコシステム」
nishi_yama
0
240
ECサイト構築にもう1つの選択肢を
nishi_yama
0
2.3k
はじめてのMovable Type 〜ゼロからの始め方・選び方〜
nishi_yama
0
350
Movable Typeで理解する「CMS選びのポイント」
nishi_yama
1
200
手軽さや自由度のメリットだけじゃない、SaaS型CMSで作る「クライアントから支持されるウェブサイト」
nishi_yama
0
80
カスタムブロック作成手順のベタープラクティス
nishi_yama
0
4.8k
SaaS型のMovable Typeを選択するウェブサイト制作会社の思考
nishi_yama
0
100
Movable Type対応カート SKELETON CART でStripe決済に対応した話
nishi_yama
0
150
Featured
See All Featured
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
47
2.8k
Stop Working from a Prison Cell
hatefulcrawdad
269
20k
4 Signs Your Business is Dying
shpigford
183
22k
Code Review Best Practice
trishagee
68
18k
Building a Modern Day E-commerce SEO Strategy
aleyda
40
7.3k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
5
620
Why You Should Never Use an ORM
jnunemaker
PRO
56
9.4k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
Writing Fast Ruby
sferik
628
61k
Being A Developer After 40
akosma
91
590k
Product Roadmaps are Hard
iamctodd
PRO
53
11k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
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