*

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

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


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


家電&カメラ タイムセール/バーゲン会場/クーポン配布はこちら。
Amazonでクーポンをもらう

【Amazonファッション】メンズ80%オフ商品を見る!
セール商品を見る


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
メディア運営業界23年目。Googleアナリティクス公式コミュニティ・アンサリスト最高ランク「レジェンド」国内初獲得。「マツコの知らない世界」Googleマップ案内人TV出演。Googleストリートビュー認定フォトグラファー。教育システム情報学会会員。元立教大学非常勤講師。主な著書「Googleアナリティクス基礎講座」(技術評論社)。趣味はデジカメとゲームとパン作り。>>もっと読む

Instagram

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

Facebook

このブログをRSS購読しよう!(無料)

follow us in feedly

よろしければ「いいね」して下さい!

 
PAGE TOP ↑