Download to read offline
Uploaded byKentaro Suzuki
「Movable Typeの可能性を広げるアドオン「DynamicMTML」について」 v2 (MTDDC Meetup HOKKAIDO 2013版）
2013年10月6日に北海道で行われたMovable Typeセミナーで使用した資料です。 ----- MTDDC Meetup HOKKAIDO 2013 http://mtddc2013.mt-ezo.net/ ----- フォローアップ記事（書きました！） http://riatw.me/blog/dynamicmtml_point.html
More Related Content
Similar to 「Movable Typeの可能性を広げるアドオン「DynamicMTML」について」 v2 (MTDDC Meetup HOKKAIDO 2013版）
「Movable Typeの可能性を広げるアドオン「DynamicMTML」について」 v2 (MTDDC Meetup HOKKAIDO 2013版）
- 1.
- 2. • 札幌生まれ／愛知県在住 28歳 •Web制作会社のテクニカル・ディレクター • Webシステムの提案と導入サポート MTのテンプレート設計・カスタマイズ • MTとサーバ・インフラなどが好きで プログラムが苦手 鈴木健太郎(@riatw)
- 3.
- 4. • はじめてMTを使ったのはMT4.1のころ • 仕事で使い始めたのがきっかけ •5年間で50以上の案件に導入 • 仕事もプライベートもMTが大好き MTDDC Meetup Nagoya 2014の企画をしています！ 1月18日（土）ウィンクあいち 1103号室（予定） MTは今年で5年目
- 5.
- 6.
- 7.
- 8.
- 9. • プログラムは苦手だけどMTなら分かるWebデザイナー • PHPは得意だけどデザインが苦手なWebプログラマー •Webアプリ・サービスに興味のあるディレクター このような方々にDynamicMTMLの 面白さと便利さを知ってもらうこと
- 10. • DynamicMTMLとは？ • DynamicMTMLを使う理由 •特に便利な標準機能 7つ • DynamicMTMLで作れるサイト • まとめ アジェンダ
- 11.
- 12. • アルファサード社が開発したMT向けのアドオン • 動的ページ生成機能を大幅強化！ •PHPでDynamicMTML用のプラグインが作れる 概要 MTユーザとPHPユーザが仲良くなれるプラグイン ざっくり言ってしまえば、DynamicMTMLは
- 13. • Movable Typev5.04以降 • PHPによるダイナミックパブリッシングが 動作する環境 • mod_rewriteが有効で.htaccessによる設定が可能な環境 動作環境
- 14. • PowerCMS/DynamicMTML ·GitHub https://github.com/PowerCMS/DynamicMTML • DynamicMTML 導入のポイント http://riatw.me/blog/dynamicmtml_point.html • はじめてのDynamicMTML (かたつむりくんのWWW) http://www.tinybeans.net/blog/movable-type/dynamicmtml/ 参考情報
- 15.
- 16.
- 17.
- 18.
- 19.
- 20. • 完全な静的サイトは殆ど無くなりつつある • CMS、お問い合わせフォームなどは完全にマスト •顧客情報管理、他API連動、既存システムとの連動… など…システム関係の要件は増加の一途 要件の多様化
- 21. • Webサイトとシステムが密に絡むようになってきた • 今まで以上のスピード感が求められるようになった •案件に対するコスト意識が厳しくなってきた →デザインは制作会社、システムはシステム会社と 発注を分ける余裕が無くなってきた • Webサイトがあることが当たり前になり、より一層 成果が求められるように、結果に厳しくなってきた 背景
- 22.
- 23.
- 24.
- 25. • DynamicMTMLなら、ロジックはPHP、見た目はMTタグと 完全に分離できる • デザイナーはMTタグさえ分かれば、見た目の調整や簡単な 機能追加はデザイナーだけでできる •プログラマーはデザインが分からなくてもPHPが 書ければいい（MTの事情が少し分かると嬉しい） 解決策の一案としてのDynamicMTML ヽ(=́▽`=)ﾉ
- 26.
- 27.
- 28.
- 29. • 提案→デザイン→システムがワンストップが提供できる • デザインの修正が自社で完結することから、サポートの スピードが向上する→信頼を獲得しやすい •できることの幅が広がることで、デザイン・企画だけの 提案よりも大規模の案件に挑戦できる 制作会社が得られるメリット
- 30. • 従来の開発案件に加えて新しい案件を開拓できる • デザインが得意な制作会社とコネクションが広がる •企画やデザインを気にせず、得意なシステムに注力する ことができる システム会社が得られるメリット
- 31.
- 32. • ブログ記事の詳細検索 • ユーザエージェントによる分岐 •ログイン状況による分岐 • ユーザ権限に応じた分岐 • 静的ファイルの動的ビルド • PHP API • コールバック
- 33. • 条件に応じてブログ記事を出力できる • MTEntriesに代わるタグとして使用できる •タイトル・カテゴリID・投稿日などの条件が指定できる ブログ記事の詳細検索
- 34. サンプル //タイトルに MT が含まれている記事を表示する場合 //targetにはMTの標準のフィールドが指定できる <mt:searchentriestarget="title" query="MT" lastn="10"> <li><a href="<$mt:entrypermalink$>"><$mt:entrytitle escape="html"$></a></li> </mt:searchentries> 34
- 35. • ユーザエージェント（端末情報）を取得できる • 端末の種類・キャリアごとに分岐できる •同一URLでPC・スマフォ対応のサイトを作成できる ユーザーエージェントによる分岐
- 36. サンプル <mt:IfUserAgent wants= SmartPhone> <$mt:include module="スマートフォン向けの内容"$> <mt:else> <$mt:include module="PC向けの内容"$> </mt:IfUserAgent> 36
- 37. • ユーザのログイン状況によって表示を変えることができる • 会員限定サイトやユーザのマイページを作ることができる •公開サイトに管理画面へのリンクを表示することができる ログイン状況による分岐
- 38.
- 39.
- 40.
- 41. サンプル <html> <body> <!-- 以下の内容は通常通りに再構築される --> <mt:blogname> <!--以下の内容は表示時に再構築される --> <MTDynamicMTML> <mt:date> <!-- 現在の日付を表示 --> </MTDynamicMTML> </body> </html> 41
- 42. • MTの各種機能に対してPHPからアクセスできる • MTのデータベースにPHPからアクセスすることができる •プラグインを追加すれば、他のシステムのデータベースに アクセスをして、MTタグで出力することができる （WordPressのデータをMTタグで出力するなど） PHP API
- 43.
- 44.
- 45. • イベント集客サイト • レシピ・口コミ投稿サイト •会員限定情報サイト • 伝票管理システム • 見積作成システム • その他簡単なWebアプリなど DynamicMTML向きのサイト
- 46. • REST APIのみでサービスを提供するサイト •データベースにおけるデータの持ち方が特殊なサイト • 動作スピードが最優先なサイト →ソーシャルゲームや大規模なWebカタログなど DynamicMTMLが不向きなサイト
- 47.
- 48. • DynamicMTMLは制作会社でもシステム案件の 対応力を上げることのできるツール • 従来の知識を生かしたまま、よりリッチなサイトを 簡単に作ること・保守することができる •DynamicMTMLを使えば新しい協業の形が見えてくる コラボすれば美味しさが増すツール！ 何より楽しいツールなので一度試してみてください！
- 49.
- 50.
- 51. @riatw on Twitter http://riatw.me/ Thankyou so much! 51