若干長い題名ですが、内容は難しくありません。MT5でブログ(子)からウェブサイト(親)のテンプレートモジュールを Include した場合、テンプレートは Include 元のブログ(子)の文脈で評価されるのですが、単純に共通パーツとして利用したいテンプレートの場合はウェブサイト(親)の文脈で評価されて欲しい場合もありそうなので、プラグインでこれをできるようにしてみました。

ForceTemplateContext

ForceTemplateContext をインストールするとウェブサイトのテンプレートモジュールの編集画面に「Includeされた場合もこのブログの文脈を使う」という設定が追加され、この設定を有効にすしたテンプレートは Include された場合もウェブサイトの文脈で評価されるようになります。

スクリーンショット

ウェブサイトのテンプレートモジュールの編集画面

設置

1. ダウンロードページから「ForceTemplateContext-x.x.x.zip」をダウンロードします。(x.x.xにはバージョン番号が入ります)
2. ダウンロードしたファイルを展開します。
3. ForceTemplateContext-x.x.x/plugins/ForceTemplateContext を、インストール先のMTに plugins/ForceTemplateContext としてアップロードします。
4. 設置完了です。

あわせて使いたい

• ParentalInclude
• Include

対応しているMT

• MT5

ライセンス

MITライセンス

2010年2月5日に開催されたMTDDC Tokyoに参加してきました。

カンファレンスには220名以上応募があり、また当日も150人程の方が参加されていたとのことで、大変人気があり、また熱気の高いカンファレンスとなっていました。

参加者が多いという話は事前に出ていたので、実は個人的に、内容も広く浅くというものがメインかなと思っていたのですが、そんなことはなく、どのセッションも濃く、また浅いところから深いところまでカバーしている内容で、既にMT5をカスタマイズしながら利用しているユーザーでも得ること多いものばかりでした。

各セッションの資料はシックス・アパートさんのサイトで公開されていますし、他の参加者の方の詳細なレポートもあるので、ここでは簡単に、技術者の視点でみてどのように感じたかというところでまとめてみます。

Movable Type 5 成長するプラットフォーム 資料

MTの事業担当の金子順様からのMT5の総合的なお話でした。

前半は、MT5の新機能の紹介に始まり、新機能のコンセプトや想定されている新機能の利用方法などが具体例を交えながら説明されました。テーマについての説明やカテゴリーとカスタムフィールドの連携など、MTをCMSとして利用しているユーザーであればすぐに利用したいと思うような機能の説明がたくさんあったと思います。

また後半は、Web制作と運用のにおけるMTの位置付けの話に始まり、フレームワークとしてのMTの話や、また新機能や開発環境の構想の話が続きました。抽象的な部分が多かったですが、随所に技術的に具体的に突っ込んでいる部分もあり、技術者として今後の展開を期待させられるには充分の内容でした。

テーマの大冒険 資料

MTの開発者担当の澤田哲様からの、MT5の目玉の新機能であるテーマのお話でした。

テーマの話はMT5の勉強会ではいつも話題になるところであり、自分としては充分に理解をしているつもりではあったのですが、Slidonのテーマを使っているところを見ながら改めて話を伺うと、使い方に大きな可能性を秘めているということが感じられました。

テーマ機能はMT4のテンプレートセットの後継にあたるものですが、テンプレートを複製できるという便利さを引き継ぎつつ、デフォルトのページを追加したりブログの設定等も設定できたりする、とても高機能なものになっています。まだ見ていない方には、是非スライドの資料を見ることをお勧めします。

書籍紹介

毎日コミュニケーションズの角田様と伊佐様からの、これまでに出版されたMT関連書籍の紹介がありました。

書籍紹介のお話ではあるのですが、出版された書籍の歴史を追って順に、当時の振り返りや裏話などを含んだストーリーのある話となっており、とても楽しい内容となっていました。

Brand new API 資料

MTの開発者担当の高山裕司様からの、MT5で新しく追加されたり拡張された機能についてのお話でした。

お話があったのは以下の内容についてです。(資料より)

新しく追加された機能

• ウェブサイト
• テーマ
• 版管理(リビジョン管理)
• ユーザーダッシュボード

拡張された機能

