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

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

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

42bb3169f708bebf80653cbce796c311?s=128

Yausufmi Nishiyama

October 10, 2020
Tweet

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!