Google Chrome Extension           を作ってみた!                          2012 / 8 / 8          Presenter : Katsuki Chousa       ...
目次 • Google Chrome Extensionって? • Google Chrome Extensionの作り方
Google Chrome Extensionって?  • Chromeウェブストアからインストールできる    Chromeの拡張機能のこと               Browser Action                 -ツールバ...
Extensionでできること •   バックグラウンド処理 •   クロスドメイン通信 •   データの永続化 •   デスクトップへの通知 •   タブ・ウィンドウの操作     (新規タブを開いたり、閉じたり、選択を変えたり) •   ブ...
Extensionの作り方 今回はhtml+JavaScriptで   Browser Actionを作ります!  ・Browser   Actionを構成する主なもの     1. manifest.json   -   拡張を定義するもの ...
では前で実際に作ってみよう!
今回作るBrowser Actionは うちの部のいろいろなページ(redmineやjudge等) へのリンクをポップアップで表示するExtension           ではCoding Start!!
参考資料• Chrome拡張入門   - ss-o.net/chrome/extension/first.html• ドットインストール – Google Chrome拡張の基礎   - dotinstall.com• Google Code ...
自分で拡張機能を作って      快適なChrome Lifeを!!
Plab study
Upcoming SlideShare
Loading in...5
×

Plab study

409
-1

Published on

8/8の部内勉強会で発表した内容。
結構適当。
前で作ったのとは別に電卓とかを作っていった。

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
409
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Plab study

  1. 1. Google Chrome Extension を作ってみた! 2012 / 8 / 8 Presenter : Katsuki Chousa a.k.a refiute
  2. 2. 目次 • Google Chrome Extensionって? • Google Chrome Extensionの作り方
  3. 3. Google Chrome Extensionって? • Chromeウェブストアからインストールできる Chromeの拡張機能のこと Browser Action -ツールバーにあるアイコン(常時表示) Page Action -アドレスバーの中にあるアイコン (特定のページで表示) 他にもContent ScriptやBackground Page等もあります。
  4. 4. Extensionでできること • バックグラウンド処理 • クロスドメイン通信 • データの永続化 • デスクトップへの通知 • タブ・ウィンドウの操作 (新規タブを開いたり、閉じたり、選択を変えたり) • ブックマークの操作 • ポップアップの表示 • 表示したページでJavaScriptを実行 • 新規タブページなどの上書き
  5. 5. Extensionの作り方 今回はhtml+JavaScriptで Browser Actionを作ります! ・Browser Actionを構成する主なもの 1. manifest.json - 拡張を定義するもの 2. htmlファイル - どういうふうにポップアップさせるか 3. アイコンの画像 - ツールバーに表示する +オプションで付けたいもの
  6. 6. では前で実際に作ってみよう!
  7. 7. 今回作るBrowser Actionは うちの部のいろいろなページ(redmineやjudge等) へのリンクをポップアップで表示するExtension ではCoding Start!!
  8. 8. 参考資料• Chrome拡張入門 - ss-o.net/chrome/extension/first.html• ドットインストール – Google Chrome拡張の基礎 - dotinstall.com• Google Code – Google Chrome Extensions - code.google.com/chrome/extensions/
  9. 9. 自分で拡張機能を作って 快適なChrome Lifeを!!
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×