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
48
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
35
手段と目的を間違えないための「Movable Typeを活用したウェブサイトエコシステム」
nishi_yama
0
190
ECサイト構築にもう1つの選択肢を
nishi_yama
0
2.3k
はじめてのMovable Type 〜ゼロからの始め方・選び方〜
nishi_yama
0
290
Movable Typeで理解する「CMS選びのポイント」
nishi_yama
1
110
手軽さや自由度のメリットだけじゃない、SaaS型CMSで作る「クライアントから支持されるウェブサイト」
nishi_yama
0
50
カスタムブロック作成手順のベタープラクティス
nishi_yama
0
4.6k
SaaS型のMovable Typeを選択するウェブサイト制作会社の思考
nishi_yama
0
98
Movable Type対応カート SKELETON CART でStripe決済に対応した話
nishi_yama
0
130
Featured
See All Featured
Building Your Own Lightsaber
phodgson
103
6.1k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
132
33k
The Invisible Side of Design
smashingmag
298
50k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
17
2.2k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
95
17k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Into the Great Unknown - MozCon
thekraken
33
1.5k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Site-Speed That Sticks
csswizardry
2
190
The Language of Interfaces
destraynor
154
24k
YesSQL, Process and Tooling at Scale
rocio
169
14k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
59k
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