• 文字コードのUTF-8への統一
• 管理者権限のAPI
• メニューの構造
• ダイナミックパブリッシング
• ユーザーインターフェイス
• カスタムフィールド

個人的には、新しく追加された機能については大体把握をしていたのですが、拡張された機能のうち特に「管理者権限のAPI」と「ユーザーインターフェイス」につては初めて聞く話だったので、とても参考になりました。

シックス・アパートのWebサイトの管理 資料

シックス・アパートのWebサイトの管理を担当している広瀬修司様からの、Webサイト管理に関するノウハウのお話でした。

大量のページを少人数でどのように管理をしているかという、現場のお話でした。

サイトの管理についてはいろいろな方法があるので、ベストプラクティスを決めるというのはとても難しいと思いますが、やるべきこと、またやるべきでないことのまとめなど、大変参考になる内容でした。

フィードバックのおはなし 資料

MTの品質保証チームの井上恵一様からの、フィードバックに関するお話でした。

受け付けたフィードバックの扱われ方や、受け付けている内容、また登録の仕方などの話がありました。

フィードバックとしては、以下のような内容を受け付けているとのことです。

• バグレポート
• 機能要望

逆に以下の内容はサポートの範囲になるため受け付けられないとのことです。

• インストールの仕方が分かりません
• ブログの作り方が分かりません

またフィードバックは以下のページ、及びサイトで登録できるようです。

• 不具合、バグ、機能に関するリクエスト送信フォーム - Six Apart
• FogBugz

フォードバックの登録の際の書き方の説明などもありますので、フィードバックを送る場合は資料に目を通すことをお勧めします。

Lightning Talks

シックス・アパートの方々のセッションの後に、Lightning Talks(以下LT) という形で参加者が発表をするセッションが行われました。

1つ1つのLTへのコメントはしませんが、皆さんMTへの思い入れの深さを感じさせられる内容でした。

以下、一覧はシックス・アパートさんのサイトからの転載です。

1. プレビュー表示について: 木本達朗さん
2. 「最近の」言うなぁ！: 小野崎直昭さん
3. 画で見る機能要望: 伊藤のりゆきさん
4. 親子関係うまくいっていますか？: キゴウラボ小山さん
5. MTマーケティング担当からのお願い: シックス・アパート高橋真弓
6. 武蔵野Rの紹介：アライミツルさん
7. Movable Type 5 x Microformats: 吉村さん
8. ResizeImageプラグイン紹介: 森下智弘さん
9. 続・素人だけどMTが好き：Chotto CMS for MT: 奥脇知宏さん
10. MT5開発秘話: シックス・アパート高山裕司
11. MT Forum, MT.orgに参加して英語を勉強しよう(仮): にっくさん
12. MTで検索といえば...: 天野 卓さん
13. プラグイン開発セミナーはいかがでしょう？: 藤本 壱さん
14. CkEditor: 蒲生トシヒロさん
15. その日の気分で（空気？）でMT Talk: 野田純生さん

まとめ

記事の冒頭でも書いたのですが、どのセッションも非常に内容が濃く、終わってみれば6時間にも及ぶ長時間のカンファレンスとなりましたが、技術系MTユーザーとして満足のできる内容でした。

また次回のカンファレンスも是非参加したいと思います。

皆様ありがとうございました。

ハッカソンLite

昨日の MTDDC Tokyo に続き、今日はシックス・アパート株式会社の赤坂オフィスではハッカソンが開催されているとのことですが、私は参加出来なかったため、自宅でハッカソンLiteをしてみました。

※今日のブックマークレットとSelenium IDEについては Firefox でのみ動作します。また確認はFirefox 3.5.7でのみ行っています。

テーマの更新作業

MT5に搭載された新しい機能の1つとしてテーマというものがあり、これは初期設定やテンプレートを同じにしたいブログを複製する際に大変便利な機能です。(商店街のWebサイトを作って、各店舗で1つずつブログを持つとか。)

テーマについての説明

ただこのテーマ(MT4でのテンプレートセットもそうでしたが)、ブログの複製時には大変便利なのですが、ブログを作ってしまってからテンプレートを更新したい場合には一つ一つ初期化をしなければならず、これは大変面倒な作業となります。(グローバルテンプレートを多用するという手もありますが)

