a-blog cms な 寺子屋 2
     in Okazaki
この勉強会は...



•   経験上「この方がやりやすい」も共有もしましょう。

•   私はこうしてる。ここって微妙よね... などもOK!

•   ユーザーとしてのノウハウも共有していきましょう!
主に話すひと

•   石井悦志(いしい えつし) @esstwi

•   グリンスタイル株式会社

•   代表して取り締まられる役

•   情報資源をプロデュースするよろず屋

•   a-blog cms ビジネスパートナー
自己紹介タイム


皆さんで、楽しくやりましょう。
a-blog cms とはどんなもの
特徴をみてみよう
a-blog cms なスタイル


•   記事編集

•   カスタマイズ

•   外部連携
記事編集
記事編集


•   ユニットを使って書く

•   モブログがある

•   iOS Appもある
カスタマイズ
カスタマイズ


•   従来の静的なサイトの制作フローを継承できる

•   Dreamweaverなどのサポートも充実

•   使い込んでいけば高等カスタマイズもできる
従来の静的なサイトの制作フローを
         そのまま継承できる

•   既存の静的サイトがそのまま使える

•   HTML+CSSでカスタマイズだけでもOK

•   部分的に動的化もOK
Dreamweaverなどのサポートも充実


•   スニペット

•   コードヒント

•   TextExpander
使い込んでいけば
      高等カスタマイズもできる

•   カスタムフィールドを自由に作れる

•   校正オプションが親切

•   変数や条件振り分けもPHPなどが不要

•   ローカルで簡単に試せる
外部連携
外部連携


•   読者・メルマガ機能がある

•   twitter投稿できる

•   Facebookページがつくれる

•   ユーザーエージェント振り分け

•   メンテナンスツールでインポートエクスポート
基本機能で可能です
カスタマイズをはじめよう
やっていくこと


•   下準備

•   テーマと階層を理解する

•   ビルトインモジュール

•   条件による振り分け

•   順次覚えていくと便利なこと
下準備
下準備


•   ローカル環境を用意しよう

•   制作環境の用意

•   メンテツール(紹介)
ローカル環境を用意しよう


•   a-blog cms の MAMP・XXAMP

•   テスト用のサイト

    •   http://lab x .grinstyle.biz

        •   FTP: grinstylelab x

        •   PW: grinstyle1235

•   インストールの模擬体験
制作環境の用意


•   Dreamwever スニペット

•   Dreamwever コードヒント

•   Text Expander
メンテツール


•   詳しくは発展編で。
とりあえずエントリーを書いてみよう


•   ログイン

    •   login <http://localhost/login/>

•   エントリー作成してみよう
テーマと階層を理解する
テーマと階層を理解する


•   テーマの設定場所と変更方法

•   ビルトインモジュール

•   テーマの階層について
テーマの設定場所と変更方法


•   公式にはCompany3を推奨

•   サンプルとしては至高

    •   だけど高等すぎてわらないw
まずはplainを使おう
ビルトインモジュール
ビルトインモジュール


•   ナビゲーションを足してみよう

•   管理ページとの相関をイメージ付けしよう

•   様々なモジュールを貼ってみる
モジュールの挙動と管理ページでのコン
     トロールを体得する
ポイント!まずはplainを使おう


•   シンプルなplainテーマで実験する判りやすい

•   plainの<body>∼</body>内を空にする

•   その中に各ビルトインモジュールを貼って実験する
条件による振り分け
振り分ける方法


•   モジュールID

•   URLコンテキスト

•   タッチモジュール

•   ルール
さらに覚えていくと便利なこと
まだまだたくさんの機能があります


•   テーマの継承

•   校正オプション

•   グローバル変数
発展編
発展編


•   インポートとエクスポート

•   さらにカスタマイズ
インポートとエクスポート
インポートとエクスポート


•   メンテツール

•   サーバ間の移動方法

•   バージョンアップのしかた
メンテツール
メンテツール


•   様々な互換方法

•   バックアップの取り方
サーバ間の移動方法
サーバ間の移動方法


•   メンテナンスツールを活用

•   注意する点

    •   モジュールIDがずれないように

    •   ドメイン名の不一致によるエラー

    •   APIの不一致によるエラー
バージョンアップのしかた
バージョンアップのしかた


•   基本的にはコアのファイルを上書きすればOK

•   カスタマイズしているファイルを上書きしないように注
    意
さらにカスタマイズ
さらにカスタマイズ


•   カスタムフィールド

•   組み込みのJavascript

•   iOS App
カスタムフィールド
カスタムフィールド


•   フィールドモジュール

•   文字を出してみよう

•   画像を表示してみよう

•   ファイルを添付してみよう

•   カスタムフィールドグループ(紹介のみ)
組み込みのJavascript
組み込みのJavascript


•   a-blog cms のJsについて

•   jQuery のバージョン変更のしかた
基本的な機能は用意されています


•   例1)biggerlink

•   例2)js-tabs
iOS App
iOS App


•   iOS App の紹介

•   iOS App www.ablogcms-app.com <http://
    www.ablogcms-app.com/>

•   iOS App を使うための下準備
まとめ
a-blog cmsのカスタマイズは...


•   とりあえずモジュールを貼ってみる

•   メンテナンスツールを活用する

•   参考サイトを見る

•   あとは聞いてみましょう
a-blog cmsで困ったら
a-blog cmsで困ったら


•   twitterを活用

•   参考サイトをみる

•   パートナー制度を活用
twitterを活用
twitterを活用


•   #ablogcms

•   @ablogcms
参考サイトをみる
参考サイトをみる

•   本家サイトーサポートマニュアル
    www.a-blogcms.jp̶support <http://www.a-blogcms.jp/support/>


•   本家サイトーフォーラム forum.a-blogcms.jp <http://forum.a-blogcms.jp/>


•   基本からしっかり学ぶ a-blog cms のカスタマイズ ablogcms.org <http://ablogcms.org/>


•   kazumich.log kazumich.com <http://kazumich.com/>


•   ハブろぐ havelog.ayumusato.com <http://havelog.ayumusato.com/>


•   コードいろいろスニペットcode1616.net <http://code1616.net/>


•   データファーム datafarm.jp <http://datafarm.jp/>


•   KAITOKU esshi.net̶ablogcms <http://esshi.net/ablogcms/>
パートナー制度を活用
パートナー制度を活用


•   パートナー制度があります。
    <http://www.a-blogcms.jp/partner/partner.html>

•   年間105,000-(法人)52,500(個人)

•   聞きたい放題サポートされたい放題(?)

•   ライセンスのパートナーディスカウント

•   開発用ライセンスの付与
a-blog cmsトレーニングキャンプが
                再来週開催!

•   atnd.org̶20079 <http://atnd.org/events/20079>
お疲れ様でした


•   長時間ありがとうございましたm(__)m

a-blogcsm な寺子屋 2 in Okazaki