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
ウェブサイト運営が楽しくなる!MovableType.netを利用したストレスフリーなウェブサ...
Search
Yausufmi Nishiyama
March 12, 2021
1
110
ウェブサイト運営が楽しくなる!MovableType.netを利用したストレスフリーなウェブサイト構築
2021年3月12日(金)に開催されたMT東京 vol72で使用したスライドです。
Yausufmi Nishiyama
March 12, 2021
Tweet
Share
More Decks by Yausufmi Nishiyama
See All by Yausufmi Nishiyama
ウェブディレクターの傾聴力が引き上げる「企画力」
nishi_yama
0
50
手段と目的を間違えないための「Movable Typeを活用したウェブサイトエコシステム」
nishi_yama
0
260
ECサイト構築にもう1つの選択肢を
nishi_yama
0
2.3k
はじめてのMovable Type 〜ゼロからの始め方・選び方〜
nishi_yama
0
380
Movable Typeで理解する「CMS選びのポイント」
nishi_yama
1
210
Movable Type で育てるウェブサイトエコシステム
nishi_yama
0
58
手軽さや自由度のメリットだけじゃない、SaaS型CMSで作る「クライアントから支持されるウェブサイト」
nishi_yama
0
91
カスタムブロック作成手順のベタープラクティス
nishi_yama
0
4.8k
SaaS型のMovable Typeを選択するウェブサイト制作会社の思考
nishi_yama
0
100
Featured
See All Featured
Optimizing for Happiness
mojombo
379
70k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Site-Speed That Sticks
csswizardry
10
720
Building Flexible Design Systems
yeseniaperezcruz
328
39k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
What's in a price? How to price your products and services
michaelherold
246
12k
Why Our Code Smells
bkeepers
PRO
337
57k
Building an army of robots
kneath
306
45k
Optimising Largest Contentful Paint
csswizardry
37
3.4k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
10
1k
YesSQL, Process and Tooling at Scale
rocio
173
14k
GraphQLとの向き合い方2022年版
quramy
49
14k
Transcript
\ I’m free! / Build a stress-free website with MovableType.net
ΣϒαΠτͷӡӦָ͕͘͠ͳΔʂ .PWBCMF5ZQFOFUΛར༻ͨ͠ετϨεϑϦʔͳΣϒαΠτߏங Website management can be fun! גࣜձࣾδϟΫελϙδγϣϯɹදऔకɹࢁɹହ࢙ 'SJ.5౦ژʮ.PWBCMF5ZQFOFU࠷৽ಈͱࣄྫհʯ M T-TO KYO vol.72
#mttokyo ࡾͷ൧ΑΓ৯Δ͜ͱɺҿΉ͜ͱ͕͖ גࣜձࣾδϟΫελϙδγϣϯɹදऔకʗσΟϨΫλʔ ݄ۀɺ݄๏ਓԽʢ๏ਓظʣ .PWBCMF5ZQFΛϓϥοτϑΥʔϜʹΣϒαΠτΛߏங ɹ1SP/FUʢγοΫεɾΞύʔτࣾύʔτφʔʣՃໍ ɹ.5՜ҔΛελʔτ ɹ.5%%$.FFUVQ)0,,"*%0։࠵ ɹΣϒσΟϨΫγϣϯݚڀձʢԾশʣΛελʔτ ɹ.5%%$.FFUVQ)0,,"*%0։࠵
ࢁɹହ࢙ʢʹ͠·ɹ͢;Έʣ
#mttokyo σΟϨΫλʔɹ໊ σβΠφʔɹ໊ .5ςϯϓϨʔτΤϯδχΞɹ໊ ओͳۀ ɾΣϒαΠτߏஙʗΣϒίϯαϧςΟϯά ɾࣗࣾ։ൃൢച ɾΣϒγεςϜ։ൃ ɾҹσβΠϯɹɹɹɹɹɹɹɹɹɹɹ΄͔
#mttokyo ࣗࣾϓϩμΫτ4,&-&50/$"35ͷ։ൃɾൢച .5ΫϥυରԠʂ
#mttokyo %ZOBNJD1SFWJFX *NBHF6QMPBE6UJMJUZ .PWBCMF5ZQF༻ϓϥάΠϯͷ։ൃɾൢച
#mttokyo %BTICPBSE6UJMJUZGPSNPWBCMFUZQFOFU
#mttokyo ຊͷΞδΣϯμ
#mttokyo ϒϩοΫΤσΟλͷ͍ॴ .PWBCMF5ZQFOFUͷಋೖࣄྫ ϒϩοΫΤσΟλͷ׆༻
#mttokyo ϒϩοΫΤσΟλͷ͍ॴ
#mttokyo ϒϩοΫΤσΟλͬͯ·͔͢ʁ .PWBCMF5ZQF 8PSE1SFTT BCMPH$.4 $SBGU$.4
#mttokyo 8:4*8:(PS#MPDL&EJUPS
#mttokyo 8:4*8:( υϥοάͯ͠બ ॻࣜΛબ
#mttokyo #MPDL&EJUPS ॻࣜΛબ ϒϩοΫΛબͯ͠ςΩετΛೖྗ
#mttokyo $VTUPN#MPDL IͷςΩετϒϩοΫ
#mttokyo ΧελϜϒϩοΫΛબ ςΩετΛೖྗ $VTUPN#MPDL
#mttokyo ೖྗ͢Δεςοϓ͕ݮΔ )5.-Λҙࣝ͢Δඞཁ͕ͳ͘ͳΔ ϨΠΞτ่ΕͳͲΛ͛Δ ΧελϜϒϩοΫΛ্खʹ͓͏ ΫϥΠΞϯτϫʔΫʹ࠷ద
#mttokyo .PWBCMF5ZQFOFUͷಋೖࣄྫ
#mttokyo ༗ݶձࣾαϯΤφδʔ w ݄ͷ.'*Λݟਾ͑ϦχϡʔΞϧ w ͱͱΣϒαΠτΛӡӦ͍͕ͯͨ͠ɺ $.4ະಋೖʢʹճɺίϥϜͳͲΛߋ৽ʣ
w ΣϒαΠτͷ༗༻ੑೝΊ͍ͯΔ͕ɺ ϦχϡʔΞϧߏஙͷඅ༻͋·Γ͔͚ΒΕͳ͍ w .PEFSO$PSQPSBUFςʔϚΛར༻ͯ͠ߏங ʢߏஙظؒϲ݄ऑʣ
#mttokyo ւಓେֶපӃ)*7ྍࢧԉηϯλʔ w εϚʔτϑΥϯͰͷΞΫηε૿Λཧ༝ʹϦχϡʔΞϧ w ͦΕ·Ͱ.5Λར༻͍ͯͨ͠ͷͰɺ ϦχϡʔΞϧޙಉ͡ૢ࡞ੑ͕ྑ͍ͱஅ
w ༧ߘػೳͱϑΥʔϜػೳ͕ඞਢ ʢग़ுݚमͷਃ͠ࠐΈϑΥʔϜʣ w ͷίϩφՒʹ͓͍ͯɺग़ுݚम͕Ͱ͖ͳ͘ͳΓ ݚमಈըΛ৴͢Δػձ͕૿͑Δ
#mttokyo ւಓେֶපӃྟচݚमηϯλʔ w چΣϒαΠτͷߏ͕Θ͔ΓͮΒ͘ɺ Ӿཡऀʹͱ͍ͬͯʹ͍͘ʢϖʔδ͕ଟ͍ʣ w $.4ͷ੬ऑੑରԠɺαʔόʔͷηΩϡϦςΟରԠͳͲ
Πϯϑϥίετͷ࠷దԽΛఏҊ w ؔऀઐ༻ίϯςϯπͷΞΫηε੍ݶ͕ඞਢ w ͍߹ΘͤରԠͳͲෳͷ୲ऀ͕࣮ࢪ w ॳظߏஙΛ͑ΔͨΊɺ ΫϥΠΞϯτ୲ऀʹΑΔίϯςϯπೖ͕ඞཁ
#mttokyo ϒϩοΫΤσΟλͷ׆༻
#mttokyo ւಓେֶපӃྟচݚमηϯλʔ
#mttokyo ΫϥΠΞϯτ୲ऀ͕ίϯςϯπΛೖ ϒϩοΫΤσΟλʴΤσΟλ$44
#mttokyo )5.-ςϯϓϨʔτ ΧελϜϒϩοΫ
#mttokyo )5.-ςϯϓϨʔτ ΧελϜϒϩοΫ
#mttokyo ͍߹ΘͤରԠΛෳͷ୲ऀ͕࣮ࢪ ΧελϜϑΟʔϧυʴGPSNQBSBNKT
#mttokyo ΧελϜϑΟʔϧυ ςϯϓϨʔτʢذʣ
#mttokyo ͓͍߹ΘͤઌʹࣃՊҩࢣྟচ OBNF!FYBNQMFDPN OBNF!FYBNQMFDPN OBNF!FYBNQMFDPN ϑΥʔϜͷઃఆ
#mttokyo ΫϥΠΞϯτ୲ऀͷ w ࣸਅจࣈݪߘͳͲͷॱংΛࣗ༝ʹೖΕସ͑Δ͜ͱ͕Ͱ͖ͯศརɻ w ίπΛ͔ͭΊɺશମతʹใΛೖྗ͍͢͠ͷͰɺߋ৽࡞ۀ͕ϥΫɻ ຊ൪ڥͷྲྀ͠ࠐΈ࡞ۀ΄΅໊ͰͰ͖ͨ΄ͲεϜʔζʹ࡞ۀͰ͖ͨɻ w ͓͍߹ΘͤϑΥʔϜΛศརʹར༻Ͱ͖͍ͯΔɻ
ओʹʮઆ໌ձͷࢀՃऀͷืूϑΥʔϜʯͱͯ͠ ΛՌ͍ͨͯͯ͠ɺͱͯΑ͍ɻ
#mttokyo ւಓେֶපӃ)*7ྍࢧԉηϯλʔ
#mttokyo ಈըίϯςϯπͷܝࡌ ϒϩοΫΤσΟλʴΤσΟλ$44
#mttokyo ߏஙॳΧελϜϑΟʔϧυ
#mttokyo ߏஙॳΧελϜϑΟʔϧυ ग़ுݚमΛߦ͑ͳ͘ͳͬͨͨΊ ಈըΛෳ৴͢Δํ๏มߋ
#mttokyo ΧελϜϒϩοΫมߋ
#mttokyo ಈըͷใΛೖྗ͢ΔجຊϒϩοΫ ಈըͷλΠτϧΛೖΕΔ IͷϒϩοΫ :PV5VCFͷ63-ΛೖΕΔ P&NCFEϒϩοΫ ಈըͷઆ໌ΛೖΕΔ ςΩετϒϩοΫʢ8:4*8:(ʣ
#mttokyo جຊϒϩοΫΛแ͢ΔϒϩοΫ
#mttokyo TDSJQUTSDIUUQTDPEFKRVFSZDPNKRVFSZNJOKTJOUFHSJUZTIBBMZGCKDSPTTPSJHJOBOPOZNPVTTDSJQU TDSJQU GVODUJPO \ JG EPDVNFOUCPEZEBUBTFUIBT$PNQJMFE)UNM \ SFUVSO
^ I FBDI GVODUJPO \ WBSUIJT UIJT JG UIJTIUNM SFQMBDF aTcOCTQH MFOHUI UIJTSFNPWF ^ NUCFDPMVNOT FBDI GVODUJPO \ UIJT SFNPWF$MBTT NUCFDPMVNOT ^ NUCFDPMVNO FBDI GVODUJPO \ UIJT BEE$MBTT NPWJFDFMM SFNPWF$MBTT NUCFDPMVNO ^ JGSBNF FBDI GVODUJPO \ UIJT XSBQ EJWDMBTTNPWJFJOOFSDFMM ^ NPWJFDFMMFNQUZ IUNM /0.07*& WBSIUNMEPDVNFOURVFSZ4FMFDUPS NPWJFMBZPVU PVUFS)5.- .5#MPDL&EJUPS4FU$PNQJMFE)UNM IUNM ^ TDSJQU w Iλάʹೖྗ͕ͳ͚Εͦͷ෦Λআ w NUCFDPMVNOTͱNUCFDPMVNOΛআ w NPWJFDFMMͰ֤ಈը෦ΛғΉ w JGSBNF෦ΛNPWJFJOOFSDFMMͰғΉ w NPWJFDFMMͷத͕ۭͳΒͦͷ෦ʹ ସςΩετΛೖΕΔ w ͜ͷϒϩοΫશମΛ)5.-ʹ·ͱΊͯग़ྗ +BWB4DSJQUͱ͔K2VFSZͱ͔ ͬͱྑ͍ॻ͖ํڭ͍͑ͯͩ͘͞ʜ
#mttokyo ཧը໘ʢΧελϜϒϩοΫʣ ग़ྗ͞Εͨ)5.-
#mttokyo ΫϥΠΞϯτ୲ऀͷ w ΨϥέʔϢʔβʔͰ4/4Λར༻ͨ͜͠ͱ͕ͳ͍ਓͰɺ ؆୯ʹϖʔδΛ࡞͢Δ͜ͱ͕Ͱ͖Δɻ w 1$ͰӾཡ͢Δ͜ͱ͚ͩΛߟ͑ͯ࡞ͯ͠ɺ
εϚϗͰݟΔͱ্͔ΒԼͷॎϥΠϯͰࣗಈදࣔ͞ΕΔ͜ͱʹײಈ͢Δɻ w ҩྍऀΛରͱͨ͠ΦϯσϚϯυݚमձͰ1$ར༻͢Δ͜ͱ͕ଟ͍͕ɺ ίϯςϯπʹΑΓϢʔβʔ͕σόΠεΛ͍͚ΔͷͰɺ ͲͪΒͰݟͯ#&45ͱ͍͏͜ͱ͕ͱͯྑ͍ɻ
#mttokyo ༗ݶձࣾαϯΤφδʔ
#mttokyo ʲ൪֎ฤʳ .PEFSO$PSQPSBUFςʔϚͷ ΣϒϖʔδΛϒϩοΫΤσΟλͰ ฤूͰ͖ΔΑ͏ʹ͍ͨ͠
#mttokyo طςʔϚΛϕʔεʹߏங ϒϩοΫΤσΟλʴΤσΟλ$44 ʢ·ͩ࡞͍ͬͯΔ్தͰ͢ʣ
#mttokyo NBJODMBTTXZTJXZHQBHF@@NBJO TFDUJPO EJWDMBTTQBHF@@UJUMF8SBQ IDMBTTQBHF@@UJUMFTQBO.&44"(&TQBOCSϝοη EJW Qฐࣾͷݪɺতͷগࡶࢽʹ͋Γ·͢ɻCS ࣌ୈҰ࣍ΦΠϧγϣοΫ͕ىͬͨ࣌͜Ͱ͢ɻ͋ͱ͢Δ ͜ͷ͔࣌ΒࢲͷதͰΤωϧΪʔ։ൃ͕ੜ֔ͷςʔϚͱͳΓɺݪ ৽ΤωϧΪʔ։ൃɺฐࣾͷϥΠϑϫʔΫͷͻͱͭͰ͢ɻCS
ݐஙઃඋࣄձ͕ࣾɺΤφδʔͱ໊͍ͬͯΔͷɺ͜ͷݪ͔ লུ TFDUJPO TFDUJPO লུ TFDUJPO NBJO TFDUJPOͰ۠ΒΕ͍ͯΔ
#mttokyo ΧελϜϒϩοΫΛͭ͘Δ
#mttokyo ηΫγϣϯϒϩοΫ ᶃEJWTFDUJPOͰғΉ
#mttokyo ηΫγϣϯϒϩοΫ ᶄEJWTFDUJPOΛ ɹTFDUJPOʹม͑Δ
#mttokyo ηΫγϣϯϒϩοΫ ᶅϒϩοΫͷՃΛڐՄ͢Δ
#mttokyo ʮϒϩοΫΤσΟλͷදࣔઃఆʯΛมߋ͢Δ ηΫγϣϯͷՃͷΈڐՄ͢Δ
#mttokyo Σϒϖʔδͷ৽ن࡞ ؾ͕ར͍ͯΔʂ
#mttokyo Σϒϖʔδͷ৽ن࡞
#mttokyo Σϒϖʔδͷ৽ن࡞ NBJODMBTTXZTJXZHQBHF@@NBJO TFDUJPO EJWDMBTTQBHF@@UJUMF8SBQIDMBTTQBHF@@UJUM Qฐࣾͷݪɺতͷগࡶࢽʹ͋Γ·͢ɻ ࣌ୈҰ࣍ΦΠϧγϣοΫ͕ىͬͨ࣌͜Ͱ͢ɻ͋ͱ TFDUJPO TFDUJPO EJWDMBTTQBHF@@UJUMF8SBQIDMBTTQBHF@@UJUM
EJWDMBTTKTTDSPMMBCMF UBCMFTUZMFCPSEFSDPMMBQTFDPMMBQTFXJEUI UCPEZ US UITUZMFXJEUI໊ࣾUI UETUZMFXJEUI༗ݶձࣾαϯΤφδʔ US লུ UCPEZ UBCMF EJW TFDUJPO NBJO
#mttokyo ͜ͷௐࢠͰ΄͔ͷϖʔδ ϒϩοΫΤσΟλԽ͍ͯ͘͠༧ఆ ࣍ճଓ͔͘ʂ
#mttokyo ·ͱΊ
#mttokyo ϒϩοΫΤσΟλʢΧελϜϒϩοΫʣͱ ΤσΟλ$44Λ্खʹ͏ͱɺ ΫϥΠΞϯτ͞ΜͪΖΜ ੍࡞ऀخָ͍͘͠͠ؾ࣋ͪʹͳΔͱࢥ͏ɻ
ΣϒαΠτͷӡӦָ͕͘͠ͳΔʂ .PWBCMF5ZQFOFUΛར༻ͨ͠ετϨεϑϦʔͳΣϒαΠτߏங Facebook : yasufumi.nishiyama Twitter : nishi_yama גࣜձࣾδϟΫελϙδγϣϯɹදऔకɹࢁɹହ࢙ 'SJ.5౦ژʮ.PWBCMF5ZQFOFU࠷৽ಈͱࣄྫհʯ
See you! 1IPUPCZ+FSFNZ#JTIPQPO6OTQMBTI