Advanced Custom Fields プラグインは、アドオンを追加し、拡張する仕組みがあります。 Flickr Field(作者: Paul Huisman)、Location Field(グーグル地図、作者: Brian Zoetewey)、HTML5 数値フィールド(作者: 水野史土)を取り上げます。これらのアドオンを開発するには、Flickr、グーグル地図、HTML5の仕様を調べる必要があります。 一人あるいは一つの会社が、Flickr、グーグル地図、HTML5すべてに精通するのは難しいかもしれません。一方、Flickr に詳しい人は Flickrのアドオンを作る、グーグル地図に詳しい人はグーグル地図のアドオンを作る、HTML5 に詳しい人は HTML5のアドオンを作る、というように、自分の詳しい分野のアドオンを作成すれば、各自が仕様を調べる手間は少なくなります。 そして、各自が作成したアドオンをお互いに提供し、共有することにより、一人あるいは一つの会社で開発するよりも効率よく開発することができます。

1. Advanced Custom Fields
プラグインにおける
コラボレーション
水野 史土
MIZUNO Fumito
http://wp.php-web.net/

2. 自己紹介
● 本家/日本語フォーラムで回答
● WordPress 日本語化に参加
● WordCamp で発表
● WordBench 神戸/大阪/名古屋で発表
● Advanced Custom Fields プラグイン
○ 日本語化
○ アドオン作成
○ テストコード作成

3. カスタムフィールドとは
Advanced Custom Fields
アドオンを追加＆共有
有償アドオン

4. カスタムフィールド
● 記事にメタデータを追加する
○ 任意の属性名と値を追加可能
● 例 ： イベント情報の投稿
■ 開催日
■ 人数
■ 会場
■ ...

5. 標準のカスタムフィールド
● 値を自分で入力
● 入力漏れ、記入ミス等が起こりやすい

6. Advanced Custom Fields

7. フロントエンドの表示

8. Advanced Custom Fields
● カスタムフィールドの入力方法
○ 項目ごとに入力フォーマット設定
○ マウスでも操作可能
● 管理画面カスタマイズ
○ Javascript で地図等を表示可能
○ フロントエンドと共通のCSSが可能

9. パーツを自分で作れる

10. 必要な技術・知識
● Flickr
● Google Map
● HTML5
API 等の仕様を調べればOK

11. 一人で作ると、詳しくない分野は時間がかかる

12. Flickr に詳しい人

13. Google Map に詳しい人

14. HTML5 に詳しい人

15. Flickr
Google Map
HTML5
全てに詳しい人

16. 一人ではなく、複数人で協力すると ...

17. Flickr アドオンを作る
各自が
詳しい分野の
アドオン作成
Google Map アドオンを作 HTML5 アドオンを作る
る

18. Flickr アドオンを作る
アドオンを
お互いに
提供する
Google Map アドオンを作 HTML5 アドオンを作る
る

19. Elliot
Condon
Fumito
Mizuno
Paul
Huisman
Julien Béchade,Brian Zoetewey

20. Elliot
Condon
Fumito
Mizuno
Paul
Huisman
Julien Béchade,Brian Zoetewey

21. Elliot
Condon
Fumito
Mizuno
Paul
Huisman
Julien Béchade,Brian Zoetewey

22. Elliot
Condon
Fumito
Mizuno
Paul
Huisman
Julien Béchade,Brian Zoetewey

23. Elliot
Condon
Fumito
Mizuno
Paul
Huisman
Julien Béchade,Brian Zoetewey

24. 本日紹介した他にも、以下のアドオンがある
Taxonomy Checkboxes Field カスタム分類をチェックボックスで選
択。作者：Future Media
Paypal Item Field オンライン決済サービスPaypalリンク作成。国や
通貨が選択できる。作者：Mike Rodriguez
Taxonomy Field カスタム分類等をドロップダウンで選択可能。作
者：Brian Zoetewey
Users Select Field ユーザを選択可能。作者：lewismcarey
Address Field住所フィールドを作成可能。フィールド配置はドラッグ
ドロップでカスタマイズ。作者：Omicron7
Google Mapsカスタムフィールドでグーグルマップ。管理画面の地
図で地点を選択して指定する。作者：Zvonko, Codeforest
Categories Fieldカテゴリを選択可能。作者：Nontas Ravazoulas
QR Code入力データをQRコードに変換して出力。作者:水野史土

25. 有償のアドオンもある
● その他付きラジオボタン
作者: 水野史土
ラジオボタンに
フリー入力エリア
wp.php-web.net/?p=10
● ギャラリー
作者: Elliot Condon
ドラッグドロップで
画像を並べ替え
www.advancedcustomfields.com/add-ons/gallery-field/

26. メリット
● 開発効率
○ 得意分野で貢献
○ ソースコード共有＆再利用
● インターフェース等が統一される
○ 共通の操作性
○ 併用時のトラブルが少ない

27. デメリット
● 明確な役割分担をしていない
○ 機能が似たアドオンがある
■ 10人 => 10倍、とはいかない
● アドオンを別途インストールする
○ セットアップ、更新の手間
■ github でまとめる計画あり
https://github.com/codearachnid/acf-addons

28. ご清聴ありがとうございました