Soumettre la recherche
Mettre en ligne
EC-CUBEプラグイン制作のポイント
•
2 j'aime
•
1,933 vues
Takami Kazuya
Suivre
2013/11/23 OpenSourceConference in Oita にて45分間の講演内容。
Lire moins
Lire la suite
Technologie
Signaler
Partager
Signaler
Partager
1 sur 12
Recommandé
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
Recommandé
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
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
Hiroshi Tomioka
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
博三 太田
Contenu connexe
Plus de 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
Plus de 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プラグイン考察
Dernier
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
Hiroshi Tomioka
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
博三 太田
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
UEHARA, Tetsutaro
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
Yuki Kikuchi
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
FumieNakayama
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
FumieNakayama
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
akihisamiyanaga1
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NTT DATA Technology & Innovation
Dernier
(8)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
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 ご清聴ありがとうございました。