O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.
Google Gadgetsを看取る 
佐々木隆志@TakashiSasaki
おことわり 
● このプレゼンは○○って終わりつつあるねと 
いうことを再確認するものです。 
● わくわくする新技術の話は出てきません。 
● 貴重な時間を割いてまで見ることはおすす 
めしません。 
● OpenSocial周辺を確認するこ...
書き散らす→まとめたい 
● 書き散らす私 
○ Googleドライブ内で駄文書いたり 
○ Office365で駄文書いたり 
○ Twitterで駄文書いたり 
○ Google+で駄文書いたり 
○ Bloggerで駄文書いたり 
○ G...
Blogger
まっさらなBloggerのページ
既存ガジェットの貼り付け 
Bloggerではよく使 
われるガジェットが 
用意されているので、 
特にJavascriptでコ 
ードを書かなくても 
いろんなことができ 
る。
独自ガジェットの貼り付け 
BloggerではJavascriptを直接記述する以外に 
URLを指定してガジェットを貼り付けることも 
できる。というかこっちのほうが正攻法。
Scriptタグの埋め込み 
BloggerではJavascriptのスニペットを埋め込むことができる。 
https://developers.google.com/+/web/share/ を参考にBlogger 
でGoogle+の+1ボ...
ガジェットの開発 
https://developers.google.com/blogger/docs/gadgets/gadgets_for_blogger?hl=ja 
「Since a gadget for Blogger is a G...
Google Sites
既存ガジェットの貼り付け 
JavaScriptのコードを埋め込むことはできないが、+1ボタンを始めあ 
らかじめ用意された色々なガジェットが用意されている。
独自ガジェットの貼り付け 
Google SitesではガジェットのURLを指定して 
独自のガジェットを貼り付けることもできる。 
このURLは一体何を指しているんだ? 
GETしたら何が返ってくるんだ?
Scriptタグ埋め込み不可
GASガジェット 
Google SitesではJavascriptを直接埋め込むことができない代 
わりに、Google Apps Scriptのウェブアプリをガジェットと 
して使うことができる。Embedding your web app...
GASガジェットの貼り付け 
GASガジェットを貼り付 
けるにはGASで開発した 
ウェブアプリのURLを貼 
り付ける。
BloggerとGoogle Sitesのガジェットまと 
め 
Blogger Google Sites 
既存ガジェットの利用○ ○ 
独自ガジェットの利用○ ○ 
Javascriptタグの直接埋 
○ × 
め込み 
Google Ap...
「ガジェット」の仕組みっ 
て 
モダンなの? 
https://opensocial.atlassian.net/wiki/display/OS/Home
Google Gadgetとは何だったか 
● 実体はXMLファイル 
● そのURLを指定してガジェットを配置 
● https://developers.google.com/gadgets/
終了したサービスの名前がちらほら 
● iGoogleとかOrkutとか何時の時代の話だよ? 
● でも古い方法では無いらしい 
● 使える場所はいろいろらしいが 
ただようオワコン 
臭
Gadgets.* API 
他のサイトにリクエスト飛ばしたり、タブなど 
のUIを作成したり、いろいろなAPIが 
「gadgets.*」名前空間に用意されている。 
リンク切れorz 
OpenSocial Gadgetsの 
最新仕様は2...
Legacy APIってのも有ったらしい
OpenSocialってなんだったっけ? 
2007年にGoogleがいいだしっぺ。 
Wikipediaより 
ただようオワコン 
臭
OpenSocial Core Gadget Specification 
Google Gadgetsまんま 
2013年8月が最新 
http://opensocial.github.io/spec/2.5.1/Core-Gadget.xm...
W3C周りでのコメント 
"It also features a URI for the application definition, as possibly given by a Gadget XML location." 
ああ、これって...
今後の動向 
● パッケージング 
→XMLへのURIではなくHTML imports 
● 埋め込み 
→Web Components 
● 他のウェブサイトとの安全なやりとり 
→postMessage とCORS 
● ソーシャルデータの...
Próximos SlideShares
Carregando em…5
×

Google Gadgetsを看取る

863 visualizações

Publicada em

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

Publicada em: Internet
  • Seja o primeiro a comentar

