むかしむかしあるところにiGoogleっていうのがあって、そこではGoogle Gadgetsというものが使われていて、その周辺の技術っていまどうなってんのかねぇ、という話。文字化けしたのでアップロードしなおしてみた。

1. Google Gadgetsを看取る
佐々木隆志@TakashiSasaki

2. おことわり
● このプレゼンは○○って終わりつつあるねと
いうことを再確認するものです。
● わくわくする新技術の話は出てきません。
● 貴重な時間を割いてまで見ることはおすす
めしません。
● OpenSocial周辺を確認することで個人的な
もやもやを解消するためのスライドです。
● 誰にも看取られないであろう死ぬまでの暇
つぶしで生きているおっさんである私が、
たまには昔流行った技術を看取ってやろう
かと（以下略
● iGoogle懐かしいね。

3. 書き散らす→まとめたい
● 書き散らす私
○ Googleドライブ内で駄文書いたり
○ Office365で駄文書いたり
○ Twitterで駄文書いたり
○ Google+で駄文書いたり
○ Bloggerで駄文書いたり
○ Google Groupsで駄文書いたり
○ SlideShareに駄スライド上げたり
● 駄文へのポータル（駄ポ）を作りたい
○ それぞれのサービスのAPIを使って？
○ JavascriptスニペットとかGoogle Apps Scriptで？
● iGoogleってあったよね
○ 俺得ガジェット作って並べてたなぁ
○ BloggerやGoogle Sitesでもできるんだっけ？

4. Blogger

5. まっさらなBloggerのページ

6. 既存ガジェットの貼り付け
Bloggerではよく使
われるガジェットが
用意されているので、
特にJavascriptでコ
ードを書かなくても
いろんなことができ
る。

7. 独自ガジェットの貼り付け
BloggerではJavascriptを直接記述する以外に
URLを指定してガジェットを貼り付けることも
できる。というかこっちのほうが正攻法。

8. Scriptタグの埋め込み
BloggerではJavascriptのスニペットを埋め込むことができる。
https://developers.google.com/+/web/share/ を参考にBlogger
でGoogle+の+1ボタンを埋め込んでみる。
ボタンを配置したページをGoogle+で
共有するためのボタンが表示された。

9. ガジェットの開発
https://developers.google.com/blogger/docs/gadgets/gadgets_for_blogger?hl=ja
「Since a gadget for Blogger is a Google Gadget, follow this
guide for testing and preparing your Google Gadget for
publication. 」ふむ。Google Gadgetか。そういえばiGoogleが
まだ息してた時に作ったことあるな。仕組みは生き残ってたの
か。というかもっと汎用的に進化してたのか。しらなかった。
Google Gadgetという仕組みを使って独自のガジェットを開発し、
それをBloggerのガジェットギャラリーにパブリッシュすることが
できる。

10. Google Sites

11. 既存ガジェットの貼り付け
JavaScriptのコードを埋め込むことはできないが、+1ボタンを始めあ
らかじめ用意された色々なガジェットが用意されている。

12. 独自ガジェットの貼り付け
Google SitesではガジェットのURLを指定して
独自のガジェットを貼り付けることもできる。
このURLは一体何を指しているんだ？
GETしたら何が返ってくるんだ？

13. Scriptタグ埋め込み不可

14. GASガジェット
Google SitesではJavascriptを直接埋め込むことができない代
わりに、Google Apps Scriptのウェブアプリをガジェットと
して使うことができる。Embedding your web app in Google
Sitesを参照。
https://developers.google.com/apps-script/guides/web

15. GASガジェットの貼り付け
GASガジェットを貼り付
けるにはGASで開発した
ウェブアプリのURLを貼
り付ける。

16. BloggerとGoogle Sitesのガジェットまと
め
Blogger Google Sites
既存ガジェットの利用○ ○
独自ガジェットの利用○ ○
Javascriptタグの直接埋
○ ×
め込み
Google Apps Scriptウェ
ブアプリの埋め込み
× ○
● 開発者にとって嬉しそうな仕組み
○ Google Gadget
○ Google Apps Script

17. 「ガジェット」の仕組みっ
て
モダンなの？
https://opensocial.atlassian.net/wiki/display/OS/Home

18. Google Gadgetとは何だったか
● 実体はXMLファイル
● そのURLを指定してガジェットを配置
● https://developers.google.com/gadgets/

19. 終了したサービスの名前がちらほら
● iGoogleとかOrkutとか何時の時代の話だよ？
● でも古い方法では無いらしい
● 使える場所はいろいろらしいが
ただようオワコン
臭

20. Gadgets.* API
他のサイトにリクエスト飛ばしたり、タブなど
のUIを作成したり、いろいろなAPIが
「gadgets.*」名前空間に用意されている。
リンク切れorz
OpenSocial Gadgetsの
最新仕様は2.5.1だし。
ただようオワコン
臭

21. Legacy APIってのも有ったらしい

22. OpenSocialってなんだったっけ？
2007年にGoogleがいいだしっぺ。
Wikipediaより
ただようオワコン
臭

23. OpenSocial Core Gadget Specification
Google Gadgetsまんま
2013年8月が最新
http://opensocial.github.io/spec/2.5.1/Core-Gadget.xml

24. W3C周りでのコメント
"It also features a URI for the application definition, as possibly given by a Gadget XML location."
ああ、これって独自ガジェットを貼り付ける時にURLを指定するってやつだよね。
ただようオワコン
臭

25. 今後の動向
● パッケージング
→XMLへのURIではなくHTML imports
● 埋め込み
→Web Components
● 他のウェブサイトとの安全なやりとり
→postMessage とCORS
● ソーシャルデータの中身
→JSON-LDベースのActivity Stream 2.0
● Google Apps Script
→標準とは無縁にgoing its own way