『Google+のビデオチャットでソースコードをリアルタイムで共有するExtention』
Google+の一つの機能であるHangout（ビデオチャット） 通常、カメラやマイクを接続して映像・音声・テキスト これら3つの機能を用いて10人までをサポートする ソーシャルネットワーキングサービスです。 この機能を利用してテキストベースのファイルを ビデオチャット上でリアルタイムにプログラミングの 共同作業を行うことが出来る拡張機能が発表されました。 利用するのはGoogle ChromeのExtention Hangout Pad for Google+ ALPHA インストールするとビデオチャットルームのWindowに 「Code Shre」のアイコンが追加されます。 Hangout Pad for Google+ ALPHAの使用方法ビデオチャットルーム開始をクリックし 共有するユーザーを選択、「Code Shre」を押すことにより ユーザー間でリアルタイムにコーディング作業を
Chrome ExtensionsでUstreamを表示してみる – Shift×Style×Blog
ActionScriptのTipsやFlashで制作されているサイトの紹介など、やってみた系、試してみた系など、多くのFlashに関することを紹介していくサイトChrome ExtensionsでUstreamを表示してみる 2010 年 4 月 24 日 さ、というわけでこの間から大阪てら子で発表したGoogle ChromeのExtensionsのエントリーが続いていますが今回もGoogle ChromeのExtensionsのお話です。 あとこのエントリーすごく長いです。 ワタシFlash屋さんなんですが、最近Flashのエントリー全然書いてないですね。 orz < Flashさせてください 今回はChrome ExtensionsでUstreamを楽しむお話 でまぁとりあえずUstreamを引っ張ってくるswfを作成するところが一番の肝です。 ちゅーわけで、こことかこことか参考
Chrome Extentionで高機能なデスクトップ通知を作る - TechTalkManiacs
ふと思いついたことがあって、Chrome Extentionを作っています。某所に対してごにょごにょしてデスクトップ通知をするのですが、単なる通知ではさびしいですし、なにより不便です。Opera標準のRSSリーダーのようなクリックしたらリンク先に飛ぶなどのリアクションがあるデスクトップ通知が欲しいのですが、意外とこのあたりの情報がまとまっていなくて苦労しましたのでまとめておきます。 デスクトップ通知する よく知られているようにChrome ExtentionはHTML+JavaScript+CSSでChromeの拡張が作れる仕組みです。 まず、Manifest Fileと呼ばれるJSON形式のファイルがあり、ここに記述された挙動やファイル構成を元に動作します。 デスクトップ通知を行うにも、まず使用者からデスクトップ通知をしてもいいよ、という許可をもらう必要がありますので、このファイルに許可
Google Chrome Extensions クリックイベントで新しいタブを開く
RSSリーダーを作成中。 Google Chrome Extensions でRSSリーダーを作成する ・・・といっても、ひとつのサイトしか見れないですが。 RSSデータを取得して表示するところまではうまくいったのですが、 リンクをクリックしても反応がないです。 リンクがクリックされたとき、新しくタブを開きblogを表示するようにしてみます。 manifest.json 新しくタブを作成するには、 「chrome.tabs.create」 というメソッドを使用します。 拡張機能の考え方として、基本的に全ての機能はDeny。 使用したい機能があればmanifest.jsonにAllowの設定を入れる。 という方針のようで、初期状態ではこのメソッドは使用できません。 manifest.jsonのpermissionsに"tabs"という記載を追加して、 chrome.tabs.createが使
Google Chrome Extensions でRSSリーダーを作成する
Chromeの拡張機能の作り方を調べてみました。 Google Chrome Extensions (拡張機能)の作り方 ・・・まあ、サンプルを写経しただけですが。 このblogのRSSデータを取得し、ポップアップで取得する拡張機能を作成してみます。 取得するデータ 最初、RSSのURLは http://symfoware.blog68.fc2.com/?xml これだと思っていたのですが、強制的に以下のURLに転送されてしまいます。 http://feeds.fc2.com/fc2/xml?host=symfoware.blog68&format=xml" 拡張機能の設定ファイルで、アクセス可能なURLを指定しますが、 http://symfoware.blog68.fc2.com このURLだけ指定していると、プログラムが動いてくれずはまりました・・・ 取得したRSSのデータを加工して
Chrome拡張開発入門の次に読む記事…？ - なんとなく開発日記(仮)
注：未完結の記事です。「これはどうやって実装するの！？」というリクエスト、お待ちしています。 この記事では、主に、「Chrome拡張開発してみたい！とりあえずHelloWorldはできたよ！でも、こういう動作をさせる方法がわからない！！」という方を対象にしています。 ※HelloWorldまでの習得は、こちらのサイトが大変わかりやすいと思います。 ほかのサイトで詳しく解説されていることに関しては、そのサイトに丸投げしてしまっています。すみません…。 分からない関数等がありましたら、こちらで調べてみてください。 もくじ 1.選択したテキストを取得する。 ポップアップから、選択部分を取得するここは僕も非常に苦戦しました。ポップアップから window.getSelection().toString(); を実行しても、返ってくるのは「ポップアップ内での選択部分」で、表示しているページの選択部分
YouTube - HTML5 を用いた Google Chrome エクステンション開発: Google DevFest 2010 Japan
Google DevFest 2010 Japan セッション： Extensions5: HTML5 を用いた高度な Google Chrome エクステンション開発 スピーカ： ブライアン・ケニス Google Chrome エクステンション開発のための高度なテクニックをいくつか学びましょう。このセッションではエクステンション間の通信、効率的なコンテンツ挿入、 HTML5 を使ったテクニックなどを扱います。 詳しい情報は Google DevFest 2010 Japan のサイトをご覧ください。 http://sites.google.com/site/devfest2010japan/programme
chrome extensionでwebページの書き換え : 研究開発
総合研究大学院大学 複合科学研究科 情報学専攻 卒 博士（情報学） 自然言語処理や機械学習、データ分析に関する研究内容とwebシステムの開発と運用について書いています。 シリコンバレーベンチャーみたいに深い技術の事業化をしたいと思っています。 ご興味ある方はご連絡ください。 content_scriptsのjavascriptでなら閲覧中のwebページを書き換えられます。 ○webページのhtmlソースの全体置換は document.body.innerHTML = document.body.innerHTML.replace( ); これでも出来ますが こういうことをやるとタグも破壊します タグなどは要らず、テキストノードだけ選択的に編集したいのです。 ノードがテキストノードであることをチェックするには if (node.nodeType === 3) { } ....もちろん i
橋本商会 » chrome extensionの作り方+クロスドメインXMLHTTPリクエストのやり方
こないだ箱根合宿で学んだ。 単にchrome拡張を作ってみたかったというのと、chromeではgreasemonkeyが実行できるけど、Firefoxと違ってGM_xmlhttpRequestが無いのでクロスドメイン通信ができないのでなんとなくやってみたかった。 自分の見ているページの履歴を全部自分のサーバーに送って保存したい。 まずos0xさんのChrome拡張入門のスライドが勉強になる。 とくに 拡張コンテキスト、コンテントコンテキスト、ページコンテキストの3つのコンテキストが存在し、それぞれは完全に分かれているので、お互いが干渉してしまうことはない。さらに、拡張同士も独立したコンテキストで実行される。 拡張コンテキストはタブ操作やクロスドメイン通信などの特権を実行でき、コンテントコンテキストと通信したり、スクリプトを実行したりといったことができます。 コンテントコンテキスト(Cont
簡単なGoogle Chromeの拡張を作ってみる その1（Simple Clock） : トラねこblog
2009年11月19日10:15 カテゴリ 簡単なGoogle Chromeの拡張を作ってみる その1（Simple Clock） こんにちは。藤田です。 普段メインで使うブラウザはFirefoxだったのですが、しばらく前からGoogle Chromeをメインで使うようになりました。高速な動作や起動の速さに加え、開発版で拡張機能（Extensions)が使えるようになったのが大きいです。MacやUbuntuのマシンにも入れていますが、Windowsと同じように十分実用的に使えます。 既に便利な拡張もいくつも作られていますが、やはりFirefoxに比べるとまだまだ足りません。 足りないものは自分で作ってしまえるようになろう！ということで、まずは簡単な拡張を作ることで作り方を覚えることにします。 Chromeの拡張はHTMLとJavaScriptで作りますので、HTMLやJavaScriptの
はじめてのGoogle Chrome Extension
はじめてのGoogle Chrome Extension Google Chrome Extensionを作成したので、Google Chrome Extensionの作成方法について解説したいと思います。 今回作成したのは、ページがRSSを配信している場合はアドレスバーの右側にRSSアイコンを表示して、アイコンをクリックするとFastladderの登録ページに移動するというもの。ちょっとしたカスタマイズでお使いのRSSリーダー用に改造できる思います。 非常にざっくりとした解説ですが、一連のフローはわかると思います。また、Chromeの各種APIはChrome Extensions API リファレンスを参考にしてください。 最初の準備 まずは、Google Chrome のメニューにあるレンチアイコン→Tools→拡張機能 から拡張機能管理を開きます。 拡張機能管理の右上にある『デベロッ
続・先取り！ Google Chrome Extensions 記事一覧 | gihyo.jp
運営元のロゴ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
第1回 Google Chrome Extensionsとは | gihyo.jp
この記事で取り上げているAPIは現在と使い方が異なっていたり、使用できなくなったものを含んでいます。 特にToolstrips APIは最新のChromeでは使用できなくなっています。詳しくは『続・先取り！ Google Chrome Extensions』をご覧ください。 はじめまして。株式会社ALBERTの太田と申します。Google Chromeのベータ版公開から早1年が経ち、開発版には待望の Extensions が実装されています。今回から4回にわたって、この Extensions の導入や開発手順について、解説させていただきます。 Google Chromeの開発版とExtensions Google Chrome には3つのバージョンがあります。一般ユーザー向けの正式リリースであるstable版、テスター向けのbeta版、開発者向けのdev版の3つです。 さらに、Chromi
5分で作るOpera エクステンション
Opera11が発表されましたが、皆様いかがお過ごしでしょうか。 開発者でない人でも、簡単に作れるOpera エクステンション。 作成するファイルは僅か5つ。 ・index.html ・background.js ・popup.html ・test.png ・config.xml 早速、作ってみましょう。 用意するものOpera 11 あと、圧縮ツール。zip圧縮出来るならば、何でも良いです。 実際に作ってみようまず、index.htmlを作りましょう。 <!DOCTYPE HTML> <html lang="ja"> <head> <meta charset="UTF-8"> <title>MyTest</title> <script charset="UTF-8" src="background.js" type="text/javascript"></script> </head>
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Chrome Extensions API リファレンス
Chrome拡張入門
緊急地震速報 by Extension - Chrome Web Store
TechCrunch | Startup and Technology News
Cortex
Chromeでスクリーンショットを撮って、すぐに編集して共有もできるアドオン『Awesome Screenshot』 | ライフハッカー・ジャパン