Google Gadgetsを看取る

  1. 1. Google Gadgetsを看取る 佐々木隆志@TakashiSasaki
  2. 2. おことわり ● このプレゼンは○○って終わりつつあるねと いうことを再確認するものです。 ● わくわくする新技術の話は出てきません。 ● 貴重な時間を割いてまで見ることはおすす めしません。 ● OpenSocial周辺を確認することで個人的な もやもやを解消するためのスライドです。 ● 誰にも看取られないであろう死ぬまでの暇 つぶしで生きているおっさんである私が、 たまには昔流行った技術を看取ってやろう かと(以下略 ● iGoogle懐かしいね。
  3. 3. 書き散らす→まとめたい ● 書き散らす私 ○ Googleドライブ内で駄文書いたり ○ Office365で駄文書いたり ○ Twitterで駄文書いたり ○ Google+で駄文書いたり ○ Bloggerで駄文書いたり ○ Google Groupsで駄文書いたり ○ SlideShareに駄スライド上げたり ● 駄文へのポータル(駄ポ)を作りたい ○ それぞれのサービスのAPIを使って? ○ JavascriptスニペットとかGoogle Apps Scriptで? ● iGoogleってあったよね ○ 俺得ガジェット作って並べてたなぁ ○ BloggerやGoogle Sitesでもできるんだっけ?
  4. 4. Blogger
  5. 5. まっさらなBloggerのページ
  6. 6. 既存ガジェットの貼り付け Bloggerではよく使 われるガジェットが 用意されているので、 特にJavascriptでコ ードを書かなくても いろんなことができ る。
  7. 7. 独自ガジェットの貼り付け BloggerではJavascriptを直接記述する以外に URLを指定してガジェットを貼り付けることも できる。というかこっちのほうが正攻法。
  8. 8. Scriptタグの埋め込み BloggerではJavascriptのスニペットを埋め込むことができる。 https://developers.google.com/+/web/share/ を参考にBlogger でGoogle+の+1ボタンを埋め込んでみる。 ボタンを配置したページをGoogle+で 共有するためのボタンが表示された。
  9. 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. 10. Google Sites
  11. 11. 既存ガジェットの貼り付け JavaScriptのコードを埋め込むことはできないが、+1ボタンを始めあ らかじめ用意された色々なガジェットが用意されている。
  12. 12. 独自ガジェットの貼り付け Google SitesではガジェットのURLを指定して 独自のガジェットを貼り付けることもできる。 このURLは一体何を指しているんだ? GETしたら何が返ってくるんだ?
  13. 13. Scriptタグ埋め込み不可
  14. 14. GASガジェット Google SitesではJavascriptを直接埋め込むことができない代 わりに、Google Apps Scriptのウェブアプリをガジェットと して使うことができる。Embedding your web app in Google Sitesを参照。 https://developers.google.com/apps-script/guides/web
  15. 15. GASガジェットの貼り付け GASガジェットを貼り付 けるにはGASで開発した ウェブアプリのURLを貼 り付ける。
  16. 16. BloggerとGoogle Sitesのガジェットまと め Blogger Google Sites 既存ガジェットの利用○ ○ 独自ガジェットの利用○ ○ Javascriptタグの直接埋 ○ × め込み Google Apps Scriptウェ ブアプリの埋め込み × ○ ● 開発者にとって嬉しそうな仕組み ○ Google Gadget ○ Google Apps Script
  17. 17. 「ガジェット」の仕組みっ て モダンなの? https://opensocial.atlassian.net/wiki/display/OS/Home
  18. 18. Google Gadgetとは何だったか ● 実体はXMLファイル ● そのURLを指定してガジェットを配置 ● https://developers.google.com/gadgets/
  19. 19. 終了したサービスの名前がちらほら ● iGoogleとかOrkutとか何時の時代の話だよ? ● でも古い方法では無いらしい ● 使える場所はいろいろらしいが ただようオワコン 臭
  20. 20. Gadgets.* API 他のサイトにリクエスト飛ばしたり、タブなど のUIを作成したり、いろいろなAPIが 「gadgets.*」名前空間に用意されている。 リンク切れorz OpenSocial Gadgetsの 最新仕様は2.5.1だし。 ただようオワコン 臭
  21. 21. Legacy APIってのも有ったらしい
  22. 22. OpenSocialってなんだったっけ? 2007年にGoogleがいいだしっぺ。 Wikipediaより ただようオワコン 臭
  23. 23. OpenSocial Core Gadget Specification Google Gadgetsまんま 2013年8月が最新 http://opensocial.github.io/spec/2.5.1/Core-Gadget.xml
  24. 24. W3C周りでのコメント "It also features a URI for the application definition, as possibly given by a Gadget XML location." ああ、これって独自ガジェットを貼り付ける時にURLを指定するってやつだよね。 ただようオワコン 臭
  25. 25. 今後の動向 ● パッケージング →XMLへのURIではなくHTML imports ● 埋め込み →Web Components ● 他のウェブサイトとの安全なやりとり →postMessage とCORS ● ソーシャルデータの中身 →JSON-LDベースのActivity Stream 2.0 ● Google Apps Script →標準とは無縁にgoing its own way

×