有限会社アップルップル 山本 一道
山本 一道 -> @kazumich
1969年生まれ (45歳)
高校2年と中学2年と妻の4人家族
有限会社アップルップルの代表

(私を含め10人のWeb制作会社)
2014年の        全国ツアー
http://www.a-blogcms.jp/news/event/tour2014.html
http://www.appleple.com
http://wcan.jp
http://www.a-blogcms.jp
http://basecamp-nagoya.jp
今日ご紹介する事
参加特典の紹介
「a-blog cms」の基本を紹介
アップルップルのWeb制作のワークフロー
の紹介
a-blog cms 2.1 新機能の紹介
今日はどんな人が
参加してるの?
職種
デザイナー
マークアップ
プログラマ
ディレクタ その他
その他
27%
プログラマ
23%
ディレクター
23%
マークアップ
9%
デザイナー
18%
職種
東京
HTML・CSS
得意できる苦手無理
無理
5%
苦手
5%
できる
41%
得意
50%
HTML

CSS
東京
PHP
得意できる苦手無理
無理
35%
苦手
17%
できる
35%
得意
13%
PHP
東京
皆さんへの参加特典
Web制作会社向け
特別ライセンス
スタンダード版相当の機能とユーザー数
+ 1段階承認機能
+ サブドメイン
※自社ドメインでの利用の制限されます。
3つの特徴
マークアップエンジニアのための国産CMS
phpの知識が無くても
カスタマイズ可能
phpの知識が無くても
カスタマイズ可能
phpの知識が無くても
カスタマイズ可能
top.html
index.html
entry.html
用意された
スニペットやモジュール
の組み合わせでCMSを
カスタマイズしていきます。
WYSIWYGを利用しない
記事投稿フォーム
WYSIWYGを利用しない
記事投稿フォーム
WYSIWYGを利用しない
記事投稿フォーム
WYSIWYGを利用しない
記事投稿フォーム
Demo
自由にデザインできる
カスタムフィールド
自由にデザインできる
カスタムフィールド
自由にデザインできる
カスタムフィールド
自由にデザインできる
カスタムフィールド
Demo
phpの知識が無くても
カスタマイズ可能
WYSIWYGを利用しない
記事投稿フォーム
自由にデザインできる
カスタムフィールド
の3つの特徴
Web制作ワークフローの紹介
2つのWebサイト制作方法
その前に
2つのWebサイト制作方法
部分的にCMS化全体をCMS化
この部分をCMSで更新可能に
どれくらいで出来る?
Demo
2つのWebサイト制作方法
部分的にCMS化全体をCMS化
http://www.nucba.ac.jp
http://www.appleple.com
http://chiyo-katsumasa.com/
今のWeb制作のワークフロー
設計 デザイン マークアップ CMS実装 登録
今のWeb制作のワークフロー
直列で順に作業するので時間がかかる
管理画面にアクセスできるのは随分後の方
…
Designing in the browser
Designing in the browser
Photoshop等でカンプを作らずに
HTMLとCSSでコーディングして
完成形に近づけていく手法
私の出番は無いの?
アップルップルのやり方とは違うかな。
アップルップルのワークフロー
設計
デザイン マークアップ
CMS実装 登録
アップルップルのワークフロー
CMSプロトタイピング
CMSプロトタイピング
CMSの実装を先に行い、クライア
ントと早いタイミングから完成時
の管理画面や公開側のページ情報
を共有する開発手法
開発に専念してて



困った時だけお手伝い
設計
デザイン マークアップ
CMS実装 登録
アップルップルのワークフロー
設計
デザイン マークアップ
CMS実装 登録
アップルップルのワークフロー
デザインとCMS実装
の並行作業
制作時間の短縮
設計
デザイン マークアップ
CMS実装 登録
アップルップルのワークフロー
CMSプロトタイプを見ながら
デザインができる
用意するカンプに漏れがなく
配置する要素も確実に分かる
設計
デザイン マークアップ
CMS実装 登録
アップルップルのワークフロー
早いタイミングでの
データ登録が可能
クライアントさん自身に
登録してもらう事も可能
設計
デザイン マークアップ
CMS実装 登録
アップルップルのワークフロー
東京だけ特別に
http://www.cpi.ad.jp
http://www.cpi.ad.jp/cms/ablog_cms/gofield/
ソーシャルログイン機能
並列承認機能
復活!カート機能
カスタムユニット
メディアユニット
まとめ
CMSプロトタイピング
HTML+CSSだけで
カスタマイズ可能
できそうな気がしませんか?
ありがとうございました!
まずは一度使ってみて下さい
ablogcms2014tokyo
ablogcms2014tokyo
ablogcms2014tokyo
ablogcms2014tokyo
ablogcms2014tokyo
ablogcms2014tokyo
ablogcms2014tokyo
ablogcms2014tokyo
ablogcms2014tokyo
ablogcms2014tokyo
ablogcms2014tokyo
ablogcms2014tokyo
ablogcms2014tokyo
Upcoming SlideShare
Loading in …5
×

ablogcms2014tokyo

586 views

Published on

2014年7月5日にKDDIウェブコミュニケーションズ セミナールームで開催された「a-blog cms 勉強会 in 東京 2014 Summer」の中で発表した「a-blog cms 2.0を活用した新しいWeb制作のワークフロー」の発表用のスライドです。

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
586
On SlideShare
0
From Embeds
0
Number of Embeds
127
Actions
Shares
0
Downloads
2
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

