Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
遂にキタ!MTのブロックエディタはイノベーションを起こすのか
Search
Yausufmi Nishiyama
October 10, 2020
Technology
1
950
遂にキタ!MTのブロックエディタはイノベーションを起こすのか
2020年10月10日(金)にオンライン開催されたMTDDC Meetup TOKYO 2020のセッションで使用したスライドです。
Yausufmi Nishiyama
October 10, 2020
Tweet
Share
More Decks by Yausufmi Nishiyama
See All by Yausufmi Nishiyama
ウェブディレクターの傾聴力が引き上げる「企画力」
nishi_yama
0
50
手段と目的を間違えないための「Movable Typeを活用したウェブサイトエコシステム」
nishi_yama
0
260
ECサイト構築にもう1つの選択肢を
nishi_yama
0
2.3k
はじめてのMovable Type 〜ゼロからの始め方・選び方〜
nishi_yama
0
380
Movable Typeで理解する「CMS選びのポイント」
nishi_yama
1
210
Movable Type で育てるウェブサイトエコシステム
nishi_yama
0
58
手軽さや自由度のメリットだけじゃない、SaaS型CMSで作る「クライアントから支持されるウェブサイト」
nishi_yama
0
91
カスタムブロック作成手順のベタープラクティス
nishi_yama
0
4.8k
SaaS型のMovable Typeを選択するウェブサイト制作会社の思考
nishi_yama
0
100
Other Decks in Technology
See All in Technology
AI エンジニアの立場からみた、AI コーディング時代の開発の品質向上の取り組みと妄想
soh9834
8
580
OTel 公式ドキュメント翻訳 PJ から始めるコミュニティ活動/Community activities starting with the OTel official document translation project
msksgm
0
300
Railsの限界を超えろ!「家族アルバム みてね」の画像・動画の大規模アップロードを支えるアーキテクチャの変遷
ojima_h
4
520
【CEDEC2025】現場を理解して実現!ゲーム開発を効率化するWebサービスの開発と、利用促進のための継続的な改善
cygames
PRO
0
360
自分がLinc’wellで提供しているプロダクトを理解するためにやったこと
murabayashi
1
170
激動の時代、新卒エンジニアはAIツールにどう向き合うか。 [LayerX Bet AI Day Countdown LT Day1 ツールの選択]
tak848
0
600
P2P ではじめる WebRTC のつまづきどころ
tnoho
1
270
Recoil脱却の現状と挑戦
kirik
3
460
Tiptapで実現する堅牢で柔軟なエディター開発
kirik
1
150
ecspressoの設計思想に至る道 / sekkeinight2025
fujiwara3
12
2.1k
新規事業におけるAIリサーチの活用例
ranxxx
0
170
興味の胞子を育て 業務と技術に広がる”きのこ力”
fumiyasac0921
0
290
Featured
See All Featured
Code Review Best Practice
trishagee
69
19k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
50
5.5k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
130
19k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.8k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
How to Think Like a Performance Engineer
csswizardry
25
1.8k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
Transcript
MT MTDDC Meetup TOKYO 2020 at Zoom Webinar Yasufumi Nishiyama
( Juxtaposition Inc. ) Hello!
#mtddc
#mtddc 2004 4 2013 10 8
#mtddc Movable Type 2004 4 Movable Type 2008 ProNet 2013
MT 2013 MTDDC Meetup HOKKAIDO 2013 2015 2018 MTDDC Meetup HOKKAIDO 2018
#mtddc
#mtddc SKELETON CART MT
#mtddc DynamicPreview 2015.4 ImageUploadUtility 2012.3 Movable Type
#mtddc DashboardUtility for movabletype.net
#mtddc 1. MT7 MT.net 2. MovableType.net 3.
#mtddc Movable Type 7
#mtddc Movable Type 7
#mtddc Movable Type 7
#mtddc Movable Type 7
#mtddc Movable Type 7
#mtddc Movable Type 7
#mtddc Movable Type 7
#mtddc Movable Type 7
#mtddc Movable Type 7
#mtddc Movable Type 7
#mtddc Movable Type 7
#mtddc Movable Type 7
#mtddc Movable Type 7
#mtddc Movable Type 7
#mtddc MTAppjQuery Movable Type 7
#mtddc MovableType.net
#mtddc MovableType.net
#mtddc MovableType.net
#mtddc MovableType.net
#mtddc TinyMCE MovableType.net
#mtddc MovableType.net
#mtddc MovableType.net
#mtddc MovableType.net
#mtddc MovableType.net
#mtddc MovableType.net
#mtddc MovableType.net
#mtddc TinyMCE MovableType.net
#mtddc MovableType.net
#mtddc MovableType.net
#mtddc MovableType.net class JavaScript CSS div class
#mtddc
#mtddc iframe Innovation 01
#mtddc YouTube .YouTube iframe . HTML .div.youtube HTML .CSS
#mtddc YouTube .YouTube iframe . . div.youtube .CSS
#mtddc MovableType.net .
#mtddc MovableType.net . . oEmbed
#mtddc MovableType.net . . oEmbed . ON
#mtddc MovableType.net . . oEmbed . ON . youtube .
CSS div.youtube iframe { } QR
#mtddc MovableType.net .
#mtddc MovableType.net . . YouTube URL
#mtddc MovableType.net . . YouTube URL
#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>
#mtddc table Innovation 02
#mtddc table . table CSS .WYSIWYG HTML div class
#mtddc MovableType.net .
#mtddc MovableType.net . .
#mtddc MovableType.net . . . default, vertical, scroll
#mtddc MovableType.net . . . default, vertical, scroll . QR
#mtddc MovableType.net .
#mtddc MovableType.net . .
#mtddc MovableType.net <div class="vertical"> <table> <tbody> <tr></tr> <tr></tr> <tr></tr> <tr></tr>
<tr></tr> </tbody> </table> </div>
#mtddc MovableType.net <div class="scroll"> <table> <tbody> <tr></tr> ộ <tr></tr> </tbody>
</table> </div> HTML
#mtddc Innovation 03
#mtddc ˡ͕͜͜ΠϯσοΫεʹͳΔ ˡ͜͜ͷϦϯΫΛ ɹͭ͘Γ͍ͨ
#mtddc Movable Type . HTML . . . . MT
#mtddc MovableType.net .
#mtddc MovableType.net . .
#mtddc MovableType.net . .
#mtddc MovableType.net <$mt:PageBody$> . . .
#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> . . .
#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>
#mtddc MovableType.net .
#mtddc MovableType.net . .
#mtddc MovableType.net <section> <ul> <li><a href="……">ձࣾ֓ཁ</a></li> <li><a href="……">ࢧళॴࡏ</a></li> </ul> </section>
HTML
#mtddc HTML HTML MT Innovation!
#mtddc
#mtddc
#mtddc
#mtddc
#mtddc
#mtddc YouTube
#mtddc
#mtddc HTML/MT 2021 MT7
#mtddc MT URLɿwww.ni4.jp Twitter : nishi_yama MTDDC Meetup TOKYO 2020
See you!