SlideShare a Scribd company logo
1 of 33
Download to read offline
SESSION - 1
わたしについて
▸
▸
▸
▸
1
▸
▸
とは
http://www.a-blogcms.jp/
http://ablogcms.io/
http://ablogcms.io/
一緒にインストールしてみましょう!
http://ablogcms.io/
スマホから

登録できる!!
2
▸
▸
HTMLのコメントタグ

のような記述が

動的コンテンツを出力する
▸
▸
Bootstrapの

テーマを使います
デモ
▸
▸
プログラマーの出番は

拡張したいとき
▸
▸
ブロックを1つずつ

追加していく
デモ


あとで!
▸
▸
カスタマイズ次第で

ドキュメントの削減が

できる
▸
▸
デモ
細かいスタイルは

スタイルガイドから




レイアウト機能
▸
Cookieを使ったパーソナライゼーション
3
▸
▸
▸
▸
▸
http://www.a-blogcms.jp/license/
ユーザー数を増やすオプションやサブドメイン
拡張オプションもあり
4
http://ablogcms.io/
ついに、書籍化!
http://camp2016.a-blogcms.jp/
実装のしかたと運用方法から選ぶ a-blog cms の紹介

More Related Content

Viewers also liked

Aztea Peaks 2006
Aztea Peaks 2006Aztea Peaks 2006
Aztea Peaks 2006ssorden
 
Mec 2006
Mec 2006Mec 2006
Mec 2006ssorden
 
SPI_Company_Presentation_August_2016
SPI_Company_Presentation_August_2016SPI_Company_Presentation_August_2016
SPI_Company_Presentation_August_2016Wilfred Tang
 
Tammy Jean Evans' Resume
Tammy Jean Evans' ResumeTammy Jean Evans' Resume
Tammy Jean Evans' ResumeTammy Evans
 
WCK Sessions Vol.7 / a-blog cms 2.1を活用したWeb制作のワークフロー
WCK Sessions Vol.7 / a-blog cms 2.1を活用したWeb制作のワークフローWCK Sessions Vol.7 / a-blog cms 2.1を活用したWeb制作のワークフロー
WCK Sessions Vol.7 / a-blog cms 2.1を活用したWeb制作のワークフローKazumich YAMAMOTO
 
a-blog cms の基本 福岡版
a-blog cms の基本 福岡版a-blog cms の基本 福岡版
a-blog cms の基本 福岡版Kasumi Morita
 
WDHA#038 CMS会議 AOMORI / a-blog cms 2.1を活用したWeb制作のワークフロー
WDHA#038 CMS会議 AOMORI / a-blog cms 2.1を活用したWeb制作のワークフローWDHA#038 CMS会議 AOMORI / a-blog cms 2.1を活用したWeb制作のワークフロー
WDHA#038 CMS会議 AOMORI / a-blog cms 2.1を活用したWeb制作のワークフローKazumich YAMAMOTO
 
a-blog cms の基本 Ver.Kochi
a-blog cms の基本 Ver.Kochia-blog cms の基本 Ver.Kochi
a-blog cms の基本 Ver.KochiKasumi Morita
 
第1回 CMS Fun Nagoya / a-blog cms 編
第1回 CMS Fun Nagoya / a-blog cms 編第1回 CMS Fun Nagoya / a-blog cms 編
第1回 CMS Fun Nagoya / a-blog cms 編Kazumich YAMAMOTO
 
a-blog cms の2016年版新テーマについて
a-blog cms の2016年版新テーマについてa-blog cms の2016年版新テーマについて
a-blog cms の2016年版新テーマについてKasumi Morita
 
Engaged Learning
Engaged LearningEngaged Learning
Engaged Learningssorden
 
a-blog cmsをVer.1系からVer.2系へアップデートするときに気をつけておきたいこと
a-blog cmsをVer.1系からVer.2系へアップデートするときに気をつけておきたいことa-blog cmsをVer.1系からVer.2系へアップデートするときに気をつけておきたいこと
a-blog cmsをVer.1系からVer.2系へアップデートするときに気をつけておきたいことKasumi Morita
 
a-blog cms 2.0 を活用した新しいWeb制作のワークフロー 札幌
a-blog cms 2.0 を活用した新しいWeb制作のワークフロー 札幌a-blog cms 2.0 を活用した新しいWeb制作のワークフロー 札幌
a-blog cms 2.0 を活用した新しいWeb制作のワークフロー 札幌Kazumich YAMAMOTO
 
