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

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

42bb3169f708bebf80653cbce796c311?s=47 Yausufmi Nishiyama
October 10, 2020
Technology
1
240

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

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

42bb3169f708bebf80653cbce796c311?s=128

Yausufmi Nishiyama

October 10, 2020
Tweet

More Decks by Yausufmi Nishiyama

See All by Yausufmi Nishiyama
42bb3169f708bebf80653cbce796c311?s=48 nishi_yama
0
41
42bb3169f708bebf80653cbce796c311?s=48 nishi_yama
1
40
42bb3169f708bebf80653cbce796c311?s=48 nishi_yama
0
120
42bb3169f708bebf80653cbce796c311?s=48 nishi_yama
0
1.2k
42bb3169f708bebf80653cbce796c311?s=48 nishi_yama
2
2.2k
42bb3169f708bebf80653cbce796c311?s=48 nishi_yama
1
970
42bb3169f708bebf80653cbce796c311?s=48 nishi_yama
3
21k
42bb3169f708bebf80653cbce796c311?s=48 nishi_yama
0
84

Other Decks in Technology

See All in Technology
A64ac825509279a770c13c6fc517f11a?s=48 kawaguti
0
470
53850955f15249a1a9dc49df6113e400?s=48 line_developers
PRO
2
540
79fc33e55cacc42beef647541de24d58?s=48 yasuakiomokawa
1
410
8065fe5a0d33908c6f71c5ae28939dcd?s=48 ayatokura
0
290
Ad449f3f4e595ade283a30c4f66010be?s=48 seto_hi
3
980
7fb7baff24528be4d8b6e0e6cf831b81?s=48 tj8000rpm
0
250
C082aa76a5e47f5f99e74043452d4ffe?s=48 akakou
2
410
Fd51a3e98f756983c75edeb0f74beaaa?s=48 eayedi
1
110
9e8bdaea0cc26ccf98270c870b9ad26a?s=48 hiyosi
0
120
E1296f8ccbdc4cf63d2dd4c1e847b4f5?s=48 thehajime
0
130
525442fc70ca92f82ae503f826956137?s=48 finengine
0
380
19fc8f6113c5c3d86e6176362ff29479?s=48 kanaugust
PRO
0
110

Featured

See All Featured
06f8b41980eb4c577fa40c41d5030c19?s=48 keathley
20
770
5b6a2bd86ef643786a381a212e0ef2f1?s=48 geoffreycrofte
27
1.1k
A60068bce2e73de3a37ca9d2dbe36092?s=48 bryan
32
3.5k
D83926c323d4f9289f947b4b4e76b939?s=48 jensimmons
208
10k
5f50f94346fbcb23706f0707169317a4?s=48 aarron
258
36k
Be9caeb9d4ef9944d151af909063ed6e?s=48 samlambert
237
10k
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
73
1.5k
B6a8f005f39d23ffc930508ac9da68b9?s=48 vanstee
118
4.9k
A9704266587836f7e784235e5073b93e?s=48 jmmastey
11
710
C9b18d9dff88a9dd2393364c2b3b21bd?s=48 colly
188
14k
6804f1775cb4babfcc3851298566fbce?s=48 tanoku
86
8.6k
0c6fd6a08d0f898159cda7cafcacf07f?s=48 afnizarnur
178
14k

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!