a-sap 07セッション「movable typeとa-blog cmsの今」

83
口田 聖子 :: WebbingStudio 2013.08.22(Thr)@ エルプラザ 07 Movable Typeと a-blog cmsの今

Upload: seiko-kuchida

Post on 19-Jun-2015

910 views

Category:

Technology


8 download

DESCRIPTION

a-sap(a-blog cms札幌勉強会)第7回のセッション資料です。Movable Typeのライセンス価格改定、MTOSの実質廃止に伴い、代替・補助としてa-blog cmsを検討するときに注目すべき点などをまとめています。

TRANSCRIPT

Page 1: a-sap 07セッション「Movable Typeとa-blog cmsの今」

口田 聖子 :: WebbingStudio2013.08.22(Thr)@ エルプラザ

07

Movable Typeとa-blog cmsの今

Page 2: a-sap 07セッション「Movable Typeとa-blog cmsの今」

口田 聖子(うぇびん)

http://webbingstudio.com/

WebエンジニアCMSアドバイザー

Page 3: a-sap 07セッション「Movable Typeとa-blog cmsの今」

CMSアドバイザーとは。このCMSで◯◯なサイトできる?限られた予算で可能なとこまで…改修しやすいテーマにして!

汎用CMSの高度なテーマ作り技術サポート・コンサル

Page 4: a-sap 07セッション「Movable Typeとa-blog cmsの今」

CSS Nite in SAPPOROはa-blog cmsで構築・運用しています

Page 5: a-sap 07セッション「Movable Typeとa-blog cmsの今」
Page 6: a-sap 07セッション「Movable Typeとa-blog cmsの今」

今回のお題

Page 7: a-sap 07セッション「Movable Typeとa-blog cmsの今」

2013年7月10日Movable Type 6 発表

Page 8: a-sap 07セッション「Movable Typeとa-blog cmsの今」

高度な機能は増えるけど

! オープンソース版の廃止! ユーザー数限定版廃止

個人利用や、小規模案件で気軽に利用できるCMSではなくなってしまった

Page 9: a-sap 07セッション「Movable Typeとa-blog cmsの今」

2013年6月24日a-blog cms 1.7 リリース

Page 10: a-sap 07セッション「Movable Typeとa-blog cmsの今」

Movable Typeの補助・代替としてa-blog cmsを検討してみる

MT × acms?

Movable Type 6で変わることa-blog cmsの変遷a-blog cms liteとは?

Page 11: a-sap 07セッション「Movable Typeとa-blog cmsの今」

Movable Typeに何が起きているのか

Movable Typeの今を見てみよう

Page 12: a-sap 07セッション「Movable Typeとa-blog cmsの今」

11

Movable Type 6で変わること

Page 13: a-sap 07セッション「Movable Typeとa-blog cmsの今」

うれしいお知らせ

Page 14: a-sap 07セッション「Movable Typeとa-blog cmsの今」

見た目は変えずにUI改善http://junnama.alfasado.net/online/2013/07/movable_type_10.html

Page 15: a-sap 07セッション「Movable Typeとa-blog cmsの今」

今だからデザインできるMTの未来 http://www.slideshare.net/yhassy/mt-24925562

デザインに長谷川恭久さんが参加

Page 16: a-sap 07セッション「Movable Typeとa-blog cmsの今」

今だからデザインできるMTの未来 http://www.slideshare.net/yhassy/mt-24925562

デザインに長谷川恭久さんが参加

見えない部分のデザイン最適化・向上

Page 17: a-sap 07セッション「Movable Typeとa-blog cmsの今」

Movable Type data api 公開https://github.com/movabletype/Documentation/wiki/Quick-reference

Page 18: a-sap 07セッション「Movable Typeとa-blog cmsの今」

APIって何。特定のリクエストを送ることでシステム内の様々なデータを返すTwitterやアフィリで人気のアレPerl以外の言語でも連携できる

JSライブラリも多数追加

Page 19: a-sap 07セッション「Movable Typeとa-blog cmsの今」

a-blog cmsは前からやってたけどね。https://www.a-blogcms.jp/api-docs/

ドヤッ

Page 20: a-sap 07セッション「Movable Typeとa-blog cmsの今」

「Loupe」の同梱

API活用サンプルMTの状態がスマホでわかる画像をさくっとアップロード

Page 21: a-sap 07セッション「Movable Typeとa-blog cmsの今」

テーマ構造の見直しウェブサイトがなければブログを作れない仕様の廃止身軽なサイトをふたたび作れるようになった独自タグについてはMT5からあまり変わらない??

