知っていると得する！Movable Type 9 の新機能を徹底解説

シックス・アパート גࣜձࣾ
ૣ੉কҰ ͷ ৽ػೳΛపఈղઆ ஌͍ͬͯΔͱಘ͢Δʂ

ࣗݾ঺հ 02 ૣ੉ɹকҰ IUUQTIBZBTFUW γοΫεɾΞύʔτגࣜձࣾ ϓϩμΫτγχΞϚωδϟʔ w .5 .PWBCMF5ZQF ྺ೥໨
w ԕڑ཭πʔΩχετʢἚ৓ʣ w ςϨϫʔΫͰϫʔϧυϏδωεαςϥΠτີணऔࡐ w υϩʔϯඈ͹ͯ͠ࢢͷެࣜ؍ޫಈը࡞੒ʢྺ೥ʣ w ΀Α΀Αͷࠃମ༧બ΍࿈࠯େձʹ΋ࢀՃ w ੈքΏΔϛϡʔδοΫڠձʹࢀՃ

ຊ೔ͷ༧ఆ w.PWBCMF5ZQFͷ ओͳ৽ػೳ ɾ վળ߲໨ w 6*վળ wϦονςΩετΤσΟλͷมߋͱػೳڧԽ w ը૾ૠೖ΢Οϯυ΢ͷվળ
w $PNNPO.BSLͱ(JU)VC'MBWPSFE .BSLEPXOʹରԠ w ৽͍͠σϑΥϧτςʔϚͱͯ͠&JHFSXBOE w μογϡϘʔυ΢ΟδΣοτ wϢʔβʔϩάΠϯ࣌ͷଟཁૉೝূͷඞਢԽ 03 w.PWBCMF5ZQFOFU ϑΝϛϦʔͷ࠷৽৘ใ w .PWBCMF5ZQFOFU w .PWBCMF5ZQFOFUϑΥʔϜ w .PWBCMF5ZQFOFUαΠταʔν

Movable Type 9 ͷ ओͳ৽ػೳɾվળ߲໨

UIվળ wϔομʔϝχϡʔͷ௥Ճ w ݻఆ͞ΕͨϔομʔϝχϡʔΛ௥Ճ͠ɺ ݕࡧ΍αΠτҰཡɺ γεςϜʹ ૉૣ͘ΞΫηεͰ͖ΔΑ͏ʹͳΓ·ͨ͠ɻ 05

UIվળ wࠨϝχϡʔΛંΓͨͨΈ ίϯςϯπ෦෼Λ޿͘ wίϯςϯπฤूը໘Λ޿͘࢖͍΍͘͢͢ΔͨΊʹɺ ࠨϝχϡʔΛંΓͨͨΊΔΑ͏ʹ͠·ͨ͠ɻ 06

UIվળ wࠨϝχϡʔΛંΓͨͨΈ ίϯςϯπ෦෼Λ޿͘ w ંΓͨͨΜͩঢ়ଶͰ΋Ϛ΢εΦʔόʔͰ ࠨϝχϡʔ͕Ұ࣌తʹදࣔ͞ΕΔͷͰɺ ดͨ͡ঢ়ଶͰ΋ศརʹ͝ར༻͍͚ͨͩ·͢ɻ 07

UIվળ wίϯςϯπͷ৽ن࡞੒Λૉૣ͘ w ৽ن࡞੒ɺ ࠶ߏஙɺ αΠτΛݟΔϘλϯΛ ࠨϝχϡʔ্෦ʹԣฒͼʹදࣔ͢ΔΑ͏ʹ ͠·ͨ͠ɻ w
৽ن࡞੒͔Βίϯςϯπσʔλɺ هࣄɺ ΢Σϒ ϖʔδͷ࡞੒Λૉૣ͘ߦ͏͜ͱ͕Ͱ͖·͢ɻ 08

UIվળ w.5ͷ৽͍͠؅ཧը໘ͷεϚʔτϑΥϯରԠ 9

ϦονςΩετΤσΟλͷมߋ ʢMTRichTextEditorʣͱػೳڧԽ wϦονςΩετΤσΟλઃఆ wγεςϜͷઃఆ ϦονςΩετΤσΟλ ϝχϡʔͰΤσΟλʹදࣔ͢ΔϘλϯͷ දࣔ ɾ ඇදࣔͳͲΛίϯτϩʔϧͰ͖ΔΑ͏ʹ ͳΓ·ͨ͠ɻ
10

