Successfully reported this slideshow.
Your SlideShare is downloading. ×

プラグインカスタマイズを始めた理由、カスタマイズで良かった点・苦労した点

Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Loading in …3
×

Check these out next

1 of 40 Ad
Advertisement

プラグインカスタマイズを始めた理由、カスタマイズで良かった点・苦労した点

  1. 1. プラグインカスタマイズを 始めた理由、 カスタマイズして良かった点 苦労した点 響 @hibiki443
  2. 2. 自己紹介 • hibiki (@hibiki443) • ウェブディレクター、 マークアップエンジニア • Numb. -> http://wp.graphact.com/ • wp-hatena 拡張版 作ってます!
  3. 3. プラグイン カスタマイズを 始めた理由
  4. 4. 3つの理由 • 欲しい機能をつけたかった! • 丁寧で分かりやすい解説記事があっ た! • カスタマイズならば、初心者でも手が 出しやすかった!
  5. 5. wp-hatena? • wp-hatena は、元々 hiromasa さんの 作ったプラグイン • ソーシャルブックマークボタンを任意 の場所につけることができる • 最初は「はてブ」と「delicious」に 対応していた
  6. 6. wp-hatena背景 • 2005年頃に誕生したプラグイン • この頃、delicious、はてブなどの ソーシャルブックマークが流行 • 日本でもぞくぞくと新しい ソーシャルブックマークサービス誕生 (Yahoo!ブックマーク、Livedoor クリップ、ニフ ティクリップなど)
  7. 7. しかし…!
  8. 8. 悲しい現実 • 当時は WordPress ユーザーが日本に あまり居なかった • ソーシャルブックマークサービスの ボタンをずらっとつけるプラグインも 海外のものばかり
  9. 9. 海外のプラグイン: 「日本のソーシャル ブックマークサービス? なにそれ?うめぇんか?」
  10. 10. 欲しいものがない • 私のブログに来るのは日本人がメイン • 訪問者が使っていないソーシャルブッ クマークサービスのボタンばかりを並 べていてもあんまり意味がないよなあ • 国産サービス対応プラグイン欲しい
  11. 11. そこに、彗星のごとく 国産ソーシャル ブックマークサービス 「はてブ」対応プラグイン wp-hatena が現れた!
  12. 12. 欲が出る • 国産のソーシャルブックマークサービ ス、Yahoo!ブックマーク等、沢山ある • wp-hatena にそれらも追加できたら なぁ… • でもプラグインってわからない
  13. 13. プラグイン…?? • wp-hatena 作者の hiromasa さんが 「wp-hatena にみるプラグインの作 成」という記事をブログに書いていた http://zone.maple4ever.net/blog/ archives/443/ • 興味で、とりあえず読んでみた
  14. 14. 素晴らしい記事だった! • wp-hatena のベースとなったソース コードでの解説 • 超ていねい!わかりやすい! • WordPress プラグインを初めて触って みた私でも理解できるくらい、噛み砕 いて説明してあった
  15. 15. • 関連記事「WordPress プラグイン作成 時のノウハウ -前編-」「〃 -中編-」 「〃 -後編-」もあわせて読むのがオス スメ! http://zone.maple4ever.net/blog/ archives/440/ • 少し古い記事ですが、今でも十分参考 になります
  16. 16. チャレンジしてみた • 記事がわかりやすかったので「私にも できるのでは!」と思いはじめる • ソーシャルブックマークサービスの追 加を見様見真似でチャレンジ • できた!すっごーーく嬉しい!
  17. 17. 拡張版リリース • せっかくだから、色々な人が使えるよ うに共有しよう • ブログで拡張版をリリース • 現在は WordPress Plugins/JSeries に置いています http://wppluginsj.sourceforge.jp/ wp-hatena-extended/
  18. 18. 3つの理由 • 欲しい機能をつけたかった! • 丁寧で分かりやすい解説記事があっ た! • カスタマイズならば、初心者でも手が 出しやすかった!
  19. 19. カスタマイズして 良かった点
  20. 20. 最初の感動 • 自分が欲しい機能をつけられる! • プラグインを使ってもらえると すっごく嬉しい :) • プラグインソースコードを見て、何をし てるのか少し読めるように
  21. 21. 徐々に成長できる • プラグインをイチから作るより、比較 的、手が出しやすい • こうしたいな…と思ったら、その都度 チャレンジしていく • 気づいたらレベルアップしている
  22. 22. 交流が増えていく! • 要望をもらって改善したり • ソースコードを採点してもらえたり • アドバイスがもらえたり • 総合的にすごく勉強になる! • 人との交流が増えて楽しい!
  23. 23. 良かった点まとめ • 作ること自体が楽しい、動いて感動! • とても良い勉強になる! • 交流が増える!
  24. 24. カスタマイズして 苦労した点
  25. 25. 最初は右往左往 • 一番はじめは「何が分からないのか分 からない」状態だった • 勉強しながらトライアンドエラー • 自分の無知さを思い知ることに • WordPress の仕様を知っておく必要 がある
  26. 26. 最終的にはプラス • プラグインをカスタマイズして苦労し た経験は、すべて自分の身になってい ると感じる • みんな親切であたたかいコミュニティ なので、困ってつぶやくと助け舟が飛 んでくることも
  27. 27. wp-hatena 拡張版 今はどんなプラグインになっているか
  28. 28. ざっくり変更点 • 対応サービスかなり増えてます! • 管理画面がつきました • 好きなアイコン画像を使うことも可能
  29. 29. 対応サービス • はてなブックマーク • Livedoor クリップ • はてなブックマークの • Yahoo! ブックマーク ブックマーク数をテキ スト表示 • FC2 ブックマーク • はてなブックマーク数 • POOKMARK Airlines を画像表示 • Buzzurl • delicious
  30. 30. • Choix • mixi チェック • newsing • Instapaper に保存 • Evernote Clip • Read It Later に保 存 • Facebook いい ね! • Google +1 • Facebook シェア • Pinterest • Twitter でつぶやく
  31. 31. ブックマーク サービスに限らず なんでも対応!
  32. 32. 最近の利用傾向 • 最近はソーシャルブックマークサービ スのボタン表示は減少かも • Evernote Clip や Facebook いいね! ボタン、Twitter でつぶやく、あたりが メインで使われている様子
  33. 33. 管理画面 • Twitter つぶやくボタン、Facebook い いね!ボタンなどなど…これらはみん な、「縦長」「横長」「吹き出しの有 無」が選べる • どうやって設定しよう? 楽・簡単な方がいい!
  34. 34. 管理画面つけました • 「横長」「縦長」 「噴出し有無」等の デザイン選択 • Evernote クリップ する範囲指定 など
  35. 35. 管理画面の付け方って? • どうやって管理画面つけるんだろう? • またも hiromasa さんの「管理画面の ある WordPress プラグインの作成方 法」という記事を読んでみた http://zone.maple4ever.net/blog/ archives/799/
  36. 36. 気合でごりごり • その他プラグインのソースコードを見 て、こういうことかな∼など勉強 • トライアンドエラーして、無事に実装
  37. 37. アイコン変更可 • 独自アイコンを利用可能 例) ※一部使えません(Facebook いいね!等)
  38. 38. 最近のアップデート • WordCrab Fukui 2012 で wokamoto さんの「Pinterest に対応 して欲しいなー」を受けて Pinterest に対応 • フォトログには良いかも • みなさんも要望あれば是非 :)
  39. 39. ありがとう ございました!

