2014年5月24日にTAM Coworkingで開催された初心者向け a-blog cms 勉強会 in 大阪で発表した際のスライドです。

1. 有限会社アップルップル 山本 一道
を活用した
新しいWeb制作の
ワークフロー

2. 山本 一道 -> @kazumich
1969年生まれ (45歳)
有限会社アップルップルの代表
（私を含め10人のWeb制作会社）

3. 7年 / 川鉄情報システム株式会社
（現在：JFEシステムズ株式会社）
5年 / インターネットプロ東海株式会社
2年 / アップルップル
10年 / 有限会社アップルップル

8. 今日ご紹介する事
参加特典の紹介
アップルップルのWeb制作のワークフロー
の紹介
マークアップエンジニアのための国産CMS
「a-blog cms」の基本を紹介
CSSフレームワークを活用したテンプレー
ト制作のライブデモ

9. Web制作ワークフローの紹介

10. 設計 デザイン マークアップ CMS実装 登録
今のWeb制作のワークフロー
直列で順に作業するので時間がかかる
管理画面にアクセスできるのは最終行程
行程の最終行程になり

11. アップルップルのワークフロー

12. Designing in the browser
Photoshop等でカンプを作らずに
HTMLとCSSでコーディングして
完成形に近づけていく手法
私の出番は無いの？
アップルップルのやり方とは違うかな。

13. 設計 デザイン マークアップ 登録
アップルップルのワークフロー
僕の出番は無いの？

14. CMSプロトタイピング
CMSの実装を先に行い、クライア
ントと早いタイミングから完成時
の管理画面や公開側のページ情報
を共有する開発手法
開発に専念してて
困った時だけお手伝い

15. 設計
デザイン マークアップ
CMS実装 登録
アップルップルのワークフロー

16. アップルップルのワークフロー
並行作業により制作時間が短縮できる
PHPやPerlが得意なエンジニアがいなくても制作が
可能
用意するカンプに漏れがなく、配置する要素も確実
に分かる
納期直前で必要な人材がマークアップエンジニアに
なり助っ人の用意も容易
クライアントに早いタイミングでCMSを利用しても
らえる

17. 基本

18. その他
18%
プログラマ
6%
ディレクター
29%
マークアップ
24%
デザイナー
24%
職種

19. 無理
9%苦手
9%
できる
27%
得意
55%
HTML
CSS

20. 無理
45%
苦手
45%
得意
9%
PHP

21. 特徴
マークアップエンジニアのための国産CMS

22. phpの知識が無くても
カスタマイズ可能

23. phpの知識が無くても
カスタマイズ可能

24. phpの知識が無くても
カスタマイズ可能

25. WYSIWYGを利用しない
記事投稿フォーム

26. WYSIWYGを利用しない
記事投稿フォーム

27. WYSIWYGを利用しない
記事投稿フォーム

28. 自由にデザインできる
カスタムフィールド

29. 自由にデザインできる
カスタムフィールド

30. 自由にデザインできる
カスタムフィールド

31. 静的サイトと同様に作る
事が出来るテンプレート

32. index.html
company products news recruit contact

33. recruit
index.html
recruit1.html recruit2.html recruit3.html

34. recruit
index.html
recruit1.html recruit2.html recruit3.html

35. recruit
一覧ページ
index.html
詳細ページ
entry.html

36. top.html
company products news recruit contact
index.html
entry.html

37. top.html
company products news contactrecruit
index.html entry.html

38. top.html
company products news contact
index.html entry.html
index.html

39. マルチデバイス対応

40. マルチデバイス対応

41. マルチデバイス対応
投稿用 iOSアプリ
も便利です。

42. この後は、
CSSフレームワークを活用した
テンプレート制作のライブデモ