2012年11月10の「WordBench 神戸」にて、WordPressプラグイン「Jetpack」を紹介させていただいたのでその資料です。 実は僕自身、「Jetpack」を知ったのはこの前日 ﾍ(-′д`-)ゝ。知らなかった僕が知って感動したので、それを共有しようと思って紹介程度の内容ですが発表させて頂きました。ちょうど2.0になったばかりで、Photon CDN などの利用ができるようになったりということで、既に Jetpack ご利用の方にも、少しでもお役にたったらなーと思ってます。 (^_^;A それにしても WordPress すごいですねー。開発者としては、なかなか微妙なところも多いのですが、それを消して上回るこのような素晴らしいリソースの数々。本当に素晴らしいと思います。 これは、ソフトウェアは必ずしも工学上の優位性が評価されるわけではなく、あくまでも人と寄り添うものが必要であることを体現しているように思えてしまいますねー。

1. Jetpackって何だ？！
2012.11.10

2. Jetpack知ってる人？！
(*´∀`)/

3. 実は僕は
昨日まで知りませんでした。
(｡-д-｡)ゞﾍﾍ…

4. 知って感動したので
今日はJetpackプラグインを
紹介させて頂きます。
(,,･`_´･)、ｷﾘｯ

5. 知って感動したので
今日はJetpackプラグインを
紹介させて頂きます。
ご存知の
方はごめん
なさい！
(,,･`_´･)、ｷﾘｯ

6. 自己紹介
‣ ノジマユウジ ‣ システム開発、
@yuka2py グラフィックデザイン、
DTPや印刷なども
‣ 株式会社フォーエンキー
代表 ‣ 最近はスマホ系Web、
Windowsデスクトップア
‣ PythonとJavascriptが大 プリ、 WordPress、
好き（Dartに興味深々） Androidアプリ開発など
やっています
‣ おしゃれも大好き☆
‣ リボンやお花が好き☆

7. 自己紹介
‣ ノジマユウジ ‣ システム開発、
@yuka2py グラフィックデザイン、
DTPや印刷なども
‣ 株式会社フォーエンキー
代表 絶賛
お仕事募
‣ 最近はスマホ系Web、
集中 Windowsデスクトップア
‣ PythonとJavascriptが大 プリ、 WordPress、
好き（Dartに興味深々） Androidアプリ開発など
やっています
‣ おしゃれも大好き☆
‣ リボンやお花が好き☆