そんな背景のもと、今日はテーマの更新作業(テンプレートに関して)を自動化する(ための土台となるデータを作成する)ブックマークレットを作成したので、これを紹介します。

Selenium ID (今回利用するツール)

Webアプリケーションのテストのためのツールとして Selenium というものがあり、また Selenium のテストを実行したり作成したりするための Selenium IDE という Firefox のアドオンがあります。Selenium IDE はテストのためのツールではあるのですが、ブラウザでテストを行うということはすなわち実行(クリックしたりフォームに入力したり)するということで、自動実行のツールとしても便利に使うことができます。

以下、この Selenium IDE でテストを行うためのデータをブックマークレットで作ってみます。

インストールはこちらから

ブックマークレットと作業手順

1. 以下のブックマークレットを保存して、MTの管理画面内で実行します。
   テンプレート更新ブックマークレット
2. 実行するとブログ選択画面になるので、テンプレートの更新をしたいブログにチェックを入れて「OK」ボタンを押します。
3. (テストの)実行手順を指定するHTMLが開かれるので、このページを名前を付けて保存をします。
4. Selenium IDE を開き、「ファイル > テストケースを開く」から保存したHTMLを読み込みます。
5. 「テストスイート全体を実行」ボタンを押して実行します。
6. テンプレートの反映作業が進行します。

デモ

ムービー全体が表示されない場合はこちらのリンクから表示をしてください。
ムービー

お疲れさまでした

かけ足ですみませんが、以上が私のハッカソンLiteでした。本会場の方、また自宅でハッカソンの方、皆様お疲れさまでした。

MT5でのログイン直後のページ

MT5ではトップページとして「ユーザーダッシュボード」という概念が追加されたのですが、この「ユーザーダッシュボード」についてある人から、「ログイン直後は必ずユーザーダッシュボードが表示されるのですか？」と質問をされて不安になったので、ちょっと調べてみました。

結論としては、MT5では「ログイン直後は必ず...」ということで間違いないようです。 MT4の時にあった「前回のセッションで最後に作業をしていたブログのダッシュボードが表示する」という機能はなくなっていました。

BypassDashboard

上記のような「ログイン直後は必ずユーザーダッシュボード表示される」という仕様は、利用マニュアルを作る際などはとても便利な仕様だと思います。

ただ一方で、1つのブログにしか権限をもっていないユーザーにとってはログイン時に常に、「ユーザーダッシュボード > 管理するブログのダッシュボード」と進まなければいけないのは面倒で、また「ダッシュボード」らしきものが複数あるのはちょっと分かりにくい面もあると思います。

そこで、そのようなケースをフォローするために BypassDashboard というプラグインを作りました。

BypassDashboardをインストールすると、「1つのブログにしか権限を持っていないユーザー」がログインをした際には「ユーザーダッシュボード」ではなく「権限を持っているブログのダッシュボード」が表示されます。また左上の「Movable Type」のロゴをクリックした際にも同様に「ブログのダッシュボード」が表示されます。

BypassDashboardのダウンロード

よろしければお使いください。

MT5でのテンプレート編集フォーム

MT5ではテンプレートの編集フォームにCodeMirrorが採用され、シンタックスハイライトのオンとオフを切り替えることができなくなりました。

ただ、シンタックスハイライトは綺麗でよいのですが、CodeMirrorでは「タブ文字」が認識されなかったり、編集領域が「iframe」になってしまうため「textarea」であることを前提にしたブラウザのプラグインが利用できなかったり、また単純に重いなど、利用の仕方や環境によっては不便な場合もあるようです。

今回はこれを解消する方法を5つ(他のブログで紹介されている方法を2つと独自の方法を3つ)紹介します。

まずは(1)〜(2)として、既に他のサイトで公開をされている方法を紹介します。

(1) MTのプラグインで無効にする

この問題を解決する方法として一番最初に紹介されたものだと思いますが、小粋空間さんが公開されているInvalidateCodeMirror プラグインというものがあります。

このプラグインではテンプレート編集画面のHTMLソースを書き換えてCodeMirrorが有効にならないようにしていますので、ブラウザを問わず有効で、かつCodeMirrorが重いという問題も解消されます。

