2014年7月5日に開催された「a-blog cms 勉強会 in 東京 2014 Summer」でKDDIウェブコミュニケーションズのa-blog cms導入事例を紹介しました。

1. a-blog cms 事例紹介
キャッシュ機能で
快適なウェブサイト表示
2014年7月5日（土）
株式会社 KDDI ウェブコミュニケーションズ
SMB 事業本部 デザイン部
フロントエンドエンジニア 岡山 沙織

2. 自己紹介

3. 岡山 沙織
所属：KDDI ウェブコミュニケーションズ
肩書き：フロントエンドエンジニア
2013 年 4 月 1 日 中途入社
ウェブディレクターも兼務

4. 19XX 年北海道で生まれる
2 浪の末 20 歳のときに大学進学で上京
大学はきっちり 4 年で卒業
卒業後は 1 年ほど雀荘でアルバイト
その後パチスロ雑誌の編プロでウェブ制作
どっぷりウェブ業界に入り約 10 年
デザイナー（なんでも屋）
→マークアップエンジニア
→ウェブディレクター
略歴

5. 会社紹介

6. KDDI ウェブコミュニケーションズは
サービス事業会社です

7. 提供サービス
ホスティングサービス
ウェブアプリケーションサービス
ガジェットeコマースサービス

8. ホスティングサービス

9. CPI
共有レンタルサーバーと専用サーバーを提供
バックアップサービス標準装備

10. CloudCore VPS
VPS 環境を提供
簡単に操作できるコントロールパネル

11. ウェブアプリケーション
サービス

12. Jimdo
簡単ホームページ作成ツール
無料で利用できるプランあり

13. Twilio
電話回線を利用した API
API を通して電話をかけたり SMS が送信できる

14. corabbit
クラウド型のファイルストレージサービス
PSD や AI ファイルのプレビュー可能
大容量ファイル送信が可能なPost Box機能

15. ガジェットeコマースサービス

16. OneMe
ハイエンドユーザー向けガジェット専門通販
国内外の高品質なガジェットに関する周辺機器を販売

17. これらのウェブサイト制作は
ほぼ内製です
その中でデザイン部管轄のウェブサイト
＋
コーポレートサイト

18. もくじ
1. 導入しているコンテンツ
2. a-blog cms を選んだ理由
3. キャッシュ機能について

19. 導入しているコンテンツ

20. CPI
http://www.cpi.ad.jp/

21. 動的に管理している箇所
ニュース
サポート

22. コーポレートサイト
http://www.kddi-webcommunications.co.jp/

23. 動的に管理している箇所
ニュース
採用情報

24. オンラインヘルプ
http://acesr.document.secure.ne.jp/

25. 動的に管理している箇所
コンテンツ全体

26. エイリアスを利用

27. CloudCoreVPS
http://www.cloudcore.jp/vps/

28. 動的に管理している箇所
ニュース
よくある質問

29. a-blog cms を
選んだ理由
①導入が楽!!
②管理系パーツの実装がすぐ出来る
③キャッシュ機能がある

30. 導入が楽!!
現在進行形で運用しているサイトに
導入しやすい！

31. 現在のサイトを
themes フォルダに入れるだけ

32. 例えば WordPress の場合だと…
HTML を分割して WordPress のテーマ化をしなくてはいけない

33. 管理系パーツの実装が
すぐ出来る

34. 3 つのファイルを読み込むだけ
管理系パーツの表示用 CSS
システムの動作に必要な Javascript
ログイン後に表示される管理系ボタン
<link href="/css/acms.css" rel="stylesheet" type="text/css" media="all">
<!-- BEGIN_MODULE Js -->
<script type="text/javascript" src="/index.js{arguments}" charset="UTF-8" id="acms-js"></script>
<!-- END_MODULE Js -->
<!--#include file="/admin/action.html" -->

35. ログインするとウェブページに管理
パーツが表示される

36. キャッシュ機能がある
※これは次で詳しくご紹介

37. キャッシュ機能について

38. キャッシュ機能とは？
同じページを表示する際に、サーバー側にキャッシュフ
ァイルを作成し、次回からの表示の負荷を低減します。
キャッシュは有効時間や子ブログが更新された際など、
更新のタイミングも制御できます。
※a-blog cms 公式サイトより抜粋
http://www.a-blogcms.jp/what/function/

39. キャッシュ機能を利用しない

40. キャッシュ機能を利用すると

41. データーベースに
毎回問い合わせしなくなる
↓
サーバーに負荷がかからない
↓
ページ表示が早くなるので快適

42. CPI の設定
全てデフォルトのまま

43. 運用フロー

44. （1）更新作業

45. （2）テストサーバーへアップロード

46. （3）関係各所確認→承認

47. （4）SmartRelease で本番公開作業

48. （5）a-blog cms にログイン

49. （6）本番 URL で表示やリンクを確認

50. （7）キャッシュをリフレッシュ
完了!!

51. 今後
2.1.0がリリースされたので…
承認フローを何とかしたい

52. 現在の承認方法
全てメールでやり取り

53. 最後に…

54. a-blog cms を CPI で 利用している
お客様事例を紹介しています

55. http://www.cpi.ad.jp/cms/ablog_cms/gofield/

56. シェアードプラン ACE01なら
10日間無料お試しあります!

57. ありがとうございました
saori.okayama@kddi-web.com
Facebook: saori.okayama