WCK Sessions Vol.7 で紹介した a-blog cms 2.1を活用したWeb制作のワークフロー のスライドです。

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

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

3. 2014年の 全国ツアー

8. 今日ご紹介する事
参加特典の紹介
「a-blog cms」の基本を紹介
アップルップルのWeb制作のワークフロー
の紹介
a-blog cms 2.1 新機能の紹介

9. 今日はどんな人が
参加してるの？

10. 職種
デザイナー
マークアップ
プログラマ
ディレクタ その他

11. その他
7%
プログラマ
4%
ディレクター
30%
マークアップ
30%
デザイナー
30%
職種
高知

12. HTML・CSS
得意できる苦手無理

13. 無理
20%
苦手
20%
できる
20%
得意
40%
HTML
CSS
高知

14. PHP
得意できる苦手無理

15. 無理
53%
苦手
27%
できる
20%
PHP
高知

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

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

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

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

20. top.html

21. index.html

22. entry.html

23. 用意された
スニペットやモジュール
の組み合わせでCMSを
カスタマイズしていきます。

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

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

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

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

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

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

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

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

36. phpの知識が無くても
カスタマイズ可能
WYSIWYGを利用しない
記事投稿フォーム
自由にデザインできる
カスタムフィールド
の3つの特徴

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

38. 2つのWebサイト制作方法
その前に

39. 2つのWebサイト制作方法
部分的にCMS化全体をCMS化

40. この部分をCMSで更新可能に

41. どれくらいで出来る？

42. Demo

43. 2つのWebサイト制作方法
部分的にCMS化全体をCMS化

47. 今のWeb制作のワークフロー

48. 設計 デザイン マークアップ CMS実装 登録
今のWeb制作のワークフロー
直列で順に作業するので時間がかかる
管理画面にアクセスできるのは随分後の方
…

49. Designing in the browser

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

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

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

53. CMSプロトタイピング

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

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

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

59. デザインとCMS実装
の並行作業
制作時間の短縮

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

62. CMSプロトタイプを見ながら
デザインができる
用意するカンプに漏れがなく
配置する要素も確実に分かる

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

67. 早いタイミングでの
データ登録が可能
クライアントさん自身に
登録してもらう事も可能

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

72. Q.お客様の反応は？
株式会社ゴーフィールド 山田さん

73. Q.利用して変わった事は？
株式会社ゴーフィールド 山田さん

74. Q.利用して変わった事は？ その2
株式会社ゴーフィールド 山田さん

76. ソーシャルログイン機能

77. 並列承認機能

78. 復活！カート機能

79. カスタムユニット

80. メディアユニット

81. まとめ

82. CMSプロトタイピング

83. HTML+CSSだけで
カスタマイズ可能

84. できそうな気がしませんか？

85. ありがとうございました！
まずは一度使ってみて下さい