Upload
Download free for 30 days
Login
Submit Search
a-blog cms 事例紹介 〜 キャッシュ機能で快適なウェブサイト表示 〜
1 like
976 views
Saori Okayama
2014年7月5日に開催された「a-blog cms 勉強会 in 東京 2014 Summer」でKDDIウェブコミュニケーションズのa-blog cms導入事例を紹介しました。
Technology
Read more
1 of 57
Download now
Download to read offline
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
More Related Content
PDF
サービス業から学んだコミュニケーションのコツ
Yumi Masaki
PDF
Director's Night 20130921
Yasufumi Nishiyama
PDF
イマドキWebメディアの制作手法
Keisuke Imura
PDF
後進の育成のためにディレクターがすべきこと
Yu Morita
PDF
Webディレクション講座 - 初級編 -
Colorkrew
PDF
自分のこれからについて語るときに僕の語ること Webディレクターのための弁証法入門-
Hiroshi Kato
PDF
初めてのGIT超入門
Tomoya Koyanagi
PDF
機能はちゃんと試してからリリースしようねという話
Yu Morita
サービス業から学んだコミュニケーションのコツ
Yumi Masaki
Director's Night 20130921
Yasufumi Nishiyama
イマドキWebメディアの制作手法
Keisuke Imura
後進の育成のためにディレクターがすべきこと
Yu Morita
Webディレクション講座 - 初級編 -
Colorkrew
自分のこれからについて語るときに僕の語ること Webディレクターのための弁証法入門-
Hiroshi Kato
初めてのGIT超入門
Tomoya Koyanagi
機能はちゃんと試してからリリースしようねという話
Yu Morita
What's hot
(20)
PDF
2019年Web制作現場のリアルな話
Umi Yamamoto
PPTX
ワードプレスとは? 竜胆(りんどう)Webデザイン
古川 恵子
PDF
Web制作 あとで揉めないための確認のポイント
高本 徹
PDF
MTDDC Meetup NAGOYA 2014_LT資料
Yasufumi Nishiyama
PDF
これからはじめるWebプロジェクトマネジメント
webcampusschoo
PDF
WordCamp Tokyo 2015 リアルフォーラム
Hajime Ogushi
PDF
0からのwebディレクション講座 福岡 設計編_150117
direkyo-kyusyu
PDF
VUIを仕事にすること
RieMotoki
PDF
だから、Webディレクターはやめられない Z
Yasufumi Nishiyama
PPTX
第1回 IT講座 IT基礎知識
Shunya Komori
PDF
20140903 sa business_seminar
Yasufumi Nishiyama
PPTX
ペインストーミングで言葉の壁を越える
shoji_yamada
PDF
ウェブ制作のお仕事の役割と流れ ~初心者向けにわかりやすく解説~
愛 増子
PDF
ウェブ制作の学習方法 ~ウェブサイト制作のスキルを身に着けるには~
愛 増子
PDF
すべての人に知っておいてほしい VoiceOverの基本原則
知己 久保
PDF
フリーランスはじめました - 【初心者向けデザイン講座】デザインのスキルを身につけてお仕事をする方法!東洋美術学校×クラウドワークス
Yuki Suzuki
PDF
『ライターと制作者のメディアの作り方』WordCamp Tokyo2015
Hiroki Saiki
PDF
Web制作の幅が広がる! プロジェクトの傾向から考える、 2つ目•3つ目のCMS選び
Seiko Kuchida
PDF
0からのWebディレクション for Students 3月講義 WBS編
Takehiko Goshi
PDF
0 d4s 20140323_共有用
Takehiko Goshi
2019年Web制作現場のリアルな話
Umi Yamamoto
ワードプレスとは? 竜胆(りんどう)Webデザイン
古川 恵子
Web制作 あとで揉めないための確認のポイント
高本 徹
MTDDC Meetup NAGOYA 2014_LT資料
Yasufumi Nishiyama
これからはじめるWebプロジェクトマネジメント
webcampusschoo
WordCamp Tokyo 2015 リアルフォーラム
Hajime Ogushi
0からのwebディレクション講座 福岡 設計編_150117
direkyo-kyusyu
VUIを仕事にすること
RieMotoki
だから、Webディレクターはやめられない Z
Yasufumi Nishiyama
第1回 IT講座 IT基礎知識
Shunya Komori
20140903 sa business_seminar
Yasufumi Nishiyama
ペインストーミングで言葉の壁を越える
shoji_yamada
ウェブ制作のお仕事の役割と流れ ~初心者向けにわかりやすく解説~
愛 増子
ウェブ制作の学習方法 ~ウェブサイト制作のスキルを身に着けるには~
愛 増子
すべての人に知っておいてほしい VoiceOverの基本原則
知己 久保
フリーランスはじめました - 【初心者向けデザイン講座】デザインのスキルを身につけてお仕事をする方法!東洋美術学校×クラウドワークス
Yuki Suzuki
『ライターと制作者のメディアの作り方』WordCamp Tokyo2015
Hiroki Saiki
Web制作の幅が広がる! プロジェクトの傾向から考える、 2つ目•3つ目のCMS選び
Seiko Kuchida
0からのWebディレクション for Students 3月講義 WBS編
Takehiko Goshi
0 d4s 20140323_共有用
Takehiko Goshi
Ad
Similar to a-blog cms 事例紹介 〜 キャッシュ機能で快適なウェブサイト表示 〜
(20)
PDF
レスポンシブWebデザインの基礎と,コーディング実習:先生小川 裕之
schoowebcampus
PPTX
エンジニアの移住交流会 自己紹介
Rie Tokumi
PDF
2004チームspec_紹介資料
masaki sukeda
PPTX
MTDDC Meetup TOKYO 2014『成果をあげているWebマーケッター/Web担当者にみる、サイト運営の考え方とサーバー選びの視点』
Kenichi Nishimura
PDF
今話題のChatGPTでウェブマーケティングを簡単かつ効果的に!
Noriaki Sugimoto
PDF
Webディレクターの実績を可視化する方法
Yasuji Takase
PDF
PMと並走してプロダクトにつなげるUXリサーチ
JunNomura1
PDF
メンバーズグループ福岡Meetup/リモート常駐している派遣の話(和気登志子)
Members_corp
PDF
PMと並走してプロダクトにつなげるUXリサーチ
JunNomura1
PDF
エンジニアからデザイナーに贈るプロトタイピングのすすめ - 春のフロントエンド祭り 2015
Naoki Yamada
PDF
工数削減! 印刷物デザイナーに知ってほしい コスパの良いWebデザイン.pdf
ssuser6f5294
PPTX
javascriptの基礎
Masayuki Abe
PDF
0からのウェブディレクション講座:設計編 v5.3
Yasuji Takase
PDF
インターネットを活用した移住促進について(第1回いなかみライフセミナー)
Noriaki Sugimoto
PDF
入社4ヶ月 新入りPdMの取り組み
Tsuyoshi Nagahashi
PDF
Pixeltokyoinc Culture deck November 2024
Shunsuke Kitahama
PDF
[WordBench東京7月] レスポンシブWebデザインの基礎とWordPressを使った最適化の手法
Hiroyuki Ogawa
PDF
20171013 daigakuweb vol2_terai
loftwork
PDF
会議を組み立てるABC
ShogoTokuda
PPTX
VOCの活用方法 CSが軸となるサービス改善
reotoooshiro
レスポンシブWebデザインの基礎と,コーディング実習:先生小川 裕之
schoowebcampus
エンジニアの移住交流会 自己紹介
Rie Tokumi
2004チームspec_紹介資料
masaki sukeda
MTDDC Meetup TOKYO 2014『成果をあげているWebマーケッター/Web担当者にみる、サイト運営の考え方とサーバー選びの視点』
Kenichi Nishimura
今話題のChatGPTでウェブマーケティングを簡単かつ効果的に!
Noriaki Sugimoto
Webディレクターの実績を可視化する方法
Yasuji Takase
PMと並走してプロダクトにつなげるUXリサーチ
JunNomura1
メンバーズグループ福岡Meetup/リモート常駐している派遣の話(和気登志子)
Members_corp
PMと並走してプロダクトにつなげるUXリサーチ
JunNomura1
エンジニアからデザイナーに贈るプロトタイピングのすすめ - 春のフロントエンド祭り 2015
Naoki Yamada
工数削減! 印刷物デザイナーに知ってほしい コスパの良いWebデザイン.pdf
ssuser6f5294
javascriptの基礎
Masayuki Abe
0からのウェブディレクション講座:設計編 v5.3
Yasuji Takase
インターネットを活用した移住促進について(第1回いなかみライフセミナー)
Noriaki Sugimoto
入社4ヶ月 新入りPdMの取り組み
Tsuyoshi Nagahashi
Pixeltokyoinc Culture deck November 2024
Shunsuke Kitahama
[WordBench東京7月] レスポンシブWebデザインの基礎とWordPressを使った最適化の手法
Hiroyuki Ogawa
20171013 daigakuweb vol2_terai
loftwork
会議を組み立てるABC
ShogoTokuda
VOCの活用方法 CSが軸となるサービス改善
reotoooshiro
Ad
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
Download