SlideShare a Scribd company logo
有限会社アップルップル 山本 一道
を活用した
新しいWeb制作の
ワークフロー
山本 一道 -> @kazumich
1969年生まれ (45歳)
有限会社アップルップルの代表

(私を含め10人のWeb制作会社)
7年 / 川鉄情報システム株式会社

(現在:JFEシステムズ株式会社)
5年 / インターネットプロ東海株式会社
2年 / アップルップル
10年 / 有限会社アップルップル
a-blog cms 2.0 を活用した新しいWeb制作のワークフロー
a-blog cms 2.0 を活用した新しいWeb制作のワークフロー
a-blog cms 2.0 を活用した新しいWeb制作のワークフロー
a-blog cms 2.0 を活用した新しいWeb制作のワークフロー
今日ご紹介する事
参加特典の紹介
アップルップルの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%
HTML

CSS
無理
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フレームワークを活用した

テンプレート制作のライブデモ

More Related Content

PDF
Softlayer_bluemix-summit
PDF
Webridge Meeting SP17 / a-blog cms 2.1を利用したWeb制作のワークフロー
PPTX
CakePHP × 国産! baserCMS3の深化と今後の拡がり
PDF
自作サーバ同窓会スライド
PDF
PHPカンファレンス2014「baserCMSとベーサーマーケット」
PDF
WCAN 2014summer CSSフレームワークとCMSプロトタイプを使ったワークフローの効率化
PDF
BASE Apps紹介・活用セミナー
PDF
BPStudy#75 スマートWP 裏側のお話からリーンなアプローチまで
Softlayer_bluemix-summit
Webridge Meeting SP17 / a-blog cms 2.1を利用したWeb制作のワークフロー
CakePHP × 国産! baserCMS3の深化と今後の拡がり
自作サーバ同窓会スライド
PHPカンファレンス2014「baserCMSとベーサーマーケット」
WCAN 2014summer CSSフレームワークとCMSプロトタイプを使ったワークフローの効率化
BASE Apps紹介・活用セミナー
BPStudy#75 スマートWP 裏側のお話からリーンなアプローチまで

What's hot (12)

PDF
141214_paizaでpizzaもぐもぐ勉強会
PDF
駅すぱあとWebサービスにおけるAWSとその周辺
PPTX
20150110 concret5 baser_cms合同勉強会
PDF
ICTトラブルシューティングコンテスト LT資料
PDF
公開から4年間使ってきたbaserCMSをそろそろ本気でdisってみる(OSC2014福岡)
PPT
はてなブックマークの使い方
PDF
Amebaブログにアクセシビリティを定着させる土台作り
PDF
PHP実践 ~外部APIを使って情報を取得する~
PDF
How AMP Work?
PDF
【ご提案書】高機能Web会議ソフトを使った企業価値向上について
PPTX
5分で詰め込む フロントエンド最適化
PPTX
爆速フレームワークでREST APIを作った話
141214_paizaでpizzaもぐもぐ勉強会
駅すぱあとWebサービスにおけるAWSとその周辺
20150110 concret5 baser_cms合同勉強会
ICTトラブルシューティングコンテスト LT資料
公開から4年間使ってきたbaserCMSをそろそろ本気でdisってみる(OSC2014福岡)
はてなブックマークの使い方
Amebaブログにアクセシビリティを定着させる土台作り
PHP実践 ~外部APIを使って情報を取得する~
How AMP Work?
【ご提案書】高機能Web会議ソフトを使った企業価値向上について
5分で詰め込む フロントエンド最適化
爆速フレームワークでREST APIを作った話
Ad

Viewers also liked (15)

