Movable Type 5.1のリスティングフレームワークで独自管理画面を作る（その1）
Movable Type 5.1のリスティングフレームワークで独自管理画面を作ってみました。何回かに分けて紹介します。 経緯は、現在執筆中のMT5.1書籍で紹介するプラグインをMT5.0xで開発しており、その中にメールアドレス一覧画面があるのですが、MT5.1で正常に表示されなくなってしまいました。 ちなみにこれがMT5.0xでのメールアドレス一覧画面です。 Movable Type 5.0のメールアドレス一覧画面 MT5.1ベータでそのまま表示すると、「表示オプション」がものすごいことに・・・。 Movable Type 5.1のメールアドレス一覧画面（そのまま移行） で、「表示オプション」を非表示にしたら表示が崩れてました。 Movable Type 5.1のメールアドレス一覧画面（表示オプションはずした状態） この画面を修正するよりもリスティングフレームワークを使った方が早いのではな
ブログに記事を書いたことをFacebookに投稿するプラグイン（その1）
2024年2月1日 拙作プラグインの譲渡について 拙作のMovable Typeのプラグインを、株式会社ワールドイズマインに譲渡いたしました。 長きにわたり拙作のプラグインをご愛顧いただき、ありがとうございました。 Movable Typeでブログに記事を書いたときに、その記事の要約等の情報をFacebookの自分のウォールに自動的に投稿するプラグインを作りました。 その使い方のうち、今日はFacebookにアプリケーションを登録するまでの手順を解説します。 1.登録を始める まず、Facebookにログインした状態で、Facebookの開発者のページに接続します。 初めて接続する時には、「開発者」アプリケーションを許可することを求められますので、「許可する」のボタンをクリックします。 開発者ページに接続すると、右上に「Set Up New App」のボタンがありますので、それをクリックし
Facebookページのiframeタブにタブメニューを表示する
Facebookページのiframeタブのコンテンツに、jQuery UI Tabsを利用してタブメニューを表示するカスタマイズです。ここではMovable Typeと連携させる例で紹介します。 １．サンプル 「小粋空間」Facebookページにiframeタブを使った「テーマ・プラグイン・書籍」というメニューを作りました。 このメニューをクリックすると、「テーマ・テンプレート」「WordPressプラグイン」「Movable Typeプラグイン」「書籍」という4つのタブでコンテンツを切り替えられるようになっています。 タブをクリックすればコンテンツがいい感じに切り替わります。 ２．Movable Typeのテンプレート構成 このページでは、Movable Typeのテンプレート構成を下の図のようにしています。 iframeタブで読み込むページをインデックステンプレートに対応させ、ifra
メールフォームプラグインで複数のチェックボックスを使う
1.チェックボックスの送信値／表示値／フィールド名の定義 まず、GetQueryParamプラグインのMTSetParamListタグを使って、チェックボックスの送信値／表示値／フィールド名の情報を定義します。 前述の例だと、以下のようにテンプレートタグを組みます。 なお、このテンプレートでは、リストの名前を「fruit」にしています。 <mt:SetParamList list_name="fruit"> Apple|りんご|mail_apple Orange|みかん|mail_orange Banana|バナナ|mail_banana </mt:SetParamList> また、この部分は複数のテンプレートで使います。 そこで、テンプレートモジュールに入れるようにします。 テンプレートモジュールの名前の付け方は自由ですが、ここでは「チェックボックスリスト」という名前にすることにします。
メールフォームプラグインのメールフォームをアーカイブテンプレートに設置する
2024年2月1日 拙作プラグインの譲渡について 拙作のMovable Typeのプラグインを、株式会社ワールドイズマインに譲渡いたしました。 長きにわたり拙作のプラグインをご愛顧いただき、ありがとうございました。 「WordPressで学ぶPHP(2)データ構造(配列・オブジェクト)編」を発売しました。 本書は「WordPressで学ぶPHP(1)変数・制御構造編」の続編にあたり、PHPの「データ構造」(配列とオブジェクト)について解説します。 配列やオブジェクトは、頭の中で考えるだけでは、イメージがつかみにくいです。本書では図を多用して、配列やオブジェクトをなるべく分かりやすく解説することを心がけました。 Kindle本で、定価250円です。 メールフォームプラグインでは、基本的にはメールフォームを独立したページに入れることを想定しています。 ただ、ブログ記事ごとなど、アーカイブテンプ
Googleマップカスタムフィールドプラグインを使った一覧地図の作成(前半)
2024年2月1日 拙作プラグインの譲渡について 拙作のMovable Typeのプラグインを、株式会社ワールドイズマインに譲渡いたしました。 長きにわたり拙作のプラグインをご愛顧いただき、ありがとうございました。 「WordPressで学ぶPHP(2)データ構造(配列・オブジェクト)編」を発売しました。 本書は「WordPressで学ぶPHP(1)変数・制御構造編」の続編にあたり、PHPの「データ構造」(配列とオブジェクト)について解説します。 配列やオブジェクトは、頭の中で考えるだけでは、イメージがつかみにくいです。本書では図を多用して、配列やオブジェクトをなるべく分かりやすく解説することを心がけました。 Kindle本で、定価250円です。 「東京ラーメンマップ」など、地域ごとに店などの情報を集めたサイトを作りたいことは、よくあると思います。 先日公開したGoogleマップカスタムフ
Googleマップカスタムフィールドプラグイン（その2）
「WordPressで学ぶPHP(1)変数・制御構造編」が発売されました。 「WordPressで学ぶPHP」シリーズの第1巻で、WordPressを通してPHPを学んでいく本です。 この本では、PHPの基本となる変数と制御構造について解説します。 Kindle本で、定価500円です。 Googleマップカスタムフィールドプラグインの続きとして、プラグインの設定や、テンプレートタグの詳細について解説します。 1.地図のサイズの設定 デフォルトでは、管理画面／出力先のページ（テンプレートタグの出力結果）ともに、Googleマップを500×200ピクセルで出力するようになっています。 地図のサイズの設定は、カスタムフィールドの設定画面の「オプション」の欄で変えることができます。 この欄には4つの数字をコンマで区切って入力します。 最初の2つの数字は、管理画面上での地図の横／縦のサイズを指定しま
Ajaxによるモジュール化（jQuery版）
Movable Type 5のサイドバーの各リストを、Ajaxによるモジュール化を行う方法を紹介します。 このエントリーは3年ほど前に書いた「Ajax によるモジュール化」をjQuery向けに書き直したものです。 １．jQueryのダウンロード jQuery（jquery.min.js）はjQueryの公式サイトから最新版をダウンロードしてサイトパスにアップロードするか、Movable Typeに同梱されている、mt-static/jquery/jquery.min.jsをそのまま利用します。 script要素の設定については５項を参照してください。 ２．インデックステンプレートの作成 サイドバーに表示するリスト類はウィジェットに登録されているものを利用していると思いますが、Ajax化するにはこれらをインデックステンプレートに登録し直します。 例えば、「最近のブログ記事」をAjaxで表示さ
フォームから別ウィンドウを開く方法のまとめ
フォームから別ウィンドウを開くためのTipsをまとめました。 １．はじめに フォームから別ウィンドウを開く場合、 別ウィンドウで起動されるCGIにフォームデータを渡したい フォームボタンを複数回クリックしたときに別ウィンドウを1枚しか開きたくない フォームボタンを複数回クリックしたときに別ウィンドウを複数枚開けるようにしたい と、色々なケースがあります。 業務で使うCGIを開発するときにこれらのことをネットで色々調べたのですが、FAQサイトなどに個別の情報が散在しているだけでしたので、このエントリーで一挙にまとめてみました。 ここではjQueryを使わないオーソドックスなコードで解説します。コード内に使われているCGI（new_window.cgi）は６項に掲載しています。サンプルを実行する場合、すべての資材を同じディレクトリに配置して実行してください。 ２．基本動作 フォームから別ウィン
mt-rebuild.plをウェブサイトの再構築にも対応させる
2024年2月1日 拙作プラグインの譲渡について 拙作のMovable Typeのプラグインを、株式会社ワールドイズマインに譲渡いたしました。 長きにわたり拙作のプラグインをご愛顧いただき、ありがとうございました。 先日、mixiで「mt-rebuild.plで再構築がうまくいかない」という質問があがっていました。 mt-rebuild.plのソースを見たところ、ウェブサイトのことが考慮されておらず、それが原因でした。 そこで、mt-rebuild.plをウェブサイトの再構築に対応させる方法を紹介します。 1.mt-rebuld.plについて mt-rebuild.plは、Timothy Appnel氏が作ったスクリプトで、Movable Typeのブログを様々な形で再構築する働きをします。 基本的な使い方は以下の通りです。 mt-rebuild.plをMovable Typeのディレクト
Movable TypeでCSSファイルやJavaScriptファイルなどを管理するためのTips
MTQに「MTの管理画面上でCSSファイルやJSファイルの編集を行い、任意の場所に保存する方法はないでしょうか」というような質問がありましたので、こちらで情報展開します。 MTQ - フォルダにHTML以外のファイルを保存できるか？ このエントリーは以前書いた「インデックステンプレートにパスを設定する」のMovable Type 5版＋αになります。 １．インデックステンプレートで管理する Movable TypeでCSSファイルやJavaScriptファイルなどのテキストファイルを管理するには、インデックステンプレートを利用する方法があります。 CSSファイルやJavaScriptファイルにテンプレートタグを使えるという利点の他、テンプレートタグを使わないファイルでもFTPを行う必要がなく、管理画面上で編集・保存が行えるというメリットがあります。 ２．出力ファイル名にパスを設定して任意の
PageButeプラグインで分割したページの文字コードを変更する方法
Movable Typeで人気の静的ページ分割プラグイン「PageBute」で、分割したページの文字コードを変更する方法を紹介します。 １．はじめに MTで出力するページの文字コードはUTF-8ですが、mt-config.cgiに環境変数「PublishCharset」を設定することで、他の文字コードで出力することも可能です（注：MT5以降はUTF-8のみサポート）。 ただしPageButeプラグインを使った分割ページでは、この環境変数の設定が反映されないようです。 ということで、分割したページの文字コードを変更する方法を紹介します。 次の画面は、PageButeプラグインでページ分割したページ（左下にページ送りのナビゲーションあり）の文字エンコーディングが「Shift_JIS」に変わったことを示したものです。 文字コードを変更する方法は次の通りです。文字コードはブログ（ウェブサイト）また
Facebookの「いいね」ボタンをブログに設定する
Facebookの「いいね」ボタンをブログに設定する方法を紹介します。 Facebookの「Like Button」のページにアクセスします。 そして、ページにある次のフォームを使ってカスタマイズします。 以下、それぞれの設定項目について説明します。なお、このページでのカスタマイズだけでは、冒頭の画像のように「いいね」という日本語は表示されないので、生成したコードに対して変更を加えます。変更方法は最後に書いておきます。 URL to Like 「いいね」ボタンを表示したい記事のURLを設定します。省略した場合、このコードを設置したページが対象になります。 Movable TypeやWordPressのメインページやアーカイブページの各記事に設定する場合は、ここに「<mt:EntryPermalink>」や「<?php the_permalink() ?>」を設定すればよいのですが、前後のブ
慶應丸の内シティキャンパスのMovable Type移転作業を受注
2024年2月1日 拙作プラグインの譲渡について 拙作のMovable Typeのプラグインを、株式会社ワールドイズマインに譲渡いたしました。 長きにわたり拙作のプラグインをご愛顧いただき、ありがとうございました。 Twitterでご縁があって、慶應丸の内シティキャンパス（慶應義塾の社会人教育機関）のサーバーのMovable Type移転作業を受注しました。 8月の半ばに、慶應学術事業会(※)でMovable Typeを管理されている方が、「サーバーを移転しなければならないが、どうしよう」といったことを、Twitterでつぶやかれました。 ※慶應学術事業会 慶應義塾大学の経営関係を行っている企業で、丸の内シティキャンパスのサイトも管理しています。 そのツイートを蒲生（@Dakiny）さんが見つけ、私を紹介してくださって、受注にいたりました。 移転前のサーバーは、Movable Type 3
Movable Typeのインポート・エクスポートでカスタムフィールドを扱う
全く気がついてませんでしたが、Movable Type 5からブログ記事のインポート・プログ記事のエクスポートでカスタムフィールドが扱えるようになっています。 ざっくりですが、確認できた部分のみ情報展開しておきます。 １．インポートデータイメージ カスタムフィールドを含むインポートデータのイメージは次の通りです。青色がカスタムフィールドの部分です。 AUTHOR: yujiro TITLE: test BASENAME: test STATUS: Publish ALLOW COMMENTS: 1 CONVERT BREAKS: richtext ALLOW PINGS: 1 DATE: 10/13/2010 01:33:32 AM ----- BODY: これは本文です。<br />これは本文です。<br />これは本文です。<br /> ----- EXTENDED BODY: これは
コメント投稿にTwitterのOAuth認証を導入
当ブログ（Movable Type）のコメント投稿にtwitterのOAuth認証を導入しました。 投稿コメントにはTwitterのロゴやユーザー名が反映されます。リンクをクリックすれば、Twitterのユーザーページにジャンプします。 当ブログのコメント欄では次のように表示されます。 １．考え方 OAuth認証は、サービスプロバイダが提供しているAPIを利用することが前提と思われますが、OpenIDのようなユーザー認証としても使えるのではないかと思い、プラグインを開発してみました。 処理イメージは次の通りです。図の右上はよくあるOAuthの処理イメージです。2でリクエストトークン取得、6でアクセストークンを取得します。このあとAPIを利用は行わず、認証されたユーザーとみなして、7でサインインしたブログ記事ページにリダイレクトさせています。 ２．認証方法 冒頭の繰り返しになりますが、クラシ
Movable Type 5のブログの設定で「Can't call method &quot;label&quot; on unblessed reference」が発生する問題について
Movable Type 5の管理画面で「Can't call method "label" on unblessed reference」というエラーが発生するケースがあります。 ご質問を頂きましたので本エントリーで情報展開します。私もこのエラーで躓いた記憶があります・・・。 １．問題 Movable Type 5の管理画面メニューの「設定」などをクリックすると、「Can't call method "label" on unblessed reference」というエラーが発生するケースがあります。 ２．原因 themesディレクトリに、zip形式のテーマファイルを展開せずにそのままアップロードしている場合に、このエラーが発生します。 zipファイル以外にも、画像ファイルや空ディレクトリなど、themesディレクトリ配下にテーマとして認識されないファイルが置かれていると、このエラーが発
コメントにHTMLタグ挿入ボタンをつける（MT4/MT5版）
Movable Typeのブログ記事のコメント欄にHTMLタグの挿入ボタンを表示するカスタマイズです。 このカスタマイズは、MT3の時代にエントリーした「コメントにHTMLタグ挿入ボタンをつける（改）」のMT4/MT5版です。ご質問を頂きましたので本エントリーにて紹介致します。 以下、「クラシックブログ」テーマをサンプルに、カスタマイズ方法を説明します。 １．HTMLタグ挿入ボタンのダウンロード 以下のファイルをダウンロードして展開します。 HTMLタグ挿入ボタン 次に、ブログのサイトパス（index.html があるディレクトリ）直下に images ディレクトリを作り、展開した中にある以下の画像ファイルを images 配下にアップロードしてください。 html-bold.gif html-italic.gif html-underline.gif html-link.gif html
Movable Type 5.03へのアップグレードで再構築時に「Script Error」が発生する件について（つづき）
「Movable Type 5.03へのアップグレードで再構築時に「Script Error」が発生する件について」の問題について、シックスアパートのサポートより連絡を頂き、解消しました。 2010.10.06追記 本問題はMovable Type 5.031で解消されました。 対処前 対処後 対処方法は、lib/MT/PublishOption.pmを任意のエディタで開いて、下の赤色で示す1行をコメントアウトまたは削除します。 変更前 sub archive_build_is_enable { my ( $blog_id, $at ) = @_; require MT::TemplateMap; local $Data::ObjectDriver::DEBUG = 1; my $map = MT::TemplateMap->load({ blog_id => $blog_id, arch
Movable Type 5.03へのアップグレードで再構築時に「Script Error」が発生する件について
Movable Type 5.03へのアップグレード後（または5.03を新規インストール後）、管理画面右上の再構築ボタンをクリックすると、表示された再構築画面に「Script Error」のエラーメッセージが表示される事象が、特定のサーバで発生するようです。ウェブサイト・ブログいずれの再構築も同様です。 2010.10.06追記 本問題はMovable Type 5.031で解消されました。 「エラーが発生します」というコメントを頂いて確認したところ、利用しているCORESERVERで同様の事象が発生しました。 今のところ発生が確認されているサーバは、XREA・CORESERVERです。ブログ記事一覧やテンプレート編集画面からの再構築は正常に行えます。 ということで、現在サポートに問い合わせ中です。解消しました。対処方法については「Movable Type 5.03へのアップグレードで再構
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