ϦονςΩετΤσΟλͷมߋ ʢMTRichTextEditorʣͱػೳڧԽ w༷ʑͳషΓ෇͚ܗࣜͷαϙʔτ w΢ΣϒαΠτͷ63-ΛషΓ෇͚ΔͱΧʔυܕͰ දࣔ͢Δɺ :PVUVCFͷ63-ΛషΓ෇͚Δͱ ຒΊࠐΈϓϨΠϠʔͱͯ͠දࣔ͢Δɺ ͱ͍ͬͨΑ͏ʹ༷ʑͳషΓ෇͚ܗࣜΛαϙʔτ ͍ͯ͠·͢ɻ
11

ϦονςΩετΤσΟλͷมߋ ʢMTRichTextEditorʣͱػೳڧԽ wαϙʔτܗࣜ w ςΩετͱͯ͠షΓ෇͚ w )5.-ͱͯ͠షΓ෇͚ w ϖʔδͷ0(1ͷσʔλ͔ΒΧʔυͰషΓ෇͚ ʢγεςϜςϯϓϨʔτͰΧελϚΠζՄೳʣ
w ϖʔδͷ0(1ͷσʔλ͔ΒΠϯϥΠϯϦϯΫͰషΓ෇͚ ʢγεςϜςϯϓϨʔτͰΧελϚΠζՄೳʣ w .BSLEPXOΛม׵ͯ͠షΓ෇͚ 12 wϦϯΫͱͯ͠షΓ෇͚ w P&NCFEͰషΓ෇͚

ϦονςΩετΤσΟλͷมߋ ʢMTRichTextEditorʣͱػೳڧԽ w΢ΣϒαΠτͷϦϯΫʹରͯ͠͸ɺ ͭͷܗ͔ࣜΒબ୒ w ΠϯϥΠϯຒΊࠐΈ w ຒΊࠐΈΦϒδΣΫτ 13 wϦϯΫͱͯ͠షΓ෇͚
w ςΩετͱͯ͠షΓ෇͚

ϦονςΩετΤσΟλͷมߋ ʢMTRichTextEditorʣͱػೳڧԽ w.BSLEPXOه๏ͷγϣʔτΧοτʹରԠ 14 w Ϧετ w ݟग़͠ w
ਫฏઢ w Ϙʔϧυ ͳͲ

ϦονςΩετΤσΟλͷมߋ ʢMTRichTextEditorʣͱػೳڧԽ w ʢεϥογϡʣ ͔ΒͷϒϩοΫͷ ૠೖ w ৽͍͠ߦͷઌ಄Ͱ ʮʯ Λೖྗ͢Δͱɺ
πʔϧόʔͷϑΥʔϚοτ ʢݟग़͠ͳͲʣ ΍ ొ࿥ͯ͋͠ΔఆܕจΛૉૣ͘ݺͼग़͢͜ͱ͕ Ͱ͖·͢ɻ 15

ϦονςΩετΤσΟλͷมߋ ʢMTRichTextEditorʣͱػೳڧԽ w)5.-ߏ଄ฤूػೳ w ֤ཁૉΛɺ ߏ଄ͱͯ֬͠ೝͯ͠ɺ ͞ΒʹJEDMBTTTUZMFΛฤूͰ͖ΔػೳͰ͢ɻ 16

ը૾ૠೖ΢Οϯυ΢ͷվળ wը૾Ұཡදࣔͷվળ w ࢹ֮తʹը૾Λ֬ೝͯ͠ૉૣ͘બ୒Ͱ͖ΔΑ͏ʹ͠·ͨ͠ɻ 17

ը૾ૠೖ΢Οϯυ΢ͷվળ w୅ସςΩετͱΩϟϓγϣϯΛૉૣ͘ઃఆՄೳʹ w Ωϟϓγϣϯ͕ઃఆ͞Ε͍ͯΔ৔߹ʹ͸ɺ GJHVSF λάΛ࢖ͬͨ )5.-ίʔυΛૠೖ 18

ը૾ૠೖ΢Οϯυ΢ͷվળ wը૾ͷ໊લͱઆ໌Λૉૣ͘ฤू w ը૾ૠೖ΢Οϯυ΢ͷ ʮ৘ใΛฤूʯ ϦϯΫ͔Β͍ͭͰ΋ฤूͰ͖ΔΑ͏ʹ 19

