Plab study
Upcoming SlideShare
Loading in...5
×
 

Plab study

on

  • 425 views

8/8の部内勉強会で発表した内容。

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

Statistics

Views

Total Views
425
Views on SlideShare
425
Embed Views
0

Actions

Likes
0
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Plab study Plab study Presentation Transcript

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