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.

EC-CUBE 4 入門

2,919 views

Published on

EC-CUBE東京ユーザグループ 勉強会3月​のスライド資料です

Published in: Technology
  • Be the first to comment

EC-CUBE 4 入門

  1. 1. EC-CUBE 4 入門 EC-CUBE東京ユーザグループ 勉強会3月
  2. 2. 自己紹介 •西村 誠 •EC-CUBE公式エヴァンジェリスト •Microsoft MVP for Windows Development
  3. 3. EC-CUBE 4 ビギナーズガイド •大きく2部構成 •EC-CUBE 4の機能紹介 •開発の基礎
  4. 4. EC-CUBE 4 使い方 入門 •EC-CUBE 4の機能紹介 •非エンジニアでもわかる内容 •動画サイトUdemyで公開中
  5. 5. EC-CUBE 4 使い方 入門 •EC-CUBE 4の機能紹介 •非エンジニアでもわかる内容 店舗運用者様などが使い方を覚える動画です
  6. 6. 今日話すこと •EC-CUBE 4の基本的な内容 •開発の一歩を踏み出せるように •私もまだ勉強中の身
  7. 7. 今日話すこと •EC-CUBE 4の基本的な内容 •開発の一歩を踏み出せるように •私もまだ勉強中の身 私も色々教えてもらいに来ました!
  8. 8. おしながき •EC-CUBE 4の基本 •Viewについて •Modelについて •Controllerについて •その他
  9. 9. EC-CUBE 4の基本
  10. 10. EC-CUBE 4とは? •オリジナルのネットショップを作成できる •EC-CUBEの最新版 •Twig+Symfony+Doctrine •疑問: 4はフォーなの? ヨンなの?
  11. 11. 比較 •EC-CUBE 3の正統進化 •開発しやすい •2系との比較はパフォーマンス・蓄積ノウハ ウ・将来性・プラグイン
  12. 12. 比較 •EC-CUBE 3の正統進化 •開発しやすい •2系との比較はパフォーマンス・蓄積ノウハ ウ・将来性・プラグイン 4系と2系の選択は悩ましい
  13. 13. 必要な知識 •Webサーバー・PHP・DB開発の基礎 •Symfony •Twig •Doctrine •Composer
  14. 14. 必要な知識 •Webサーバー・PHP・DB開発の基礎 •Symfony •Twig •Doctrine •Composer かなりSymfony!
  15. 15. 必要な知識 •Webサーバー・PHP・DB開発の基礎 •Symfony •Twig •Doctrine •Composer 最初とまどうのは、色々よしなにやっている点
  16. 16. 簡単なMVCサンプル DEMO: view001
  17. 17. 解説 •Controllerの作成 •Routeアノテーション •Viewの作成
  18. 18. View
  19. 19. Viewの仕組み •Twig •Controllerから値を渡す •メインコンテンツ+共通パーツ •src/Eccube/Resource/template
  20. 20. Twig •Viewエンジン •HTMLに動的に値を埋め込める仕組み •{{ message }}
  21. 21. ControllerからViewへ •Controllerのreturnで値を渡す •{{ message }} •DEMO: view002
  22. 22. レイアウトの仕組み •Twigのオーバーライド •イベント(TwigInitializeListener.php) •データベース •DEMO: view003
  23. 23. Controller
  24. 24. Controllerのお仕事 •Requestを受け取る •Modelを利用する •Responseを返す
  25. 25. 認証 •SymfonyのFirewallという機能 •app/config/eccube/packages/security.yaml •お詫び書籍のファイル名に誤りがありまし た・・・
  26. 26. 認証 •SymfonyのFirewallという機能 •app/config/eccube/packages/security.yaml •お詫び書籍のファイル名に誤りがありまし た・・・ 急ぎ正誤表を作成します!
  27. 27. フォーム •FormBuilder •トークンを生成 •DEMO: controller001
  28. 28. Model
  29. 29. Modelを理解する •Doctrine •EC-CUBEのデータ構造の知識
  30. 30. Doctrine •ORM •Entity=データ •Repository=テーブル •EntityManager=保存などの操作
  31. 31. Doctrine •DEMO: model001 •参考:view003
  32. 32. EC-CUBEのデータ •2から4系すべてで基本はほぼ同じ •商品と規格 • 在庫(dtb_product_class & dtb_product_stock)
  33. 33. その他
  34. 34. Windowsで開発 •仮想マシン(Linux) •VS Code •Xdebug •Win-sshfs
  35. 35. Windowsで開発 •仮想マシン(Linux) •VS Code •Xdebug •Win-sshfs Macだとどうなんでしょう?
  36. 36. 管理ページからページ追加 •共通のコントローラー(UserDataController) •/user_data/以下にtwigファイル生成 •dtb_pageのedit_typeが0 •urlに/user_data/(変更可能)が付く
  37. 37. インストールの処理 •composer.jsonを読む • src/Eccube/Controller/Install/InstallController.php
  38. 38. その他学習方法 •Symfonyの本やドキュメント •本体のソースコード •公式のドキュメントも充実してきた •プラグインを導入してソース •GitHubのIssueや開発コミュニティ
  39. 39. 今日の構成 •Docker •Visual Studio Code •win-sshfs •Azure DevOps

×