a-blog cms 事例紹介(TalkNote Vol.1)
-
Upload
yasuhito-yabe -
Category
Technology
-
view
814 -
download
2
description
Transcript of a-blog cms 事例紹介(TalkNote Vol.1)
![Page 1: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/1.jpg)
a-blog cms 事例紹介 & more
Talk Note Vol.12011.1.15
ゃべ ゃすひと
1
![Page 2: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/2.jpg)
‣事例のご紹介‣a-blog cmsを選ぶ理由‣学習コスト
今日のお題
2
![Page 3: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/3.jpg)
名前:ゃべゃすひと職業:兼業主夫 Web制作 (フリーランス)データファームさんと協業してますカッコよく言うと”ユニット”
3
自己紹介
![Page 4: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/4.jpg)
静岡県出身・長泉町在住 ・高校卒業まで静岡市で育つ
・静岡の某社でWeb業界に飛び込む
・焼津の某社に勤務していたことも
4
![Page 5: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/5.jpg)
5
フェレット飼ってます
![Page 6: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/6.jpg)
6
![Page 7: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/7.jpg)
7
よろしくお願いします
![Page 8: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/8.jpg)
8
‣事例のご紹介‣a-blog cmsを選ぶ理由‣学習コスト
今日のお題
![Page 9: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/9.jpg)
‣企業サイト(セミナー)‣ECサイト‣イベントサイト
9
制作事例
もっとあるのに大人の事情で紹介できないのが残念
![Page 11: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/11.jpg)
11
![Page 12: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/12.jpg)
‣サイトリニューアル案件
‣作業範囲:サイト構築一式
‣全ページ CMSから出力
12
制作事例 > セミナー
![Page 13: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/13.jpg)
13
制作事例 > セミナー
![Page 14: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/14.jpg)
14
制作事例 > セミナー
![Page 15: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/15.jpg)
15
制作事例 > セミナー
![Page 16: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/16.jpg)
16
制作事例 > セミナー
![Page 17: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/17.jpg)
17
制作事例 > セミナー
![Page 18: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/18.jpg)
(ほぼ)全ページをCMSから出力
‣工程(特に設計)の見直し
‣管理画面のユーザビリティ
18
制作事例 > セミナー
![Page 19: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/19.jpg)
19
工程の見直し
制作事例 > セミナー
![Page 20: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/20.jpg)
20
サイト設計↓
デザイン制作↓
コーディング
制作事例 > セミナー
手戻り発生…
従来のフロー
![Page 21: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/21.jpg)
21
サイト設計↓
テンプレートデザイン↓
コーディング+CMS
制作事例 > セミナー
手戻りにもCMSで柔軟に対応
設計の重要性UP
試行錯誤中のフロー
![Page 22: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/22.jpg)
22ページ 1/1
FM-tech_file.OPML 10/08/23 10:55
トップページ/top.html
([MOD] イメージ写真)/topimage
([MOD] あいさつ一言記載欄)/headline
([MOD] 最新情報一覧)/newslist
([MOD] プレスリリース)/presslist
([MOD] 運営者バナー)/unnei
([MOD] FMロゴ)/fmlogo
[ct] コース案内(一覧)courcelist/index.html
[ct] スケジュールschedule/index.html
[ct] お申し込みbooking/index.html
[ct] トレーニングルーム案内room/index.html
[ct] トレーニングスタッフ紹介(一覧)staff/index.html
[ct] 企業向け団体トレーニングcptraining/index.html
[ct] FM-Techとはabout/index.html
[ct] FAQ(一覧)faq/index.html
[ct] お客様の声(一覧)voice/index.html
[ct] お客様連絡情報customer/index.html
[ct] お問い合わせcontuct/index.html
[ct] プライバシーポリシーpolicy/index.html
[ct] 特定商取引に基づく表記law/index.html
[Ent] コース案内(詳細)/detail.html
[Ent] トレーニングスタッフ紹介(詳細)/detail.html
[Ent] FAQ(詳細)/detail.html
[Ent] お客様の声(詳細)/detail.html
[ct] 講座情報(一覧)cource/index.html
[ct] お知らせ(一覧)news/index.html
[ct] プレスリリース(一覧)press/index.html
[Fom] お問い合わせ項目/detail.html
[Ent] 講座情報(詳細)
/detail.html
[Ent] お知らせ(詳細)
/detail.html
[Ent] プレスリリース(詳細)
/detail.html
[Fom] 内容確認/detail.html
[Fom] 送信完了/detail.html
サイトマップ制作事例 > セミナー
![Page 23: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/23.jpg)
23
使用サイトイット一覧
8
9
1
2
3
4
5
6
7
10
写真+キャプション写真+キャプション記事で作られるレイアウトです。
記事リスト主に一覧で構成されるレイアウトです。
記事詳細CMSで作成するため写真、地図などを組み合わせが可能です
記事詳細+申し込みページ上部に開催中イベント+申し込みボタン
記事リスト+申し込みページ上部に開催中イベント+申し込みボタン
見出し画像+文章大きく見出し画像をいれ文書が入ります。
ブロック記事「質問+答え」のようなタイプのレイアウトです。
写真一覧写真をクリックすると詳細に移動します。写真の簡易説明となるキャプションあり
写真+記事写真をクリックすると詳細に移動します。写真の簡易説明となるキャプションあり
申し込みフォームお問い合わせなどに使います。
サイトイットって何?
ページの「見た目」のイメージです。だいたいこんなレイアウトになるよ。利用するレイアウトの配置にルールをきめてまとめたものです。
制作事例 > セミナー
テンプレート検討
![Page 24: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/24.jpg)
24
トップページ
(5)
[ct] 企業向け団体トレーニング
(6)
[ct] FM-Techとは
(7)
[ct] FAQ(一覧)
(1)
[Ent] FAQ(詳細)
(8)
[ct] お客様の声(一覧)提案コンテンツです
(9)
[Ent] お客様の声(詳細)提案コンテンツです
なし
[ct] お客様連絡情報このカテゴリは実装時は隠す
(2)
[ct] 講座情報(一覧)
(3)
[Ent] 講座情報(詳細)
(2)
[ct] お知らせ(一覧)
(3)[Ent] お知らせ(詳細)
(2)
[ct] プレスリリース(一覧)
(3)
[Ent] プレスリリース(詳細)
制作事例 > セミナー
テンプレートをサイトマップに反映
![Page 25: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/25.jpg)
25
使用サイトイット一覧
8
9
1
2
3
4
5
6
7
10
写真+キャプション写真+キャプション記事で作られるレイアウトです。
記事リスト主に一覧で構成されるレイアウトです。
記事詳細CMSで作成するため写真、地図などを組み合わせが可能です
記事詳細+申し込みページ上部に開催中イベント+申し込みボタン
記事リスト+申し込みページ上部に開催中イベント+申し込みボタン
見出し画像+文章大きく見出し画像をいれ文書が入ります。
ブロック記事「質問+答え」のようなタイプのレイアウトです。
写真一覧写真をクリックすると詳細に移動します。写真の簡易説明となるキャプションあり
写真+記事写真をクリックすると詳細に移動します。写真の簡易説明となるキャプションあり
申し込みフォームお問い合わせなどに使います。
サイトイットって何?
ページの「見た目」のイメージです。だいたいこんなレイアウトになるよ。利用するレイアウトの配置にルールをきめてまとめたものです。
トップページ
(5)
[ct] 企業向け団体トレーニング
(6)
[ct] FM-Techとは
(7)
[ct] FAQ(一覧)
(1)
[Ent] FAQ(詳細)
(8)
[ct] お客様の声(一覧)提案コンテンツです
(9)
[Ent] お客様の声(詳細)提案コンテンツです
なし
[ct] お客様連絡情報このカテゴリは実装時は隠す
(2)
[ct] 講座情報(一覧)
(3)
[Ent] 講座情報(詳細)
(2)
[ct] お知らせ(一覧)
(3)[Ent] お知らせ(詳細)
(2)
[ct] プレスリリース(一覧)
(3)
[Ent] プレスリリース(詳細)
テンプレート サイトマップ
制作事例 > セミナー
反映
検証
![Page 26: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/26.jpg)
26
制作事例 > セミナー
ワイヤーフレーム
![Page 27: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/27.jpg)
27
制作事例 > セミナー
テンプレートデザイン
![Page 28: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/28.jpg)
28
制作事例 > セミナー
完成ページ
![Page 29: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/29.jpg)
29
大きな手戻りは ≒0に減少制作者にも高いハードル
制作事例 > セミナー
![Page 30: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/30.jpg)
30
管理画面のユーザビリティ
制作事例 > セミナー
![Page 31: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/31.jpg)
31
CMSの管理画面ってわかりにくいですよね
制作事例 > セミナー
![Page 32: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/32.jpg)
32
何がなんだか…
![Page 33: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/33.jpg)
クライアントに苦痛を強いてませんか?
33
![Page 34: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/34.jpg)
34
制作事例 > セミナー通常の表示
![Page 35: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/35.jpg)
35
ログイン時の表示
ログイン時のみ該当部分の管理画面へのリンクを表示
制作事例 > セミナー
![Page 36: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/36.jpg)
36
制作事例 > セミナー編集ページ
![Page 37: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/37.jpg)
37
ログイン時の表示
編集ページへリンク
編集ページへリンク
編集ページへリンク
編集ページへリンク
制作事例 > セミナー
![Page 38: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/38.jpg)
更新頻度アップ?
38
![Page 39: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/39.jpg)
ECサイトドラッグスコンドウ 様
http://drugskondo.com/
39
![Page 40: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/40.jpg)
40
![Page 41: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/41.jpg)
‣某社ECカートからの移行
‣作業範囲:サイト構築一式
‣ショップ拡張プラグイン利用(注文フォーム・カート・受注管理etcの追加)
41
制作事例 > ECサイト
![Page 42: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/42.jpg)
42
制作事例 > ECサイト
![Page 43: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/43.jpg)
43
制作事例 > ECサイト
![Page 44: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/44.jpg)
44
制作事例 > ECサイト
![Page 45: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/45.jpg)
45
制作事例 > ECサイト
![Page 46: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/46.jpg)
46
制作事例 > ECサイト
![Page 47: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/47.jpg)
47
制作事例 > ECサイト
![Page 48: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/48.jpg)
LPO対策
‣リファラー情報から検索ワードを取得・利用
48
制作事例 > ECサイト
![Page 49: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/49.jpg)
49
制作事例 > ECサイト通常の表示(キーワードなし)
![Page 50: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/50.jpg)
50
制作事例 > ECサイトLPO表示
検索キーワードに反応して自動挿入
![Page 51: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/51.jpg)
52
制作事例 > ECサイト
LPO対策の裏側
‣リファラー情報から検索ワードを取得・利用
‣上記ワードでサイト内検索、検索結果を追加で読み込み
![Page 52: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/52.jpg)
ライト級からヘビー級までカスタマイズの幅が広い
53
![Page 53: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/53.jpg)
イベントサイトCSS Nite in SHIZUOKA
http://cssnite-shizuoka.jp/
54
![Page 54: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/54.jpg)
55
制作事例 > イベントサイト
![Page 55: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/55.jpg)
‣新規作成案件
‣作業範囲:サイト構築一式
‣主催イベント(≒自社サイト)
56
制作事例 > イベントサイト
![Page 56: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/56.jpg)
57
制作事例 > イベントサイト
![Page 57: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/57.jpg)
58
制作事例 > イベントサイト
![Page 58: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/58.jpg)
59
制作事例 > イベントサイト
![Page 59: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/59.jpg)
60
制作事例 > イベントサイト
![Page 60: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/60.jpg)
61
制作事例 > イベントサイト
![Page 61: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/61.jpg)
拡張性を活かす
‣HTML5 + CSS3
‣CMSが苦手な機能はほかのシステムと連携
62
制作事例 > イベントサイト
![Page 62: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/62.jpg)
63
HTML5 + CSS3
制作事例 > セミナー
![Page 63: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/63.jpg)
64
制作事例 > イベントサイト
グラデーション
角丸
テキストシャドウ
半透明な背景
複数背景画像
CSSアニメーション
![Page 64: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/64.jpg)
65
HTML5 + CSS3
‣新しい技術にも対応可
‣ iPhone/iPad用ページも対応可能
制作事例 > イベントサイト
![Page 65: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/65.jpg)
66
CMSが苦手な機能はほかのシステムと連携
制作事例 > セミナー
![Page 66: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/66.jpg)
67
制作事例 > イベントサイト
残席数表示
メルマガ
![Page 67: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/67.jpg)
68
ほかのシステムと連携
‣万能なシステムはない
‣CMSの制約とうまく付合う
制作事例 > イベントサイト
![Page 68: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/68.jpg)
残席数表示の裏側1.在庫管理機能はCMSにない…
2. SSLの制約で外部フォームを利用
3.申し込み数を出力できるようフォーム改造
4. JavaScriptでサイトに読み込み
69
![Page 69: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/69.jpg)
70
‣事例のご紹介‣a-blog cmsを選ぶ理由‣学習コスト
1ユーザーがごく個人的に思う
今日のお題
![Page 70: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/70.jpg)
‣Made in JAPANなCMS‣サポートが充実
71
a-blog cmsを選ぶ理由
![Page 71: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/71.jpg)
Made in JAPAN
72
![Page 72: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/72.jpg)
Made in JAPAN であること‣日本のWeb向き(日本独自のトレンド、デザイン、需要etc)
‣開発元もWeb製作会社 → 制作現場を理解
73
a-blog cmsを選ぶ理由 > Made in JAPAN
![Page 73: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/73.jpg)
74
a-blog cmsを選ぶ理由 > Made in JAPAN
マサチューセッツ工科大学 様
![Page 74: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/74.jpg)
75
a-blog cmsを選ぶ理由 > Made in JAPAN制作:アップルップルさん
![Page 75: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/75.jpg)
76
安心a-blog cmsを選ぶ理由 > Made in JAPAN
![Page 76: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/76.jpg)
サポートが充実
77
![Page 77: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/77.jpg)
開発元が直接サポート‣問い合わせ先が明確‣もちろん日本語‣距離が近い
78
a-blog cmsを選ぶ理由 > サポート
![Page 78: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/78.jpg)
無償/有償のサポート対応‣ #ablogcms でツイート‣ 公式フォーラム‣ 有償技術サポート
79
a-blog cmsを選ぶ理由 > サポート
![Page 79: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/79.jpg)
80
安心a-blog cmsを選ぶ理由 > Made in JAPAN
![Page 80: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/80.jpg)
81
‣事例のご紹介‣a-blog cmsを選ぶ理由‣学習コスト
今日のお題
![Page 81: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/81.jpg)
a-blog cms 利用実績‣利用歴:6ヶ月‣制作サイト:13件(製作中含む)そして今、プレゼンしてます
82
学習コスト
![Page 82: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/82.jpg)
83
できそうな気がしません?
学習コスト
![Page 83: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/83.jpg)
84
独学は不安という方には
学習コスト
![Page 84: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/84.jpg)
各種セミナーも開催‣セミナー(名古屋ほか全国各地) ‣オンラインセミナー‣a-blog cms Training camp(合宿形式、年2回)
85
学習コスト
![Page 85: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/85.jpg)
86
静岡にはパワーユーザーがいます
![Page 86: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/86.jpg)
最後に告知を
87
![Page 87: a-blog cms 事例紹介(TalkNote Vol.1)](https://reader036.fdocument.pub/reader036/viewer/2022062319/557cd0bfd8b42a7e5b8b51b0/html5/thumbnails/87.jpg)
CSS Nite in SHIZUOKA, Vol.2 3月12日(土) グランシップにて開催
近日中に詳細発表!
88