Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

これから concrete5 を始める Web 制作者に伝えたい concrete5 と WordPress ここが一緒、ここが違う!

752 views

Published on

『世界一わかりやすい concrete5導入とサイト制作の教科書』が出版され、これから concrete5 を始めてみようと言う Web 制作者も多いと思います。おそらく多くのWeb制作者が唯一使ったことのあるCMSが、言わずと知れた世界No.1シェアオープンソースCMS「WordPress」でしょう。concrete5 と WordPress は、実は似ている様でかなり違います!同じと思って始めると、「なんか使いにくい…ダメだこりゃ」と感じてしまう。これはもったいないことです!それぞれの CMS には、それぞれの設計思想があります。あらかじめ違いを知っておくことで不幸なすれ違いをなくしましょう!

Published in: Technology
  • Login to see the comments

これから concrete5 を始める Web 制作者に伝えたい concrete5 と WordPress ここが一緒、ここが違う!

  1. 1. concrete5とWordPress ここが一緒、ここが違う! これから concrete5 を始める Web 制作者に伝えたい Takuro Hishikawa 世界一わかりやすい教科書シリーズ 世界一わかりやすい concrete5導入とサイト制作の教科書 庄司早香,菱川拓郎 著,コンクリートファイブジャパン株式会社 監修 B5判/288ページ 定価(本体3,280円+税) ISBN 978-4-7741-9651-0 https://gihyo.jp/book/2018/978-4-7741-9651-0 好評発売中!
  2. 2. concrete5 vs WordPress WordPressとは? • 言わずと知れた世界No.1シェアオープンソースCMS • おそらく多くのWeb制作者が唯一使ったことのあるCMS • しかしシェアが圧倒的すぎて他のCMSもWordPressと同じと思ってしまう • concrete5はWordPressとかなり違う!同じと思って始めると、「なんか使いにくい… ダメだこりゃ」と思って止めてしまう。もったいない! • あらかじめ違いを知っておくことで不幸なすれ違いをなくそう
  3. 3. concrete5 vs WordPress concrete5とは? • 2003年生まれのエンタープライズ向け有償CMS • 2008年にオープンソース化!MITライセンスで誰でも使える様に • ドラッグ&ドロップの直感的操作と、豊富な機能、カスタマイズのしやすさを兼ね備え た注目のCMS!
  4. 4. concrete5 vs WordPress 自己紹介 • 菱川拓郎
 コンクリートファイブジャパン株式会社
 代表取締役 • 『世界一わかりやすいconcrete5導入と
 サイト制作の教科書』監修(一部執筆) • 『エンジニアのためのWordPress開発入 門』共著者 法人向け公式 サポート企業です! WordPressも好き! WordPressの本も書いてます! CMSはconcrete5が初 めて!と言う方にも!
  5. 5. CONCRETE5 と WORDPRESS ここは一緒!
  6. 6. concrete5 vs WordPress プログラミング言語 PHPPHP 一緒!
  7. 7. Movable Type vs concrete5 データベース MySQLMySQL 一緒!
  8. 8. concrete5 vs WordPress 配信方法 動的動的 一緒! ※物理的なHTMLファイルを事前に生成せず、リクエストに対して都度レスポンスを返すことを動的と表現しています。
  9. 9. concrete5 vs WordPress 機能拡張方法 プラグインの インストール アドオンの
 インストール 一緒!
  10. 10. こわくない
  11. 11. CONCRETE5とWORDPRESS ここが違う!
  12. 12. concrete5 vs WordPress コンテンツの単位 ブログ記事ページ タイトル 本文 タクソノミー カスタムフィールド エリア エリア グローバルエリア ブロック ブロック ブロック ブロック ブロックをエリア に配置! 記事と付加情報の 組み合わせ
  13. 13. concrete5 vs WordPress コンテンツの単位 ブログ記事ページ タイトル 本文 タクソノミー カスタムフィールド エリア エリア グローバルエリア ブロック ブロック ブロック ブロック ブロックをエリア に配置! 記事と付加情報の 組み合わせ ブロックをドラッグ&ド ロップで移動
  14. 14. concrete5 vs WordPress コンテンツの単位 ブログ記事ページ タイトル 本文 タクソノミー カスタムフィールド エリア エリア グローバルエリア ブロック ブロック ブロック ブロック ブロックをエリア に配置! 記事と付加情報の 組み合わせ ブロックをドラッグ&ド ロップで移動 エリアをまたいだ 移動も可能
  15. 15. バージョン5.0からは、WordPress もブロック型CMSになる?
  16. 16. concrete5 vs WordPress ブロック型CMSとブロック型エディタは違う ブログ記事ページ タイトル タクソノミー カスタムフィールド エリア エリア グローバルエリア ブロック ブロック ブロック ブロック TinyMCEエディタ テキスト主体の Word風エディタ
  17. 17. concrete5 vs WordPress ブロック型CMSとブロック型エディタは違う ブログ記事ページ タイトル タクソノミー カスタムフィールド エリア エリア グローバルエリア ブロック ブロック ブロック ブロック Gutenbergエディタ 画像ギャラリーやメディア の埋め込みがしやすい 新しいエディタ
  18. 18. concrete5 vs WordPress ブロック型CMSとブロック型エディタは違う ブログ記事ページ タイトル タクソノミー カスタムフィールド エリア エリア グローバルエリア ブロック ブロック ブロック ブロック Gutenbergエディタ 画像ギャラリーやメディア の埋め込みがしやすい 新しいエディタ テキスト主体の Word風エディタ YouTube動画 最新記事 シェアボタン
  19. 19. concrete5 vs WordPress CONCRETE5らしいブロックたち∼記事 • ページ内のテキストを、編集画面に移 動せず「そのまま」編集(人気のオー プンソースエディタCKEditorのインラ イン編集機能を採用) • 表組みや画像の埋め込みなど、エディ タとしての機能も必要十分 • プレビューとエディタを行ったり来た りのストレスから解放
  20. 20. concrete5 vs WordPress CONCRETE5らしいブロックたち∼ページリスト • 表示件数、表示するコンテンツの種別、 日付やカテゴリーでの絞り込み、並び 順など、様々な条件でページの一覧を 表示できるブロック。 • 新着情報や関連記事などに使用。 • 画面上で完結。query_posts() とか書 く必要なし!
  21. 21. concrete5 vs WordPress CONCRETE5らしいブロックたち∼オートナビ • サイトマップのツリー構造をページに 表示できるブロック。サイトマップ構 造の変更が自動で反映されるナビゲー ション、だから「オートナビ」 • ヘッダーに置いてグローバルナビに。 サイドバーにおいて隣り合ったコンテ ンツを表示するローカルナビに。階層 の深いコンテンツの目次として。 • とにかく超便利
  22. 22. concrete5 vs WordPress CONCRETE5らしいブロックたち∼カレンダー • ブロックはミニアプリケーションとし ての側面も。高機能なブロックも多数 搭載。 • 8.3からの新ブロック「カレンダー」 は、営業日カレンダー、セミナーや行 事などの予定カレンダーなど幅広く使 える優れもの カレンダー機能が標準搭載!営業日カレンダーや会議室予約も無料で簡単に作成できます。 https://concrete5.co.jp/blog/calendar-use-case
  23. 23. concrete5 vs WordPress デザインカスタマイズ方法 テーマの作成 テーマの作成 ブロックテンプレート の作成 +
  24. 24. concrete5 vs WordPress デザインカスタマイズ方法 テーマの作成 テーマの作成 ブロックテンプレート の作成 + テーマはエリアのレ イアウトを規定
  25. 25. concrete5 vs WordPress デザインカスタマイズ方法 テーマの作成 テーマの作成 ブロックテンプレート の作成 + テーマはエリアのレ イアウトを規定 ブロックの見た目を規定
  26. 26. concrete5 vs WordPress デザインカスタマイズ方法 テーマの作成 テーマの作成 ブロックテンプレート の作成 + テーマはエリアのレ イアウトを規定 ブロックの見た目を規定 エディタで編集できる こと以外はほぼ全て規定
  27. 27. concrete5 vs WordPress デザインカスタマイズ方法 テーマの作成 テーマの作成 ブロックテンプレート の作成 + テーマはエリアのレ イアウトを規定 ブロックの見た目を規定 エディタで編集できる こと以外はほぼ全て規定 テンプレートタグで作る
  28. 28. concrete5 vs WordPress デザインカスタマイズ方法 テーマの作成 テーマの作成 ブロックテンプレート の作成 + テーマはエリアのレ イアウトを規定 ブロックの見た目を規定 エディタで編集できる こと以外はほぼ全て規定 テンプレートタグで作る テンプレートタグはない
  29. 29. concrete5 vs WordPress デザインカスタマイズ方法 テーマの作成 テーマの作成 ブロックテンプレート の作成 + テーマはエリアのレ イアウトを規定 ブロックの見た目を規定 エディタで編集できる こと以外はほぼ全て規定 テンプレートタグで作る テンプレートタグはない concrete5のデザインカスタマイズ を身につけるならこの本!
  30. 30. concrete5 vs WordPress 権限 シンプル 設定済み 記者と編集部の関係のイメージ 詳細 グループ、ワークフローも標準 複雑な組織に柔軟に対応
  31. 31. concrete5 vs WordPress REST API WP REST API バージョン9で登場予定!
  32. 32. concrete5 vs WordPress 多言語サイト 標準対応 プラグインで
  33. 33. concrete5 vs WordPress パートナー制度 インテグレートパートナー 制度 concrete5の導入実績のある制作会社、 フリーランスを公式サイトで紹介
  34. 34. CONCRETE5は どんな案件に向いてる?
  35. 35. コーポレートサイト • デザインに自由度を求める企業 • 時間指定公開やコンテンツの事前承認 などワークフローが求められる企業 • 運用を内製化していきたい企業
  36. 36. 大学サイト • ターゲットが多くコンテンツの種類が 多い • 組織が複雑で権限設定が複雑 • デザインの自由度も求められる
  37. 37. 小規模サイト • デザインカスタマイズに手間をかけな い • 極力クライアントに作業してもらえる • スピード感を持ったサイト立ち上げ
  38. 38. イントラサイト、コミュニティサイト • 部署・部門や所属企業ごとに閲覧でき るコンテンツをコントロールしたい • ダウンロードさせるファイルも権限で コントロールしたい • 非公開なので制作会社に更新依頼でき ない • LDAP, SAML連携
  39. 39. Welcome to concrete5!

×