0
Extra Stage  Chrome拡張入門                           @y42soraサンプル: http://lab.y42sora.com/chrome-extension/MediaPrograming201...
Chrome拡張って何?Chromeに追加することで、ブラウザがもっと便利になるモノHTML+CSS+Javascriptで出来ている(重要)作るの簡単!(もっと重要)
こんなのできるよーTwitterクライアントとかニコ動の履歴閲覧とか配布サイトに行けば山ほどhttps://chrome.google.com/webstore/category/extensions
作り方  manifest.jsonに必要事項を記入  content.jsにJavascriptを書く      Chromeに読み込ませる   動いた!(゚∀゚ 三      ゚∀゚)
サンプル紹介1&2   https://www.google.co.jp/
サンプル紹介3          http://www.meiji.ac.jp/
サンプル紹介4           http://item.rakuten.co.jp/aisugihara/06-01/  before                    after
困ったときの連絡先   @y42sora
作った拡張の読み込ませ方    右上のツールボタンをクリックして      ツール→拡張機能を選択
作った拡張の読み込ませ方 右上のデベロッパーツールにチエックして  パッケージ化されていない~を選択  拡張機能のフォルダを選べばOK!!
作った拡張の読み込ませ方 右上のデベロッパーツールにチエックして  パッケージ化されていない~を選択  拡張機能のフォルダを選べばOK!!
変更した場合   ファイルを書き換えた場合は,    左の三角をクリックして  再読み込み&対象ページをリロード
Upcoming SlideShare
Loading in...5
×

Media programing2012

314

Published on

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

  • Be the first to like this

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

No notes for slide

Transcript of "Media programing2012"

  1. 1. Extra Stage Chrome拡張入門 @y42soraサンプル: http://lab.y42sora.com/chrome-extension/MediaPrograming2012.rar
  2. 2. Chrome拡張って何?Chromeに追加することで、ブラウザがもっと便利になるモノHTML+CSS+Javascriptで出来ている(重要)作るの簡単!(もっと重要)
  3. 3. こんなのできるよーTwitterクライアントとかニコ動の履歴閲覧とか配布サイトに行けば山ほどhttps://chrome.google.com/webstore/category/extensions
  4. 4. 作り方 manifest.jsonに必要事項を記入 content.jsにJavascriptを書く Chromeに読み込ませる 動いた!(゚∀゚ 三 ゚∀゚)
  5. 5. サンプル紹介1&2 https://www.google.co.jp/
  6. 6. サンプル紹介3 http://www.meiji.ac.jp/
  7. 7. サンプル紹介4 http://item.rakuten.co.jp/aisugihara/06-01/ before after
  8. 8. 困ったときの連絡先 @y42sora
  9. 9. 作った拡張の読み込ませ方 右上のツールボタンをクリックして ツール→拡張機能を選択
  10. 10. 作った拡張の読み込ませ方 右上のデベロッパーツールにチエックして パッケージ化されていない~を選択 拡張機能のフォルダを選べばOK!!
  11. 11. 作った拡張の読み込ませ方 右上のデベロッパーツールにチエックして パッケージ化されていない~を選択 拡張機能のフォルダを選べばOK!!
  12. 12. 変更した場合 ファイルを書き換えた場合は, 左の三角をクリックして 再読み込み&対象ページをリロード
  1. A particular slide catching your eye?

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

×