Page 22: a-sap 07セッション「Movable Typeとa-blog cmsの今」

かなしいお知らせ

Page 23: a-sap 07セッション「Movable Typeとa-blog cmsの今」

http://www.sixapart.jp/movabletype/news/2013/07/10-1000.html

先立つものはお金…

Movable Type 6 のライセンス販売、ベータ提供を開始します

Page 24: a-sap 07セッション「Movable Typeとa-blog cmsの今」

コアプログラムGPLライセンス

コマーシャルパック有償ライセンス

Movable Type 5

すべてのプログラム有償ライセンス

Movable Type 6

MTOS

オープンソース版の廃止

Page 25: a-sap 07セッション「Movable Typeとa-blog cmsの今」

5ユーザーまで63,000円

ユーザー無制限126,000円

Movable Type 5

ユーザー無制限94,500円

Movable Type 6

ユーザー数限定版の廃止

Page 26: a-sap 07セッション「Movable Typeとa-blog cmsの今」

MT4サイト→MT6

5ユーザー以下サイトの費用

73,500円

MT5サイト→MT6 52,500円

MT5サイト(新規) 0円 / 63,000円

MT6サイト(新規) 94,500円

Page 27: a-sap 07セッション「Movable Typeとa-blog cmsの今」

MT4サイト→MT6

5ユーザー以下サイトの費用

73,500円

MT5サイト→MT6 52,500円

MT5サイト(新規) 0円 / 63,000円

MT6サイト(新規) 94,500円

5ユーザー以下の新規サイトでは、実質値上げ

Page 28: a-sap 07セッション「Movable Typeとa-blog cmsの今」

すしぱく談話に見る、古参ユーザーの嘆きhttp://www.susi-paku.com/pakumovable-type6.html

Page 29: a-sap 07セッション「Movable Typeとa-blog cmsの今」

お金だけじゃない問題も無償版がなくなると、気軽に利用できなくなるテーマ・プラグイン開発の沈滞コミュニティの衰退

ユーザー会が、MTOSの保護に向けて動き出してるみたいです。

Page 30: a-sap 07セッション「Movable Typeとa-blog cmsの今」

これ、a-blog cmsの勉強会ですよね。

a-blog cmsの今を見てみよう

Page 31: a-sap 07セッション「Movable Typeとa-blog cmsの今」

22

a-blog cmsの変遷

Page 32: a-sap 07セッション「Movable Typeとa-blog cmsの今」

公開画面からのダイレクト編集二段・三段組を簡単に作成メールマガジンの同時発行

バージョン変遷のおさらい

ver1.4

Page 33: a-sap 07セッション「Movable Typeとa-blog cmsの今」

バージョン変遷のおさらい

iPhone・iPadアプリのリリース複数ファイルのアップロードWordPressインポート

ver1.5

Page 34: a-sap 07セッション「Movable Typeとa-blog cmsの今」

バージョン変遷のおさらい

レスポンシブな新テーマYahoo!地図対応(白黒、路線図)プラグイン・拡張アプリ作成が可能に

ver1.6

Page 35: a-sap 07セッション「Movable Typeとa-blog cmsの今」

1.3まで1.4 1.5

1.6

a-blog cmsは1.3の時点で完成している

Page 36: a-sap 07セッション「Movable Typeとa-blog cmsの今」

1.3まで1.4 1.5

1.6

a-blog cmsは1.3の時点で完成している

要望への対応バグ修正

Page 37: a-sap 07セッション「Movable Typeとa-blog cmsの今」

すしぱく談話に見る、古参ユーザーの嘆きhttp://www.a-blogcms.jp/support/manual/

更新担当者向けマニュアルもできました。

Page 38: a-sap 07セッション「Movable Typeとa-blog cmsの今」

すしぱく談話に見る、古参ユーザーの嘆きhttps://groups.google.com/forum/#!forum/a-blog-cms

使いにくかったユーザーフォーラムがGoogleグループに移転

Page 39: a-sap 07セッション「Movable Typeとa-blog cmsの今」

ver1.7 ≒ 無償版の追加

Page 40: a-sap 07セッション「Movable Typeとa-blog cmsの今」

ver1.7 ≒ 無償版の追加

あとでじっくり

Page 41: a-sap 07セッション「Movable Typeとa-blog cmsの今」

技術情報が少ないフォーラムが使いにくい今後も安定した機能が提供されるか不安気軽に使えない

これまでの懸念点は…

