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の知識が無くてもカスタマイズ可能

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

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

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

index.html

company products news recruit contact

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フレームワークを活用したテンプレート制作のライブデモ

Technology