WordPressコントリビュート勉強会 第２回　16.02.13 での発表資料(*^^*) タイトル： 初めてのプラグイン！ wapuufall plugin を作りました！最初のプラグインを作るために必要なことをまとめてみました。 最初にプラグインを制作するときに、色んな情報を探しましたので、次回から簡単に探せるように情報をまとめたいと思います。 初めてプラグインを作る方は、jQueryなどのライブラリを流用して、簡単なものから作り始めるとよいと思います(*^^*) PHPからJavaScriptに変数の値を渡したいときがあります。大きなデータの場合は、jsonで渡せばよいと思いますが、１つの変数を渡すには大げさすぎます。 そこで、wp_localize_script　を使うことになります。 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ ◆制作業務 TickleCodeという屋号でJavaScript、WordPressでのWebサイト制作やSwiftでのアプリ開発、Ruby on RailsでのWebサービス開発などを行なう。 業務請負や受託制作を行いながら、自社ポータルサイト・Webサービスサイトの制作運営を行なう。 地域のポータルサイトや、旅行系サイト、不動産系サイトの制作運営は本人も興味が強いので、めっぽう強い。 ［運営サイト］ TickleCode： 技術的な情報を整理して掲載している http://ticklecode.com/ I Love Yakitori!： 焼き鳥が好きなので焼き鳥店の取材をしてWebサイトへ掲載している http://yakitori-ya.net/ ◆勉強会、コミュニティ オープンソースであるWordPressのコミュニティ・イベントの運営にも携わりながら、自らも勉強会やイベントを企画運営する。 WordPressもくもく倶楽部、Swiftビギナーズ倶楽部など、多数の勉強会・セミナーの開催を行い、自身もスピーカーや講師を行っている。 ［定期開催している勉強会］ Swiftビギナーズ倶楽部： 2014年11月より開催。SwiftでiOSアプリ開発を勉強するための会。 https://swift-beginners.doorkeeper.jp/ WordPressもくもく倶楽部： 2014年11月より開催。WordPressでの制作・運営を勉強するための会。 https://wp-moku.doorkeeper.jp/ WordPressコントリビュート倶楽部： 2015年12月より開催。WordPressコントリビュート（翻訳、プラグインなどの貢献活動）を勉強するための会。 https://wpmake.doorkeeper.jp/ Ruby / Ruby on Rails ビギナーズ勉強会： 2015年1月より開催。Ruby on Railsでの制作・運営を勉強するための会。 https://coedo-rails.doorkeeper.jp/

1. WordPressコントリビュート勉強会 第２回 16.02.13
TickleCode.
Yoshinori Kobayashi
1
初めてのプラグイン！
wapuufall plugin を作りました！
最初のプラグインを作るために必要なことをまとめてみました。

2. 2
生まれは 奈良県 です
小林由憲（こばやしよしのり）
Twitter:
TickleCodeブログ:
@yoshiii514

3. もくもく会（自主勉強会）を複数の運営メンバーや
アドバイザーの方々とともに、定期開催しています。
勉強会を定期開催しています)^o^(
3
【CoEdo.rb】
Ruby / Ruby on Rails
ビギナーズ勉強会
Swiftビギナーズ勉強会

4. 4
WordPressもくもく
勉強会
もくもく会（自主勉強会）を複数の運営メンバーや
アドバイザーの方々とともに、定期開催しています。
勉強会を定期開催しています)^o^(
WordPress
コントリビュート
勉強会

5. 5
wapuufall plugin を作りました！
https://github.com/TickleCode/wapuufall
わぷーが雪のように降ってくるプラグインです。

6. 6
プラグインハンドブック（英語）
https://developer.wordpress.org/plugins/
Plugin Handbook

7. 7
プラグインの作り方（日本語）
プラグインの作成
最初に読んでおくとハッピーになれる。

8. 8
プラグインの名前に重複がないようする。
Googleで検索
プラグインディレクトリを検索
※プラグイン名に日本語は使えない。
※英数字、空白、一部の記号？は使える

9. 9
フック（hook）アクション（action）
プラグイン API
フックは別名、フィルター（filter）。

10. 10
register_activation_hook
関数リファレンス/register activation hook
プラグインが有効になったとき実行される関数

11. 11
register_deactivation_hook
関数リファレンス/register deactivation hook
プラグインが無効になったとき実行される関数

12. 12
plugins_url() プラグインディレクトリの参照
https://wpdocs.osdn.
jp/Determining_Plugin_and_Content_Directories
プラグイン・コンテンツディレクトリを特定する
plugins_url('/js/wapuufall.js',__FILE__)
Ex.http://.../wp-content/plugins/wapuufall/js/wapuufall.js
plugins_url('',__FILE__)
Ex.http://.../wp-content/plugins/wapuufall

13. 13
wp localize script
Localizes a registered script with data for a JavaScript
variable.
登録しているJSファイルにPHPから変数の値を渡す方法。

14. 14
wp localize script
// jsファイルの読み込み
wp_enqueue_script('wapuufall-jquery',plugins_url('/js/wapuufall.js',
__FILE__),array('snowfall-jquery'));
// jsの変数 wapuufall_plugin_url に値をセットしている。
wp_localize_script('wapuufall-jquery','wapuufall_plugin_url',plugins_url
('',__FILE__));
<script type='text/javascript'>
var wapuufall_plugin_url = "http://yoshiiikoba.lolipop.jp/wordpress/wp-
content/plugins/wapuufall";
</script>
<script type='text/javascript' src='http://yoshiiikoba.lolipop.
jp/wordpress/wp-content/plugins/wapuufall/js/wapuufall.js?ver=4.
4.2'></script>
送信するときに、JSのグロバール変数(wapuufall_plugin_url)を先に定義
して、その後でJSファイルを読み込んでくれる。

15. 15
プラグインの登録と宣伝
https://wpdocs.osdn.jp/Plugin_Submission_and_Promotion

16. 16
プラグインの登録申請
https://wordpress.org/plugins/add/
プラグインの名前
プラグインの説明
githubの「Download ZI」のURL
Plugin Directory Add Your Plugin

17. 17
wapuufall plugin の今後
https://github.com/TickleCode/wapuufall
★管理画面の設置
わぷーの数と種類を指定。
アクションの速度を指定。
わぷー画像をアップロードして使えるように。

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