ablogcms2014tokyo

  1. 1. 有限会社アップルップル 山本 一道
  2. 2. 山本 一道 -> @kazumich 1969年生まれ (45歳) 高校2年と中学2年と妻の4人家族 有限会社アップルップルの代表
 (私を含め10人のWeb制作会社)
  3. 3. 2014年の        全国ツアー http://www.a-blogcms.jp/news/event/tour2014.html
  4. 4. http://www.appleple.com
  5. 5. http://wcan.jp
  6. 6. http://www.a-blogcms.jp
  7. 7. http://basecamp-nagoya.jp
  8. 8. 今日ご紹介する事 参加特典の紹介 「a-blog cms」の基本を紹介 アップルップルのWeb制作のワークフロー の紹介 a-blog cms 2.1 新機能の紹介
  9. 9. 今日はどんな人が 参加してるの?
  10. 10. 職種 デザイナー マークアップ プログラマ ディレクタ その他
  11. 11. その他 27% プログラマ 23% ディレクター 23% マークアップ 9% デザイナー 18% 職種 東京
  12. 12. HTML・CSS 得意できる苦手無理
  13. 13. 無理 5% 苦手 5% できる 41% 得意 50% HTML
 CSS 東京
  14. 14. PHP 得意できる苦手無理
  15. 15. 無理 35% 苦手 17% できる 35% 得意 13% PHP 東京
  16. 16. 皆さんへの参加特典
  17. 17. Web制作会社向け 特別ライセンス スタンダード版相当の機能とユーザー数 + 1段階承認機能 + サブドメイン ※自社ドメインでの利用の制限されます。
  18. 18. 3つの特徴 マークアップエンジニアのための国産CMS
  19. 19. phpの知識が無くても カスタマイズ可能
  20. 20. phpの知識が無くても カスタマイズ可能
  21. 21. phpの知識が無くても カスタマイズ可能
  22. 22. top.html
  23. 23. index.html
  24. 24. entry.html
  25. 25. 用意された スニペットやモジュール の組み合わせでCMSを カスタマイズしていきます。
  26. 26. WYSIWYGを利用しない 記事投稿フォーム
  27. 27. WYSIWYGを利用しない 記事投稿フォーム
  28. 28. WYSIWYGを利用しない 記事投稿フォーム
  29. 29. WYSIWYGを利用しない 記事投稿フォーム Demo
  30. 30. 自由にデザインできる カスタムフィールド
  31. 31. 自由にデザインできる カスタムフィールド
  32. 32. 自由にデザインできる カスタムフィールド
  33. 33. 自由にデザインできる カスタムフィールド Demo
  34. 34. phpの知識が無くても カスタマイズ可能 WYSIWYGを利用しない 記事投稿フォーム 自由にデザインできる カスタムフィールド の3つの特徴
  35. 35. Web制作ワークフローの紹介
  36. 36. 2つのWebサイト制作方法 その前に
  37. 37. 2つのWebサイト制作方法 部分的にCMS化全体をCMS化
  38. 38. この部分をCMSで更新可能に
  39. 39. どれくらいで出来る?
  40. 40. Demo
  41. 41. 2つのWebサイト制作方法 部分的にCMS化全体をCMS化
  42. 42. http://www.nucba.ac.jp
  43. 43. http://www.appleple.com
  44. 44. http://chiyo-katsumasa.com/
  45. 45. 今のWeb制作のワークフロー
  46. 46. 設計 デザイン マークアップ CMS実装 登録 今のWeb制作のワークフロー 直列で順に作業するので時間がかかる 管理画面にアクセスできるのは随分後の方 …
  47. 47. Designing in the browser
  48. 48. Designing in the browser Photoshop等でカンプを作らずに HTMLとCSSでコーディングして 完成形に近づけていく手法 私の出番は無いの? アップルップルのやり方とは違うかな。
  49. 49. アップルップルのワークフロー
  50. 50. 設計 デザイン マークアップ CMS実装 登録 アップルップルのワークフロー
  51. 51. CMSプロトタイピング
  52. 52. CMSプロトタイピング CMSの実装を先に行い、クライア ントと早いタイミングから完成時 の管理画面や公開側のページ情報 を共有する開発手法 開発に専念してて 困った時だけお手伝い
  53. 53. 設計 デザイン マークアップ CMS実装 登録 アップルップルのワークフロー
  54. 54. 設計 デザイン マークアップ CMS実装 登録 アップルップルのワークフロー
  55. 55. デザインとCMS実装 の並行作業 制作時間の短縮
  56. 56. 設計 デザイン マークアップ CMS実装 登録 アップルップルのワークフロー
  57. 57. CMSプロトタイプを見ながら デザインができる 用意するカンプに漏れがなく 配置する要素も確実に分かる
  58. 58. 設計 デザイン マークアップ CMS実装 登録 アップルップルのワークフロー
  59. 59. 早いタイミングでの データ登録が可能 クライアントさん自身に 登録してもらう事も可能
  60. 60. 設計 デザイン マークアップ CMS実装 登録 アップルップルのワークフロー
  61. 61. 東京だけ特別に
  62. 62. http://www.cpi.ad.jp
  63. 63. http://www.cpi.ad.jp/cms/ablog_cms/gofield/
  64. 64. ソーシャルログイン機能
  65. 65. 並列承認機能
  66. 66. 復活!カート機能
  67. 67. カスタムユニット
  68. 68. メディアユニット
  69. 69. まとめ
  70. 70. CMSプロトタイピング
  71. 71. HTML+CSSだけで カスタマイズ可能
  72. 72. できそうな気がしませんか?
  73. 73. ありがとうございました! まずは一度使ってみて下さい

×