(2) テンプレートのソースファイルを書き換える

また別の方法として、えぬぱすどっとねっとさんがMT5のテンプレート編集画面を軽快にする方法というものも公開をされています。

これも(1)と同様に、テンプレート編集画面のHTMLソースを書き換えてCodeMirrorが有効にならないようにするという方法を採用しているので、ブラウザを問わず有効で、かつCodeMirrotが重いという問題も解消されます。

これ以降、(3)〜(5)がこのサイトで新しく紹介する方法です。

(1)と(2)の方法ではサーバー上のMTに手を入れるため、ブラウザを問わず有効ですし、またCodeMirrorも有効にならないため軽量化もできるという優れた点があるのですが、ただ例えば、「ちょっとテンプレートが分からないので見てほしい」とか「プラグインを自由にインストールすることができない」とかいった場合には対応ができないというところがありました。

そこでこれ以降の方法ではサーバー上のMTではなく、ブラウザ(※1)に手を入れてtextareaで編集できるようにしようというアプローチで進めていきます。
(※1) (4)と(5)はFirefox限定

(3) ブックマークレットを使う

任意のページをアドホックに変更する場合はブックマークレットが便利なので、これを使ってみます。(どのブラウザでも動作します)

以下のリンクをブックマークして、MTのテンプレート編集ページで実行してください。

TextareaForMT

以下のようなコードになっています。

javascript:(function(){window.editor.getCode=null;jQuery('#text').show().attr('rows', 30);jQuery('.CodeMirror-wrapping').hide()})();

(4) Greasemonkeyスクリプトを使う

(3)ではテンプレート編集ページを開くたびにブックマークレットを実行する必要がありますが、Firefoxにはこういったスクリプトを自動で適用してくれるGreasemonkeyというアドオンがありますので、(3)と同じ内容でGreasemonkeyスクリプトを用意しました。

以下のリンクをクリックするとインストールできます。

TextareaForMT.user.js

以下のようなコードになっています。

// ==UserScript==
// // @name         TextareaForMT5
// // @namespace    http://github.com/usualoma/textarea-for-mt5
// // @description  Editing template by plain textarea.
// // @include      http://*
// // @exclude
// // ==/UserScript==
if (
	(typeof unsafeWindow.MT !== 'undefined')
	&& (typeof unsafeWindow.jQuery !== 'undefined')
) {
	(function() {
		var $ = unsafeWindow.jQuery;
		var code_mirror = $('#template-body-field .CodeMirror-wrapping');
		if (code_mirror.length) {
			setTimeout(function() {
				unsafeWindow.editor.getCode = null;
				code_mirror.hide();
				$('#text').attr('rows', 30).show();
			}, 1000);
		}
	})();
}

setTimeoutで1秒間を空けているのは、原因ははっきり分からないのですがこれを入れないとエラーになったからです。

(5) Firefoxのアドオンにする

(4)のGreasemonkeyスクリプトで多くの場合要件は満たすことができると思うのですが、一度初期化はされるためtextareaになる前に一瞬CodeMirrorでハイライトされたソースが表示されることもあり、若干気になります。

また誰かに奨めるときに、「Greasemonkeyはインストールされている？」と確認するのも若干面倒です。

というところで、「ブラウザに手を入れる方法でも最初から初期化されないようにしたい」かつ「Firefoxであれば難しいことを言わないで使えるようにしたい」という方針で、Firefoxのアドオンを作ってみました。

TextareaForMT5
※開発中のため動作が不安定の可能性もありますが、ご了承ください。

このプラグインを入れるとMT5のテンプレート編集画面でも最初からCodeMirrorが入っていないかのようにtextareaが表示されます。またインストール後「ツール > アドオン > TextareaForMT5」からテキストエリアの高さも指定することができます。

まとめ

MTに手を入れる方法(1)〜(2)からブラウザに手を入れる方法(3)〜(5)まで、5つの方法の紹介でした。

MT5ではテンプレートもMTでリビジョン管理ができるので、ブラウザで編集をして管理する方法もより積極的に行ってよいのではと考えています。なのでそんな意味でも、MTがデフォルトでtextareaで編集をさせてくれるオプション持っていればいいのにと思いつつ、今回はアドオンの作成などしてみました。