お知らせ
2008年6月24日
「作って覚えるPHP+MySQLアプリケーション」が発売されました。
PHP＋MySQL＋Smartyを使って、ブログ／ショッピングサイト／マッシュアップの3つのWebアプリケーションを作る方法を解説しています。
他にも多数書籍を執筆しています。
こちら
エントリーとコメントで絵文字を使えるようにするプラグイン（MT4専用版・その1）
エントリーやコメントで絵文字を使いたいという方も多いかと思います。
これまで、Movable Type 3.x用のプラグインを出していましたが、そのMovable Type 4用を公開します。
今日は、エントリーで絵文字を入力できるようにする手順を解説します。
2007年8月12日
zipファイルの形式が正しくなかったので、修正してアップロードしなおしました。
1.動作環境
Movable Type 4では、リッチテキストエディター機能が追加されました。
そこで、このプラグインもリッチテキストエディター対応にしています。
ただし、一部のWebブラウザではうまく動作させることができませんでした。
Webブラウザごとのリッチテキストエディターへの対応は、以下のようになっています。
| OS | ブラウザ | 対応 |
|---|---|---|
| Windows | Internet Explorer 6.0 | ○ |
| Internet Explorer 7.0 | ○ | |
| Firefox 2.0 | ○ | |
| Opera 9.2 | × | |
| Safari 3.03β | ○ | |
| Mac | Firefox 2.0 | ○ |
| Opera 9.2 | × | |
| Safari 2.0 | × | |
| Safari 3.03β | ○ |
申し訳ありませんが、リッチテキストエディターでこのプラグインをお使いになる場合は、対応のWebブラウザをお使いください。
なお、リッチテキストエディターをオフにすれば、上記のすべてのWebブラウザで動作します。
2.ダウンロードと解凍
以下のリンクをクリックすると、プラグインをダウンロードすることができます。
プラグインの継続的な開発やサポートのために、プラグインをご利用された方は、ドネーション（寄付）を行っていただけると幸いです。
ドネーションの方法は、こちらのページをご参照ください。
ダウンロードが終わったら、そのファイルを解凍します。
解凍すると以下のフォルダができます。
- plugins
- InsertIcon
- lib
- InsertIcon
- L10N
- InsertIcon
- lib
- InsertIcon
- mt-static
- plugins
- InsertIcon
- images
- js
- InsertIcon
- plugins
3.絵文字用画像の準備
次に、絵文字用の画像を入手して、解凍してできた「mt-static」→「plugins」→「InsertIcon」→「images」フォルダにコピーします。
また、このフォルダには「dummy」という名前のファイルがありますが、そのファイルは削除しておきます。
4.InsertIcon.jsの書き換え
次に、「mt-static」→「plugins」→「InsertIcon」→「js」フォルダにある「InsertIcon.js」というファイルを書き換えて、絵文字の画像のファイル名等を指定します。
InsertIcon.jsファイルの先頭の方に、以下のような部分があります。
この部分に、個々の画像のファイル名／説明／幅／高さを入れます。
幅および高さはピクセル数を指定しますが、「px」はつけません。
ファイルの数が多い場合は、「[ "ファイル名", "説明", 幅, 高さ ],」の行をコピーして貼り付け、行数を増やします。
各行の最後には「,」が必要ですが、最後の画像の行の最後には「,」をつけないようにします。
var mt_icons = [ [ "ファイル名", "説明", 幅, 高さ ], [ "ファイル名", "説明", 幅, 高さ ] ];
例えば、「pepper」というサイト様で配布されている「D-BALLOON01」という画像を使う場合だと、以下のように書き換えます。
var mt_icons = [ [ "pp_00.gif", "・・・", 17, 17 ], [ "pp_01.gif", "ハート", 17, 17 ], [ "pp_02.gif", "汗", 17, 17 ], [ "pp_03.gif", "嫌な感じ", 17, 17 ], [ "pp_04.gif", "怒り", 17, 17 ], [ "pp_05.gif", "音符", 17, 17 ], [ "pp_06.gif", "？", 17, 17 ], [ "pp_07.gif", "！", 17, 17 ], [ "pp_08.gif", "汗2", 17, 17 ], [ "pp_09.gif", "ひらめき", 17, 17 ], [ "pp_10.gif", "ハートブレイク", 17, 17 ], [ "pp_11.gif", "ダブルハート", 17, 17 ], [ "pp_12.gif", "ドクロ", 17, 17 ] ];
4.ファイルのアップロード
ここまでが終わったら、ファイルをアップロードします。
通常は、「plugins」と「mt-static」の2つのフォルダを、Movable Typeのインストール先ディレクトリにアップロードします。
ただし、「mt-static」ディレクトリをMovable Typeのインストール先とは別のディレクトリにしている場合、「mt-static」フォルダ内のすべてのフォルダを、サーバーの「mt-static」ディレクトリ内にアップロードします。
また、Movable Typeの文字コードの設定をutf-8以外にしている方は、InsertIcon.jsの文字コードをMovable Typeの文字コードに合わせてからアップロードします。
それ以外のファイルの文字コードは変更しないでください。
これ以後は、エントリーの編集ページに絵文字が表示され、それをクリックすると、エントリーにその絵文字が入力されます。
なお、Internet Explorerでお使いの場合は、エントリーの編集欄にカーソルを入れた状態で、絵文字をクリックするようにしてください。
他の欄にカーソルが入った状態で絵文字をクリックすると、ページ上端のメニューの下に空白の行が入ります（動作には支障はありませんが）。
前後の記事
トラックバック(3件)
このブログ記事を参照しているブログ一覧: エントリーとコメントで絵文字を使えるようにするプラグイン（MT4専用版・その1）
このブログ記事に対するトラックバックURL: http://www.h-fj.com/mt/mt-tb.cgi/1002.
とりあえずインストールしたMT4だけど、少しずつ使いやすくしようと思い、その手始... 続きを読む
MT4用のプラグインが早速いろいろとでてきていますね私も、記事に手軽にアイコンを... 続きを読む
コメントはスレッド表示になっています。
また、スレッドの先頭のコメントに対する返信には、先頭に矢印を表示しています。
プラグインについてご質問をされる方は、ご自分のBlogのURLを必ず入力してください。
また、プラグインの開発やサポートを継続的に行えるようにするために、ドネーション（寄付）をしていただけると幸いです。
金銭的寄付だけでなく、精神的寄付も歓迎します。
ドネーションのページはこちら
こんばんわ
Movable Type 4.0にてこちらの記事のファイルをダウンロードしファイルを編集しアップロードしましたがプラグイン一覧にも出ず、エントリーの編集ページにも顔文字が出ません。
テンプレは小粋空間様のを使用しています。
使用しているプラグインは下記です。（デフォルト以外）
Release Date 1.30
Insert Link 1.20b
ASCII TBPing Filter Plugin 2.0
アップしたフォルダは下記となります。（長くてすみません。）
$ ls blog/mt-static/plugins/InsertIcon/*/*
blog/mt-static/plugins/InsertIcon/images/pp_00.gif
blog/mt-static/plugins/InsertIcon/images/pp_00a.gif
blog/mt-static/plugins/InsertIcon/images/pp_01.gif
blog/mt-static/plugins/InsertIcon/images/pp_01a.gif
blog/mt-static/plugins/InsertIcon/images/pp_02.gif
blog/mt-static/plugins/InsertIcon/images/pp_02a.gif
blog/mt-static/plugins/InsertIcon/images/pp_03.gif
blog/mt-static/plugins/InsertIcon/images/pp_03a.gif
blog/mt-static/plugins/InsertIcon/images/pp_04.gif
blog/mt-static/plugins/InsertIcon/images/pp_04a.gif
blog/mt-static/plugins/InsertIcon/images/pp_05.gif
blog/mt-static/plugins/InsertIcon/images/pp_05a.gif
blog/mt-static/plugins/InsertIcon/images/pp_06.gif
blog/mt-static/plugins/InsertIcon/images/pp_06a.gif
blog/mt-static/plugins/InsertIcon/images/pp_07.gif
blog/mt-static/plugins/InsertIcon/images/pp_07a.gif
blog/mt-static/plugins/InsertIcon/images/pp_08.gif
blog/mt-static/plugins/InsertIcon/images/pp_08a.gif
blog/mt-static/plugins/InsertIcon/images/pp_09.gif
blog/mt-static/plugins/InsertIcon/images/pp_09a.gif
blog/mt-static/plugins/InsertIcon/images/pp_10.gif
blog/mt-static/plugins/InsertIcon/images/pp_10a.gif
blog/mt-static/plugins/InsertIcon/images/pp_11.gif
blog/mt-static/plugins/InsertIcon/images/pp_11a.gif
blog/mt-static/plugins/InsertIcon/images/pp_12.gif
blog/mt-static/plugins/InsertIcon/images/pp_12a.gif
blog/mt-static/plugins/InsertIcon/images/pp_13a.gif
blog/mt-static/plugins/InsertIcon/images/pp_14a.gif
blog/mt-static/plugins/InsertIcon/images/pp_15a.gif
blog/mt-static/plugins/InsertIcon/images/pp_16a.gif
blog/mt-static/plugins/InsertIcon/images/pp_17a.gif
blog/mt-static/plugins/InsertIcon/images/pp_18a.gif
blog/mt-static/plugins/InsertIcon/images/pp_19a.gif
blog/mt-static/plugins/InsertIcon/js/InsertIcon.js
$ ls blog/plugins/InsertIcon/*/*/*
blog/plugins/InsertIcon/lib/InsertIcon/L10N.pm
blog/plugins/InsertIcon/lib/InsertIcon/L10N:
en_us.pm ja.pm
私の何か設定ミスが原因だと思うのですが・・・
お時間のあるときで構いませんのでご教授をお願い致します。
＞kentanさん
こんにちは。
ご質問の件ですが、プラグイン一覧に表示されないということは、プラグインを認識できていないと思われます。
ただ、申し訳ありませんが、プラグインを認識できていない理由は不明です。
壱さん
早速のコメントありがとうございます。
色々と試してみましたが認識がされませんでした。
Sort Categories And Folders 1.00を導入してみましたがこちらは正常に認識されました。
私もこれ以上の追及はできないので残念ですが諦めます
ありがとうございました。
今晩は。初めまして。
自分もこのプラグインを導入させていただこうとしましたが、システムのプラグインリストには載るのにブログのプラグイン一覧には表示されず、よってブログ記事作成画面にはアイコンが一つも表示されませんでした。
Related Entries 1.20はブログのプラグイン一覧に反映されましたので、インストール場所は間違っていない筈ですが、そうなるとInsertIcon 1.20が一覧に反映されない原因がさっぱり判りませんね。
非常に残念ですが自分も導入は棚上げです…
＞文里さん
こんにちは。
ご質問の件ですが、このプラグインがシステムのプラグイン一覧にしか表示されないのは、正しい動作です。
ブログのプラグイン一覧に表示されるのは、ブログごとに何らかの設定をすることがあるプラグインだけです。
ブログ記事作成画面にアイコンが表示されない理由として、以下のようなことが考えられます。
1.管理画面書き換え系の他のプラグインとバッティングしている
管理画面書き換え系のプラグインは、管理画面のテンプレートの中で、書き換える位置を検索して置換する、という動作を取っていることが多いです。
そのため、他のプラグインによって先に置換が行われていると、検索に引っ掛からなくなって置換が行われず、結果として動作していないように見えることになります。
2.管理画面のテンプレートを手で書き換えている
1.と同様の理由で、管理画面のテンプレートを手で書き換えていると、動作しないことがあります。
3.JavaScriptの書き換えを間違っている
ボタンの表示はJavaScriptで行っていますので、JavaScriptの書き換えが間違っていると、JavaScriptが実行されず、ボタンが表示されないという結果になります。
4.上記のどれにも該当しない
一部の方から、上記のどれにも該当しないのに、プラグインが動作しないという事例もうかがっています。
何らかの理由で、管理画面のテンプレートの検索に引っ掛かっていない模様ですが、その原因はつかめていません。
MT4.1を設置し、前回MT4.01の時も同じ現象がおきたのですが
前回は、MT丸ごとアインストールし、インストールしなおしてエントリに絵文字が使えておりました
今回はMT4.1を新たに設置し、プラグインを入れました所
プラグイン画面では有効になっていて存在もあります
記事投稿画面に入りますと、エラーが出てしまって絵文字一覧も出ません
エラー内容は
ライン：126
文字：9
エラー：'document.getElementById(...)'はNullまたはオブジェクトではありません。
コード：0
InsertIconプラグインを無効にするとこのエラー表示は出ません
環境や他に入ってるプラグイン
IE7.0 WIN
MTPaginateとVisibleCustomFieldImage（他標準で入ってる物だけです）
コメントに絵文字は何も問題なく使用できています
MT.JSのエラーなのかもしれないですが
無知な者で申し訳ございません＞＜
何か解決策があれば教えていただけたらと思い書き込みさせていただきました
＞Keiさん
こんにちは。プラグインご利用ありがとうございます。
ご質問の件ですが、MT4.1／MTOS用にプラグインをバージョンアップしてください。
http://www.h-fj.com/blog/archives/2008/01/07-163227.php
また、バージョンアップ後に、Webブラウザのキャッシュをいったんクリアしてください。
MT4.1用があったのですね^^;
プラグインをバージョンアップしましたら、エラーもなくなり
絵文字も表示されました
初歩的なミスでご迷惑おかけして申し訳ございませんでした＞＜
MovableTypeを始めたばかりで、便利そうなプラグインを
入れては失敗…また失敗の繰り返しで、「絵文字もダメかな」と
半信半疑（失礼）でインストールしてみましたら…
テンプレートは小粋空間様のものを使わせて頂いていますが、
管理画面、コメント入力欄、共に表示され、バシバシ使えます！。
有難うございました。とても嬉しいですヾ(＠⌒▽⌒＠)ノ。
ただ、コメントを入力後、もとのページに戻ると、表示されてい
たアイコン（コメント内ではなく入力欄の）が消えてしまいました。
別の記事に移動したりして再度コメントを入力しようとすると表示
されますので問題は無いのですが、書いたコメントもプラウザを
リロードしないとすぐに表示されないので、ちょっとこの仕様で
戸惑ってしまいました。
でも、これで来訪者の方も楽しんで絵文字を使って頂けます。
ＦＣ２などは固定アイコンでしたので、自分の好きなアイコン画像
を使えるなんて最高ですね。本当に有難うございました。