1. 有限会社アップルップル
⼭山本⼀一道
実践編

3. #ablogcms
3
#ablogcms

4. http://forum.a-blogcms.jp/

5. http://demo.a-blogcms.jp/

7. 最近の勉強会やセミナー

8. セミナー＆勉強会

9. セミナー＆勉強会

10. 7/16
7/17 7/22
8/21
11/9
8/26
10/2
10/1 10/19
11/10
セミナー＆勉強会
11/1911/20

11. Training
Camp
2010
Autumn
2010年11⽉月19⽇日-20⽇日

12. 合宿の参加者
7⼈人
26⼈人
13エリア

14. 12/06
初級編
12/21
中級編

15. コンフィグ
テーマ
テンプレートモジュール
ルール
URL
コンテキスト
モジュール
ID
フォーム
カスタム
フィールド

16. デモ

17. 動的コンテンツに

18. 画像
キャプション

19. モジュール
コンテンツ（パーツ）

21. ナビゲーションモジュール

22. エントリーヘッドラインモジュール

23. タグクラウドモジュール

24. ブログフィールドモジュール

25. エントリーサマリーモジュール

26. バナーモジュール

27. エントリーボディモジュール

28. トピックパスモジュール

30. URL
コンテキスト
URLによって表現されるページの文脈情報

31. URLコンテキスト
http://example.com/
トップページ
http://example.com/news/
ニュースカテゴリーの一覧
http://example.com/news/entry-1.html
ニュースカテゴリーの詳細ページ

32. URLコンテキスト
http://example.com/news/
ニュースカテゴリーの一覧
http://example.com/products/
製品紹介カテゴリーの一覧
http://example.com/recruit/
求人カテゴリーの一覧

33. モジュール
URL
コンテキスト
データ
条件 表示
Powered by
DB

34. コンフィグ
システムの設定

37. テンプレート
HTML や XML ファイル
モジュール
モジュール
モジュール

38. テンプレートの記述1
<ul>
<mt:Entries lastn="5">
<li>
<a href="<mt:EntryLink />"><mt:EntryTitle /></a>
</li>
</mt:Entries>
</ul>
movable type

39. テンプレートの記述2
<ul>
<?php wp_get_archives('type=postbypost&limit=5'); ?>
</ul>
wordpress

40. テンプレートの記述3
<!-- BEGIN_MODULE Entry_List -->
<ul>
<!-- BEGIN entry:loop -->
<li><a href="{url}">{title}</a></li>
<!-- END entry:loop -->
</ul>
<!-- END_MODULE Entry_List -->
a-blog cms

41. モジュールとプログラム
<!-- BEGIN_MODULE Aaa_Bbb -->
この部分に各種HTMLを記述する
<!-- END_MODULE Aaa_Bbb -->
php/ACMS/GET/Aaa/Bbb.php

42. インクルード機能
<!--#include file='include/sample.html'-->
<!--#include file='http://domain.com/parts.html' -->
SSIの記述方法で書く事により Adobe Dreamweaver のデザインビューで
インクルード先の表示も可能になっています。

43. グローバル変数
%{BLOG_NAME} ブログ名
%{ARCHIVES_DIR} アーカイブディレクトリ
%{BASE_URL} ブログのトップページのURL
サイトをチェック

44. インクルード機能
＋
グローバル変数
<!--#include file='include/cid%{CID}.html'-->

45. 校正オプション
{text}[trim(13, '...')]
{text}[nl2br]
{date}[wareki]
{date}[age]
{data}[nubmer_format]
文字列を足切り
改行をbrに置き換える
和暦
年齢
3桁毎のカンマ区切り
サイトをチェック

46. HTMLだけでなくXMLもOK

47. テーマ
HTML + IMG + CSS 等
IMG
テンプレート
CSS
テンプレート
テンプレート

48. テーマの構成について
themes system admin
plain
blog
category
entry
index.htmlhtml
images
css
admin.htmlhtml
404.html
images
include
html
login.htmlhtml
css

49. テーマの構成について
themes system admin
plain
blog
category
entry
index.htmlhtml
images
css
admin.htmlhtml
404.html
images
include
html
共有テンプレート
カスタマイズテンプレート
login.htmlhtml
css
管理ページの
テンプレート

50. テーマの継承
system
plain
news@plain

51. トップページ：top.html
一覧ページ：index.html
詳細ページ：entry.html

52. /themes/company3/top.html

53. /themes/company3/top.html

54. /themes/company3/news/index.html

55. /themes/company3/news/index.html

56. /themes/company3/news/entry.html

57. /themes/company3/news/entry.html

58. /themes/company3/index.html

59. /themes/company3/index.html

60. /themes/company3/products/index.html

61. /themes/company3/products/index.html

62. /themes/company3/entry.html

63. /themes/company3/entry.html

64. ルール
条件によりコンフィグの設定を変更する

65. ルール

66. ワンソース マルチユース

67. モジュールID
モジュールに条件を設定

68. モジュールID

69. モジュール
URL
コンテキスト
データ
表示
Powered by
DB

70. モジュール
URL
コンテキスト
モジュール
ID
データ
条件
表示
Powered by
DB

