Webridge Meeting SP17 / a-blog cms 2.1を利用したWeb制作のワークフロー
Upcoming SlideShare
Loading in...5
×
 

Webridge Meeting SP17 / a-blog cms 2.1を利用したWeb制作のワークフロー

on

  • 544 views

Webridge Kagawa の Webridge Meeting SP17 いま知っておきたいWeb制作のトピックス というイベントでの発表スライドです。

Webridge Kagawa の Webridge Meeting SP17 いま知っておきたいWeb制作のトピックス というイベントでの発表スライドです。

Statistics

Views

Total Views
544
Views on SlideShare
358
Embed Views
186

Actions

Likes
0
Downloads
3
Comments
0

3 Embeds 186

https://cybozulive.com 109
http://kazumich.com 71
http://s.deeeki.com 6

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Webridge Meeting SP17 / a-blog cms 2.1を利用したWeb制作のワークフロー Webridge Meeting SP17 / a-blog cms 2.1を利用したWeb制作のワークフロー Presentation Transcript

  • 有限会社アップルップル 山本 一道 を活用した 新しいWeb制作の ワークフロー
  • 山本 一道 -> @kazumich 1969年生まれ (45歳) 高校2年と中学2年と妻の4人家族 有限会社アップルップルの代表
 (私を含め10人のWeb制作会社)
  • 2014年の        全国ツアー
  • 今日ご紹介する事 参加特典の紹介 「a-blog cms」の基本を紹介 アップルップルのWeb制作のワークフロー の紹介 a-blog cms 2.1 新機能の紹介
  • 今日はどんな人が 参加してるの?
  • 職種 デザイナー マークアップ プログラマ ディレクタ その他
  • その他 29% プログラマ 14% ディレクター 29% マークアップ 19% デザイナー 10% 職種 高松
  • HTML・CSS 得意できる苦手無理
  • 無理 10% 苦手 19% できる 57% 得意 14% HTML
 CSS 高松
  • PHP 得意できる苦手無理
  • 無理 62% 苦手 14% できる 19% 得意 5% PHP 高松
  • 仕事で使ってる聞いた事ある はじめて聞く 勉強中
  • はじめて 10% 聞いた事ある 43% 勉強 14% 仕事 33% 高松
  • 3つの特徴 マークアップエンジニアのための国産CMS
  • phpの知識が無くても カスタマイズ可能
  • phpの知識が無くても カスタマイズ可能
  • phpの知識が無くても カスタマイズ可能
  • top.html
  • index.html
  • entry.html
  • 用意された スニペットやモジュール の組み合わせでCMSを カスタマイズしていきます。
  • WYSIWYGを利用しない 記事投稿フォーム
  • WYSIWYGを利用しない 記事投稿フォーム
  • WYSIWYGを利用しない 記事投稿フォーム
  • WYSIWYGを利用しない 記事投稿フォーム Demo
  • 自由にデザインできる カスタムフィールド
  • 自由にデザインできる カスタムフィールド
  • 自由にデザインできる カスタムフィールド
  • 自由にデザインできる カスタムフィールド Demo
  • phpの知識が無くても カスタマイズ可能 WYSIWYGを利用しない 記事投稿フォーム 自由にデザインできる カスタムフィールド の3つの特徴
  • Web制作ワークフローの紹介
  • 2つのWebサイト制作方法 その前に
  • 2つのWebサイト制作方法 部分的にCMS化全体をCMS化
  • この部分をCMSで更新可能に
  • どれくらいで出来る?
  • Demo
  • 2つのWebサイト制作方法 部分的にCMS化全体をCMS化
  • 今のWeb制作のワークフロー
  • 設計 デザイン マークアップ CMS実装 登録 今のWeb制作のワークフロー 直列で順に作業するので時間がかかる 管理画面にアクセスできるのは随分後の方 …
  • Designing in the browser
  • Designing in the browser Photoshop等でカンプを作らずに HTMLとCSSでコーディングして 完成形に近づけていく手法 私の出番は無いの? アップルップルのやり方とは違うかな。
  • アップルップルのワークフロー
  • 設計 デザイン マークアップ CMS実装 登録 アップルップルのワークフロー
  • CMSプロトタイピング
  • CMSプロトタイピング CMSの実装を先に行い、クライア ントと早いタイミングから完成時 の管理画面や公開側のページ情報 を共有する開発手法 開発に専念してて  困った時だけお手伝い
  • 設計 デザイン マークアップ CMS実装 登録 アップルップルのワークフロー
  • 設計 デザイン マークアップ CMS実装 登録 アップルップルのワークフロー
  • デザインとCMS実装 の並行作業 制作時間の短縮
  • 設計 デザイン マークアップ CMS実装 登録 アップルップルのワークフロー
  • CMSプロトタイプを見ながら デザインができる 用意するカンプに漏れがなく 配置する要素も確実に分かる
  • 設計 デザイン マークアップ CMS実装 登録 アップルップルのワークフロー
  • 早いタイミングでの データ登録が可能 クライアントさん自身に 登録してもらう事も可能
  • 設計 デザイン マークアップ CMS実装 登録 アップルップルのワークフロー
  • アップルップルのワークフロー
  • ソーシャルログイン機能
  • 並列承認機能
  • 復活!カート機能
  • カスタムユニット
  • メディアユニット
  • まとめ
  • CMSプロトタイピング
  • HTML+CSSだけで カスタマイズ可能
  • できそうな気がしませんか?
  • ありがとうございました! まずは一度使ってみて下さい