遂にキタ！MTのブロックエディタはイノベーションを起こすのか

2020年10月10日（金）にオンライン開催されたMTDDC Meetup TOKYO 2020のセッションで使用したスライドです。

Transcript

1. MT MTDDC Meetup TOKYO 2020 at Zoom Webinar Yasufumi Nishiyama ( Juxtaposition Inc. ) Hello!
2. #mtddc
3. #mtddc 2004 4 2013 10 8
4. #mtddc Movable Type 2004 4 Movable Type 2008 ProNet 2013 MT 2013 MTDDC Meetup HOKKAIDO 2013 2015 2018 MTDDC Meetup HOKKAIDO 2018
5. #mtddc
6. #mtddc SKELETON CART MT
7. #mtddc DynamicPreview 2015.4 ImageUploadUtility 2012.3 Movable Type
8. #mtddc DashboardUtility for movabletype.net
9. #mtddc 1. MT7 MT.net 2. MovableType.net 3.
10. #mtddc Movable Type 7
11. #mtddc Movable Type 7
12. #mtddc Movable Type 7
13. #mtddc Movable Type 7
14. #mtddc Movable Type 7
15. #mtddc Movable Type 7
16. #mtddc Movable Type 7
17. #mtddc Movable Type 7
18. #mtddc Movable Type 7
19. #mtddc Movable Type 7
20. #mtddc Movable Type 7
21. #mtddc Movable Type 7
22. #mtddc Movable Type 7
23. #mtddc Movable Type 7
24. #mtddc MTAppjQuery Movable Type 7
25. #mtddc MovableType.net
26. #mtddc MovableType.net
27. #mtddc MovableType.net
28. #mtddc MovableType.net
29. #mtddc TinyMCE MovableType.net
30. #mtddc MovableType.net
31. #mtddc MovableType.net
32. #mtddc MovableType.net
33. #mtddc MovableType.net
34. #mtddc MovableType.net
35. #mtddc MovableType.net
36. #mtddc TinyMCE MovableType.net
37. #mtddc MovableType.net
38. #mtddc MovableType.net
39. #mtddc MovableType.net class JavaScript CSS div class
40. #mtddc
41. #mtddc iframe Innovation 01
42. #mtddc YouTube .YouTube iframe . HTML .div.youtube HTML .CSS
43. #mtddc YouTube .YouTube iframe . . div.youtube .CSS
44. #mtddc MovableType.net .
45. #mtddc MovableType.net . . oEmbed
46. #mtddc MovableType.net . . oEmbed . ON
47. #mtddc MovableType.net . . oEmbed . ON . youtube . CSS div.youtube iframe { } QR
48. #mtddc MovableType.net .
49. #mtddc MovableType.net . . YouTube URL
50. #mtddc MovableType.net . . YouTube URL
51. #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>
52. #mtddc table Innovation 02
53. #mtddc table . table CSS .WYSIWYG HTML div class
54. #mtddc MovableType.net .
55. #mtddc MovableType.net . .
56. #mtddc MovableType.net . . . default, vertical, scroll
57. #mtddc MovableType.net . . . default, vertical, scroll . QR
58. #mtddc MovableType.net .
59. #mtddc MovableType.net . .
60. #mtddc MovableType.net <div class="vertical"> <table> <tbody> <tr></tr> <tr></tr> <tr></tr> <tr></tr> <tr></tr> </tbody> </table> </div>
61. #mtddc MovableType.net <div class="scroll"> <table> <tbody> <tr></tr> ộ <tr></tr> </tbody> </table> </div> HTML
62. #mtddc Innovation 03
63. #mtddc ˡ
    ͕͜͜ΠϯσοΫεʹͳΔ ˡ
    ͜͜΁ͷϦϯΫΛ
    ɹ
    ͭ͘Γ͍ͨ
64. #mtddc Movable Type . HTML . . . . MT
65. #mtddc MovableType.net .
66. #mtddc MovableType.net . .
67. #mtddc MovableType.net . .
68. #mtddc MovableType.net <$mt:PageBody$> . . .
69. #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> . . .
70. #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>
71. #mtddc MovableType.net .
72. #mtddc MovableType.net . .
73. #mtddc MovableType.net <section> <ul> <li><a href="……">ձࣾ֓ཁ</a></li> <li><a href="……">ࢧళॴࡏ஍</a></li> </ul> </section> HTML
74. #mtddc HTML HTML MT Innovation!
75. #mtddc
76. #mtddc
77. #mtddc
78. #mtddc
79. #mtddc
80. #mtddc YouTube
81. #mtddc
82. #mtddc HTML/MT 2021 MT7
83. #mtddc MT URLɿwww.ni4.jp Twitter : nishi_yama MTDDC Meetup TOKYO 2020 See you!