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.

自由自在にWebサイト作るためのbaserCMS入門

73 views

Published on

baserCMSは、WebクリエイターのためのWebサイト構築プラットフォームです。
リリースから10年、継続的なセキュリティテストも行いつつ、かなり安定してきたCMSといえます。
今回は、baserCMSの最新情報を踏まえ、初心者向けにカスタマイズのガイドラインをご紹介します。

Published in: Technology
  • Be the first to comment

  • Be the first to like this

自由自在にWebサイト作るためのbaserCMS入門

  1. 1. 自由自在にWebサイト作るための baserCMS入門
  2. 2. 江頭 竜二 baserCMS Developer Catchup, Inc CEO http://ryuring.com @ryuring
  3. 3. baserCMSってなんだろう? 1. ABOUT
  4. 4. 早速ですが、昨日初の書籍が出ました
  5. 5. baserCMSって何だろう? 「日本製」、「シンプル」をキーワード に、特に技術的なノウハウを「土台」と して提供しているオープンソースCMS baser = 土台 公式サイト
  6. 6. どこを目指してるんだろう? 「オープンソース」という 世の中のノウハウを集約できるインフラで Webサイト制作プラットフォームを目指す
  7. 7. baserCMSの特徴は? 2. FUTURE
  8. 8. 1. 統合化されたコンテンツ管理機能 ブログがベースではなく、固定ページを中心に ブログ、フォームなどのプラグインも含め、サイト全体の コンテンツ管理ができる。
  9. 9. 1. 統合化されたコンテンツ管理機能 サイト構造が複雑な場合でも全体を俯瞰する事ができる。
  10. 10. 2. コンテンツブロックエディタ ブロックパターンを選んで直感的 に記事を作成できる。 ※ 有料プラグイン
  11. 11. 3. カスタマイズ性の高さ ● CakePHP の上に載ったWebサイトのフレームワーク ● CakePHPの流儀でスクラッチ開発 ● 管理システム上で全ては作れないが要件を満たせない事 はほとんどない CakePHP(Webシステムのフレームワーク) baserCMS(Webサイトのフレームワーク) Theme Plugin Plugin Plugin
  12. 12. 4. セキュリティ面 ● クラウド型脆弱性検査ツール「VADDY」と提携 ● スタティックはプラグインで対応(近日リリース予定) ● ターゲットが国内ゆえ狙われにくい
  13. 13. 運営 開発 配信 交流 5. エコシステムとしての強み ● Webサイトのノウハウをみんなで蓄積・共有 ● コアも日本で開発しているため、フィードバックしやすい
  14. 14. どのようなWebサイトで使われているんだろう? • 企業サイト • フランチャイズ • イベントサイト • オウンドメディア • マッチングサイト • 社内ポータルサイト • EC連携
  15. 15. デモンストレーション 3. DEMONSTRATION
  16. 16. デモンストレーション ブログ記事を登録する メールフォームを作る
  17. 17. baserCMSの始め方 4. START UP
  18. 18. 簡単インストール
  19. 19. セルフインストール 1. オフィシャルサイトよりパ ッケージをダウンロード 2. 解凍した中身をサーバーの ドキュメントルートに配置 3. トップページにアクセスす るとインストーラーが起動 4. 画面のガイドにそって進め る ※ SQLite はDB情報不要
  20. 20. baserCMSでWebサイトを作る前に 5. PRECONDITION
  21. 21. こころのポエム
  22. 22. baserCMSは、 デザイナーが作った素晴らしいデザインを そのままCMS化したいと願い 作られています。
  23. 23. 管理画面で全てをカスタマイズできません baserCMSは、少し学習することで どんな要望にも対応できることを 目指しています。 発売された書籍に期待です。
  24. 24. プログラマは WordPress を嫌う傾向があ ります。メンテナンス面において少し難が あるから。 フレームワークを使っているメリットがこ こで発揮されます。
  25. 25. ユーザーにも デザイナーにもプログラマにも 幸せになって欲しい
  26. 26. 自由なデザインと \ 高いメンテナンス性を /
  27. 27. デザインをカスタマイズする 6. DESIGN
  28. 28. デザインのカスタマイズ方法 1. 既存のテーマを調整 baserマーケットで配布されているテーマ を編集してカスタマイズ 2. 静的HTMLをCMS化 オリジナルデザインから静的HTMLを作 成し、動的出力用のタグを埋め込む
  29. 29. 1. 既存のテーマを調整 ● 最も早くWebサイトを公開できる ● テーマ設定機能に対応しているかどうか ● FTPツールで画像を直接差し替えたり、テンプレートやCSSを 調整する ● サーバー上で書き込み権限がある場合はテーマ管理より編集 可能 ● デベロッパーツールで解析 ● 編集したい箇所に対応するファイルがどこにあるかを知る
  30. 30. 2. 静的HTMLをCMS化 ● CMS化できないデザインはない ● トップ、下層、一覧、詳細のHTMLを作成 ● HTMLの必要な箇所にbaserCMSの専用タ グを埋め込む <?php $this->BcBaser->title() ?> ● baserCMS公式ガイドのテーマガイドや、 関数リファレンス ● テーマ制作チュートリアル
  31. 31. 機能をカスタマイズする 7. FUNCTION EXTENSION
  32. 32. 機能のカスタマイズ方法 1. 既存のプラグインを利用 baserマーケットで配布されているプラグ インを利用してカスタマイズ 2. 独自プラグインを開発する 「ないものは作ってしまえ精神」フレー ムワークの流儀でプラグインを開発する
  33. 33. 1. 既存のプラグインを利用 ● 最も気軽に機能をカスタマイズできる ● BurgerEditor、履歴管理、公開承認、バナー管理等 ● 現時点において種類は多くない ● 欲しい機能要望があればユーザーズフォーラムへ
  34. 34. 2. 独自プラグインを開発する ● PHPで作れるものであれば作れない機能はない ● 独自DBテーブルを作成し管理するようなものも作れる ● イベント機能でbaserCMS本体の振る舞いもカスタマイズ可能 ● フレームワーク「CakePHP」の流儀で開発可能(2系) ● baserCMS公式ガイドのプラグイン作成ガイド ● プログラムを作成する場合はプラグインとしての作成を推奨 ● 現在、CakePHP4系へ移行中
  35. 35. コアファイルのカスタマイズについて baserCMS の本体プログラムを書き換えるのは最終手段 簡単にアップデートできなくなってしまう オーバーライド機構を利用する
  36. 36. オーバーライド機構は 安全にカスタマイズできる仕組み baserCMSコア テーマ コアファイルをテーマ内の同階層 のフォルダにコピーするとそちら を優先する仕様
  37. 37. コアの開発に参加する 8. CORE DEVELOPMENT
  38. 38. GitHubで開発に参加 コアパッケージ開発者ガイド を参考に開発に参加 要望・・・Issue コード・・・Pull Request
  39. 39. baserCMSの今後 9. FUTURE
  40. 40. baserCMS5 = CakePHP4
  41. 41. 毎月第4水曜日 baser井戸端もくもく会 東京・福岡
  42. 42. baserCMSリリース10周年 5月 baserミートアップ vol.3
  43. 43. あなたのヒトコトが baser を変える。 baserCMSのプロジェクトは、誰でも色んなところにフィードバックを行えます。 あなたがフィードバックを行うと、そのフィードバックはあなたに還元されます。 あなたに還元されたものは、みんなもその恩恵を受ける事ができます。

×