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
600
遂にキタ!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
Movable Type で育てるウェブサイトエコシステム
nishi_yama
0
27
手軽さや自由度のメリットだけじゃない、SaaS型CMSで作る「クライアントから支持されるウェブサイト」
nishi_yama
0
3
カスタムブロック作成手順のベタープラクティス
nishi_yama
0
3.5k
SaaS型のMovable Typeを選択するウェブサイト制作会社の思考
nishi_yama
0
59
Movable Type対応カート SKELETON CART でStripe決済に対応した話
nishi_yama
0
67
ウェブサイト運営が楽しくなる!MovableType.netを利用したストレスフリーなウェブサイト構築
nishi_yama
1
81
弊社にできるコロナ対策 "短期間で準備ができて費用が抑えられて、できるだけ早く効果が出せる支援"
nishi_yama
0
250
MovableType.netの利用メリット、顧客へのベネフィット、僕らがやるべきこと
nishi_yama
0
1.3k
JP_Stripes 札幌 Vol.3「JPSC2019 re:Cap」
nishi_yama
2
2.6k
Other Decks in Technology
See All in Technology
230120 ガンダムの事例にみる自動化の対象 Haruka Oh!さん
comucal
PRO
0
110
CUEとKubernetesカスタムオペレータを用いた新しいネットワークコントローラをつくってみた
hrk091
0
240
Stripe / Okta Customer Identity Cloud(旧Auth0) の採用に至った理由 〜モリサワの SaaS 戦略〜
tomuro
0
110
AWS re:Invent 2022で発表された新機能を試してみた ~Cloud OperationとSecurity~ / New Cloud Operation and Security Features Announced at AWS reInvent 2022
yuj1osm
1
130
OpenShiftでスポットVMを使おう.pdf
jpishikawa
1
190
Deep dive in Reserved Instance ~脳死推奨量購入からの脱却~
kzkmaeda
0
380
GraphQLスキーマ設計の勘所
yukukotani
26
6k
プログラミング支援AI GitHub Copilot すごいの話
moyashi
0
280
OpenShiftのリリースノートを整理してみた
loftkun
2
220
私見「UNIXの考え方」/20230124-kameda-unix-phylosophy
opelab
0
160
Oktaの管理者権限を適切に移譲してみた
shimosyan
2
250
Astroで始める爆速個人サイト開発
takanorip
12
8.4k
Featured
See All Featured
Done Done
chrislema
178
14k
The Invisible Customer
myddelton
113
12k
Visualization
eitanlees
128
12k
Producing Creativity
orderedlist
PRO
335
37k
Documentation Writing (for coders)
carmenintech
51
2.9k
Ruby is Unlike a Banana
tanoku
93
9.5k
A better future with KSS
kneath
230
16k
10 Git Anti Patterns You Should be Aware of
lemiorhan
643
54k
Bootstrapping a Software Product
garrettdimon
299
110k
Atom: Resistance is Futile
akmur
256
24k
Gamification - CAS2011
davidbonilla
75
4.1k
YesSQL, Process and Tooling at Scale
rocio
159
12k
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!