Upgrade to Pro — share decks privately, control downloads, hide ads and more …

ウェブサイト運営が楽しくなる!MovableType.netを利用したストレスフリーなウェブサイト構築

Yausufmi Nishiyama
March 12, 2021
85

 ウェブサイト運営が楽しくなる!MovableType.netを利用したストレスフリーなウェブサイト構築

2021年3月12日(金)に開催されたMT東京 vol72で使用したスライドです。

Yausufmi Nishiyama

March 12, 2021
Tweet

More Decks by Yausufmi Nishiyama

Transcript

  1. \ 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

    View full-size slide

  2. #mttokyo
    ࡾ౓ͷ൧ΑΓ৯΂Δ͜ͱɺҿΉ͜ͱ͕޷͖
    גࣜձࣾδϟΫελϙδγϣϯɹ୅දऔక໾ʗσΟϨΫλʔ
    ೥݄૑ۀɺ೥݄๏ਓԽʢ๏ਓظ໨ʣ
    .PWBCMF5ZQFΛϓϥοτϑΥʔϜʹ΢ΣϒαΠτΛߏங
    ೥ɹ1SP/FUʢγοΫεɾΞύʔτࣾύʔτφʔʣՃໍ
    ೥ɹ.5՜ҔΛελʔτ
    ೥ɹ.5%%$.FFUVQ)0,,"*%0։࠵
    ೥ɹ΢ΣϒσΟϨΫγϣϯݚڀձʢԾশʣΛελʔτ
    ೥ɹ.5%%$.FFUVQ)0,,"*%0։࠵
    ੢ࢁɹହ࢙ʢʹ͠΍·ɹ΍͢;Έʣ

    View full-size slide

  3. #mttokyo
    σΟϨΫλʔɹ໊
    σβΠφʔɹ໊
    .5ςϯϓϨʔτΤϯδχΞɹ໊
    ओͳۀ຿
    ɾ΢ΣϒαΠτߏஙʗ΢ΣϒίϯαϧςΟϯά
    ɾࣗࣾ։ൃ੡඼ൢച
    ɾ΢ΣϒγεςϜ։ൃ
    ɾҹ࡮෺σβΠϯɹɹɹɹɹɹɹɹɹɹɹ΄͔

    View full-size slide

  4. #mttokyo
    ࣗࣾϓϩμΫτ4,&-&50/$"35ͷ։ൃɾൢച
    .5Ϋϥ΢υରԠʂ

    View full-size slide

  5. #mttokyo
    %ZOBNJD1SFWJFX
    *NBHF6QMPBE6UJMJUZ
    .PWBCMF5ZQF༻ϓϥάΠϯͷ։ൃɾൢച

    View full-size slide

  6. #mttokyo
    %BTICPBSE6UJMJUZGPSNPWBCMFUZQFOFU

    View full-size slide

  7. #mttokyo
    ຊ೔ͷΞδΣϯμ

    View full-size slide

  8. #mttokyo
    ϒϩοΫΤσΟλͷ࢖͍ॴ
    .PWBCMF5ZQFOFUͷಋೖࣄྫ
    ϒϩοΫΤσΟλͷ׆༻

    View full-size slide

  9. #mttokyo
    ϒϩοΫΤσΟλͷ࢖͍ॴ

    View full-size slide

  10. #mttokyo
    ϒϩοΫΤσΟλ࢖ͬͯ·͔͢ʁ
    .PWBCMF5ZQF
    8PSE1SFTT
    BCMPH$.4
    $SBGU$.4

    View full-size slide

  11. #mttokyo
    8:4*8:(PS#MPDL&EJUPS

    View full-size slide

  12. #mttokyo
    8:4*8:(
    υϥοάͯ͠બ୒
    ॻࣜΛબ୒

    View full-size slide

  13. #mttokyo
    #MPDL&EJUPS
    ॻࣜΛબ୒
    ϒϩοΫΛબ୒ͯ͠ςΩετΛೖྗ

    View full-size slide

  14. #mttokyo
    $VTUPN#MPDL
    IͷςΩετϒϩοΫ

    View full-size slide

  15. #mttokyo
    ΧελϜϒϩοΫΛબ୒
    ςΩετΛೖྗ
    $VTUPN#MPDL

    View full-size slide

  16. #mttokyo
    ೖྗ͢Δεςοϓ͕ݮΔ
    )5.-Λҙࣝ͢Δඞཁ͕ͳ͘ͳΔ
    ϨΠΞ΢τ่ΕͳͲΛ๷͛Δ
    ΧελϜϒϩοΫΛ্खʹ࢖͓͏
    ΫϥΠΞϯτϫʔΫʹ࠷ద

    View full-size slide

  17. #mttokyo
    .PWBCMF5ZQFOFUͷಋೖࣄྫ

    View full-size slide

  18. #mttokyo
    ༗ݶձࣾαϯΤφδʔ
    w ೥݄ͷ.'*Λݟਾ͑ϦχϡʔΞϧ

    w ΋ͱ΋ͱ΢ΣϒαΠτΛӡӦ͍͕ͯͨ͠ɺ

    $.4͸ະಋೖʢ೥ʹ਺ճɺίϥϜͳͲΛߋ৽ʣ

    w ΢ΣϒαΠτͷ༗༻ੑ͸ೝΊ͍ͯΔ͕ɺ

    ϦχϡʔΞϧߏஙͷඅ༻͸͋·Γ͔͚ΒΕͳ͍

    w .PEFSO$PSQPSBUFςʔϚΛར༻ͯ͠ߏங

    ʢߏஙظؒϲ݄ऑʣ

    View full-size slide

  19. #mttokyo
    ๺ւಓେֶපӃ)*7਍ྍࢧԉηϯλʔ
    w εϚʔτϑΥϯͰͷΞΫηε૿Λཧ༝ʹϦχϡʔΞϧ

    w ͦΕ·Ͱ΋.5Λར༻͍ͯͨ͠ͷͰɺ

    ϦχϡʔΞϧޙ΋ಉ͡ૢ࡞ੑ͕ྑ͍ͱ൑அ

    w ༧໿౤ߘػೳͱϑΥʔϜػೳ͕ඞਢ

    ʢग़ுݚमͷਃ͠ࠐΈϑΥʔϜʣ

    w ೥ͷίϩφՒʹ͓͍ͯɺग़ுݚम͕Ͱ͖ͳ͘ͳΓ

    ݚमಈըΛ഑৴͢Δػձ͕૿͑Δ

    View full-size slide

  20. #mttokyo
    ๺ւಓେֶපӃྟচݚमηϯλʔ
    w چ΢ΣϒαΠτͷߏ଄͕Θ͔ΓͮΒ͘ɺ

    Ӿཡऀʹͱͬͯ࢖͍ʹ͍͘ʢϖʔδ਺͕ଟ͍ʣ

    w $.4ͷ੬ऑੑରԠɺαʔόʔͷηΩϡϦςΟରԠͳͲ

    Πϯϑϥίετͷ࠷దԽΛఏҊ

    w ؔ܎ऀઐ༻ίϯςϯπͷΞΫηε੍ݶ͕ඞਢ

    w ໰͍߹ΘͤରԠͳͲෳ਺ͷ୲౰ऀ͕࣮ࢪ

    w ॳظߏஙΛ཈͑ΔͨΊɺ

    ΫϥΠΞϯτ୲౰ऀʹΑΔίϯςϯπ౤ೖ͕ඞཁ

    View full-size slide

  21. #mttokyo
    ϒϩοΫΤσΟλͷ׆༻

    View full-size slide

  22. #mttokyo
    ๺ւಓେֶපӃྟচݚमηϯλʔ

    View full-size slide

  23. #mttokyo
    ΫϥΠΞϯτ୲౰ऀ͕ίϯςϯπΛ౤ೖ
    ϒϩοΫΤσΟλʴΤσΟλ$44

    View full-size slide

  24. #mttokyo
    )5.-ςϯϓϨʔτ ΧελϜϒϩοΫ

    View full-size slide

  25. #mttokyo
    )5.-ςϯϓϨʔτ ΧελϜϒϩοΫ

    View full-size slide

  26. #mttokyo
    ໰͍߹ΘͤରԠΛෳ਺ͷ୲౰ऀ͕࣮ࢪ
    ΧελϜϑΟʔϧυʴGPSNQBSBNKT

    View full-size slide

  27. #mttokyo
    ΧελϜϑΟʔϧυ
    ςϯϓϨʔτʢ෼ذʣ

    View full-size slide

  28. #mttokyo
    ͓໰͍߹ΘͤઌʹࣃՊҩࢣྟচ
    OBNF!FYBNQMFDPN
    OBNF!FYBNQMFDPN
    OBNF!FYBNQMFDPN
    ϑΥʔϜͷઃఆ

    View full-size slide

  29. #mttokyo
    ΫϥΠΞϯτ୲౰ऀͷ੠
    w ࣸਅ΍จࣈݪߘͳͲͷॱংΛࣗ༝ʹೖΕସ͑Δ͜ͱ͕Ͱ͖ͯศརɻ
    w ίπΛ͔ͭΊ͹ɺશମతʹ৘ใΛೖྗ͠΍͍͢ͷͰɺߋ৽࡞ۀ͕ϥΫɻ

    ຊ൪؀ڥͷྲྀ͠ࠐΈ࡞ۀ͸΄΅໊Ͱ΋Ͱ͖ͨ΄ͲεϜʔζʹ࡞ۀͰ͖ͨɻ
    w ͓໰͍߹ΘͤϑΥʔϜΛศརʹར༻Ͱ͖͍ͯΔɻ

    ओʹʮઆ໌ձ΁ͷࢀՃऀͷืूϑΥʔϜʯͱͯ͠

    ໾໨ΛՌ͍ͨͯͯ͠ɺͱͯ΋Α͍ɻ

    View full-size slide

  30. #mttokyo
    ๺ւಓେֶපӃ)*7਍ྍࢧԉηϯλʔ

    View full-size slide

  31. #mttokyo
    ಈըίϯςϯπͷܝࡌ
    ϒϩοΫΤσΟλʴΤσΟλ$44

    View full-size slide

  32. #mttokyo
    ߏங౰ॳ͸ΧελϜϑΟʔϧυ

    View full-size slide

  33. #mttokyo
    ߏங౰ॳ͸ΧελϜϑΟʔϧυ
    ग़ுݚमΛߦ͑ͳ͘ͳͬͨͨΊ
    ಈըΛෳ਺഑৴͢Δํ๏΁มߋ

    View full-size slide

  34. #mttokyo
    ΧελϜϒϩοΫ΁มߋ

    View full-size slide

  35. #mttokyo
    ಈըͷ৘ใΛೖྗ͢ΔجຊϒϩοΫ
    ಈըͷλΠτϧΛೖΕΔ
    IͷϒϩοΫ
    :PV5VCFͷ63-ΛೖΕΔ
    P&NCFEϒϩοΫ
    ಈըͷઆ໌ΛೖΕΔ
    ςΩετϒϩοΫʢ8:4*8:(ʣ

    View full-size slide

  36. #mttokyo
    جຊϒϩοΫΛ಺แ͢ΔϒϩοΫ

    View full-size slide

  37. #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ͱ͔
    ΋ͬͱྑ͍ॻ͖ํڭ͍͑ͯͩ͘͞ʜ

    View full-size slide

  38. #mttokyo
    ؅ཧը໘ʢΧελϜϒϩοΫʣ ग़ྗ͞Εͨ)5.-

    View full-size slide

  39. #mttokyo
    ΫϥΠΞϯτ୲౰ऀͷ੠
    w ΨϥέʔϢʔβʔͰ4/4Λར༻ͨ͜͠ͱ͕ͳ͍ਓͰ΋ɺ

    ؆୯ʹϖʔδΛ࡞੒͢Δ͜ͱ͕Ͱ͖Δɻ

    w 1$ͰӾཡ͢Δ͜ͱ͚ͩΛߟ͑ͯ࡞੒ͯ͠΋ɺ

    εϚϗͰݟΔͱ্͔ΒԼ΁ͷॎϥΠϯͰࣗಈදࣔ͞ΕΔ͜ͱʹײಈ͢Δɻ

    w ҩྍऀΛର৅ͱͨ͠ΦϯσϚϯυݚमձͰ͸1$ར༻͢Δ͜ͱ͕ଟ͍͕ɺ

    ίϯςϯπʹΑΓϢʔβʔ͕σόΠεΛ࢖͍෼͚ΔͷͰɺ

    ͲͪΒͰݟͯ΋#&45ͱ͍͏͜ͱ͕ͱͯ΋ྑ͍ɻ

    View full-size slide

  40. #mttokyo
    ༗ݶձࣾαϯΤφδʔ

    View full-size slide

  41. #mttokyo
    ʲ൪֎ฤʳ
    .PEFSO$PSQPSBUFςʔϚͷ
    ΢ΣϒϖʔδΛϒϩοΫΤσΟλͰ
    ฤूͰ͖ΔΑ͏ʹ͍ͨ͠

    View full-size slide

  42. #mttokyo
    ط੒ςʔϚΛϕʔεʹߏங
    ϒϩοΫΤσΟλʴΤσΟλ$44
    ʢ·ͩ࡞͍ͬͯΔ్தͰ͢ʣ

    View full-size slide

  43. #mttokyo
    NBJODMBTTXZTJXZHQBHF@@NBJO
    TFDUJPO
    EJWDMBTTQBHF@@UJUMF8SBQ
    IDMBTTQBHF@@UJUMFTQBO.&44"(&TQBOCSϝοη
    EJW
    Qฐࣾͷݪ఺͸ɺত࿨೥୅ͷগ೥ࡶࢽʹ͋Γ·͢ɻCS
    ࣌͸ୈҰ࣍ΦΠϧγϣοΫ͕ىͬͨ࣌͜୅Ͱ͢ɻ͋ͱ೥΋͢Δ
    ͜ͷ͔࣌ΒࢲͷதͰ͸ΤωϧΪʔ։ൃ͕ੜ֔ͷςʔϚͱͳΓɺݪ
    ৽ΤωϧΪʔ։ൃ͸ɺฐࣾͷϥΠϑϫʔΫͷͻͱͭͰ͢ɻCS
    ݐஙઃඋ޻ࣄձ͕ࣾɺΤφδʔͱ໊৐͍ͬͯΔͷ͸ɺ͜ͷݪ఺͔

    লུ

    TFDUJPO

    TFDUJPO

    লུ

    TFDUJPO

    NBJO
    TFDUJPOͰ۠੾ΒΕ͍ͯΔ

    View full-size slide

  44. #mttokyo
    ΧελϜϒϩοΫΛͭ͘Δ

    View full-size slide

  45. #mttokyo
    ηΫγϣϯϒϩοΫ
    ᶃEJWTFDUJPOͰғΉ

    View full-size slide

  46. #mttokyo
    ηΫγϣϯϒϩοΫ
    ᶄEJWTFDUJPOΛ
    ɹTFDUJPOʹม͑Δ

    View full-size slide

  47. #mttokyo
    ηΫγϣϯϒϩοΫ
    ᶅϒϩοΫͷ௥ՃΛڐՄ͢Δ

    View full-size slide

  48. #mttokyo
    ʮϒϩοΫΤσΟλͷදࣔઃఆʯΛมߋ͢Δ
    ηΫγϣϯͷ௥ՃͷΈڐՄ͢Δ

    View full-size slide

  49. #mttokyo
    ΢Σϒϖʔδͷ৽ن࡞੒
    ؾ͕ར͍ͯΔʂ

    View full-size slide

  50. #mttokyo
    ΢Σϒϖʔδͷ৽ن࡞੒

    View full-size slide

  51. #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

    View full-size slide

  52. #mttokyo
    ͜ͷௐࢠͰ΄͔ͷϖʔδ΋
    ϒϩοΫΤσΟλԽ͍ͯ͘͠༧ఆ
    ࣍ճ΁ଓ͔͘΋ʂ

    View full-size slide

  53. #mttokyo
    ·ͱΊ

    View full-size slide

  54. #mttokyo
    ϒϩοΫΤσΟλʢΧελϜϒϩοΫʣͱ
    ΤσΟλ$44Λ্खʹ࢖͏ͱɺ
    ΫϥΠΞϯτ͞Μ͸΋ͪΖΜ
    ੍࡞ऀ΋خָ͍͘͠͠ؾ࣋ͪʹͳΔͱࢥ͏ɻ

    View full-size slide

  55. ΢ΣϒαΠτͷӡӦָ͕͘͠ͳΔʂ
    .PWBCMF5ZQFOFUΛར༻ͨ͠ετϨεϑϦʔͳ΢ΣϒαΠτߏங
    Facebook : yasufumi.nishiyama


    Twitter : nishi_yama
    גࣜձࣾδϟΫελϙδγϣϯɹ୅දऔక໾ɹ੢ࢁɹହ࢙
    'SJ.5౦ژʮ.PWBCMF5ZQFOFU࠷৽ಈ޲ͱࣄྫ঺հʯ
    See you!
    1IPUPCZ+FSFNZ#JTIPQPO6OTQMBTI

    View full-size slide