Page 42: a-sap 07セッション「Movable Typeとa-blog cmsの今」

技術情報が少ないフォーラムが使いにくい今後も安定した機能が提供されるか不安気軽に使えない

これまでの懸念点は…

かなりクリアできてきた!!

Page 43: a-sap 07セッション「Movable Typeとa-blog cmsの今」

33

a-blog cms liteとは?

Page 44: a-sap 07セッション「Movable Typeとa-blog cmsの今」

a-blog cmsの機能制限版ユーザーは1人だけ作れるブログはひとつモジュールID・カスタムフィールドは使えない

52,500円通常版 0 円

Page 45: a-sap 07セッション「Movable Typeとa-blog cmsの今」

a-blog cmsの機能制限版ユーザーは1人だけ作れるブログはひとつモジュールIDは使えないカスタムフィールドは使える

52,500円通常版 0 円

すみません 間違ってました。

Page 46: a-sap 07セッション「Movable Typeとa-blog cmsの今」
Page 47: a-sap 07セッション「Movable Typeとa-blog cmsの今」
Page 48: a-sap 07セッション「Movable Typeとa-blog cmsの今」

無償なのはうれしいけど…

この条件で、どんなサイトが作れるの?

ユーザーは1人だけ作れるブログはひとつモジュールIDは使えないカスタムフィールドは使える

Page 49: a-sap 07セッション「Movable Typeとa-blog cmsの今」

liteで作れるサイト

Page 50: a-sap 07セッション「Movable Typeとa-blog cmsの今」

http://www.grand-market.net/blog/

一般的な構造のウェブログ門司港 GRAND MARKET公式ブログ

Page 51: a-sap 07セッション「Movable Typeとa-blog cmsの今」

バナーモジュールなど、各モジュールはひとつずつ利用できる

モジュール化できる

モジュール化できない

Page 52: a-sap 07セッション「Movable Typeとa-blog cmsの今」

例えば、バナー群が複数ある場合管理ページで編集できるのは、ひとつだけ

管理ページで差し替えられる

FTPで差し替える

Page 53: a-sap 07セッション「Movable Typeとa-blog cmsの今」

http://www.yamahana.com/

カスタムフィールドが必要なサイト住まいのリフォームヤマハナ

Page 54: a-sap 07セッション「Movable Typeとa-blog cmsの今」

施工事例の細かいデータはカスタムフィールドを作って表示する

フィールド

Page 55: a-sap 07セッション「Movable Typeとa-blog cmsの今」

http://www.a-blogcms.jp/support/tutorial/static/migration1.html

静的ページと新着情報だけのサイトカスタマイズ練習用テーマ「park」

Page 56: a-sap 07セッション「Movable Typeとa-blog cmsの今」

静的サイトの一部だけCMS

ホーム下層ページ

新着情報

Page 57: a-sap 07セッション「Movable Typeとa-blog cmsの今」

メールフォームはliteでも使える!

ホーム

下層ページ

新着情報

お問合せ

Page 58: a-sap 07セッション「Movable Typeとa-blog cmsの今」

liteでは作れないサイト

Page 59: a-sap 07セッション「Movable Typeとa-blog cmsの今」

端末ごとに構成が全く異なるサイト

「ルール」によるテーマ切り替えは正式版のみの機能です

Page 60: a-sap 07セッション「Movable Typeとa-blog cmsの今」

端末ごとに構成が全く異なるサイト

「ルール」によるテーマ切り替えは正式版のみの機能です

レスポンシブデザインでの対応を検討しよう

Page 61: a-sap 07セッション「Movable Typeとa-blog cmsの今」

http://www.higashikagawa-kouryuplaza.com/

条件で絞り込んだ新着リストがあるサイト東かがわ市交流プラザ

Page 62: a-sap 07セッション「Movable Typeとa-blog cmsの今」

トピックスを5件出して!

イベントを5件出して!

カテゴリーが「トピックス」の記事と「イベント」の記事が表示されている

Page 63: a-sap 07セッション「Movable Typeとa-blog cmsの今」

http://www.a-blogcms.jp/support/tips/plusOne/js-post-include-ready.html

ajaxを利用すればできるかも?

送信ボタンを押さずに検索結果を表示する(post include)

Page 64: a-sap 07セッション「Movable Typeとa-blog cmsの今」

http://www.a-blogcms.jp/support/tips/plusOne/js-post-include-ready.html

ajaxを利用すればできるかも?

送信ボタンを押さずに検索結果を表示する(post include)

