2016年10月6日のブックマーク (3件)

  • Chrome拡張の開発方法まとめ その1:概念編 - Qiita

    Chrome拡張の開発に必要な知識とかの覚書です。 この記事では開発の前に知っておくべきChrome拡張の全容について解説していきます。 「実際に開発しながら学ぶ」形式の解説記事は多く見られるのですが、概念についてちゃんとまとめてある記事は見当たらず、そこらへんの理解で結構苦労した覚えがあるので、そういった人達の手助けになればと思います。 対象 Chrome拡張が作りたい人 Javascriptがまあまあわかる人 Chrome拡張の各概念がいまいちわかってない人 概要 まずはChrome拡張の大まかな構造について説明します。 Chrome拡張はHTMLCSSJavascriptで作られています。 必要なhtml,css,jsファイルなどと後述のManifest Fileを一つのフォルダにまとめたものが一つの拡張機能のまとまりとなり、zipで圧縮してアップロードすることでストアで公開する

    Chrome拡張の開発方法まとめ その1:概念編 - Qiita
    yu_fuk
    yu_fuk 2016/10/06
    Chrome拡張について抑えておく。特にjQueryに依存しない方法で作る場合にはここに立ち戻る必要が出てきそう。
  • 今から3分で,Chromeブラウザの独自アドオンを自作してみよう (jQueryを使ったクローム拡張機能を,開発および動作テストする入門) - 主に言語とシステム開発に関して

    今から3分で,Chromeブラウザのアドオン(拡張機能)を作ろう。 ここで作るのは,「表示したWebページの内容をjQueryで加工する」というChromeプラグインだ。 アドオン自作の入門,初歩の第一歩にうってつけ。 作成に必要なツールは,なんとメモ帳だけ。 JavaScriptやJSONなどの「Web系技術」を使って,ちょこっとコーディングするだけで完成してしまう。 わずか3分で作成とインストールを終えるので,今すぐに始めてみよう。 (1)フォルダを作ってjQueryを格納 (2)マニフェストを作成 (3)メイン処理を実装 (4)ブラウザにインストールする (5)動作テスト 使い終わったら 参考資料 (1)フォルダを作ってjQueryを格納 まず,どこでもいいので,適当な名前のフォルダを作成する。 フォルダ名は「hoge」でよい。 下記URLから,jQueryをダウンロード。 先のフォ

    今から3分で,Chromeブラウザの独自アドオンを自作してみよう (jQueryを使ったクローム拡張機能を,開発および動作テストする入門) - 主に言語とシステム開発に関して
    yu_fuk
    yu_fuk 2016/10/06
    “jQuery”jQueryを使ってChromeのプラグインをサクッと作れるのは分かりました。自分もやってみたいけど、どんなアドオンを作って何を実現するのか、整理しなくては.....
  • 2016年のウェブブラウザ拡張機能 | gihyo.jp

    全く異なる経緯、構造、技術、そして思想でそれぞれ作られてきたウェブブラウザですので、その機能を拡張するための方法が異なることは、ある意味自然なことです。しかし、ウェブブラウザはもちろん「ウェブページを表示する」という共通的な機能を提供するアプリケーションであり、それを補佐してくれる「追加でほしいなと思う機能」も個々のウェブブラウザでそう違うものではありません。 少なくとも、FirefoxとChromeに関しては、似たような機能を提供する拡張機能がほぼ必ずどちらにもあります。ただし、それらの中身は全く異なる実装なのです。 2015年に起きた思いがけない動き 昨年、Chromeは順当な機能改善が進みましたが、その他のウェブブラウザでは非常に大きな発表や動きがありました。 Edgeが拡張機能の仕組みをサポート予定と発表 MicrosoftはIEとは全く別のウェブブラウザである「Edge」をWin

    2016年のウェブブラウザ拡張機能 | gihyo.jp
    yu_fuk
    yu_fuk 2016/10/06
    ブラウザの機能拡張についてはFirefoxやChromeとIEは対極の位置にあり、IEは拡張性が低い。ただ標準ブラウザとしてIEを採用している法人も多く、この現状か、あるいはIE(Edge)の拡張性か、いずれかが改善されてほしい。