8. 最近のボク
Python
Design 1%
お嫁 15%
Windows(C#) iOS お嫁
Web(PHP/JS)
4%
Android
Android 40%
iOS
Design
10%
Python
Web(PHP/JS)
10%
Windows(C#)
2012年11月2日
株式会社フォーエンキー調べ 20%

10. Jetpack は

11. WordPress.com
の めっちゃイケてる
パワー で

12. あなたのWordPress
サイトを
もっとすごくするよ！

13. らしい！

14. しかも！

15. Automattic 社 謹製 の
ユーティリティパッケージ

16. 2.0
になったばかり

17. 期待！
ﾐｰﾊｰﾅﾉﾃﾞ... ﾍ(-′д`-)ゝ

18. 実際、どんなん？

19. 見てみよう！

20. インストールした！
いつもの
アレで

23. 2.0の新機能
パブリサイズ共有
メール投稿
Photon CDN
無限スクロール

24. 今まであった機能
統計情報
コンタクトフォーム
通知
コメント機能の拡張
共有
便利なショートコード
追加のウィジェット
etc...

25. てんこもり
Σ(ﾟДﾟ;)！

26. ということで、
個人的に便利と思った機能と
2.0の機能を紹介します

27. パブリサイズ共有
‣ 投稿の公開時、
FacebookやTwitterに
共有できる！

28. パブリサイズ共有
‣ 投稿の公開時、
FacebookやTwitterに
共有できる！

29. パブリサイズ共有
‣ 投稿の公開時、
FacebookやTwitterに
共有できる！ 現状、文字
Cus ばけの アリ
tomMes
エリアを画 sageのテ 。
大丈夫らし 面に表示さ キスト
い。ブラウ せたら
改善に期待 ザの問題？
♪
画像提供：@tkc49

30. メール投稿

31. メール投稿
‣ メールから投稿できる！

32. メール投稿
‣ メールから投稿できる！ 出典：JA.NAOKO.CC
‣ しかもメール本文中に
ショートコードを挿入して、
結構コマカイ事できる。

33. Photon CDN

34. Photon CDN
こいつは
すごいヨ

35. Photon CDN
こいつは
‣ スイッチONするだけで、
すごいヨ
うわさのCDNが使える！

36. Photon CDN
こいつは
‣ スイッチONするだけで、
すごいヨ
うわさのCDNが使える！
‣ WordPress.com
のCDNサーバーに画像を
キャッシュしてローディング

37. Photon CDN
こいつは
‣ スイッチONするだけで、
すごいヨ
うわさのCDNが使える！
‣ WordPress.com
のCDNサーバーに画像を
キャッシュしてローディング
●
負荷分散できるよ！

38. Photon CDN
こいつは
‣ スイッチONするだけで、
すごいヨ
うわさのCDNが使える！
‣ WordPress.com
のCDNサーバーに画像を
キャッシュしてローディング
●
負荷分散できるよ！
●
たぶん無料だよ！

39. Photon CDN
こいつは
‣ スイッチONするだけで、
すごいヨ
うわさのCDNが使える！
‣ WordPress.com
のCDNサーバーに画像を
キャッシュしてローディング
●
負荷分散できるよ！
●
たぶん無料だよ！
●
でもそれだけじゃなんだ！ マジか？

40. Photon CDN (2)

41. Photon CDN (2)
‣ 画像を
加工できる！

42. Photon CDN (2)
‣ 画像を
加工できる！
●
URLにパラメタ
足すだけ！

43. Photon CDN (2)
‣ 画像を
加工できる！
●
URLにパラメタ
足すだけ！
●
サイズ変更

44. Photon CDN (2)
‣ 画像を
加工できる！
●
URLにパラメタ
足すだけ！
●
サイズ変更
●
トリミング

45. Photon CDN (2)
‣ 画像を
加工できる！
●
URLにパラメタ
足すだけ！
●
サイズ変更
●
トリミング
●
フィルター加工

46. Photon CDN (2)
出典：developer.wordpress.com Photon API
‣ 画像を
加工できる！
●
URLにパラメタ
足すだけ！
●
サイズ変更
●
トリミング
●
フィルター加工

47. Photon CDN (3)
http://developer.wordpress.com/docs/photon/api/
詳細は
こちら

48. 無限スクロール
‣ ページの下まで行ったら、自動的に次ページが読み込
まれて、続きが表示されるような、アレです。
●
これは、functions.php に
ほんのちょっとだけPHP書く必要があるみたい…(;ﾟ ﾟ)
add_theme_support('infinite-scroll', array(
'container' => 'content',
'footer' => 'page',
));

49. コンタクトフォーム作成
‣ Contact
Form 7
みたいなの作れるっぽい！

50. Jetpack コメント
‣ Twitter、Facebook、WordPress.com
アカウントのいずれかでコメント投稿が可能に！

51. SNSで共有
‣ 投稿に
Twitter、Facebook などからの
ソーシャル共有機能を追加！

52. ギャラリーをカルーセルに
‣ 投稿に埋め込んだ標準のギャラリーを
カルーセル化できるらしい！

53. ショートコード埋め込み
‣ ショートコードで投稿に YouTube、Flickr などの
メディアを埋め込める！
●
archives, audio, blip.tv, dailymotion, flickr, scribd,slideshare,
soundcloud, vimeo, youtube, polldaddy, wpvideo (VideoPress)

54. 追加のウィジェット
‣ RSSリンクウィジェット
‣ Twitterウィジェット
‣ 画像ウィジェット

55. 開発者に
JSON API は感涙も
のか？

56. JSON API (2)

57. てんこもり
(∩´∀｀)∩

58. 個別の機能には、
もっと高機能な専用プラグインも
あったりしますが…
ﾌﾑﾌﾑ…φ(＠Д＠━)

59. Automattic 社 謹製 の
プラグイン１つで
ここまで出来るシンプルさ
(*´∀`*)ﾅﾙﾎﾄﾞ

60. 良さそう！
∩( ･ω･)∩

61. ご注意
幾つかの機能の利用には、
WordPress.com への
登録が必要です♪
みんな
登録済
だよね
(･∀･)

62. 2.0の新機能は、 @naokomc さんの
ブログで詳しくもっと解説されてます
http://ja.naoko.cc/2012/11/09/jetpack-2-0-publicize-post-by-
email-photon-infinite-scroll/
(*>∇<*)ゝｷｬﾊ

63. ご静聴、ありがとうございました！
©copyright 2012 Foreignkey, inc. All right reserved.

64. ©copyright 2012 Foreignkey, inc. All right reserved.