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

公開日: : 最終更新日:2013/06/06 WordPress


LINE facebook twitter URLコピー
B! pocket note 楽天


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

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

1.プレゼン準備で気をつけたこと

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

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

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

構成もひと工夫。

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

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

2.WordPressプラグインの作り方〜発表内容

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

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

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

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

会場を和ませるBGMはこちらがオススメ。歴史のある素材サイトです。
TAM Music Factory 〜MIDI,MP3,効果音などの音の素材屋さん〜

3.jQuery プレゼンテーションとは

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

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

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

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

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

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

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

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

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

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

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

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

パワー・プレゼンテーション (グロービス思考シリーズ)
ジェリー・ワイズマン
ダイヤモンド社
売り上げランキング: 17457
  • このエントリーをはてなブックマークに追加
  • Pocket

Profile


Yoshihiko Yoshida
ブロガー兼ユーチューバー。個人事業主でネット業界のお仕事24年目です。40代で2児の父。「マツコの知らない世界」Googleマップ案内人TV出演。Googleストリートビュー認定フォトグラファー。教育システム情報学会会員。元立教大学非常勤講師。Googleアナリティクス公式コミュニティ・アンサリスト最高ランク「レジェンド」国内初獲得。主な著書「Googleアナリティクス基礎講座」(技術評論社)。趣味はデジカメとゲームとパン作り。>>もっと読む

Instagram

◆代表者略歴 ◆受賞歴
◆おもな著書 ◆TV出演歴
◆新聞掲載歴 ◆雑誌/連載歴
 <<お問い合わせはこちら>>

PAGE TOP ↑