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

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

3. 2014年の 全国ツアー

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

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

10. 今日ご紹介する事
参加特典の紹介
マークアップエンジニアのための国産CMS
「a-blog cms」の基本を紹介
アップルップルのWeb制作のワークフロー
の紹介
a-blog cms 2.1 新機能の紹介

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

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

13. その他
50%
ディレクター
14%
マークアップ
9%
デザイナー
27%
職種
静岡

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

15. 無理
11%苦手
5%
できる
58%
得意
26%
HTML
CSS
静岡

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

17. 無理
52%
苦手
19%
できる
19%
得意
10%
PHP
静岡

18. 皆さんへの参加特典

20. Web制作会社向け
特別ライセンス
スタンダード版相当の機能とユーザー数
+ 1段階承認機能
+ サブドメイン
※自社ドメインでの利用の制限されます。

22. Web制作会社向け
特別ライセンス
スタンダード版相当の機能とユーザー数
+ 1段階承認機能
+ サブドメイン
名刺を1枚私に下さい。後日連絡します。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

41. Demo

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

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

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

48. Designing in the browser

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

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

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

52. CMSプロトタイピング

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

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

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

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

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

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

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

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

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

63. 並列承認機能

64. 復活！カート機能

65. カスタムユニット

66. メディアユニット

67. まとめ

68. CMSプロトタイピング

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

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

71. 2014.6.23
Fifth Anniversary

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