a-blog cms ver2.5 概要
-
Upload
atsushi-ito -
Category
Engineering
-
view
476 -
download
5
Transcript of a-blog cms ver2.5 概要
![Page 1: a-blog cms ver2.5 概要](https://reader034.fdocuments.net/reader034/viewer/2022051414/55c5aa8bbb61eb4f1f8b464b/html5/thumbnails/1.jpg)
a-blog cms ver 2.52015.05.22
![Page 2: a-blog cms ver2.5 概要](https://reader034.fdocuments.net/reader034/viewer/2022051414/55c5aa8bbb61eb4f1f8b464b/html5/thumbnails/2.jpg)
atsu666Atushi Ito : appleple
![Page 3: a-blog cms ver2.5 概要](https://reader034.fdocuments.net/reader034/viewer/2022051414/55c5aa8bbb61eb4f1f8b464b/html5/thumbnails/3.jpg)
本当ならver2.2.0でしたが…
![Page 4: a-blog cms ver2.5 概要](https://reader034.fdocuments.net/reader034/viewer/2022051414/55c5aa8bbb61eb4f1f8b464b/html5/thumbnails/4.jpg)
新しい概念 80以上の変更・修正
![Page 5: a-blog cms ver2.5 概要](https://reader034.fdocuments.net/reader034/viewer/2022051414/55c5aa8bbb61eb4f1f8b464b/html5/thumbnails/5.jpg)
ver2.5を一言で表すと
目だつ新機能に目を奪われがちだけど、 既存機能が地味に
使いやすくなったアップデート!
![Page 6: a-blog cms ver2.5 概要](https://reader034.fdocuments.net/reader034/viewer/2022051414/55c5aa8bbb61eb4f1f8b464b/html5/thumbnails/6.jpg)
ブロックの再利用地味だけど…一番知ってもらいたい!
![Page 7: a-blog cms ver2.5 概要](https://reader034.fdocuments.net/reader034/viewer/2022051414/55c5aa8bbb61eb4f1f8b464b/html5/thumbnails/7.jpg)
ブロックとは• a-blog cmsのテンプレートエンジンで使われる要素
• <!— BEGIN xxx —><!— END xxx —>
• <!— BEGIN_MODULE, <!— END_MODULE 以外のすべてのBEGIN,ENDで始まるコメント
• notFoundだったりループだったり色々なところで使われている
![Page 8: a-blog cms ver2.5 概要](https://reader034.fdocuments.net/reader034/viewer/2022051414/55c5aa8bbb61eb4f1f8b464b/html5/thumbnails/8.jpg)
今までは…• モジュールの中で使えるブロックは一回だけ
• 同じモジュールをたくさん貼り付けて、苦しながらも対応するしかなかった or 不可能だった
変数は何回も使えるに…もどかしい!!
![Page 9: a-blog cms ver2.5 概要](https://reader034.fdocuments.net/reader034/viewer/2022051414/55c5aa8bbb61eb4f1f8b464b/html5/thumbnails/9.jpg)
何回でも使えるように
• 何回でも使えるので、いままでより自由にレイアウト
• 上下にページャーも一つのモジュールで
• カスタムフィールドも自由に設置
• 結果的にシンプルで軽いテンプレートに!
![Page 10: a-blog cms ver2.5 概要](https://reader034.fdocuments.net/reader034/viewer/2022051414/55c5aa8bbb61eb4f1f8b464b/html5/thumbnails/10.jpg)
ルール機能の強化使用頻度があがるはず…!
![Page 11: a-blog cms ver2.5 概要](https://reader034.fdocuments.net/reader034/viewer/2022051414/55c5aa8bbb61eb4f1f8b464b/html5/thumbnails/11.jpg)
ルール機能とは様々な条件により、表示内容や設定を変更する機能
• カテゴリー • エントリー • デバイス(UserAgent)などの条件
![Page 12: a-blog cms ver2.5 概要](https://reader034.fdocuments.net/reader034/viewer/2022051414/55c5aa8bbb61eb4f1f8b464b/html5/thumbnails/12.jpg)
![Page 13: a-blog cms ver2.5 概要](https://reader034.fdocuments.net/reader034/viewer/2022051414/55c5aa8bbb61eb4f1f8b464b/html5/thumbnails/13.jpg)
新しいルール
![Page 14: a-blog cms ver2.5 概要](https://reader034.fdocuments.net/reader034/viewer/2022051414/55c5aa8bbb61eb4f1f8b464b/html5/thumbnails/14.jpg)
期間によるルールの追加
• ルール適応期間を指定できるように
• 毎月何日や毎週何曜日など繰り返しに対応
• 日時によるコンテンツの出し分けが可能に
![Page 15: a-blog cms ver2.5 概要](https://reader034.fdocuments.net/reader034/viewer/2022051414/55c5aa8bbb61eb4f1f8b464b/html5/thumbnails/15.jpg)
cookieによるルールの追加
• cookieの値によってルールを作成できるように
• “等しい”だけではなくて”以上”, “以下”なども指定可能
![Page 16: a-blog cms ver2.5 概要](https://reader034.fdocuments.net/reader034/viewer/2022051414/55c5aa8bbb61eb4f1f8b464b/html5/thumbnails/16.jpg)
どんな事ができるか
ユーザー別に最適なコンテンツを
閲覧履歴などから快適なページを
![Page 17: a-blog cms ver2.5 概要](https://reader034.fdocuments.net/reader034/viewer/2022051414/55c5aa8bbb61eb4f1f8b464b/html5/thumbnails/17.jpg)
モジュールID単位で
• いままでは、コンフィグしか変更できなかった(ほぼテーマの切り替え)
• テーマを変える必要がなくモジュールID毎に表示画像をかえたり表示件数を変更できるように
• 結果、テーマ数や、モジュール数が増えずに作業コストも大幅にダウン
![Page 18: a-blog cms ver2.5 概要](https://reader034.fdocuments.net/reader034/viewer/2022051414/55c5aa8bbb61eb4f1f8b464b/html5/thumbnails/18.jpg)
デモ
• ブラウザが Safari(chromeとルールは一緒なので注意)
• cookieでcountの値が3以上の場合
• 金曜日の場合
以下の条件の時にトップイメージを変更してみる!
![Page 19: a-blog cms ver2.5 概要](https://reader034.fdocuments.net/reader034/viewer/2022051414/55c5aa8bbb61eb4f1f8b464b/html5/thumbnails/19.jpg)
多言語・国際化対応一つのエントリーで、一つのテンプレートで!
![Page 20: a-blog cms ver2.5 概要](https://reader034.fdocuments.net/reader034/viewer/2022051414/55c5aa8bbb61eb4f1f8b464b/html5/thumbnails/20.jpg)
ユニットの多言語対応• 一つのエントリで多言語に対応した編集画面
• テキスト情報だけではなく画像も対応
• コンテンツの管理がシンプルに
• 表示側はテーマをわけて管理
![Page 21: a-blog cms ver2.5 概要](https://reader034.fdocuments.net/reader034/viewer/2022051414/55c5aa8bbb61eb4f1f8b464b/html5/thumbnails/21.jpg)
国際化 (i18n)
• 管理画面を多言語対応に
• テンプレート一枚で対応
• <!—T—><!—/T—>で囲むと変換の対象に
• 言語ファイルで集中管理
• ライブラリにgettextを採用
![Page 22: a-blog cms ver2.5 概要](https://reader034.fdocuments.net/reader034/viewer/2022051414/55c5aa8bbb61eb4f1f8b464b/html5/thumbnails/22.jpg)
国際化 の デモ
![Page 23: a-blog cms ver2.5 概要](https://reader034.fdocuments.net/reader034/viewer/2022051414/55c5aa8bbb61eb4f1f8b464b/html5/thumbnails/23.jpg)
レイアウト機能これからが楽しみ!
![Page 24: a-blog cms ver2.5 概要](https://reader034.fdocuments.net/reader034/viewer/2022051414/55c5aa8bbb61eb4f1f8b464b/html5/thumbnails/24.jpg)
まずはデモから!
![Page 25: a-blog cms ver2.5 概要](https://reader034.fdocuments.net/reader034/viewer/2022051414/55c5aa8bbb61eb4f1f8b464b/html5/thumbnails/25.jpg)
使用の流れ• レイアウトを決める(グリッドシステム)
• モジュールを設置
• モジュールの表示内容を設定
• モジュールのテンプレート(スタイル)を決定
• プレビュー
• 保存
![Page 26: a-blog cms ver2.5 概要](https://reader034.fdocuments.net/reader034/viewer/2022051414/55c5aa8bbb61eb4f1f8b464b/html5/thumbnails/26.jpg)
ポイント• トップ、一覧ページもユーザーが編集可能に
• モジュールにもカスタムフィールドを追加
• 最初のコスト、デザインの難しさ
• 従来のつくり方との使い分け(柔らかい - 硬い)
• 気軽に変更してテストできる
• パブリッシュ機能との組み合わせ
![Page 27: a-blog cms ver2.5 概要](https://reader034.fdocuments.net/reader034/viewer/2022051414/55c5aa8bbb61eb4f1f8b464b/html5/thumbnails/27.jpg)
atsu666Atushi Ito : appleple
Thank you.