Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up
for free
遂にキタ!MTのブロックエディタはイノベーションを起こすのか
Yausufmi Nishiyama
October 10, 2020
Technology
1
240
遂にキタ!MTのブロックエディタはイノベーションを起こすのか
2020年10月10日(金)にオンライン開催されたMTDDC Meetup TOKYO 2020のセッションで使用したスライドです。
Yausufmi Nishiyama
October 10, 2020
Tweet
Share
More Decks by Yausufmi Nishiyama
See All by Yausufmi Nishiyama
nishi_yama
0
41
nishi_yama
1
40
nishi_yama
0
120
nishi_yama
0
1.2k
nishi_yama
2
2.2k
nishi_yama
1
970
nishi_yama
3
21k
nishi_yama
0
84
Other Decks in Technology
See All in Technology
kawaguti
0
470
line_developers
PRO
2
540
yasuakiomokawa
1
410
ayatokura
0
290
seto_hi
3
980
tj8000rpm
0
250
akakou
2
410
eayedi
1
110
hiyosi
0
120
thehajime
0
130
finengine
0
380
kanaugust
PRO
0
110
Featured
See All Featured
keathley
20
770
geoffreycrofte
27
1.1k
bryan
32
3.5k
jensimmons
208
10k
aarron
258
36k
samlambert
237
10k
paulrobertlloyd
73
1.5k
vanstee
118
4.9k
jmmastey
11
710
colly
188
14k
tanoku
86
8.6k
afnizarnur
178
14k
Transcript
MT MTDDC Meetup TOKYO 2020 at Zoom Webinar Yasufumi Nishiyama
( Juxtaposition Inc. ) Hello!
#mtddc
#mtddc 2004 4 2013 10 8
#mtddc Movable Type 2004 4 Movable Type 2008 ProNet 2013
MT 2013 MTDDC Meetup HOKKAIDO 2013 2015 2018 MTDDC Meetup HOKKAIDO 2018
#mtddc
#mtddc SKELETON CART MT
#mtddc DynamicPreview 2015.4 ImageUploadUtility 2012.3 Movable Type
#mtddc DashboardUtility for movabletype.net
#mtddc 1. MT7 MT.net 2. MovableType.net 3.
#mtddc Movable Type 7
#mtddc Movable Type 7
#mtddc Movable Type 7
#mtddc Movable Type 7
#mtddc Movable Type 7
#mtddc Movable Type 7
#mtddc Movable Type 7
#mtddc Movable Type 7
#mtddc Movable Type 7
#mtddc Movable Type 7
#mtddc Movable Type 7
#mtddc Movable Type 7
#mtddc Movable Type 7
#mtddc Movable Type 7
#mtddc MTAppjQuery Movable Type 7
#mtddc MovableType.net
#mtddc MovableType.net
#mtddc MovableType.net
#mtddc MovableType.net
#mtddc TinyMCE MovableType.net
#mtddc MovableType.net
#mtddc MovableType.net
#mtddc MovableType.net
#mtddc MovableType.net
#mtddc MovableType.net
#mtddc MovableType.net
#mtddc TinyMCE MovableType.net
#mtddc MovableType.net
#mtddc MovableType.net
#mtddc MovableType.net class JavaScript CSS div class
#mtddc
#mtddc iframe Innovation 01
#mtddc YouTube .YouTube iframe . HTML .div.youtube HTML .CSS
#mtddc YouTube .YouTube iframe . . div.youtube .CSS
#mtddc MovableType.net .
#mtddc MovableType.net . . oEmbed
#mtddc MovableType.net . . oEmbed . ON
#mtddc MovableType.net . . oEmbed . ON . youtube .
CSS div.youtube iframe { } QR
#mtddc MovableType.net .
#mtddc MovableType.net . . YouTube URL
#mtddc MovableType.net . . YouTube URL
#mtddc MovableType.net HTML <div class="youtube"> <iframe width="480" height="270" src="https:// www.youtube.com/embed/3hX5MsyatS0?feature=oembed"
frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in- picture" allowfullscreen=""></iframe> </div>
#mtddc table Innovation 02
#mtddc table . table CSS .WYSIWYG HTML div class
#mtddc MovableType.net .
#mtddc MovableType.net . .
#mtddc MovableType.net . . . default, vertical, scroll
#mtddc MovableType.net . . . default, vertical, scroll . QR
#mtddc MovableType.net .
#mtddc MovableType.net . .
#mtddc MovableType.net <div class="vertical"> <table> <tbody> <tr></tr> <tr></tr> <tr></tr> <tr></tr>
<tr></tr> </tbody> </table> </div>
#mtddc MovableType.net <div class="scroll"> <table> <tbody> <tr></tr> ộ <tr></tr> </tbody>
</table> </div> HTML
#mtddc Innovation 03
#mtddc ˡ͕͜͜ΠϯσοΫεʹͳΔ ˡ͜͜ͷϦϯΫΛ ɹͭ͘Γ͍ͨ
#mtddc Movable Type . HTML . . . . MT
#mtddc MovableType.net .
#mtddc MovableType.net . .
#mtddc MovableType.net . .
#mtddc MovableType.net <$mt:PageBody$> . . .
#mtddc MovableType.net <mt:BlockEditorBlocks tag="PageBody"> <mt:If name="type" eq="custom-page_module"> <mt:Include module="ΣϒϖʔδҰཡ" folder_label="$__value__"
/> <mt:Else> <mt:Var name="__value__" /> </mt:If> </mt:BlockEditorBlocks> . . .
#mtddc MovableType.net . . . . <mt:PageID setvar="this_id" /> <section>
<ul> <mt:Pages folder="$folder_label" include_subfolders="1"> <mt:If tag="PageID" ne="$this_id"> <li> <a href="<mt:PagePermalink />"> <mt:PageTitle encode_html="1" /> </a> </li> </mt:If> </mt:Pages> </ul> </section>
#mtddc MovableType.net .
#mtddc MovableType.net . .
#mtddc MovableType.net <section> <ul> <li><a href="……">ձࣾ֓ཁ</a></li> <li><a href="……">ࢧళॴࡏ</a></li> </ul> </section>
HTML
#mtddc HTML HTML MT Innovation!
#mtddc
#mtddc
#mtddc
#mtddc
#mtddc
#mtddc YouTube
#mtddc
#mtddc HTML/MT 2021 MT7
#mtddc MT URLɿwww.ni4.jp Twitter : nishi_yama MTDDC Meetup TOKYO 2020
See you!