ը૾ૠೖ΢Οϯυ΢ͷվળ wը૾ૠೖޙͷ࠶ฤू͕Մೳʹ w ը૾ૠೖ΢Οϯυ΢ͷ ʮ৘ใΛฤूʯ ϦϯΫ͔Β͍ͭͰ΋ฤूͰ͖ΔΑ͏ʹ 20

CommonMark ͱ GitHub Flavored Markdown ʹରԠ w$PNNPO.BSLه๏ͰίϯςϯπΛ࡞੒Ͱ͖ΔΑ͏ʹ 21

৽͍͠σϑΥϧτςʔϚͱͯ͠ Eigerwand Λ௥Ճ 22

μογϡϘʔυ΢ΟδΣοτ wμογϡϘʔυʹදࣔ͢Δ ΢ΟδΣοτΛΧελϚΠζ w ϢʔβʔμογϡϘʔυͱ֤αΠτͷ μογϡϘʔυը໘ʹ΢ΟδΣοτΛ௥Ճ 23

μογϡϘʔυ΢ΟδΣοτ wςϯϓϨʔτͷछྨʹ৽ͨʹ μογϡϘʔυ΢ΟδΣοτΛ௥Ճ w ৗʹදࣔʹ͢ΔͱશͯͷϢʔβʔʹදࣔ͞ΕΔ w ௨ৗ͸Ϣʔβʔ͕೚ҙͰ௥ՃՄೳ 24

ϢʔβʔϩάΠϯ࣌ͷଟཁૉೝূͷ ඞਢԽͷઃఆ͕Մೳʹ wγεςϜઃఆʹଟཁૉೝূͷඞਢԽͷઃఆΛ௥Ճ w ༗ޮʹ͢Δͱɺ ଟཁૉೝূ͕ະઃఆͷϢʔβʔͷ$.4ػೳ΁ͷ ΞΫηεΛېࢭ͢Δ͜ͱ͕Մೳ 25

৽ػೳͷ։ൃऀ޲͚৘ใͷެ։ wϦονςΩετΤσΟλͷ։ൃऀΨΠυ IUUQTNPWBCMFUZQFHJUIVCJPNUSJDIUFYUFEJUPSEFWFMPQFSHVJEF wϦονςΩετΤσΟλ ɾ ը૾ૠೖ΢Οϯυ΢ ɾ ϒϩοΫΤσΟλͷ֦ுͷͨΊͷαϯϓϧͷϓϥάΠϯ
IUUQTHJUIVCDPNNPWBCMFUZQFNUSJDIUFYUFEJUPSFYBNQMFQMVHJOT IUUQTHJUIVCDPNNPWBCMFUZQFBTTFUVQMPBEFSFYBNQMFQMVHJOT IUUQTHJUIVCDPNNPWBCMFUZQFNUCMPDLFEJUPSFYBNQMFQMVHJOT w4WFMUF؀ڥͰมΘͬͨίϯςϯπϑΟʔϧυͷ ௥Ճํ๏ʹ͍ͭͯ IUUQTHJUIVCDPNNPWBCMFUZQFNUCMPDLFEJUPSFYBNQMFQMVHJOT 26

28 w খதن໛͔ΒΞΫηε͕ଟ͍αΠτ·Ͱ෯޿͍ ΢ΣϒαΠτ੍࡞ɾӡӦʹରԠՄೳ w ϫʔΫϑϩʔ΍εςʔδϯάػೳͳͲ ຊ֨తͳαΠτӡӦ΋Մೳ w ֹ݄໿ ԁʢ੫ࠐɾ೥෷͍࣌ʣ͔Βར༻Ͱ͖ɺ
ొ࿥͢Ε͹͙͢ʹ࢖͑ΔϝϯςφϯεϑϦʔͷ4BB4ܕ w ػೳڧԽΛଓ͚ࠓ೥Ͱप೥ͱͳΓ·ͨ͠ʂ

௚ۙ ೥ͷػೳڧԽ 29 w͔ΜͨΜσβΠϯฤूػೳͷػೳڧԽ GJMFλΠϓͷ௥ՃɺMJTUλΠϓͰ ϚϧνϒϩάػೳΛར༻Ͱ͖ΔΑ͏ʹ ϦετλΠϓͰը૾ͱϑΝΠϧΛࢦఆͰ͖ΔΑ͏ʹ
γϯϓϧͳهड़Ͱ࣮૷Ͱ͖ΔΑ͏ʹ w؅ཧը໘಺Ͱར༻͍ͯ͠Δ ϑϨʔϜϫʔΫͷ#PPUTUSBQͷ όʔδϣϯΛ͔Βʹมߋ wϑΥʔϜػೳͷڧԽ