a-blog cms ってどんなCMS?
a-blog cms ってどんなCMS?a-blog cms ってどんなCMS?
a-blog cms ってどんなCMS?Kasumi Morita
 
もっと使いやすくなる a-blog cms の更新方法カスタマイズ
もっと使いやすくなる a-blog cms の更新方法カスタマイズもっと使いやすくなる a-blog cms の更新方法カスタマイズ
もっと使いやすくなる a-blog cms の更新方法カスタマイズKasumi Morita
 
Delbert Aud Resume Work History
Delbert Aud Resume Work HistoryDelbert Aud Resume Work History
Delbert Aud Resume Work HistoryDelbert Aud
 
a-blog cmsの2015年版の基本テーマを 使ったカスタマイズのポイント
a-blog cmsの2015年版の基本テーマを 使ったカスタマイズのポイントa-blog cmsの2015年版の基本テーマを 使ったカスタマイズのポイント
a-blog cmsの2015年版の基本テーマを 使ったカスタマイズのポイントKasumi Morita
 

Viewers also liked (20)

Aztea Peaks 2006
Aztea Peaks 2006Aztea Peaks 2006
Aztea Peaks 2006
 
Mec 2006
Mec 2006Mec 2006
Mec 2006
 
SPI_Company_Presentation_August_2016
SPI_Company_Presentation_August_2016SPI_Company_Presentation_August_2016
SPI_Company_Presentation_August_2016
 
portfolio2015
portfolio2015portfolio2015
portfolio2015
 
Kti istik analiza
Kti istik analizaKti istik analiza
Kti istik analiza
 
Courses for children
Courses for childrenCourses for children
Courses for children
 
Tammy Jean Evans' Resume
Tammy Jean Evans' ResumeTammy Jean Evans' Resume
Tammy Jean Evans' Resume
 
WCK Sessions Vol.7 / a-blog cms 2.1を活用したWeb制作のワークフロー
WCK Sessions Vol.7 / a-blog cms 2.1を活用したWeb制作のワークフローWCK Sessions Vol.7 / a-blog cms 2.1を活用したWeb制作のワークフロー
WCK Sessions Vol.7 / a-blog cms 2.1を活用したWeb制作のワークフロー
 
a-blog cms の基本 福岡版
a-blog cms の基本 福岡版a-blog cms の基本 福岡版
a-blog cms の基本 福岡版
 
WDHA#038 CMS会議 AOMORI / a-blog cms 2.1を活用したWeb制作のワークフロー
WDHA#038 CMS会議 AOMORI / a-blog cms 2.1を活用したWeb制作のワークフローWDHA#038 CMS会議 AOMORI / a-blog cms 2.1を活用したWeb制作のワークフロー
WDHA#038 CMS会議 AOMORI / a-blog cms 2.1を活用したWeb制作のワークフロー
 
a-blog cms の基本 Ver.Kochi
a-blog cms の基本 Ver.Kochia-blog cms の基本 Ver.Kochi
a-blog cms の基本 Ver.Kochi
 
第1回 CMS Fun Nagoya / a-blog cms 編
第1回 CMS Fun Nagoya / a-blog cms 編第1回 CMS Fun Nagoya / a-blog cms 編
第1回 CMS Fun Nagoya / a-blog cms 編
 
a-blog cms の2016年版新テーマについて
a-blog cms の2016年版新テーマについてa-blog cms の2016年版新テーマについて
a-blog cms の2016年版新テーマについて
 
Engaged Learning
Engaged LearningEngaged Learning
Engaged Learning
 
a-blog cmsをVer.1系からVer.2系へアップデートするときに気をつけておきたいこと
a-blog cmsをVer.1系からVer.2系へアップデートするときに気をつけておきたいことa-blog cmsをVer.1系からVer.2系へアップデートするときに気をつけておきたいこと
a-blog cmsをVer.1系からVer.2系へアップデートするときに気をつけておきたいこと
 
a-blog cms 2.0 を活用した新しいWeb制作のワークフロー 札幌
a-blog cms 2.0 を活用した新しいWeb制作のワークフロー 札幌a-blog cms 2.0 を活用した新しいWeb制作のワークフロー 札幌
a-blog cms 2.0 を活用した新しいWeb制作のワークフロー 札幌
 
a-blog cms ってどんなCMS?
a-blog cms ってどんなCMS?a-blog cms ってどんなCMS?
a-blog cms ってどんなCMS?
 
