Submit Search
Upload
EC-CUBEプラグイン制作のポイント
•
2 likes
•
1,933 views
Takami Kazuya
Follow
2013/11/23 OpenSourceConference in Oita にて45分間の講演内容。
Read less
Read more
Technology
Report
Share
Report
Share
1 of 12
Recommended
EC-CUBEプラグイン講義
EC-CUBEプラグイン講義
ria1201
2019.10.24 EC-CUBE関西UG 2系から4系への移行方法
2019.10.24 EC-CUBE関西UG 2系から4系への移行方法
Chihiro Adachi
2016 07-16 PHPカンファレンス関西2016(EC-CUBE)
2016 07-16 PHPカンファレンス関西2016(EC-CUBE)
EC-CUBE
Ec cubeで仕事をするということ
Ec cubeで仕事をするということ
Makoto Nishimura
[CEDEC2018] UE4で多数のキャラクターを生かすためのテクニック
[CEDEC2018] UE4で多数のキャラクターを生かすためのテクニック
エピック・ゲームズ・ジャパン Epic Games Japan
EC2 Deep Dive at CTO Night&Day 2016
EC2 Deep Dive at CTO Night&Day 2016
Yasuhiro Matsuo
IL2CPPに関する軽い話
IL2CPPに関する軽い話
Wooram Yang
EC-CUBEをEngineYardで動かそう!
EC-CUBEをEngineYardで動かそう!
Chihiro Adachi
Recommended
EC-CUBEプラグイン講義
EC-CUBEプラグイン講義
ria1201
2019.10.24 EC-CUBE関西UG 2系から4系への移行方法
2019.10.24 EC-CUBE関西UG 2系から4系への移行方法
Chihiro Adachi
2016 07-16 PHPカンファレンス関西2016(EC-CUBE)
2016 07-16 PHPカンファレンス関西2016(EC-CUBE)
EC-CUBE
Ec cubeで仕事をするということ
Ec cubeで仕事をするということ
Makoto Nishimura
[CEDEC2018] UE4で多数のキャラクターを生かすためのテクニック
[CEDEC2018] UE4で多数のキャラクターを生かすためのテクニック
エピック・ゲームズ・ジャパン Epic Games Japan
EC2 Deep Dive at CTO Night&Day 2016
EC2 Deep Dive at CTO Night&Day 2016
Yasuhiro Matsuo
IL2CPPに関する軽い話
IL2CPPに関する軽い話
Wooram Yang
EC-CUBEをEngineYardで動かそう!
EC-CUBEをEngineYardで動かそう!
Chihiro Adachi
HTML栄枯盛衰は世の習い
HTML栄枯盛衰は世の習い
Takami Kazuya
Google Apps Script 入門
Google Apps Script 入門
Takami Kazuya
GoogleAppsScript入門
GoogleAppsScript入門
Takami Kazuya
Googleデータポータルで見える化に挑戦vol.2
Googleデータポータルで見える化に挑戦vol.2
Takami Kazuya
WordPressで考えるこれからのコンテンツ制作
WordPressで考えるこれからのコンテンツ制作
Takami Kazuya
WordPressをこれから始める人のためのテーマ講座
WordPressをこれから始める人のためのテーマ講座
Takami Kazuya
WordPress+AMP
WordPress+AMP
Takami Kazuya
WordPress+JSON-LDで構造化するこれからのマークアップ WordFes Nagoya 2016
WordPress+JSON-LDで構造化するこれからのマークアップ WordFes Nagoya 2016
Takami Kazuya
WordPress + JSON-LDで構造化するこれからのマークアップ
WordPress + JSON-LDで構造化するこれからのマークアップ
Takami Kazuya
jQuery3.0-beta1-point
jQuery3.0-beta1-point
Takami Kazuya
プラグイン公開までの道のり
プラグイン公開までの道のり
Takami Kazuya
History api
History api
Takami Kazuya
JSON-LD schema.org定義によるデータ構造化のススメ
JSON-LD schema.org定義によるデータ構造化のススメ
Takami Kazuya
WordPress widget api
WordPress widget api
Takami Kazuya
Miyazaki.js vol.2
Miyazaki.js vol.2
Takami Kazuya
React Facebook JavaScript Library
React Facebook JavaScript Library
Takami Kazuya
Wordpress カスタム投稿
Wordpress カスタム投稿
Takami Kazuya
WordPressプラグインの作り方
WordPressプラグインの作り方
Takami Kazuya
【WordBench宮崎】第3回・4回アンケート報告
【WordBench宮崎】第3回・4回アンケート報告
Takami Kazuya
WordPressプラグイン考察
WordPressプラグイン考察
Takami Kazuya
論文紹介:Automated Classification of Model Errors on ImageNet
論文紹介:Automated Classification of Model Errors on ImageNet
Toru Tamaki
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
Ryo Sasaki
More Related Content
More from Takami Kazuya
HTML栄枯盛衰は世の習い
HTML栄枯盛衰は世の習い
Takami Kazuya
Google Apps Script 入門
Google Apps Script 入門
Takami Kazuya
GoogleAppsScript入門
GoogleAppsScript入門
Takami Kazuya
Googleデータポータルで見える化に挑戦vol.2
Googleデータポータルで見える化に挑戦vol.2
Takami Kazuya
WordPressで考えるこれからのコンテンツ制作
WordPressで考えるこれからのコンテンツ制作
Takami Kazuya
WordPressをこれから始める人のためのテーマ講座
WordPressをこれから始める人のためのテーマ講座
Takami Kazuya
WordPress+AMP
WordPress+AMP
Takami Kazuya
WordPress+JSON-LDで構造化するこれからのマークアップ WordFes Nagoya 2016
WordPress+JSON-LDで構造化するこれからのマークアップ WordFes Nagoya 2016
Takami Kazuya
WordPress + JSON-LDで構造化するこれからのマークアップ
WordPress + JSON-LDで構造化するこれからのマークアップ
Takami Kazuya
jQuery3.0-beta1-point
jQuery3.0-beta1-point
Takami Kazuya
プラグイン公開までの道のり
プラグイン公開までの道のり
Takami Kazuya
History api
History api
Takami Kazuya
JSON-LD schema.org定義によるデータ構造化のススメ
JSON-LD schema.org定義によるデータ構造化のススメ
Takami Kazuya
WordPress widget api
WordPress widget api
Takami Kazuya
Miyazaki.js vol.2
Miyazaki.js vol.2
Takami Kazuya
React Facebook JavaScript Library
React Facebook JavaScript Library
Takami Kazuya
Wordpress カスタム投稿
Wordpress カスタム投稿
Takami Kazuya
WordPressプラグインの作り方
WordPressプラグインの作り方
Takami Kazuya
【WordBench宮崎】第3回・4回アンケート報告
【WordBench宮崎】第3回・4回アンケート報告
Takami Kazuya
WordPressプラグイン考察
WordPressプラグイン考察
Takami Kazuya
More from Takami Kazuya
(20)
HTML栄枯盛衰は世の習い
HTML栄枯盛衰は世の習い
Google Apps Script 入門
Google Apps Script 入門
GoogleAppsScript入門
GoogleAppsScript入門
Googleデータポータルで見える化に挑戦vol.2
Googleデータポータルで見える化に挑戦vol.2
WordPressで考えるこれからのコンテンツ制作
WordPressで考えるこれからのコンテンツ制作
WordPressをこれから始める人のためのテーマ講座
WordPressをこれから始める人のためのテーマ講座
WordPress+AMP
WordPress+AMP
WordPress+JSON-LDで構造化するこれからのマークアップ WordFes Nagoya 2016
WordPress+JSON-LDで構造化するこれからのマークアップ WordFes Nagoya 2016
WordPress + JSON-LDで構造化するこれからのマークアップ
WordPress + JSON-LDで構造化するこれからのマークアップ
jQuery3.0-beta1-point
jQuery3.0-beta1-point
プラグイン公開までの道のり
プラグイン公開までの道のり
History api
History api
JSON-LD schema.org定義によるデータ構造化のススメ
JSON-LD schema.org定義によるデータ構造化のススメ
WordPress widget api
WordPress widget api
Miyazaki.js vol.2
Miyazaki.js vol.2
React Facebook JavaScript Library
React Facebook JavaScript Library
Wordpress カスタム投稿
Wordpress カスタム投稿
WordPressプラグインの作り方
WordPressプラグインの作り方
【WordBench宮崎】第3回・4回アンケート報告
【WordBench宮崎】第3回・4回アンケート報告
WordPressプラグイン考察
WordPressプラグイン考察
Recently uploaded
論文紹介:Automated Classification of Model Errors on ImageNet
論文紹介:Automated Classification of Model Errors on ImageNet
Toru Tamaki
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
Ryo Sasaki
スマートフォンを用いた新生児あやし動作の教示システム
スマートフォンを用いた新生児あやし動作の教示システム
sugiuralab
SOPを理解する 2024/04/19 の勉強会で発表されたものです
SOPを理解する 2024/04/19 の勉強会で発表されたものです
iPride Co., Ltd.
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
Hiroki Ichikura
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
Toru Tamaki
TSAL operation mechanism and circuit diagram.pdf
TSAL operation mechanism and circuit diagram.pdf
taisei2219
論文紹介:Semantic segmentation using Vision Transformers: A survey
論文紹介:Semantic segmentation using Vision Transformers: A survey
Toru Tamaki
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Yuma Ohgami
Recently uploaded
(9)
論文紹介:Automated Classification of Model Errors on ImageNet
論文紹介:Automated Classification of Model Errors on ImageNet
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
スマートフォンを用いた新生児あやし動作の教示システム
スマートフォンを用いた新生児あやし動作の教示システム
SOPを理解する 2024/04/19 の勉強会で発表されたものです
SOPを理解する 2024/04/19 の勉強会で発表されたものです
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
TSAL operation mechanism and circuit diagram.pdf
TSAL operation mechanism and circuit diagram.pdf
論文紹介:Semantic segmentation using Vision Transformers: A survey
論文紹介:Semantic segmentation using Vision Transformers: A survey
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
EC-CUBEプラグイン制作のポイント
1.
EC-CUBEにプラグインを導入しよう! EC-CUBE2.1x 系対応
2.
自己紹介 高見 和也(Takami Kazuya) 株式会社アラタナ サービス開発部:フロントエンドエンジニア Twitter@miiitaka Facebook@miiitaka
3.
EC-CUBEって何? 株式会社ロックオン社が開発したオープンソース EC向けCMS(コンテンツマネージメントシステム)
4.
EC-CUBE 2.4系⇒2.1x系へ 2011年、Ver.2.4系から2.1x系で大きく機能が変わりました。 ・スマートフォンが標準対応しています。 ・複数配送設定が標準搭載。 ・プラグイン機能が実装されました。
5.
EC-CUBE 2.4系⇒2.1x系へ 2011年、Ver.2.4系から2.1x系で大きく機能が変わりました。 ・スマートフォンが標準対応しています。 ・複数配送設定が標準搭載。 ・プラグイン機能が実装されました。(オープンソースの醍醐味)
6.
EC-CUBE プラグインの仕掛け ❏ EC-CUBE本体処理へ介入して処理・結果を書き換える。 ・フックポイント機能を使って実現 ・すべてのPageクラス/SCクラスで介入可能 ❏
EC-CUBE本体テンプレートを変更する。 ・SmartyのFilter機能をフックする事で実現 ・SC_Helper_Transformというインターフェイスで簡単に変更可能
7.
EC-CUBE テンプレートの変更 ❏ EC-CUBE本体テンプレートを変更する。(介入ポイントあれこれ) テンプレートファイル prefilter 解析 postfilter 【prefilter】 コンパイルのタイミングで呼ばれます。 コールバッ ク関数 (template_c以下にコンパイルファイルが無い場合) コンパイルファイル 変数割当 outputfilter 出力 【outputfilter】 テンプレート出力時に必ず呼ばれます。 コールバッ ク関数
8.
EC-CUBE トランスフォーム <div id=‘test’> <p>EC-CUBEのプラグインはすてき</p> </div> jQueryの指定方式で 変換箇所を指定 $objTransform
= new SC_Helper_Transform($source); $objTransform->select(‘#test’)->appendFirst(‘<p>オープンソースはすてき</p>’); <div id=‘test’> <p>オープンソースはすてき</p> <p>EC-CUBEのプラグインはすてき</p> </div> insertBefore 要素の前にHTMLを挿入 insertAfter 要素の後にHTMLを挿入 appendFirst 要素の先頭にHTMLを挿入 appendChild 要素の末尾にHTMLを挿入 replaceElement 要素を指定したHTMLに置換 removeElement 要素を削除する
9.
EC-CUBE プラグイン導入 ①tar.gzファイルを選択 tar.gz 形式で圧縮した プラグインファイル ②インストール 「有効」にチェックして完了! プラグインの「有効」「無効」もワンタッチでとても便利
^^
10.
EC-CUBE プラグイン制作事例(1)詳細ページにフック プルダウンを表で選択 できるように展開! プラグインの設定画面で 表示文字やレイアウトが 設定できる。
11.
EC-CUBE プラグイン制作事例(2)他APIとの連携 管理画面のTOPにアクセ ス情報を表示させたい。 Google Analytics
API PHPでAPI接続してア クセス情報取得 プラグイン insertAfterで挿入! Google Chart API JSでAPIを利用して データをグラフ化
12.
ARATANA × EC-CUBE ご清聴ありがとうございました。