Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
【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
ht...
ですが…
西山と言えば?
ラーメン!
Movable Typeの画像アップロード機能補助プラグイン
ImageUploadUtility
http://skeleton.juxtaposition.jp/image-upload-utility/
Movable Type用プレビュ...
Movable Typeの画像アップロード機能補助プラグイン
ImageUploadUtility
http://skeleton.juxtaposition.jp/image-upload-utility/
2015年プラデミー賞 第4位
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ブラウザ→ 拡張子は大文字のまま/スマートフォンオプション→ 小文字に変換される
別のアイテム画像と認識されてしまうため、拡張子を強制的に小文字化してし...
ウォーターマーク合成【Pro版】
アップロードする画像に
オリジナルの透かし画像を合成
透かしの位置、透明度を任意に設定
すべての画像で合成するか否かも設定可能
PDFサムネイル作成【Pro版】
アップロードするPDFの表紙を画像に自動変換
そのサムネイルからPDFへリンクする状態で

ブログ記事へHTMLを挿入(全自動)
ファイルオプションでサムネイルサイズや
ターゲットウィンドウを選択可能
複数ファイルアップロード【Pro版】
MT6.2のそれとは似てるようで違うもの
記事編集画面へのドラッグ・アンド・ドロップで
複数の画像を登録可能
アップロード前に写真の並び替えが可能
(HTMLソースで並び替えなくってOK)
アップロード先「カスタム」を
選択後にもキャンセル可能
設定を複数画像に一斉適用したり、
代替テキストを画面遷移なく入れられる。
でも、お高いんでしょう?
Commercial 9,000円(税別)
Personal      0円
<導入例>
学校法人(幼稚園など)、お花屋さん、一般企業
ImageUploadUtility
Commercial 27,000円(税別)
<導入例>
学校法人(大学など)、研究機関(大学院など)、

メディア系企業(Webメディア、TV放送局など)
ImageUploadUtility Pro
評価版あります。
ぜひ、お試しください。
Movable Type用プレビュー機能強化プラグイン

DynamicPreview
http://skeleton.juxtaposition.jp/dynamic-preview/
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「2つ」の新機能
待ち焦がれた機能が現実に!
(GW明けにリリース予定)
【新機能1】インデックステンプレート、
アーカイヴテンプレートのプレビュー
プレビューしたいのはブログ記事だけじゃない
それは昨年11月
MTDDC Meetup TOKYOでのこと
記事アーカイヴのない一覧のみのページをプレビューしたい。
さらに未公開状態の記事もプレビューしたい。
(CMSプロレス初代王者チーム 木村康子さん)
プラグインの設定で、
対象のテンプレートのIDを登録すると
プレビューテンプレートで
それらを選択可能になる
もちろんプレビューはタブで切り替えて表示可能
プラグインの設定で「未公開/日時指定記事」も
プレビューに含めるように設定可能
記事/ページ公開前にも「完成形」が見られる
【新機能2】
プレビューを第三者にも見てもらいたい
プレビューしたいのは自分だけじゃない
例えば運用中のMTサイトで
記事の作成・更新を制作会社が請け負っている場合
更新内容の確認ってどうやっていますか?
プレビュー画面に「メール送信」ボタンを実装
プレビュー画面を開いたまま
プレビューをお願いできる
宛先はそのMTにあるアカウントから選択
届いたメールのリンクから
管理画面へログインしてプレビューを見る
送信されるメールのテンプレートは
プラグインの設定画面で変更可能
(MTタグ、使えます)
でもせっかく作ったファイルを
勝手に変更されたくない!
しかも「壊れちゃった…てへ」とか(涙)
プレビュー専用のロールを追加
プレビュー権限だけの人は「編集」ボタンが非表示
編集権限を持っている人は「公開」も可能
簡易なワークフロー機能としても利用可能
気になるこれらの新機能は…
①インデックス/アーカイブのプレビュー
 →通常版でも実装
②プレビュー権限の追加
 メール送信機能
 →Pro版でのみ実装
でも、お高いんでしょう?
通常版 10,000円(予定価格/税別)
Pro版 30,000円(予定価格/税別)
DynamicPreview
評価版あります。
ぜひ、お試しください。
ウェブサイト制作会社だから生まれたプラグイン
ImageUploadUtility / DynamicPreview
ぜひ日々のMTサイト運営にご利用ください。
後方のブースにもおりますのでお気軽に!
【MT東京-23】春のプラグイン祭り
20...
MTサイト運用に効く!けっこう便利なプラグインたち
MTサイト運用に効く!けっこう便利なプラグインたち
Upcoming SlideShare
Loading in …5
×

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