PDF
ユーザーにやさしい管理画面をつくるために。テーマ制作者ができること 初級編【WordCamp Kansai 2014】
PDF
concrete5で実践するリードナーチャリング
PDF
プロトタイプ時代の
WordPressテーマの作り方・考え方
PDF
これからのCMSマーケットトレンドとPHP (for fukuoka.php)
PDF
クライアントと同じ方向を向くという事
PDF
クライアントに感謝されるCMS導入のコツ
PDF
WordPressがつくりだすCSSを利用する 初級編
PDF
あなたがWordCamp Kansai 2014に行くべき5つの理由
PDF
町のウェブ屋があえて 「CMSの機能をダイエットする」 ことから提案する理由
PDF
WordCamp Kansai 2015 - WordPress.org フォーラム参加のススメ
PDF
Concrete5で運用をデザイン
PDF
フリーランスの事務机&お財布事情
KEY
エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜
PDF
これからのpre_get_postsの話をしよう
PDF
CMS導入で企業のWebサイト運営はこう変わる!
ユーザーにやさしい管理画面をつくるために。テーマ制作者ができること 初級編【WordCamp Kansai 2014】
concrete5で実践するリードナーチャリング
プロトタイプ時代の
WordPressテーマの作り方・考え方
これからのCMSマーケットトレンドとPHP (for fukuoka.php)
クライアントと同じ方向を向くという事
クライアントに感謝されるCMS導入のコツ
WordPressがつくりだすCSSを利用する 初級編
あなたがWordCamp Kansai 2014に行くべき5つの理由
町のウェブ屋があえて 「CMSの機能をダイエットする」 ことから提案する理由
WordCamp Kansai 2015 - WordPress.org フォーラム参加のススメ
Concrete5で運用をデザイン
フリーランスの事務机&お財布事情
エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜
これからのpre_get_postsの話をしよう
CMS導入で企業のWebサイト運営はこう変わる!
Ad

Similar to a-blog cms 2.0 を活用した新しいWeb制作のワークフロー (12)

PDF
TalkNote Vol.10 a-blog cms を活用した新しいWeb制作のワークフロー
PDF
WCK Sessions Vol.7 / a-blog cms 2.1を活用したWeb制作のワークフロー
PDF
a-blog cms 2.0 を活用した新しいWeb制作のワークフロー 札幌
PDF
ABC Wowds 2013 / Webデザイナーのためのフレームワーク a-blog cms 入門
PDF
ablogcms2014tokyo
PDF
第1回 CMS Fun Nagoya / a-blog cms 編
PDF
WDHA#038 CMS会議 AOMORI / a-blog cms 2.1を活用したWeb制作のワークフロー
PDF
マルチデバイス時代だからこそ a-blog cms 2.0
PDF
WDHA#29 a-blog cms
PDF
WordPressを"仕事"にするということ
PDF
中・大規模サイト作成業務フロー
TalkNote Vol.10 a-blog cms を活用した新しいWeb制作のワークフロー
WCK Sessions Vol.7 / a-blog cms 2.1を活用したWeb制作のワークフロー
a-blog cms 2.0 を活用した新しいWeb制作のワークフロー 札幌
ABC Wowds 2013 / Webデザイナーのためのフレームワーク a-blog cms 入門
ablogcms2014tokyo
第1回 CMS Fun Nagoya / a-blog cms 編
WDHA#038 CMS会議 AOMORI / a-blog cms 2.1を活用したWeb制作のワークフロー
マルチデバイス時代だからこそ a-blog cms 2.0
WDHA#29 a-blog cms
WordPressを"仕事"にするということ
中・大規模サイト作成業務フロー

More from Kazumich YAMAMOTO (16)

PDF
a-blog cms カスタマイズ中級編
PDF
a-blog cms「simple2016」で学ぶ カスタマイズ初級編
PDF
mixpanel と cms を活用した One to One マーケティング
PDF
Html5nagoya5 ablogcms
PDF
Techlion Vol.7 CMSを作って10年のappleple
PDF
Pasonatec Lightning Talk 20120128
PDF
PDF
PDF
WCAF Seminar vol.7 a-blog cms
PDF
CMSカフェ@東京 / a-blog cms
PDF
Talk Note Vol.1 a-blog cms
PDF
CSS Nite in Shizuoka Vol.1 Lightning Talk a-blog cms
PDF
Web屋の電子書籍の作り方 WCAN 2010 Autumn 4-C
PDF
PASONATECセミナーVol.4
KEY
kazumich@acmscamp2010spring
KEY
CSS Nite in TAKAMATSU / a-blog cms
a-blog cms カスタマイズ中級編
a-blog cms「simple2016」で学ぶ カスタマイズ初級編
mixpanel と cms を活用した One to One マーケティング
Html5nagoya5 ablogcms
Techlion Vol.7 CMSを作って10年のappleple
Pasonatec Lightning Talk 20120128
WCAF Seminar vol.7 a-blog cms
CMSカフェ@東京 / a-blog cms
Talk Note Vol.1 a-blog cms
CSS Nite in Shizuoka Vol.1 Lightning Talk a-blog cms
Web屋の電子書籍の作り方 WCAN 2010 Autumn 4-C
PASONATECセミナーVol.4
kazumich@acmscamp2010spring
CSS Nite in TAKAMATSU / a-blog cms

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