Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

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

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

Yausufmi Nishiyama

October 10, 2020
Tweet

More Decks by Yausufmi Nishiyama

Other Decks in Technology

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!