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

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!