Extra Stage
  Chrome拡張入門
                           @y42sora



サンプル: http://lab.y42sora.com/chrome-extension/MediaPrograming2012.rar
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!!
変更した場合



   ファイルを書き換えた場合は,
    左の三角をクリックして
  再読み込み&対象ページをリロード

Media programing2012