もっと使いやすくなる a-blog cms の更新方法カスタマイズ
もっと使いやすくなる a-blog cms の更新方法カスタマイズもっと使いやすくなる a-blog cms の更新方法カスタマイズ
もっと使いやすくなる a-blog cms の更新方法カスタマイズ
 
Delbert Aud Resume Work History
Delbert Aud Resume Work HistoryDelbert Aud Resume Work History
Delbert Aud Resume Work History
 
a-blog cmsの2015年版の基本テーマを 使ったカスタマイズのポイント
a-blog cmsの2015年版の基本テーマを 使ったカスタマイズのポイントa-blog cmsの2015年版の基本テーマを 使ったカスタマイズのポイント
a-blog cmsの2015年版の基本テーマを 使ったカスタマイズのポイント
 

More from Kasumi Morita

UIの色のコントラスト比十分ですか?
UIの色のコントラスト比十分ですか?UIの色のコントラスト比十分ですか?
UIの色のコントラスト比十分ですか?Kasumi Morita
 
a-blog cms Training Camp 2019 spring
a-blog cms Training Camp 2019 springa-blog cms Training Camp 2019 spring
a-blog cms Training Camp 2019 springKasumi Morita
 
最近よく聞くブロックタイプエディタを
CMSごとに調べてみた
最近よく聞くブロックタイプエディタを
CMSごとに調べてみた最近よく聞くブロックタイプエディタを
CMSごとに調べてみた
最近よく聞くブロックタイプエディタを
CMSごとに調べてみたKasumi Morita
 
a-blog cms が与える体験
a-blog cms が与える体験a-blog cms が与える体験
a-blog cms が与える体験Kasumi Morita
 
変化し続けるウェブ技術を追うためには
変化し続けるウェブ技術を追うためには変化し続けるウェブ技術を追うためには
変化し続けるウェブ技術を追うためにはKasumi Morita
 
エンジニアがUiデザインにちょっとだけ貢献する
エンジニアがUiデザインにちょっとだけ貢献するエンジニアがUiデザインにちょっとだけ貢献する
エンジニアがUiデザインにちょっとだけ貢献するKasumi Morita
 
a-blog cms 2017年テーマの紹介
a-blog cms 2017年テーマの紹介a-blog cms 2017年テーマの紹介
a-blog cms 2017年テーマの紹介Kasumi Morita
 
コーディングしながらデザインルールをドキュメント化してみた
コーディングしながらデザインルールをドキュメント化してみたコーディングしながらデザインルールをドキュメント化してみた
コーディングしながらデザインルールをドキュメント化してみたKasumi Morita
 
エンジニアのためのプレゼンテクニック
エンジニアのためのプレゼンテクニックエンジニアのためのプレゼンテクニック
エンジニアのためのプレゼンテクニックKasumi Morita
 
数が増えてもこわくない!Quantity Queries の紹介
数が増えてもこわくない!Quantity Queries の紹介数が増えてもこわくない!Quantity Queries の紹介
数が増えてもこわくない!Quantity Queries の紹介Kasumi Morita
 
とってもシンプルなスライダーのjQueryプラグイン作りました
とってもシンプルなスライダーのjQueryプラグイン作りましたとってもシンプルなスライダーのjQueryプラグイン作りました
とってもシンプルなスライダーのjQueryプラグイン作りましたKasumi Morita
 
1から始めるAMP対応
1から始めるAMP対応1から始めるAMP対応
1から始めるAMP対応Kasumi Morita
 
Sassを使いこなそう
Sassを使いこなそうSassを使いこなそう
Sassを使いこなそうKasumi Morita
 
マークアップを体験するためのツールの使い方
マークアップを体験するためのツールの使い方マークアップを体験するためのツールの使い方
マークアップを体験するためのツールの使い方Kasumi Morita
 
a-blog cms でAMPに対応する
a-blog cms でAMPに対応するa-blog cms でAMPに対応する
a-blog cms でAMPに対応するKasumi Morita
 
マークアップって重要なの?あなたへ伝えたいマークアップの大切さ
マークアップって重要なの?あなたへ伝えたいマークアップの大切さマークアップって重要なの?あなたへ伝えたいマークアップの大切さ
マークアップって重要なの?あなたへ伝えたいマークアップの大切さKasumi Morita
 
マークアップの最適解を
見つけ出す方法
マークアップの最適解を
見つけ出す方法マークアップの最適解を
見つけ出す方法
マークアップの最適解を
見つけ出す方法Kasumi Morita
 
