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
57
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
49
手段と目的を間違えないための「Movable Typeを活用したウェブサイトエコシステム」
nishi_yama
0
260
ECサイト構築にもう1つの選択肢を
nishi_yama
0
2.3k
はじめてのMovable Type 〜ゼロからの始め方・選び方〜
nishi_yama
0
370
Movable Typeで理解する「CMS選びのポイント」
nishi_yama
1
210
手軽さや自由度のメリットだけじゃない、SaaS型CMSで作る「クライアントから支持されるウェブサイト」
nishi_yama
0
88
カスタムブロック作成手順のベタープラクティス
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
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Balancing Empowerment & Direction
lara
1
440
YesSQL, Process and Tooling at Scale
rocio
173
14k
Producing Creativity
orderedlist
PRO
346
40k
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
The Straight Up "How To Draw Better" Workshop
denniskardys
235
140k
Typedesign – Prime Four
hannesfritz
42
2.7k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
138
34k
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