a-blog cms 2.0 を活用した新しいweb制作のワークフロー

有限会社アップルップル 山本 一道

を活用した 新しいWeb制作の ワークフロー

山本 一道 -> @kazumich

1969年生まれ (45歳)

有限会社アップルップルの代表（私を含め10人のWeb制作会社）

7年 / 川鉄情報システム株式会社（現在：JFEシステムズ株式会社）

5年 / インターネットプロ東海株式会社

2年 / アップルップル

10年 / 有限会社アップルップル

今日ご紹介する事

参加特典の紹介

アップルップルのWeb制作のワークフローの紹介

マークアップエンジニアのための国産CMS「a-blog cms」の基本を紹介

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

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

設計 デザイン マークアップ CMS実装 登録

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

直列で順に作業するので時間がかかる

管理画面にアクセスできるのは最終行程

行程の最終行程になり

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

Designing in the browser

Photoshop等でカンプを作らずにHTMLとCSSでコーディングして 完成形に近づけていく手法

私の出番は無いの？

アップルップルのやり方とは違うかな。

設計 デザイン マークアップ 登録

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

僕の出番は無いの？

CMSプロトタイピング

CMSの実装を先に行い、クライアントと早いタイミングから完成時の管理画面や公開側のページ情報を共有する開発手法

開発に専念してて� � 困った時だけお手伝い

設計

デザイン マークアップ

CMS実装 登録

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

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

並行作業により制作時間が短縮できる

PHPやPerlが得意なエンジニアがいなくても制作が可能

用意するカンプに漏れがなく、配置する要素も確実に分かる

納期直前で必要な人材がマークアップエンジニアになり助っ人の用意も容易

クライアントに早いタイミングでCMSを利用してもらえる

基本

その他 18%

プログラマ 6%

ディレクター 29%

マークアップ 24%

デザイナー 24%

職種

無理 9%苦手

9%

できる 27%

得意 55%

HTMLCSS

無理 45%

苦手 45%

得意 9%

PHP

特徴

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

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

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

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

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

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

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

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

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

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

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

index.html

company products news recruit contact

recruit

index.html

recruit1.html recruit2.html recruit3.html

recruit

index.html

recruit1.html recruit2.html recruit3.html

recruit

一覧ページ index.html

詳細ページ entry.html

top.html

company products news recruit contact

index.html

entry.html

top.html

company products news contactrecruit

index.html entry.html

top.html

company products news contact

index.html entry.html

index.html

マルチデバイス対応

マルチデバイス対応

マルチデバイス対応

投稿用 iOSアプリ も便利です。

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