すみません できませんでした。

Page 65: a-sap 07セッション「Movable Typeとa-blog cmsの今」
Page 66: a-sap 07セッション「Movable Typeとa-blog cmsの今」
Page 67: a-sap 07セッション「Movable Typeとa-blog cmsの今」

 liteでは、複数パターンの新着リストを

出すことはできないのだろうか

Page 68: a-sap 07セッション「Movable Typeとa-blog cmsの今」
Page 69: a-sap 07セッション「Movable Typeとa-blog cmsの今」

jQueryを使ってみるとか。

Page 70: a-sap 07セッション「Movable Typeとa-blog cmsの今」

‣ 8月22日のcat1‣ 8月15日のcat1‣ 8月4日のcat2‣ 7月31日のcat1‣ 7月24日のcat2‣ 7月17日のcat2

‣ 8月22日のcat1‣ 8月15日のcat1‣ 8月4日のcat2‣ 7月31日のcat1‣ 7月24日のcat2‣ 7月17日のcat2

#recent-cat1 #recent-cat2

Page 71: a-sap 07セッション「Movable Typeとa-blog cmsの今」

<!-- BEGIN_MODULE Entry_Summary --><ul id="recent-cat1"><!-- BEGIN unit:loop -->

<!-- BEGIN entry:loop --><li><a href="{url}">{title}</a></li>

<!-- END entry:loop -->

<!-- END unit:loop --></ul><!-- END_MODULE Entry_Summary -->

Page 72: a-sap 07セッション「Movable Typeとa-blog cmsの今」

<!-- BEGIN_MODULE Entry_Summary --><ul id="recent-cat1"><!-- BEGIN unit:loop -->

<!-- BEGIN entry:loop --><li<!-- BEGIN category:veil --> class="

{categoryCode}"<!-- END category:veil -->><a href="{url}">{title}</a></li><!-- END entry:loop -->

<!-- END unit:loop --></ul><!-- END_MODULE Entry_Summary -->

Page 73: a-sap 07セッション「Movable Typeとa-blog cmsの今」

<ul id="recent-cat1">

<li class="cat1"><a href="http://..."> 8月22日のcat1</a></li>

<li class="cat1"><a href="http://..."> 8月15日のcat1</a></li>

・・・

</ul>

Page 74: a-sap 07セッション「Movable Typeとa-blog cmsの今」

(function($){$(function(){

$("#recent-cat1 li.cat2").remove();$("#recent-cat2 li.cat1").remove();

});})(jQuery);

Page 75: a-sap 07セッション「Movable Typeとa-blog cmsの今」

‣ 8月22日のcat1‣ 8月15日のcat1‣ 7月31日のcat1

‣ 8月4日のcat2‣ 7月24日のcat2‣ 7月17日のcat2

#recent-cat1 #recent-cat2

Page 76: a-sap 07セッション「Movable Typeとa-blog cmsの今」

いろいろと まずいですね。

ご利用は計画的に…

Page 77: a-sap 07セッション「Movable Typeとa-blog cmsの今」

まとめ

Page 78: a-sap 07セッション「Movable Typeとa-blog cmsの今」

liteはMTOSの代替になるか?静的サイト+フォーム程度のサイトなら充分記事の絞り込みはできないMTOSのような細やかなコーディングの調整はできない

Page 79: a-sap 07セッション「Movable Typeとa-blog cmsの今」

liteはMTOSの代替になるか?

a-blog cmsの利用経験が浅い場合は、おすすめできません

「こんなはずじゃなかった」「実装できると思ってた」

プチ炎上するかも…

Page 80: a-sap 07セッション「Movable Typeとa-blog cmsの今」

では正式版のa-blog cmsなら?

Movable Type6と同等の機能で約半額(52,500円)モジュールIDで柔軟な絞り込みカスタムフィールドとメールフォームがコアに含まれる

liteよりもハマリが少ない

Page 81: a-sap 07セッション「Movable Typeとa-blog cmsの今」

予算が潤沢完成度を

求められる案件予算少なめ

作って育てる案件

MTOS

MTOS・ユーザー数限定版は単に安い案件だけで

使われていたわけではない

Page 82: a-sap 07セッション「Movable Typeとa-blog cmsの今」

MTOS

a-blog cms正式版がMTOSの穴を埋められるかもしれない

予算が潤沢完成度を

求められる案件予算少なめ

作って育てる案件

Page 83: a-sap 07セッション「Movable Typeとa-blog cmsの今」

ありがとうございました