Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
遂にキタ!MTのブロックエディタはイノベーションを起こすのか
Yausufmi Nishiyama
October 10, 2020
Technology
1
510
遂にキタ!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
2.1k
SaaS型のMovable Typeを選択するウェブサイト制作会社の思考
nishi_yama
0
54
Movable Type対応カート SKELETON CART でStripe決済に対応した話
nishi_yama
0
63
ウェブサイト運営が楽しくなる!MovableType.netを利用したストレスフリーなウェブサイト構築
nishi_yama
1
72
弊社にできるコロナ対策 "短期間で準備ができて費用が抑えられて、できるだけ早く効果が出せる支援"
nishi_yama
0
180
MovableType.netの利用メリット、顧客へのベネフィット、僕らがやるべきこと
nishi_yama
0
1.3k
JP_Stripes 札幌 Vol.3「JPSC2019 re:Cap」
nishi_yama
2
2.5k
JP_Stripes Connect 2019 登壇資料
nishi_yama
1
1.2k
10年間使い続けているPayPalからStripeへ?
nishi_yama
3
25k
Other Decks in Technology
See All in Technology
DOM Invader - prototype pollution対応の衝撃 - / DOM Invader - prototype pollution
okuken
0
170
Inside out - abusing archive file formats
ange
3
690
AWS Cognito で開発環境を守る
mixi_engineers
PRO
0
160
20220622_FinJAWS_あのときにAWSがあったらこうできた
taketakekaho
0
120
Meet passkeys
satotakeshi
1
130
拡散確率モデルと音声波形生成
yumakoizumi
1
780
STORES におけるセッションストアへの Amazon MemoryDB for Redis の活用と、移行戦略 / MemoryDB for STORES Session Store
upinetree
0
310
Twitter Botを作ってカスタマイズとトラブルシュートをした話
amarelo_n24
1
130
Rethinking how distributed applications are built
tillrohrmann
0
130
Oracle Cloud Infrastructure:2022年6月度サービス・アップデート
oracle4engineer
PRO
0
180
紙にまつわる苦しみを機能化してきた カミナシの歴史
kaminashi
0
1.5k
oakのミドルウェアを書くときの技のらしきもの
toranoana
0
140
Featured
See All Featured
Building Adaptive Systems
keathley
25
1.1k
What's in a price? How to price your products and services
michaelherold
229
9.4k
Why You Should Never Use an ORM
jnunemaker
PRO
47
7.6k
How to train your dragon (web standard)
notwaldorf
58
3.9k
Facilitating Awesome Meetings
lara
29
4k
The Illustrated Children's Guide to Kubernetes
chrisshort
15
36k
Gamification - CAS2011
davidbonilla
75
3.9k
Put a Button on it: Removing Barriers to Going Fast.
kastner
56
2.3k
Fantastic passwords and where to find them - at NoRuKo
philnash
27
1.5k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
269
12k
Optimizing for Happiness
mojombo
365
63k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
105
16k
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!