Collaboration Advanced Custom Fields Plug-in (at WordCamp tokyo 2012)

4,731 views

Published on

Advanced Custom Fields プラグインは、アドオンを追加し、拡張する仕組みがあります。

Flickr Field(作者: Paul Huisman)、Location Field(グーグル地図、作者: Brian
Zoetewey)、HTML5 数値フィールド(作者: 水野史土)を取り上げます。これらのアドオンを開発するには、Flickr、グーグル地図、HTML5の仕様を調べる必要があります。

一人あるいは一つの会社が、Flickr、グーグル地図、HTML5すべてに精通するのは難しいかもしれません。一方、Flickr に詳しい人は Flickrのアドオンを作る、グーグル地図に詳しい人はグーグル地図のアドオンを作る、HTML5 に詳しい人は HTML5のアドオンを作る、というように、自分の詳しい分野のアドオンを作成すれば、各自が仕様を調べる手間は少なくなります。

そして、各自が作成したアドオンをお互いに提供し、共有することにより、一人あるいは一つの会社で開発するよりも効率よく開発することができます。

Published in: Technology
0 Comments
6 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
4,731
On SlideShare
0
From Embeds
0
Number of Embeds
2,238
Actions
Shares
0
Downloads
4
Comments
0
Likes
6
Embeds 0
No embeds

No notes for slide

Collaboration Advanced Custom Fields Plug-in (at WordCamp tokyo 2012)

  1. 1. Advanced Custom Fields プラグインにおける コラボレーション 水野 史土 MIZUNO Fumito http://wp.php-web.net/
  2. 2. 自己紹介● 本家/日本語フォーラムで回答● WordPress 日本語化に参加● WordCamp で発表● WordBench 神戸/大阪/名古屋で発表● Advanced Custom Fields プラグイン ○ 日本語化 ○ アドオン作成 ○ テストコード作成
  3. 3. カスタムフィールドとはAdvanced Custom Fields アドオンを追加&共有 有償アドオン
  4. 4. カスタムフィールド● 記事にメタデータを追加する ○ 任意の属性名と値を追加可能● 例 : イベント情報の投稿 ■ 開催日 ■ 人数 ■ 会場 ■ ...
  5. 5. 標準のカスタムフィールド● 値を自分で入力● 入力漏れ、記入ミス等が起こりやすい
  6. 6. Advanced Custom Fields
  7. 7. フロントエンドの表示
  8. 8. Advanced Custom Fields● カスタムフィールドの入力方法 ○ 項目ごとに入力フォーマット設定 ○ マウスでも操作可能● 管理画面カスタマイズ ○ Javascript で地図等を表示可能 ○ フロントエンドと共通のCSSが可能
  9. 9. パーツを自分で作れる
  10. 10. 必要な技術・知識● Flickr● Google Map● HTML5API 等の仕様を調べればOK
  11. 11. 一人で作ると、詳しくない分野は時間がかかる
  12. 12. Flickr に詳しい人
  13. 13. Google Map に詳しい人
  14. 14. HTML5 に詳しい人
  15. 15. FlickrGoogle Map HTML5全てに詳しい人
  16. 16. 一人ではなく、複数人で協力すると ...
  17. 17. Flickr アドオンを作る各自が詳しい分野のアドオン作成Google Map アドオンを作 HTML5 アドオンを作る る
  18. 18. Flickr アドオンを作るアドオンをお互いに提供するGoogle Map アドオンを作 HTML5 アドオンを作る る
  19. 19. ElliotCondonFumitoMizunoPaulHuisman Julien Béchade,Brian Zoetewey
  20. 20. ElliotCondonFumitoMizunoPaulHuisman Julien Béchade,Brian Zoetewey
  21. 21. ElliotCondonFumitoMizunoPaulHuisman Julien Béchade,Brian Zoetewey
  22. 22. ElliotCondonFumitoMizunoPaulHuisman Julien Béchade,Brian Zoetewey
  23. 23. ElliotCondonFumitoMizunoPaulHuisman Julien Béchade,Brian Zoetewey
  24. 24. 本日紹介した他にも、以下のアドオンがあるTaxonomy Checkboxes Field カスタム分類をチェックボックスで選択。作者:Future MediaPaypal Item Field オンライン決済サービスPaypalリンク作成。国や通貨が選択できる。作者:Mike RodriguezTaxonomy Field カスタム分類等をドロップダウンで選択可能。作者:Brian ZoeteweyUsers Select Field ユーザを選択可能。作者:lewismcareyAddress Field住所フィールドを作成可能。フィールド配置はドラッグドロップでカスタマイズ。作者:Omicron7Google Mapsカスタムフィールドでグーグルマップ。管理画面の地図で地点を選択して指定する。作者:Zvonko, CodeforestCategories Fieldカテゴリを選択可能。作者:Nontas RavazoulasQR Code入力データをQRコードに変換して出力。作者:水野史土
  25. 25. 有償のアドオンもある● その他付きラジオボタン作者: 水野史土ラジオボタンにフリー入力エリアwp.php-web.net/?p=10● ギャラリー作者: Elliot Condonドラッグドロップで画像を並べ替えwww.advancedcustomfields.com/add-ons/gallery-field/
  26. 26. メリット● 開発効率 ○ 得意分野で貢献 ○ ソースコード共有&再利用● インターフェース等が統一される ○ 共通の操作性 ○ 併用時のトラブルが少ない
  27. 27. デメリット● 明確な役割分担をしていない ○ 機能が似たアドオンがある ■ 10人 => 10倍、とはいかない● アドオンを別途インストールする ○ セットアップ、更新の手間 ■ github でまとめる計画あり https://github.com/codearachnid/acf-addons
  28. 28. ご清聴ありがとうございました

×