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

  • 7,983 views
Uploaded on

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

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

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
7,983
On Slideshare
0
From Embeds
0
Number of Embeds
4

Actions

Shares
Downloads
3
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

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