WordPressプラグインの作り方を、jQueryプレゼンしてきた

jQueryプレゼンテーション、楽しいよ！

インディペンデントコントラクターズ埼玉という異業種交流会で、WordPressのプラグイン作りについてプレゼンしてきました。

１．プレゼン準備で気をつけたこと

私はいつもプレゼンをするときに、必ず１つチャレンジを入れるようにしてます。これは自分自身のためにするのですが、毎回フレッシュな気持ちで挑めるように、と。（実はこの会には私はもう10年以上在籍）どうしてもマンネリ化してしまう定期的な集まりでも、気合いが入るんです。すると、やはりプレゼンにも迫力が増すんですよね。

今回選んだチャレンジは、PowerPointを使わないこと。

丁度、jQuery を使ったプレゼンライブラリーを知った所だったので、それを使いました。後述しますが、これはいいですね。マイツールになりました。

構成もひと工夫。

今回は異業種交流会での発表なので、そもそもWordPressを知らない（知っていても使ったことが無い）人も多い。そこで「WordPressって何？」から始めるようにしました。あとやはり実演も加えました、論より証拠。

更に万一、失敗しないよう全てローカルに環境も揃えました。イラストもふんだんに入れて親しみ易くしたし、よしこれで準備オッケー！

２．WordPressプラグインの作り方〜発表内容

主なアウトラインはこんな感じ。とにかくWordPressプラグインは楽しいよ！と伝えられるようテンポ良く話しました。

・そもそもWordPressって何？
・WordPressを使うメリット
・プラグインとは
・どんなことができるの？
・プラグインを作るには何が必要？
・プラグインの種類３つ〜アクションフック、フィルターフック、ショートコード
・プログラムの基本構成
・アクションフック作成実演（ローカルにXAMPPを準備しデモ）
・プラグイン作りのコツと学び方
・プラグイン作りは楽しいよ！〜まとめ

プラグインのアクションフックの実演デモを行いましたが、このときBGMをかけて和やかになるように工夫。気分は3分クッキングの気持ち。

なお、アクションフック一覧は公式サイトで。
プラグイン API/アクションフック一覧 – WordPress Codex 日本語版

会場を和ませるBGMはこちらがオススメ。歴史のある素材サイトです。
ＴＡＭ Ｍｕｓｉｃ Ｆａｃｔｏｒｙ　〜MIDI，MP3，効果音などの音の素材屋さん〜

３．jQuery プレゼンテーションとは

ブラウザを使ったプレゼンテーションです。エフェクトにjQuery を使い、動きのあるプレゼンが可能です。

jQuery製のプレゼンテーション「jQuery Presentation」 | MOONGIFT | オープンソース・ソフトウェア紹介を中心としたITエンジニア/Webデザイナー向けブログ

いちおうオンラインでもスムーズに動くよう、私は画像を先読みをさせるコードを付加しました。

ご覧なりたい方は、後述のリンクをクリックし[F11]押下しフルスクリーンでご覧下さい。矢印キーで前後します。

このプレゼンで気に入ってるのは、作成時に思考が途切れないことです。

スライドが何十枚あってもソースは１つしか作らなくてイイんです。＜ＤＩＶ＞区切られた１ブロックが１ページに該当し、それをどんどん追加していけばスライドが増える仕組みです。HTMLですので、画像貼り付けも＜ＩＭＧ＞タグでＯＫ。私のノートPCでは、高さ500px位までの画像がスクロールせずに収まるサイズでしたね。

論より証拠。以下、リンク見てみて下さい。

４．当日のプレゼンテーション、他参考URL

WordPressプラグインの作り方
jQuery プレゼンテーション
クリック後、[F11]を押しフルスクリーンでどうぞ。矢印キーでページ送り。

フリーフォントTA微妙体ダウンロード開始(無料)
プレゼンで使用した商用利用OKな手書きフォント・TA微妙体。

「カグア！」のイラスト [pixiv]
プレゼンで使用した商用利用可能なフリーイラスト。透過PNGなので背景ありのPowerPointでも馴染みます。※要PIXIV登録（無料）

Google Analytics Data Handler | カグア！
プレゼンで紹介した自作プラグインのダウンロード。
（Google Analytics APIを使ってサイトのPV数を表示させられます）