MovableType.netϑΥʔϜͷ ಛ௕ 31 w ઐ໳త஌͕ࣝͳͯ͘΋࡞੒ɾઃஔՄೳ w ߲໨ΛυϥοάˍυϩοϓͰ࡞੒ w εϚʔτϑΥϯʹ΋ରԠ w
΢ΣϒΞΫηγϏϦςΟΛ֬อ w ड෇σʔλΛ؅ཧ w ؅ཧݖݶͰΞΫηεΛ੍ݶ w ϑΥʔϜͷσβΠϯ΋ ΧελϚΠζՄೳ w ࡞੒ޙɺͦͷ··63-Λ࣋ͨͤͯ ެ։Մೳ w ֹ݄ԁʢ੫ࠐɾ೥෷͍࣌ʣ͔Β ҆Ձʹར༻Մೳ

࢖͍ํ͸େ͖͘ύλʔϯ 32 wϖʔδΛ༻ҙ͢Δ͜ͱͳ͘ɺ ࡞੒ͨ͠ϑΥʔϜΛͦͷ··ެ։ wηϛφʔืू΍Ξϯέʔτɺ ग़ܽ֬ೝͳͲҰ࣌తͳར༻ʹ ࡞੒ͨ͠ϑΥʔϜΛ ݸผͷ63-Ͱެ։ͯ͠ར༻

࢖͍ํ͸େ͖͘ύλʔϯ 33 w طଘͷαΠτ಺ͷϖʔδʹຒΊࠐΜͰ ར༻Մೳ w σβΠϯ΍63-ͷߏ଄Λ ଞͷϖʔδͱ౷Ұ͢Δ͜ͱ΋Ͱ͖Δ ӡ༻தͷαΠτ΍ ϖʔδʹຒΊࠐΜͰར༻

௚ۙ೥ͷػೳڧԽ 34 w ΢ΣϒΞΫηγϏϦςΟରԠ w ৚݅෇͖ϦμΠϨΫτػೳΛ௥Ճʗ ΧϨϯμʔɾ೥݄೔બ୒Ͱ༵೔Λද ࣔͰ͖ΔΑ͏ʹ w ༧໿࿮߲໨Λ௥Ճ
w ΧϨϯμʔ߲໨ͰΞΫηε೔͔Βͷ ૬ର೔਺ͰࢦఆͰ͖ΔΑ͏ʹ w σβΠϯςʔϚΛબ΂ΔΑ͏ʹ w εύϜରࡦͰSF$"15$)"WΛ બ୒Մೳʹʗ༣ศ൪߸͔Βͷ ॅॴࣗಈೖྗΛվળ w ߲໨ʹ࣌ؒબ୒Λ௥Ճɺ ςΩετ߲໨ʹ࠷େจࣈ਺ ΦϓγϣϯΛઃఆͰ͖ΔΑ͏ʹ w ߦςΩετͱෳ਺ߦςΩετʹ จࣈͷࣗಈม׵ΦϓγϣϯΛ௥Ճ w ߲໨ʹ਺஋ೖྗΛ௥Ճ

MovableType.netαΠταʔνͷ ಛ௕ 36 w ݕࡧ݁Ռʹ޿ࠂදࣔͳ͠ w ຒΊࠐΈίʔυͷషΓ෇͚Ͱઃஔ w Ωʔϫʔυ͝ͱʹ༏ઌϖʔδࢦఆՄೳ w
ݕࡧΤϯδϯʹ͸(PPHMFͷ"1*Λ࠾༻ w ݄ ԁʢ೥෷͍ͳΒԁʣ͔Β

௚ۙ೥ͷػೳڧԽ 37 w ݕࡧϫʔυͷεϖϧमਖ਼ఏҊػೳΛ௥Ճ w αʔνΤϯδϯ͕ग़ྗ͢ΔจݴΛมߋ͢Δ ػೳΛ௥Ճ

͝ਗ਼ௌɺ ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ

知っていると得する！Movable Type 9 の新機能を徹底解説

知っていると得する！Movable Type 9 の新機能を徹底解説

More Decks by hayase

Other Decks in Technology

Featured

Transcript