Download to read offline
More Related Content
a-blogcsm な寺子屋 2 in Okazaki
- 1. a-blog cms な寺子屋 2 in Okazaki
- 2. この勉強会は... • 経験上「この方がやりやすい」も共有もしましょう。 • 私はこうしてる。ここって微妙よね... などもOK！ • ユーザーとしてのノウハウも共有していきましょう！
- 3. 主に話すひと • 石井悦志（いしい えつし） @esstwi • グリンスタイル株式会社 • 代表して取り締まられる役 • 情報資源をプロデュースするよろず屋 • a-blog cms ビジネスパートナー
- 4.
- 5.
- 6.
- 7. a-blog cms なスタイル • 記事編集 • カスタマイズ • 外部連携
- 8.
- 9. 記事編集 • ユニットを使って書く • モブログがある • iOS Appもある
- 10.
- 11. カスタマイズ • 従来の静的なサイトの制作フローを継承できる • Dreamweaverなどのサポートも充実 • 使い込んでいけば高等カスタマイズもできる
- 12. 従来の静的なサイトの制作フローを そのまま継承できる • 既存の静的サイトがそのまま使える • HTML+CSSでカスタマイズだけでもOK • 部分的に動的化もOK
- 13. Dreamweaverなどのサポートも充実 • スニペット • コードヒント • TextExpander
- 14. 使い込んでいけば 高等カスタマイズもできる • カスタムフィールドを自由に作れる • 校正オプションが親切 • 変数や条件振り分けもPHPなどが不要 • ローカルで簡単に試せる
- 15.
- 16. 外部連携 • 読者・メルマガ機能がある • twitter投稿できる • Facebookページがつくれる • ユーザーエージェント振り分け • メンテナンスツールでインポートエクスポート
- 17.
- 18.
- 19. やっていくこと • 下準備 • テーマと階層を理解する • ビルトインモジュール • 条件による振り分け • 順次覚えていくと便利なこと
- 20.
- 21. 下準備 • ローカル環境を用意しよう • 制作環境の用意 • メンテツール（紹介）
- 22. ローカル環境を用意しよう • a-blog cms の MAMP・XXAMP • テスト用のサイト • http://lab x .grinstyle.biz • FTP: grinstylelab x • PW: grinstyle1235 • インストールの模擬体験
- 23. 制作環境の用意 • Dreamwever スニペット • Dreamwever コードヒント • Text Expander
- 24. メンテツール • 詳しくは発展編で。
- 25. とりあえずエントリーを書いてみよう • ログイン • login <http://localhost/login/> • エントリー作成してみよう
- 26.
- 27. テーマと階層を理解する • テーマの設定場所と変更方法 • ビルトインモジュール • テーマの階層について
- 28. テーマの設定場所と変更方法 • 公式にはCompany3を推奨 • サンプルとしては至高 • だけど高等すぎてわらないｗ
- 29.
- 30.
- 31. ビルトインモジュール • ナビゲーションを足してみよう • 管理ページとの相関をイメージ付けしよう • 様々なモジュールを貼ってみる
- 32. モジュールの挙動と管理ページでのコン トロールを体得する
- 33. ポイント！まずはplainを使おう • シンプルなplainテーマで実験する判りやすい • plainの<body>∼</body>内を空にする • その中に各ビルトインモジュールを貼って実験する
- 34.
- 35. 振り分ける方法 • モジュールID • URLコンテキスト • タッチモジュール • ルール
- 36.
- 37. まだまだたくさんの機能があります • テーマの継承 • 校正オプション • グローバル変数
- 38.
- 39. 発展編 • インポートとエクスポート • さらにカスタマイズ
- 40.
- 41. インポートとエクスポート • メンテツール • サーバ間の移動方法 • バージョンアップのしかた
- 42.
- 43. メンテツール • 様々な互換方法 • バックアップの取り方
- 44.
- 45. サーバ間の移動方法 • メンテナンスツールを活用 • 注意する点 • モジュールIDがずれないように • ドメイン名の不一致によるエラー • APIの不一致によるエラー
- 46.
- 47. バージョンアップのしかた • 基本的にはコアのファイルを上書きすればOK • カスタマイズしているファイルを上書きしないように注 意
- 48.
- 49. さらにカスタマイズ • カスタムフィールド • 組み込みのJavascript • iOS App
- 50.
- 51. カスタムフィールド • フィールドモジュール • 文字を出してみよう • 画像を表示してみよう • ファイルを添付してみよう • カスタムフィールドグループ（紹介のみ）
- 52.
- 53. 組み込みのJavascript • a-blog cms のJsについて • jQuery のバージョン変更のしかた
- 54. 基本的な機能は用意されています • 例1)biggerlink • 例2)js-tabs
- 55.
- 56. iOS App • iOS App の紹介 • iOS App www.ablogcms-app.com <http:// www.ablogcms-app.com/> • iOS App を使うための下準備
- 57.
- 58. a-blog cmsのカスタマイズは... • とりあえずモジュールを貼ってみる • メンテナンスツールを活用する • 参考サイトを見る • あとは聞いてみましょう
- 59.
- 60. a-blog cmsで困ったら • twitterを活用 • 参考サイトをみる • パートナー制度を活用
- 61.
- 62. twitterを活用 • #ablogcms • @ablogcms
- 63.
- 64. 参考サイトをみる • 本家サイトーサポートマニュアル 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/>
- 65.
- 66. パートナー制度を活用 • パートナー制度があります。 <http://www.a-blogcms.jp/partner/partner.html> • 年間105,000-（法人）52,500（個人） • 聞きたい放題サポートされたい放題（？） • ライセンスのパートナーディスカウント • 開発用ライセンスの付与
- 67. a-blog cmsトレーニングキャンプが 再来週開催！ • atnd.org̶20079 <http://atnd.org/events/20079>
- 68. お疲れ様でした • 長時間ありがとうございましたm(__)m