1,138 views

Published on

ImageUploadUtilityとDynamicPreviewのご紹介。

Published in: Internet
  • Be the first to comment

  • Be the first to like this

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

  1. 1. 【MT東京-23】春のプラグイン祭り 2016-04-23(土)at テコラスカフェ(NHNテコラス株式会社) MTサイト運用に効く! けっこう便利なプラグインたち
  2. 2. 自己紹介
  3. 3. 西山 泰史 にしやま やすふみ 株式会社ジャクスタポジション 札幌市在住のWebディレクター Movable Type でのサイト構築 2013年よりMT蝦夷を主宰 好きなMTタグはMTIf 三度の飯より食べることが好き
  4. 4. ジャクスタと言えば
  5. 5. 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/
  6. 6. ですが…
  7. 7. 西山と言えば?
  8. 8. ラーメン!
  9. 9. Movable Typeの画像アップロード機能補助プラグイン ImageUploadUtility http://skeleton.juxtaposition.jp/image-upload-utility/ Movable Type用プレビュー機能強化プラグイン
 DynamicPreview http://skeleton.juxtaposition.jp/dynamic-preview/
  10. 10. Movable Typeの画像アップロード機能補助プラグイン ImageUploadUtility http://skeleton.juxtaposition.jp/image-upload-utility/
  11. 11. 2015年プラデミー賞 第4位
  12. 12. 1. アップロード・リサイズ 2. パブリッシュ・サムネイルリサイズ 3. マルチバイト・リネーム 4. Exifコントロール 5. JPEG画像圧縮率指定 6. 拡張子変換 7. ウォーターマーク合成 8. PDFサムネイル作成 9. 複数画像アップロード
  13. 13. アップロード・リサイズ アップロードするアイテム画像を 指定サイズへ自動リサイズ
  14. 14. スマートフォンやデジカメで撮影した写真を そのままアップロードしてOK
  15. 15. 長辺だけじゃなく、指定幅で揃えることもOK
  16. 16. パブリッシュ・サムネイルリサイズ アイテム画像のサムネイルが 指定サイズを超える場合に自動リサイズ
  17. 17. サムネイルが大きすぎて レイアウトからはみ出てしまうことを防ぐ
  18. 18. マルチバイト・リネーム マルチバイト文字を使用したファイル名を 半角英数字に自動変換
  19. 19. 例えば「写真.JPG」をそのままアプロードすると…
  20. 20. 変換フォーマットで日時やランダムな文字列へ変換できる
  21. 21. Exifコントロール 写真の向きを自動補正 撮影した時の情報を自動削除
  22. 22. iPhoneで撮影した写真 (位置情報をONにしている場合) 撮影日時や機種情報だけじゃなく、 位置情報もハッキリと解っちゃうので、 これを自動削除!
  23. 23. 圧縮率を65%とすると、75KB → 33KBに削減できた。 友情出演:つよぽん(MT福岡) JPEG画像圧縮率指定 JPEG画像のアップロード時、 圧縮率を変えてファイルサイズを削減
  24. 24. 拡張子を小文字で統一する 初期状態では、拡張子が大文字のファイルをアップロードする際、 PCブラウザ→ 拡張子は大文字のまま/スマートフォンオプション→ 小文字に変換される 別のアイテム画像と認識されてしまうため、拡張子を強制的に小文字化してしまう機能を付与 引用:拡張子が大文字の画像をMovable Typeのアイテムに登録する時|DRIVEMENUTS.COM
  25. 25. ウォーターマーク合成【Pro版】 アップロードする画像に オリジナルの透かし画像を合成
  26. 26. 透かしの位置、透明度を任意に設定 すべての画像で合成するか否かも設定可能
  27. 27. PDFサムネイル作成【Pro版】 アップロードするPDFの表紙を画像に自動変換 そのサムネイルからPDFへリンクする状態で
 ブログ記事へHTMLを挿入(全自動)
  28. 28. ファイルオプションでサムネイルサイズや ターゲットウィンドウを選択可能
  29. 29. 複数ファイルアップロード【Pro版】 MT6.2のそれとは似てるようで違うもの
  30. 30. 記事編集画面へのドラッグ・アンド・ドロップで 複数の画像を登録可能
  31. 31. アップロード前に写真の並び替えが可能 (HTMLソースで並び替えなくってOK)
  32. 32. アップロード先「カスタム」を 選択後にもキャンセル可能
  33. 33. 設定を複数画像に一斉適用したり、 代替テキストを画面遷移なく入れられる。
  34. 34. でも、お高いんでしょう?
  35. 35. Commercial 9,000円(税別) Personal      0円 <導入例> 学校法人(幼稚園など)、お花屋さん、一般企業 ImageUploadUtility
  36. 36. Commercial 27,000円(税別) <導入例> 学校法人(大学など)、研究機関(大学院など)、
 メディア系企業(Webメディア、TV放送局など) ImageUploadUtility Pro
  37. 37. 評価版あります。 ぜひ、お試しください。
  38. 38. Movable Type用プレビュー機能強化プラグイン
 DynamicPreview http://skeleton.juxtaposition.jp/dynamic-preview/
  39. 39. 1. プレビューを別ウインドウで表示 2. プレビューを動的に生成・表示 3. 複数テンプレートを一括表示可能 4. SSIインクルード対応 5. ベースURL設定可能 6. URL/文字列置換可能
  40. 40. 複数テンプレートを一括表示可能 例えばブログ記事テンプレートが PC用とSP用で分かれている場合
  41. 41. 記事投稿画面でプレビューするテンプレートを 「すべて/個別」から選択することが可能
  42. 42. プレビュー画面ではテンプレートごとに 別々のタブで表示されます
  43. 43. ベースURL設定/URL・文字列置換【Pro版】 例えば開発環境と公開環境が別サーバーの場合
  44. 44. テンプレートで相対パスを使用している場合 <base>のURLを設定することが可能 http://www.exapmle.com/,記事 http://mobile.exapmle.com/,スマートフォンサイト用記事
  45. 45. テンプレートでURLパスを使用している場合 任意の文字列を置換したい場合 http://www.example.com/,http://cms.example.com/,記事
  46. 46. DynamicPreview「2つ」の新機能 待ち焦がれた機能が現実に! (GW明けにリリース予定)
  47. 47. 【新機能1】インデックステンプレート、 アーカイヴテンプレートのプレビュー プレビューしたいのはブログ記事だけじゃない
  48. 48. それは昨年11月 MTDDC Meetup TOKYOでのこと
  49. 49. 記事アーカイヴのない一覧のみのページをプレビューしたい。 さらに未公開状態の記事もプレビューしたい。 (CMSプロレス初代王者チーム 木村康子さん)
  50. 50. プラグインの設定で、 対象のテンプレートのIDを登録すると プレビューテンプレートで それらを選択可能になる
  51. 51. もちろんプレビューはタブで切り替えて表示可能
  52. 52. プラグインの設定で「未公開/日時指定記事」も プレビューに含めるように設定可能 記事/ページ公開前にも「完成形」が見られる
  53. 53. 【新機能2】 プレビューを第三者にも見てもらいたい プレビューしたいのは自分だけじゃない
  54. 54. 例えば運用中のMTサイトで 記事の作成・更新を制作会社が請け負っている場合 更新内容の確認ってどうやっていますか?
  55. 55. プレビュー画面に「メール送信」ボタンを実装
  56. 56. プレビュー画面を開いたまま プレビューをお願いできる
  57. 57. 宛先はそのMTにあるアカウントから選択 届いたメールのリンクから 管理画面へログインしてプレビューを見る
  58. 58. 送信されるメールのテンプレートは プラグインの設定画面で変更可能 (MTタグ、使えます)
  59. 59. でもせっかく作ったファイルを 勝手に変更されたくない! しかも「壊れちゃった…てへ」とか(涙)
  60. 60. プレビュー専用のロールを追加
  61. 61. プレビュー権限だけの人は「編集」ボタンが非表示 編集権限を持っている人は「公開」も可能 簡易なワークフロー機能としても利用可能
  62. 62. 気になるこれらの新機能は… ①インデックス/アーカイブのプレビュー  →通常版でも実装 ②プレビュー権限の追加  メール送信機能  →Pro版でのみ実装
  63. 63. でも、お高いんでしょう?
  64. 64. 通常版 10,000円(予定価格/税別) Pro版 30,000円(予定価格/税別) DynamicPreview 評価版あります。 ぜひ、お試しください。
  65. 65. ウェブサイト制作会社だから生まれたプラグイン ImageUploadUtility / DynamicPreview ぜひ日々のMTサイト運営にご利用ください。 後方のブースにもおりますのでお気軽に! 【MT東京-23】春のプラグイン祭り 2016-04-23(土)at テコラスカフェ(NHNテコラス株式会社) MTサイト運用に効く! けっこう便利なプラグインたち

×