MTDDC Meetup TOKYO 2018で使ったスライド。 Movable Type 7 でコンテンツタイプを使うときの情報設計、サイト設計のお話。
.PWBCMF5ZQF%FWFMPQFSTBOE%FTJHOFST$POGFSFODF.FFUVQ50,:0 4BU!:BIPP:VKJ5BLBZBNB!4JY"QBSU࣮ફ.PWBCMF5ZQF
View Slide
My Social iconyujiyujiYuji TakayamaswordbreakerYUJI TAKAYAMASix Apart, Ltd.Senior Product Manager 4JY"QBSUͰ.PWBCMF5ZQFͷ։ൃαϙʔτΛ։࢝ 4JY"QBSUʹਖ਼ࣜʹ+PJOҾ͖ଓ͖.PWBCMF5ZQF&OUFSQSJTFͷ։ൃʹैࣄ .PWBCMF5ZQF-FBE&OHJOFFSͱͯ͠։ൃνʔϜΛ͍Δ .PWBCMF5ZQF4FOJPS1SPEVDU.BOBHFSΛ݉.PWBCMF5ZQF ͷاը୲ͱͯ͠৽͍͠.PWBCMF5ZQFͷ։ൃΛ͍Δ
.PWBCMF5ZQF"EWBODFE.PWBCMF5ZQFϦϦʔεԆظʹ͍ͭͯʹਃ͠༁͍͟͝·ͤΜ
.PWBCMF5ZQF͓͞Β͍
.PWBCMF5ZQFͷίϯηϓτޮత͔ͭޮՌతʹίϯςϯπΛར༻Ͱ͖Δࠓ͢Δ͖͜ͱΛѲͰ͖Δ༷ʑͳܗࣜͷίϯςϯπΛཧͰ͖Δ8FCαΠτͱ͍͏ΈʹनΘΕͳ͍ɺίϯςϯπΛཧ͢ΔͨΊͷγεςϜίϯςϯπͷϥΠϑαΠΫϧʹԠͯ͡ɺదͨ͠έΞ͕Ͱ͖ΔγεςϜ৴͍ͨ͠ܗࣜΛΧελϚΠζͰ͖ΔγεςϜ૯߹ڥͰ͋Γͳ͕ΒɺΠϯςάϨʔγϣϯՄೳͳγεςϜ࡞ۀͷअຐΛ͠ͳ͍σβΠϯͱόοΫΤϯυΛඋ͑ͨγεςϜ1VCMJTIJOH1MBUGPSN͔Β$POUFOU)VC1MBUGPSN
ίϯςϯπλΠϓछྨͷϑΟʔϧυλΠϓͰϑΟʔϧυΛࣗ༝ʹઃܭίϯςϯπλΠϓಉ࢜ΛϦϯΫͯ͠࠶ར༻ՄೳͳσʔλཧΛ࣮ݱίϯςϯπλΠϓ͝ͱʹΞʔΧΠϒΛ༻ҙΧςΰϦ͑Δࣗ༝ͳΞʔΧΠϒϚοϐϯάίϯςϯπλΠϓɺϑΟʔϧυ͝ͱͷݖݶཧ.PWBCMF5ZQFͷ֩ɿίϯςϯπλΠϓ
ςΩετςΩετʢෳߦʣຒΊࠐΈςΩετ63-ͱ࣌ࠁ࣌ࠁΞηοτΦʔσΟΦΞηοτϏσΦΞηοτը૾ΞηοτΧςΰϦλάίϯςϯπλΠϓηϨΫτϘοΫεϥδΦϘλϯνΣοΫϘοΫεϦετςʔϒϧίϯςϯπϑΟʔϧυͷछྨ
ΧςΰϦηοτίϯςϯπλΠϓͰ͑ΔΧςΰϦෳͷΧςΰϦ܈Λ༻్ʹԠͯ͡ཧӡ༻ϧʔϧϕʔεͷΧςΰϦར༻ʹαϤφϥΧςΰϦʔผΞʔΧΠϒͷج४.PWBCMF5ZQFͷ֩ɿΧςΰϦηοτ
ϒϩοΫΤσΟλϒϩοΫ୯ҐͰςΩετը૾ͳͲΛ࡞ϔομʔɺΞηοτɺςΩετɺਫฏઢίϯςϯπʹߏใΛΈࠐ·ͳ͍ϒϩοΫ+BWB4DSJQUͰՃՄೳϦονΤσΟλ8:4*8:(ΤσΟλϦονͳ8PSEతͳͷͰͳ͘จࣈ০Λௐ.PWBCMF5ZQFͷ֩ɿϒϩοΫΤσΟλ
.PWBCMF5ZQF࣌ͷαΠτઃܭ
.VMUJ#MPH࠶ߏஙτϦΨʔڞ௨ϚςϦΞϧίϯςϯπʹ߹ΘͤͨαΠτઃܭ8αΠττοϓ#χϡʔε.PWBCMF5ZQF-FLVNPΠϕϯτɾηϛφʔPASTίϯςϯπͷछྨʹΑͬͯϒϩάΛ࡞αΠτͷύεߏʹ੍͍͍ͩͨΣϒαΠτ͕ͭ
"ڞ௨Ξηοτίϯςϯπʹ߹ΘͤͨαΠτઃܭ4αΠττοϓ4χϡʔε.PWBCMF5ZQF-FLVNPΠϕϯτɾηϛφʔNOW$ίϯςϯπͷׂͰαΠτΛ͚ΔجຊతʹαΠτ͋Ε͍͍
ϒϩάத৺ͷαΠτઃܭهࣄNUYYNUYYςϯϓϨʔτ ίϯςϯπPASTϥΠλʔɺฤूऀ࡞ݖݶฤूݖݶهࣄ୯Ґʹ͔͠ݖݶ͕ઃఆͰ͖ͳ͍ݸผΞʔΧΠϒهࣄʹͭ࡞Εͳ͍ඞવ
ίϯςϯπத৺ͷαΠτઃܭίϯςϯτλΠϓNUYYNUYYςϯϓϨʔτ ίϯςϯπNOWϥΠλʔɺฤूऀ࡞ݖݶฤूݖݶ ίϯςϯπλΠϓ͝ͱʹݖݶཧͰ͖ΔίϯςϯπλΠϓ͝ͱʹΞʔΧΠϒͰ͖Δ
࣮ફίϯςϯπλΠϓ
TJYBQBSUKQͷαΠτઃܭ4αΠττοϓ4.PWBCMF5ZQF-FLVNP1ձࣾใ5͓͍߹Θͤχϡʔεηϛφʔ$ಋೖࣄྫϓϨεϦϦʔεύʔτφʔ
࣮ફίϯςϯπλΠϓࣄྫհhttps://www.sixapart.jp/business/seiko-sts.html
࣮ફίϯςϯπλΠϓࣄྫհࣄྫ໊শಋೖઌ໊λάಋೖϦϯΫಋೖϦϯΫλΠτϧεΫϦʔϯγϣοτຊจར༻ͨ͠༻్੍࡞ձࣾۀछ֓ཁςΩετςΩετλά63-ςΩετςΩετʢෳߦʣը૾ςΩετʢෳߦʣίϯςϯπλΠϓΧςΰϦΧςΰϦΧςΰϦ
બͿͷ͕ͳ͍ɾɾɾ
ίϯςϯπλΠϓɺΧςΰϦηοτؚ͕·ΕΔίϯςϯπλΠϓͰɺͦͪΒΛઌʹ࡞Βͳ͍ͱબͳ͍˒౾ࣝ˒
࣮ફίϯςϯπλΠϓ੍࡞ձࣾhttps://www.sixapart.jp/pronet/partner/partner000073.html
࣮ફίϯςϯπλΠϓ੍࡞ձࣾձ໊ࣾձࣾϩΰձࣾઆ໌ΣϒαΠτॅॴి൪߸'"9൪߸࣮ͷ͋Δ࣮ͷ͋Δۀछ෦ॺରԠՄೳͳϝʔϧΞυϨεςΩετը૾ςΩετʢෳߦʣ63-ςΩετʢෳߦʣςΩετςΩετςΩετςΩετΧςΰϦΧςΰϦΧςΰϦ
࣮ફίϯςϯπλΠϓ੍࡞ձࣾ
࣮ફίϯςϯπλΠϓಋೖࣄྫ
ϦϯΫ͢ΔίϯςϯπλΠϓΧςΰϦηοτ͍ճ͕͠Ͱ͖Δͦͯ͠ɺϥϕϧͦΕͧΕࢦఆͰ͖Δ˒౾ࣝ˒
࣮ફίϯςϯπλΠϓίϯςϯπλΠϓͷΦϓγϣϯ
σʔλࣝผϥϕϧೖྗඞਢͰ͋ΔςΩετ͔ΒࢦఆͰ͖ΔදࣔΦϓγϣϯͷมߋՄ൱Εͣʹ˒౾ࣝ˒
࣮ફίϯςϯπλΠϓίϯςϯπλΠϓΞʔΧΠϒ
࣮ફίϯςϯπλΠϓΞʔΧΠϒϚοϐϯάʢݸผʣ݄ϕʔεωʔϜΞʔΧΠϒରͱͳΔͷϑΟʔϧυΛબ݄ϕʔεωʔϜΞʔΧΠϒରͱͳΔͷϑΟʔϧυΛબ࡞ऀϕʔεωʔϜΧςΰϦϕʔεωʔϜΞʔΧΠϒରͱͳΔΧςΰϦηοτͷϑΟʔϧυΛબΧελϜࣗ༝ʹઃܭՄೳ
ରͱͳΔίϯςϯπλΠϓ͋ͱ͔ΒมߋͰ͖ͳ͍Ϛοϐϯάͷ࡞ΛΕͣʹ˒౾ࣝ˒
࣮ફίϯςϯπλΠϓςϯϓϨʔτ"target="_blank">੍࡞ձࣾmt:ContentField>">a>ར༻ͨ͠
ςϯϓϨʔτλάղઆMTContentFieldίϯςϯπσʔλͷ֤ϑΟʔϧυͷΛදࣔ͢ΔͨΊͷϒϩοΫλάͰ͢ɻ͜ͷλά͚ͩͰΛදࣔ͢Δ͜ͱͰ͖·ͤΜɻίϯςϯπϑΟʔϧυ͕ɺʮΧςΰϦʯʮλάʯʮΞηοτؔ࿈ʯͷͱ͖ɺϒϩοΫ෦ͰͦΕͧΕͷΦϒδΣΫτʹؔ࿈͢Δλά͕ར༻Ͱ͖·͢ɻʢྫ.5$BUFHPSZ-BCFMͳͲʣ·ͨɺෳͷ͕બ͞Ε͍ͯΔ߹ɺ͜ͷλά.5-PPQͱࣅͨಈ͖Λ͢ΔͷͰɺ֤ཁૉ͝ͱʹϒϩοΫ͕ॲཧ͞Ε·͢ɻ
ςϯϓϨʔτλάղઆMTContentFieldValueݱࡏͷίϯςΫετʹ͓͚ΔίϯςϯπϑΟʔϧυͷΛදࣔ͢ΔϑΝϯΫγϣϯλάͰ͢ɻίϯςϯπϑΟʔϧυͷछྨʹΑͬͯదͳ͕දࣔ͞Ε·͢ɻྫ͑ɺςΩετͳͲͷΛอ͍࣋ͯ͠ΔϑΟʔϧυͷ߹ɺͦͷ͕දࣔ͞Ε·͕͢ɺΧςΰϦΞηοτͳͲϦϯΫ͍ͯ͠ΔϑΟʔϧυͷ߹ɺϦϯΫ͍ͯ͠Δσʔλͷ*%͕දࣔ͞Ε·͢ɻ࣮ࡍͷΛར༻͍ͨ͠߹ɺ͜ͷλάͰͳ͘ΦϒδΣΫτͷλάΛར༻͠·͢ɻϑΟʔϧυ͕ίϯςϯπλΠϓͱϦϯΫ͍ͯ͠Δ߹ɺ.5$POUFOU'JFMEϒϩοΫʹ.5$POUFOU'JFMEϒϩοΫΛೖΕࢠͰஔ͢ΔͱϦϯΫ͞Ε͍ͯΔίϯςϯπλΠϓͷΛऔಘͰ͖·͢ɻ
.5$POUFOU'JFMEͰίϯςΫετΛ࡞ϒϩοΫͦΕͧΕͷɺؔ࿈͢ΔΦϒδΣΫτͷλάΛར༻˒౾ࣝ˒
࣮ફίϯςϯπλΠϓը૾ڞ༗αʔϏεhttps://www.instagram.com/swordbreaker/
࣮ફίϯςϯπλΠϓը૾ڞ༗αʔϏεࣸਅλΠτϧը૾ςΩετॴ ςΩετ
࣮ફίϯςϯπλΠϓςϯϓϨʔτʢΠϯσοΫεʣheight="25"$>" width="25" height="25" class="rounded-circle" > href="">"alt="">mt:ContentField>
ςϯϓϨʔτλάղઆ……MTContentsίϯςϯπσʔλΛҰཡ͢ΔͨΊͷϒϩοΫλάͰ͢ɻDPOUFOU@UZQFϞσΟϑΝΠΞ͕ඞਢͰ͢ɻpFMEϑΟʔϧυͷϢχʔΫ*%ͱࢦఆ͢ΔͱɺίϯςϯπϑΟʔϧυͷͰϑΟϧλʔͰ͖·͢ɻϒϩοΫͰɺίϯςϯπλΠϓؔ࿈ͷλά͕ར༻Ͱ͖·͢ɻ
ςϯϓϨʔτλάղઆwidth="25" height="25" class="rounded-circle" >MTContentAuthorUserPicAssetίϯςϯπσʔλΛ࡞ͨ͠ϢʔβʔͷϓϩϑΟʔϧը૾ʹؔ͢ΔใΛऔಘ͢ΔͨΊͷϒϩοΫλάͰ͢ɻ͜ͷλάͷதͰɺΞηοτؔ࿈ͷςϯϓϨʔτλάΛར༻Ͱ͖·͢ɻ
ςϯϓϨʔτλάղઆMTArchiveLink.5"SDIJF-JOLͳͲͷΞʔΧΠϒܥͷλάͰɺUZQFϞσΟϑΝΠΞͷͱͯ͠ίϯςϯπλΠϓؔ࿈ͷΞʔΧΠϒλΠϓΛࢦఆͰ͖·͢ɻContentTypeContentType-YearlyContentType-MonthlyContentType-DailyContentType-WeeklyContentType-CategoryContentType-Category-YearlyContentType-Category-MonthlyContentType-Category-DailyContentType-Category-WeeklyContentType-AuthorContentType-Author-YearlyContentType-Author-MonthlyContentType-Author-DailyContentType-Author-Weekly
ςϯϓϨʔτλάղઆMTContentAuthorDisplayNameίϯςϯπσʔλΛ࡞ͨ͠Ϣʔβʔͷද໊ࣔΛදࣔ͠·͢ɻ
࣮ફίϯςϯπλΠϓςϯϓϨʔτʢϢʔβʔΞʔΧΠϒʣ" width="150" height="150" class="rounded-circle mx-auto d-block" >ߘ ݅"alt="">
ςϯϓϨʔτλάղઆMTAuthorContentCountϢʔβʔ͕ίϯςϯπσʔλΛ࡞ͨ͠Λදࣔ͠·͢ɻ
ଞʹίϯςϯπλΠϓʹؔ͢Δ৽͍͠λά͕Ճ͞Εͯ·͢ɻhttps://www.movabletype.jp/documentation/appendices/tags/content-type/˒౾ࣝ˒
ใઃܭͷ݁ՌɺඞཁҎ্ʹϑΟʔϧυΛࡉ͔͘ઃܭ͢Δͱɺ࣮ࡍʹ͍ʹ͘͘ͳΔ͜ͱ͕ଟ͍ͷͰؾΛ͚ͭΑ͏ɻσΟϨΫτϦ୯ҐͰࢠαΠτΛઃܭ͢ΔͷͰͳ͘ɺׂͰׂ͠Α͏ɻ˒·ͱΊ˒
.PWBCMF5ZQF3PBENBQ
ίϯςϯπϚΠάϨʔγϣϯػೳهࣄΣϒϖʔδΛίϯςϯπλΠϓมίϯςϯπλΠϓؒͷม൛ཧػೳެ։தͷίϯςϯπͷ৽൛࡞ɺࢦఆࠩ͠ସ͑ॊೈͳίϯςϯπཧΛ࣮ݱ͢Δػೳ
ίϯςϯπίϐʔػೳطଘͷίϯςϯπσʔλͷෳΛ࡞ίϯςϯπڞ༗ػೳίϯςϯπλΠϓΛͻͳܗͱͯ͠ཧΰϛശίϯςϯπΛ͙͢ʹσʔλϕʔε͔Βআ͠ͳ͍ॊೈͳίϯςϯπཧΛ࣮ݱ͢Δػೳ
ڞ༗ϓϨϏϡʔϓϨϏϡʔΛୈࡾऀͱڞ༗͢ΔσΟεΧογϣϯϓϨϏϡʔΛݩʹͨ͠σΟεΧογϣϯΛαϙʔτঝೝϑϩʔίϯςϯπͷެ։ʹࡍͯ͠ঝೝϑϩʔΛ࣮ݱϫʔΫϑϩʔཧΛ࣮ݱ͢Δػೳ
ϫʔΫϑϩʔσβΠϯػೳίϯςϯπλΠϓʹԠͨ͡ϫʔΫϑϩʔͷઃܭଟஈ֊άϧʔϓʹରԠϝοηʔδϯάঝೝϑϩʔσΟεΧογϣϯͳͲΛ௨֎෦ϝοηʔδϯάαʔϏε 4MBDL.BJMͳͲͱ࿈ܞμογϡϘʔυͰใ֬ೝϫʔΫϑϩʔཧΛ࣮ݱ͢Δػೳ
ΞηοτϒϥβεϜʔζʹใΛҰཡɺ֬ೝͰ͖ͯݕࡧͰ͖ΔϥΠϑαΠΫϧཧγεςϜؔ࿈͢Δίϯςϯπͱ࿈ಈͨ͠Ξηοτͷެ։ͱඇެ։൛ཧػೳΞηοτͷߋ৽ʹԠͨ͡൛ཧΞηοτཧΛ࣮ݱ͢Δػೳ
มߋཤྺཧػೳมߋهͷ֬ೝஶ࡞ݖཧػೳΞηοτͷΥʔλʔϚʔΫ&YJG(FP5BHͱ͍ͬͨใͷอޢΞηοτཧγεςϜΛ࣮ݱ͢Δػೳ
ը૾ฤूػೳΑΓศརʹ͍͘͢֎෦Ξηοτ࿈ܞػೳ֎෦αʔϏεͰཧ͍ͯ͠ΔΞηοτΞοϓϩʔυͨ͠ΞηοτͱมΘΒͳ͍ཧΛ࣮ݱΞηοτཧγεςϜΛ࣮ݱ͢Δػೳ
Thank you for listening