絵本を作って感じたSVGの良いところとつまずいたところ
絵本を作って感じたSVGの良いところとつまずいたところ絵本を作って感じたSVGの良いところとつまずいたところ
絵本を作って感じたSVGの良いところとつまずいたところKasumi Morita
 
ユニットリストのおすすめの使い方
ユニットリストのおすすめの使い方ユニットリストのおすすめの使い方
ユニットリストのおすすめの使い方Kasumi Morita
 
CSSできる SVGアニメーション
CSSできる SVGアニメーションCSSできる SVGアニメーション
CSSできる SVGアニメーションKasumi Morita
 

More from Kasumi Morita (20)

UIの色のコントラスト比十分ですか?
UIの色のコントラスト比十分ですか?UIの色のコントラスト比十分ですか?
UIの色のコントラスト比十分ですか?
 
a-blog cms Training Camp 2019 spring
a-blog cms Training Camp 2019 springa-blog cms Training Camp 2019 spring
a-blog cms Training Camp 2019 spring
 
最近よく聞くブロックタイプエディタを
CMSごとに調べてみた
最近よく聞くブロックタイプエディタを
CMSごとに調べてみた最近よく聞くブロックタイプエディタを
CMSごとに調べてみた
最近よく聞くブロックタイプエディタを
CMSごとに調べてみた
 
a-blog cms が与える体験
a-blog cms が与える体験a-blog cms が与える体験
a-blog cms が与える体験
 
変化し続けるウェブ技術を追うためには
変化し続けるウェブ技術を追うためには変化し続けるウェブ技術を追うためには
変化し続けるウェブ技術を追うためには
 
エンジニアがUiデザインにちょっとだけ貢献する
エンジニアがUiデザインにちょっとだけ貢献するエンジニアがUiデザインにちょっとだけ貢献する
エンジニアがUiデザインにちょっとだけ貢献する
 
a-blog cms 2017年テーマの紹介
a-blog cms 2017年テーマの紹介a-blog cms 2017年テーマの紹介
a-blog cms 2017年テーマの紹介
 
コーディングしながらデザインルールをドキュメント化してみた
コーディングしながらデザインルールをドキュメント化してみたコーディングしながらデザインルールをドキュメント化してみた
コーディングしながらデザインルールをドキュメント化してみた
 
エンジニアのためのプレゼンテクニック
エンジニアのためのプレゼンテクニックエンジニアのためのプレゼンテクニック
エンジニアのためのプレゼンテクニック
 
数が増えてもこわくない!Quantity Queries の紹介
数が増えてもこわくない!Quantity Queries の紹介数が増えてもこわくない!Quantity Queries の紹介
数が増えてもこわくない!Quantity Queries の紹介
 
とってもシンプルなスライダーのjQueryプラグイン作りました
とってもシンプルなスライダーのjQueryプラグイン作りましたとってもシンプルなスライダーのjQueryプラグイン作りました
とってもシンプルなスライダーのjQueryプラグイン作りました
 
1から始めるAMP対応
1から始めるAMP対応1から始めるAMP対応
1から始めるAMP対応
 
Sassを使いこなそう
Sassを使いこなそうSassを使いこなそう
Sassを使いこなそう
 
マークアップを体験するためのツールの使い方
マークアップを体験するためのツールの使い方マークアップを体験するためのツールの使い方
マークアップを体験するためのツールの使い方
 
a-blog cms でAMPに対応する
a-blog cms でAMPに対応するa-blog cms でAMPに対応する
a-blog cms でAMPに対応する
 
マークアップって重要なの?あなたへ伝えたいマークアップの大切さ
マークアップって重要なの?あなたへ伝えたいマークアップの大切さマークアップって重要なの?あなたへ伝えたいマークアップの大切さ
マークアップって重要なの?あなたへ伝えたいマークアップの大切さ
 
マークアップの最適解を
見つけ出す方法
マークアップの最適解を
見つけ出す方法マークアップの最適解を
見つけ出す方法
マークアップの最適解を
見つけ出す方法
 
絵本を作って感じたSVGの良いところとつまずいたところ
絵本を作って感じたSVGの良いところとつまずいたところ絵本を作って感じたSVGの良いところとつまずいたところ
絵本を作って感じたSVGの良いところとつまずいたところ
 
ユニットリストのおすすめの使い方
ユニットリストのおすすめの使い方ユニットリストのおすすめの使い方
ユニットリストのおすすめの使い方
 
CSSできる SVGアニメーション
CSSできる SVGアニメーションCSSできる SVGアニメーション
CSSできる SVGアニメーション