71. フォーム
とっても高機能でオススメ！

72. フォーム
• ページのどこにあっても大丈夫
• メールの送信には2種類のメールを送れます
• 入力項目のチェック機能
• 入力項目のコンバート機能
• 複数ステップのフォームを作る事ができる
• DBに蓄積＆CSVのダウンロード

73. フォーム

74. フォーム:text
<input name="mailaddress" type="text" value="" />
<input type="hidden" name="field[]"
value="mailaddress" />
<input type="hidden"
name="mailaddress:validator#required" />
validatorは管理ページでもテンプレート
どちらでも設定可能です。

75. フォーム:validator
required
minLength maxLength min max
regexp digits
email url equalTo

76. フォーム:converter
<input type="hidden"
name="mailaddress:c" value="a" />

77. フォーム:submit
<input type="submit"
name="ACMS_POST_Form_Confirm" value="確認" />
<input type="submit"
name="ACMS_POST_Form_Chain" value="戻る" />
<input type="submit"
name="ACMS_POST_Form_Submit" value="送信" />

78. フォーム:step
<!-- BEGIN_MODULE Form -->
<!-- BEGIN step-->
<!--#include file="/include/form/insert.html"-->
<!-- END step -->
<!-- BEGIN step#reapply -->
<!--#include file="/include/form/update.html"-->
<!-- END step#reapply -->
<!-- BEGIN step#confirm -->
<!--#include file="/include/form/confirm.html"-->
<!-- END step#confirm -->
<!-- BEGIN step#result -->
<!--#include file="/include/form/result.html"-->
<!-- END step#result -->
<!-- END_MODULE Form -->
初期
修正
確認
完了

79. フォーム:step
<!-- BEGIN step -->
<form action="?step=reapply" method="post">
<!--#include file="/form/input.html"-->
<input type="hidden" name="step" value="confirm" />
<input type="hidden" name="id" value="contact" />
<input type="submit" name="ACMS_POST_Form_Confirm"
value="確認" />
</form>
<!-- END step -->

80. フォーム:step
<!-- BEGIN step -->
<form action="?step=reapply" method="post">
<!--#include file="/form/input.html"-->
<input type="hidden" name="step" value="confirm" />
<input type="hidden" name="id" value="contact" />
<input type="submit" name="ACMS_POST_Form_Confirm"
value="確認" />
</form>
<!-- END step -->
フォームIDを設定

81. フォーム:step
<!-- BEGIN step -->
<form action="?step=reapply" method="post">
<!--#include file="/form/input.html"-->
<input type="hidden" name="step" value="confirm" />
<input type="hidden" name="id" value="contact" />
<input type="submit" name="ACMS_POST_Form_Confirm"
value="確認" />
</form>
<!-- END step -->
正常時のSTEPを設定

82. フォーム:step
<!-- BEGIN step -->
<form action="?step=reapply" method="post">
<!--#include file="/form/input.html"-->
<input type="hidden" name="step" value="confirm" />
<input type="hidden" name="id" value="contact" />
<input type="submit" name="ACMS_POST_Form_Confirm"
value="確認" />
</form>
<!-- END step -->
エラーの時のSTEPを設定

83. フォーム:example
themes/system/sample/form.html
サイトをチェック
a-blog cmsのサイトの
サポート > チュートリアル > フォーム

84. カスタム
フィールド
とても簡単です

85. カスタムフィールド:text
<input name="mailaddress" type="text"
value="{mailaddress}" />
<input type="hidden" name="field[]"
value="mailaddress" />
<input type="hidden"
name="mailaddress:validator#required" />

86. システムの構造
index.php
archives
themes system admin
plain
blog
category
entry
php
index.htmlhtml
images
css
config.server.phpphp
admin blog

87. カスタムフィールドが凄い

91. カスタムフィールドの機能強化
91

92. これまでのカスタムフィールド
• 長辺指定によるリサイズ
• ファイル名指定（ファイル形式変換）
• 画像のアップロードのみ対応。
• 検索はイコールのみのAND検索

93. • PDFやFLV等のファイルも可能に！
カスタムフィールドの機能アップ
• 縦・横・長辺指定によるリサイズ
• ファイル名指定（ファイル形式変換）
• 拡大画像・ケータイ画像生成
• 画像のアップロードも機能拡張！
• 画像以外のファイルについても対応！

94. カスタムフィールドの機能アップ
• AND , OR の検索
• 範囲検索
• ソート機能（検索したキーのみ対応）
• 検索も大幅拡張！

95. 95
http://localhost/test/search/

96. 96
sample@vicuna

97. 97

98. これからの

99. 1.4
•カスタムフィールドの強化
•ダイレクト編集機能
•エントリー内の段組をサポート
•会員管理機能の強化
•BASIC認証の実装（PHPモジュール版のみ）

100. まとめ

101. が、動くサーバは必要ですが、
カスタマイズにプログラムを書く
必要はありません。
Powered by
と

102. を使って、管理ページの
設定をするだけで
Webサイトを作れます。
を使ってテンプレートと

103. CSSのようにJavaScriptが書ける

104. HTMLを書くだけでWebシステムが作れる

105. Web制作者のためのCMS