Editor's Notes

  • こんにちは!ひびきと言います、どうぞよろしくお願いします!\n今日は、「プラグインカスタマイズを始めた理由、カスタマイズしてよかった点・苦労した点」についてお話させていただきます。\n
  • まず、ざっくりですが自己紹介を。\n普段はウェブディレクターや、マークアップエンジニアをしています。\nNumb(なむ)というブログをやっていまして、\n今日のお話のメインになる、wp-hatena拡張版を作っています。\n\n
  • \n
  • 先に結論をいっちゃいます。理由は大きくいうと3つ。\n↑のないよう↓\nでは、次から具体的にちょっとお話します!\n\nプラグインのカスタマイズを始めた理由\n\n
  • 私がカスタマイズをしているwp-hatenaってなにか?と言いますと、\n
  • wp-hatenaができた頃の背景をちょっとお話します。\n\nブログにソーシャルブックマークのボタンをずらっと並べてつけたりすることも、この頃から。私もやりたいなーと思いました\n
  • \n
  • \n
  • 当然、日本のソーシャルブックマークサービスには対応してない\nがっかりや!\n
  • \n
  • ヤッター\n待望のプラグインだったので、飛びついて使いました!\nしかし。。。wp-hatenaの登場はすごく嬉しかったんですが、だんだん欲がでてきて。\n
  • ↑\n\n
  • ↑のあと、\n私も最初さっぱり訳がわからないレベルだったんですが、hiromasa さんの解説がすごくわかりやすかったんですね。\n\n
  • \n
  • 2005年くらいの記事\n
  • ( ある程度の勘違いと勢いは大事)\n\n
  • ここまでが、プラグインのカスタマイズを始めた理由、です。\n流れでお話しましたが、最後にもう一度まとめると・・\n
  • 大きくいうと3つ。\nプラグインのカスタマイズを始めた理由\n
  • \n
  • \n
  • 私にとっては、とても良い勉強手段でもありました。\n突然作ろうとしても、訳がわからないと挫折しちゃうこともあると思います。\nそれに対してベースがあって、解説もあって…というのはとっかかりとして良かったです。\n
  • 交流が生まれるのはとても楽しいですし、そういった交流の中から\n自分一人では決して考えつかないようなアドバイスをもらえたり、学ぶことがたくさんありました。\n最後にまとめますと・・\n
  • <!ーーよかった点ここまでーー>\n\n
  • \n
  • 苦労した点\n
  • 良かった点につながってしまうのですが、少し苦労したとしても、結果としてはすべてプラスだなーと思ってます\n<!ーーここまで苦労した点ーー>\n
  • ここまででタイトルの内容、まとめ終わってしまったのですが\nどういうカスタマイズをしたのか話していなかったので、今どんなふうになっているか話したいと思います\n\n
  • これらをちょっと詳しく話します\n
  • WordPress の各エントリーに、こんなボタンをつけることができます。\n最初に比べて、今は相当増えてます!\n
  • \n
  • TwitterとかFacebookとか\n
  • リクエストがあれば追加もしてますので「これ欲しい!」というのがあればご連絡ください :)\n次は、管理画面について\n
  • \n
  • \n
  • mixi チェックの場合、mixi key というのが必要なので、それを入力する欄も\n
  • これまた良記事!\n
  • 次は、アイコン画像の変更について\n
  • これはさらっと\n\n次、最後、最近のアップデート\n
  • これで、プラグインカスタマイズを始めた理由、カスタマイズをしてよかった点、苦労した点\n+wp-hatena拡張版の最近(カスタマイズした部分)、\nの話は終わりです。\n
  • なにか質問があればどうぞー\n

×