mtサイト運用に効く！けっこう便利なプラグインたち

【MT東京-23】春のプラグイン祭り 2016-04-23（土）at テコラスカフェ（NHNテコラス株式会社）

MTサイト運用に効く！けっこう便利なプラグインたち

自己紹介

西山　泰史にしやま　やすふみ

株式会社ジャクスタポジション札幌市在住のWebディレクター Movable Type でのサイト構築 2013年よりMT蝦夷を主宰好きなMTタグはMTIf 三度の飯より食べることが好き

ジャクスタと言えば

Webデザイナーのためのショッピングカート

SKELETON CART http://skeleton.juxtaposition.jp/

Movable Typeの画像アップロード機能補助プラグイン

ImageUploadUtility http://skeleton.juxtaposition.jp/image-upload-utility/

Movable Type用プレビュー機能強化プラグイン

DynamicPreview http://skeleton.juxtaposition.jp/dynamic-preview/

ですが…

西山と言えば？

ラーメン！

2015年プラデミー賞　第４位

1. アップロード・リサイズ 2. パブリッシュ・サムネイルリサイズ 3. マルチバイト・リネーム 4. Exifコントロール 5. JPEG画像圧縮率指定 6. 拡張子変換 7. ウォーターマーク合成 8. PDFサムネイル作成 9. 複数画像アップロード

アップロード・リサイズアップロードするアイテム画像を

指定サイズへ自動リサイズ

スマートフォンやデジカメで撮影した写真をそのままアップロードしてOK

長辺だけじゃなく、指定幅で揃えることもOK

パブリッシュ・サムネイルリサイズアイテム画像のサムネイルが

指定サイズを超える場合に自動リサイズ

サムネイルが大きすぎてレイアウトからはみ出てしまうことを防ぐ

マルチバイト・リネームマルチバイト文字を使用したファイル名を

半角英数字に自動変換

例えば「写真.JPG」をそのままアプロードすると…

変換フォーマットで日時やランダムな文字列へ変換できる

Exifコントロール写真の向きを自動補正

撮影した時の情報を自動削除

iPhoneで撮影した写真（位置情報をONにしている場合）

撮影日時や機種情報だけじゃなく、位置情報もハッキリと解っちゃうので、これを自動削除！

圧縮率を65%とすると、75KB → 33KBに削減できた。

友情出演：つよぽん（MT福岡）

JPEG画像圧縮率指定 JPEG画像のアップロード時、

圧縮率を変えてファイルサイズを削減

拡張子を小文字で統一する

初期状態では、拡張子が大文字のファイルをアップロードする際、PCブラウザ→ 拡張子は大文字のまま／スマートフォンオプション→ 小文字に変換される別のアイテム画像と認識されてしまうため、拡張子を強制的に小文字化してしまう機能を付与引用：拡張子が大文字の画像をMovable Typeのアイテムに登録する時｜DRIVEMENUTS.COM

ウォーターマーク合成【Pro版】アップロードする画像に

オリジナルの透かし画像を合成

透かしの位置、透明度を任意に設定すべての画像で合成するか否かも設定可能

PDFサムネイル作成【Pro版】アップロードするPDFの表紙を画像に自動変換そのサムネイルからPDFへリンクする状態で

ブログ記事へHTMLを挿入（全自動）

ファイルオプションでサムネイルサイズやターゲットウィンドウを選択可能

複数ファイルアップロード【Pro版】 MT6.2のそれとは似てるようで違うもの

記事編集画面へのドラッグ・アンド・ドロップで複数の画像を登録可能

アップロード前に写真の並び替えが可能（HTMLソースで並び替えなくってOK）

アップロード先「カスタム」を選択後にもキャンセル可能

設定を複数画像に一斉適用したり、代替テキストを画面遷移なく入れられる。

でも、お高いんでしょう？

Commercial ９,000円（税別） Personal 　　　　 0円＜導入例＞学校法人（幼稚園など）、お花屋さん、一般企業

ImageUploadUtility

Commercial 27,000円（税別）＜導入例＞学校法人（大学など）、研究機関（大学院など）、メディア系企業（Webメディア、TV放送局など）

ImageUploadUtility Pro

評価版あります。ぜひ、お試しください。

1. プレビューを別ウインドウで表示 2. プレビューを動的に生成・表示 3. 複数テンプレートを一括表示可能 4. SSIインクルード対応 5. ベースURL設定可能 6. URL/文字列置換可能

複数テンプレートを一括表示可能例えばブログ記事テンプレートが PC用とSP用で分かれている場合

記事投稿画面でプレビューするテンプレートを「すべて／個別」から選択することが可能

プレビュー画面ではテンプレートごとに別々のタブで表示されます

ベースURL設定／URL・文字列置換【Pro版】例えば開発環境と公開環境が別サーバーの場合

テンプレートで相対パスを使用している場合 <base>のURLを設定することが可能

http://www.exapmle.com/,記事 http://mobile.exapmle.com/,スマートフォンサイト用記事

テンプレートでURLパスを使用している場合任意の文字列を置換したい場合

http://www.example.com/,http://cms.example.com/,記事

DynamicPreview「２つ」の新機能待ち焦がれた機能が現実に！（GW明けにリリース予定）

【新機能1】インデックステンプレート、アーカイヴテンプレートのプレビュー

プレビューしたいのはブログ記事だけじゃない

それは昨年11月 MTDDC Meetup TOKYOでのこと

記事アーカイヴのない一覧のみのページをプレビューしたい。さらに未公開状態の記事もプレビューしたい。（CMSプロレス初代王者チーム　木村康子さん）

プラグインの設定で、対象のテンプレートのIDを登録すると

プレビューテンプレートでそれらを選択可能になる

もちろんプレビューはタブで切り替えて表示可能

プラグインの設定で「未公開／日時指定記事」もプレビューに含めるように設定可能

記事／ページ公開前にも「完成形」が見られる

【新機能2】プレビューを第三者にも見てもらいたい

プレビューしたいのは自分だけじゃない

例えば運用中のMTサイトで記事の作成・更新を制作会社が請け負っている場合

更新内容の確認ってどうやっていますか？

プレビュー画面に「メール送信」ボタンを実装

プレビュー画面を開いたままプレビューをお願いできる

宛先はそのMTにあるアカウントから選択届いたメールのリンクから

管理画面へログインしてプレビューを見る

送信されるメールのテンプレートはプラグインの設定画面で変更可能

（MTタグ、使えます）

でもせっかく作ったファイルを勝手に変更されたくない！

しかも「壊れちゃった…てへ」とか（涙）

プレビュー専用のロールを追加

プレビュー権限だけの人は「編集」ボタンが非表示編集権限を持っている人は「公開」も可能

簡易なワークフロー機能としても利用可能

気になるこれらの新機能は… ①インデックス／アーカイブのプレビュー　→通常版でも実装

②プレビュー権限の追加　メール送信機能　→Pro版でのみ実装

でも、お高いんでしょう？

通常版　10,000円（予定価格／税別） Pro版　30,000円（予定価格／税別）

DynamicPreview

評価版あります。ぜひ、お試しください。

ウェブサイト制作会社だから生まれたプラグイン ImageUploadUtility / DynamicPreview ぜひ日々のMTサイト運営にご利用ください。

後方のブースにもおりますのでお気軽に！

【MT東京-23】春のプラグイン祭り 2016-04-23（土）at テコラスカフェ（NHNテコラス株式会社）

MTサイト運用に効く！けっこう便利なプラグインたち

mtサイト運用に効く！けっこう便利なプラグインたち

Internet