css nite in ginza vol.50 ablogcms
DESCRIPTION
CSS Nite in GINZA Vol.50 で紹介した a-blog cmsTRANSCRIPT
![Page 1: CSS Nite in GINZA Vol.50 ablogcms](https://reader034.vdocuments.site/reader034/viewer/2022042700/554b465cb4c905ff268b500c/html5/thumbnails/1.jpg)
山本 一道(@kazumich)
Web制作者のためのCMS制作者と運営者 どちらにもうれしい CMS
![Page 2: CSS Nite in GINZA Vol.50 ablogcms](https://reader034.vdocuments.site/reader034/viewer/2022042700/554b465cb4c905ff268b500c/html5/thumbnails/2.jpg)
![Page 3: CSS Nite in GINZA Vol.50 ablogcms](https://reader034.vdocuments.site/reader034/viewer/2022042700/554b465cb4c905ff268b500c/html5/thumbnails/3.jpg)
![Page 5: CSS Nite in GINZA Vol.50 ablogcms](https://reader034.vdocuments.site/reader034/viewer/2022042700/554b465cb4c905ff268b500c/html5/thumbnails/5.jpg)
![Page 6: CSS Nite in GINZA Vol.50 ablogcms](https://reader034.vdocuments.site/reader034/viewer/2022042700/554b465cb4c905ff268b500c/html5/thumbnails/6.jpg)
#ablogcms
6
#ablogcms
![Page 8: CSS Nite in GINZA Vol.50 ablogcms](https://reader034.vdocuments.site/reader034/viewer/2022042700/554b465cb4c905ff268b500c/html5/thumbnails/8.jpg)
事例がたくさん
![Page 9: CSS Nite in GINZA Vol.50 ablogcms](https://reader034.vdocuments.site/reader034/viewer/2022042700/554b465cb4c905ff268b500c/html5/thumbnails/9.jpg)
![Page 10: CSS Nite in GINZA Vol.50 ablogcms](https://reader034.vdocuments.site/reader034/viewer/2022042700/554b465cb4c905ff268b500c/html5/thumbnails/10.jpg)
![Page 11: CSS Nite in GINZA Vol.50 ablogcms](https://reader034.vdocuments.site/reader034/viewer/2022042700/554b465cb4c905ff268b500c/html5/thumbnails/11.jpg)
![Page 12: CSS Nite in GINZA Vol.50 ablogcms](https://reader034.vdocuments.site/reader034/viewer/2022042700/554b465cb4c905ff268b500c/html5/thumbnails/12.jpg)
![Page 13: CSS Nite in GINZA Vol.50 ablogcms](https://reader034.vdocuments.site/reader034/viewer/2022042700/554b465cb4c905ff268b500c/html5/thumbnails/13.jpg)
![Page 14: CSS Nite in GINZA Vol.50 ablogcms](https://reader034.vdocuments.site/reader034/viewer/2022042700/554b465cb4c905ff268b500c/html5/thumbnails/14.jpg)
2010.7.22 時点での公開可能事例 106件
394日 / 106件 = 3.7
![Page 15: CSS Nite in GINZA Vol.50 ablogcms](https://reader034.vdocuments.site/reader034/viewer/2022042700/554b465cb4c905ff268b500c/html5/thumbnails/15.jpg)
今回は特徴を5つ紹介
![Page 16: CSS Nite in GINZA Vol.50 ablogcms](https://reader034.vdocuments.site/reader034/viewer/2022042700/554b465cb4c905ff268b500c/html5/thumbnails/16.jpg)
閲覧だけでなく、追加・更新の機能も利用可能
マルチデバイス対応
JavaScriptの利用できないブラウザでもOK
![Page 17: CSS Nite in GINZA Vol.50 ablogcms](https://reader034.vdocuments.site/reader034/viewer/2022042700/554b465cb4c905ff268b500c/html5/thumbnails/17.jpg)
![Page 18: CSS Nite in GINZA Vol.50 ablogcms](https://reader034.vdocuments.site/reader034/viewer/2022042700/554b465cb4c905ff268b500c/html5/thumbnails/18.jpg)
スニペットやコードヒント
Dreamweaverとの連携
テンプレートの編集
管理ページのフォームを編集
![Page 19: CSS Nite in GINZA Vol.50 ablogcms](https://reader034.vdocuments.site/reader034/viewer/2022042700/554b465cb4c905ff268b500c/html5/thumbnails/19.jpg)
コーディング FTP サーバで確認ローカルで確認
静的なHTMLで作られているサイトの場合
![Page 20: CSS Nite in GINZA Vol.50 ablogcms](https://reader034.vdocuments.site/reader034/viewer/2022042700/554b465cb4c905ff268b500c/html5/thumbnails/20.jpg)
コーディング FTP サーバで確認ローカルで確認
の場合
同じ方法でメンテナンスが可能です
![Page 21: CSS Nite in GINZA Vol.50 ablogcms](https://reader034.vdocuments.site/reader034/viewer/2022042700/554b465cb4c905ff268b500c/html5/thumbnails/21.jpg)
プログラミング不要
![Page 22: CSS Nite in GINZA Vol.50 ablogcms](https://reader034.vdocuments.site/reader034/viewer/2022042700/554b465cb4c905ff268b500c/html5/thumbnails/22.jpg)
カスタムフィールドが凄い
![Page 23: CSS Nite in GINZA Vol.50 ablogcms](https://reader034.vdocuments.site/reader034/viewer/2022042700/554b465cb4c905ff268b500c/html5/thumbnails/23.jpg)
![Page 24: CSS Nite in GINZA Vol.50 ablogcms](https://reader034.vdocuments.site/reader034/viewer/2022042700/554b465cb4c905ff268b500c/html5/thumbnails/24.jpg)
![Page 25: CSS Nite in GINZA Vol.50 ablogcms](https://reader034.vdocuments.site/reader034/viewer/2022042700/554b465cb4c905ff268b500c/html5/thumbnails/25.jpg)
DEMO
![Page 26: CSS Nite in GINZA Vol.50 ablogcms](https://reader034.vdocuments.site/reader034/viewer/2022042700/554b465cb4c905ff268b500c/html5/thumbnails/26.jpg)
LPO機能
![Page 27: CSS Nite in GINZA Vol.50 ablogcms](https://reader034.vdocuments.site/reader034/viewer/2022042700/554b465cb4c905ff268b500c/html5/thumbnails/27.jpg)
サイト制作:株式会社マール
![Page 28: CSS Nite in GINZA Vol.50 ablogcms](https://reader034.vdocuments.site/reader034/viewer/2022042700/554b465cb4c905ff268b500c/html5/thumbnails/28.jpg)
![Page 29: CSS Nite in GINZA Vol.50 ablogcms](https://reader034.vdocuments.site/reader034/viewer/2022042700/554b465cb4c905ff268b500c/html5/thumbnails/29.jpg)
![Page 30: CSS Nite in GINZA Vol.50 ablogcms](https://reader034.vdocuments.site/reader034/viewer/2022042700/554b465cb4c905ff268b500c/html5/thumbnails/30.jpg)
![Page 31: CSS Nite in GINZA Vol.50 ablogcms](https://reader034.vdocuments.site/reader034/viewer/2022042700/554b465cb4c905ff268b500c/html5/thumbnails/31.jpg)
![Page 32: CSS Nite in GINZA Vol.50 ablogcms](https://reader034.vdocuments.site/reader034/viewer/2022042700/554b465cb4c905ff268b500c/html5/thumbnails/32.jpg)
DEMO
![Page 33: CSS Nite in GINZA Vol.50 ablogcms](https://reader034.vdocuments.site/reader034/viewer/2022042700/554b465cb4c905ff268b500c/html5/thumbnails/33.jpg)
もっと知りたい方
![Page 34: CSS Nite in GINZA Vol.50 ablogcms](https://reader034.vdocuments.site/reader034/viewer/2022042700/554b465cb4c905ff268b500c/html5/thumbnails/34.jpg)
![Page 35: CSS Nite in GINZA Vol.50 ablogcms](https://reader034.vdocuments.site/reader034/viewer/2022042700/554b465cb4c905ff268b500c/html5/thumbnails/35.jpg)
まとめ
![Page 36: CSS Nite in GINZA Vol.50 ablogcms](https://reader034.vdocuments.site/reader034/viewer/2022042700/554b465cb4c905ff268b500c/html5/thumbnails/36.jpg)
が、動くサーバは必要ですが、カスタマイズにプログラムを書く必要はありません。
Powered by
と
![Page 37: CSS Nite in GINZA Vol.50 ablogcms](https://reader034.vdocuments.site/reader034/viewer/2022042700/554b465cb4c905ff268b500c/html5/thumbnails/37.jpg)
を使って、管理ページの設定をするだけでWebサイトを作れます。
を使ってテンプレートと
![Page 38: CSS Nite in GINZA Vol.50 ablogcms](https://reader034.vdocuments.site/reader034/viewer/2022042700/554b465cb4c905ff268b500c/html5/thumbnails/38.jpg)
CSSのようにJavaScriptが書ける
![Page 39: CSS Nite in GINZA Vol.50 ablogcms](https://reader034.vdocuments.site/reader034/viewer/2022042700/554b465cb4c905ff268b500c/html5/thumbnails/39.jpg)
HTMLを書くだけでWebシステムが作れる
![Page 40: CSS Nite in GINZA Vol.50 ablogcms](https://reader034.vdocuments.site/reader034/viewer/2022042700/554b465cb4c905ff268b500c/html5/thumbnails/40.jpg)
制作者と運営者 どちらにもうれしい CMS