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
920
遂にキタ!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
43
手段と目的を間違えないための「Movable Typeを活用したウェブサイトエコシステム」
nishi_yama
0
240
ECサイト構築にもう1つの選択肢を
nishi_yama
0
2.3k
はじめてのMovable Type 〜ゼロからの始め方・選び方〜
nishi_yama
0
360
Movable Typeで理解する「CMS選びのポイント」
nishi_yama
1
200
Movable Type で育てるウェブサイトエコシステム
nishi_yama
0
53
手軽さや自由度のメリットだけじゃない、SaaS型CMSで作る「クライアントから支持されるウェブサイト」
nishi_yama
0
81
カスタムブロック作成手順のベタープラクティス
nishi_yama
0
4.8k
SaaS型のMovable Typeを選択するウェブサイト制作会社の思考
nishi_yama
0
100
Other Decks in Technology
See All in Technology
「伝える」を加速させるCursor術
naomix
0
590
産業機械をElixirで制御する
kikuyuta
0
140
Sansan Engineering Unit 紹介資料
sansan33
PRO
1
2.1k
CSSの最新トレンド Ver.2025
tonkotsuboy_com
11
4.5k
Go Connectへの想い
chiroruxx
0
160
Eight Engineering Unit 紹介資料
sansan33
PRO
0
3.4k
データベースの引越しを Ora2Pg でスマートにやろう
jri_narita
0
200
IAMのマニアックな話 2025を執筆して、 見えてきたAWSアカウント管理の現在
nrinetcom
PRO
3
360
OpenTelemetry Collector internals
ymotongpoo
5
510
会社紹介資料 / Sansan Company Profile
sansan33
PRO
6
370k
ハッカー視点で学ぶサイバー攻撃と防御の基本
nomizone
3
1.7k
型システムを知りたい人のための型検査器作成入門
mame
14
3.5k
Featured
See All Featured
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.5k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Building a Modern Day E-commerce SEO Strategy
aleyda
41
7.3k
Building Adaptive Systems
keathley
43
2.6k
Navigating Team Friction
lara
186
15k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
16
910
VelocityConf: Rendering Performance Case Studies
addyosmani
329
24k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
Build The Right Thing And Hit Your Dates
maggiecrowley
36
2.7k
What's in a price? How to price your products and services
michaelherold
245
12k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
52
2.8k
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!