Chrome拡張から、外部リソースへのアクセスを許可する(permissions)
ページの内容を変更するChrome拡張を作成しました。 特定のページの内容を変更するChrome拡張の作り方とデバッグ方法 取得したページの内容をキーとして、サーバーに詳細情報を問い合わせる パターンを考えてみます。 ajaxによる通信 aタグにあるhrefの情報をサーバーに送信。 検索結果を取得するというケースを想定してみます。 前回のプログラムのscript.jsを以下のように変更。 $(function(){ $("a").each(function(){ // aタグのhrefをチェック var a$ = $(this); var href = a$.attr('href'); if(!href) { return true; } // サ
【図解】chrome拡張機能の開発に必要な知識と概要についてまとめてみた
chrome 拡張機能とはchrome拡張機能とは，使用しているchromeブラウザを最大限に活用するための拡張機能(アプリケーション)です． chromeを開いた時に右上に表示されるやつです． 選択した文字列をすぐに翻訳してくれる「google翻訳」や，Amazonで本を買う時に近くの図書館に同じ本があるかを自動で確認してくれる「その本，図書館にあります」など，使うと便利なものが多くあります． その他たくさん(1000個以上)の拡張機能があるので，興味があれば「chrome拡張 おすすめ」で検索するといいかも． しかも拡張機能は自分で作ることができます． 「こんな拡張機能があったら便利なのに」と思ったら，自分で作ってしまいましょう． ただ，chrome拡張機能は単なるWebアプリケーションと違い，少し実装が面倒臭いところがあります(制約とか制約とか制約とか．．．) というわけで，システム
Chrome拡張機能の開発 その1-1：概要編 - Qiita
この記事について この記事はChrome拡張機能の公式ページを翻訳、補足を追記した連載記事である。ひとつ前の記事は以下を参照。 Chrome拡張機能の開発 その1：拡張機能の基礎 https://qiita.com/gtracker64/items/95bec2b584638cc03388 基礎 拡張機能は、Google Chromeブラウザに機能を追加するHTML、CSS、JavaScript、画像、その他必要に応じて追加したファイルをzip形式でバンドルしたもの。 拡張機能の本質はWebページであり、通常のWebページと同様にブラウザが提供するすべてのAPIやJSON、XMLHttpRequest、HTML5を利用することができる。 拡張機能は"ContentsScript"や"Cross-Origin-XMLHttpRequest"を利用して、Webページやサーバとデータをやりとりで
Chrome拡張機能の開発： サーバーとどうやって通信するか？ | 非IT企業に勤める中年サラリーマンのIT日記
manifest.json こちらは前回のままで変わりありません。 popup.html 今回はjqueryを使いました。main.jsは後述しますが、そこからframe属性のdiv要素に動的に生成されたiframeが書き込まれます。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <script type="text/javascript" src="jquery-1.9.1.js"></script> <script type="text/javascript" src="main.js"></script> </head> <body style="min-width:250px;margin:0px;"> <div id="frame"></div> </body> </html> main.js こちら
うちでChrome拡張機能を作ろう - Qiita
この記事はNTTコミュニケーションズアドベントカレンダーの8日目の記事です。 昨日は、@suzusuzu さんの 「Rustで実装するNetflow Collector」でした。 はじめに どうもこんにちは 昨年はこんな記事を書いたtetrapod117です。 今年はおうち時間が長かったので、いろいろ仕事以外でも趣味の開発をやったりしていました。 その中でChrome拡張を作ったりもしたので、今回は2020年っぽいChrome拡張を作って、Chrome拡張の開発について学ぶ記事を書いていこうと思います。 （お）うちでChrome拡張機能を作（るのに役立てばいいだ）ろう という感じで書いていきます ちなみに、Chrome拡張はお仕事ではなくプライベートな趣味で作ってます。 まず、Chrome拡張って？ Chromeの機能を拡張できるプログラムのことです。 拡張機能はChromeウェブストアか
Chromeの拡張機能作ってみた！ | フューチャー技術ブログ
春の入門祭りの第19弾です はじめにフューチャーに入社して約半年が経ちました。CSIGの谷田です。 現在業務では直接開発をする機会はないのですが、業務の合間を縫って日々プログラミングを勉強中です。そんな中、お世話になっている先輩から手始めに、Google Chromeの拡張機能の作成方法を教えて頂いたので、拡張機能の作成方法入門を書いていこうと思います。 作成方法自体はとっても簡単なので、ぜひ皆様もやってみてください！ 拡張機能とはWebページの閲覧や情報の検索に使用するブラウザに、自身で選んだ機能を追加することで、日常業務や作業を効率化して、便利にしてくれるものです。 皆さんもお気に入りのものを追加して日々の業務で使用されているのではないでしょうか？ 拡張機能はChrome以外のブラウザ（IE、Firefox等）でも存在し、アドオンとかextensionという言い方もしますよね。 この拡
Google Chromeの新規タブをメモ帳に変身させる拡張機能「Papier」 | ライフハッカー・ジャパン
「Papier」はGoogle Chromeの新規タブをメモ帳に変身させる拡張機能です。書き込んだ内容は永続的に保存されますよ。ブラウザで作業しているとき、コピーした内容の一時保存場所としても使えそうです。 以下に使ってみた様子を載せておきます。まずPapierへアクセスしましょう。Google Chromeに拡張機能をインストールして新規タブを開きましょう。 新規タブがメモ帳のようになっており、自由にテキスト入力ができます。TODOリストとして使ってもよいですし、コピーした内容の一時保存場所としても使えそうです。 新規タブを開くだけですぐにアクセスできるのは便利ですね。わざわざメモをとるためにメモ帳を開く必要もありません。ブラウザでの作業がメインの方には重宝するかと思います。ぜひご活用ください。 Papier （カメきち）
Chrome で今見ている Web サイトでどのような技術が使われているのかを調べる拡張機能 BuiltWith Technology Profiler
Web 開発者の方であれば今開いている Web ページにどのような技術が利用されているのか気になる事がありますよね。ソースを表示したり Developer Tools を起動したりして調べるのも良いですがさくっと確認するだけであれば BuiltWith Technology Profiler という拡張機能を利用するのが便利です。 この拡張機能を入れるとメニューバー上にアイコンが表示されるので、調べたい Web ページを開いてアイコンをクリックするだけです。 例えばこのブログだと上記のような感じに表示されます。 かなーり縦に長いので文字で書きますが以下のような情報を取得しています。 Web サーバの種類, バージョン ネームサーバ ホスティングしているサーバ CMS の種類, バージョン 使用しているフレームワーク 広告の種類 ユーザ統計情報(Google Analytics 等) Jav
似ている画像を即座に検索できるGoogle Chrome拡張機能「Fast Image Research」
似ている画像を探す理由には様々なものがあると思います。しかし、WEBサイト上にあるひとつの画像から、似たようなものを探すには一手間かかってしまうもの。 今回はこのような似ている画像をカンタンに探せるChrome拡張機能をご紹介します。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! WEB上にある画像からカンタンに似ている画像を探せるChrome拡張機能 「Fast Image Research」は、WEB上にある画像と似ている画像を、右クリックメニューから即座に検索できるChrome拡張機能。 Googleの画像認識精度が上がっていることもあるのか、ほぼ正確に似ているものや同じ画像、同じ物が含まれているものを検索結果に表示します。 同じ画像を使っているサイトを発見 ↑自分のサイトの画像をなんとな
WordPressでどんなサイトでも作れちゃう気になれる無料プラグイン9個
2016年6月8日 Webサイト制作, Wordpress WordPressのプラグインってすごいですよね。少しカスタマイズするだけで思い通りの機能のついたWebサイトを作ることができます。今回は「えっ、こんなことまでできちゃうの？」と思わせてくれるような高性能プラグインをいくつか紹介します。WordPress 3.0から追加されたマルチサイト機能を使えばWebサービスとして運営することもできそうなもの多め。どんな風に使おうかわくわくしちゃいますよ！ ↑私が10年以上利用している会計ソフト！ 1. SNS BuddyPress WordPressをSNSとして運営することができるプラグイン、BuddyPress。過去記事「WordPressプラグイン「BuddyPress」でSNSサイトを作成」で詳しく紹介しています。
Excelを別ウィンドウですばやく開く
Excelの画面を2つ並べて作業をしたいことがある。1つのウィンドウの中で2つのExcelファイルを整列表示させるのではなく、ウィンドウそのものを2つ開きたいといった場合だ。例えばマルチディスプレイで、左右画面にそれぞれExcelの画面を表示し、右画面の内容を参照しながら左画面のExcelファイルを編集するといったケースである。 しかし単純に2つのExcelファイルを連続して起動すると、1つのウィンドウの中に重なった状態で表示する。2つのウィンドウを表示するためには、1つめのウィンドウを立ち上げたあとに、スタート→プログラムとたどって新しくExcelを立ち上げてそこにExcelファイルをドラッグ＆ドロップすればよいのだが、やや面倒だ。 今回紹介する「別のウィンドウで開く」は、Excelに組み込むことにより、こうした別ウィンドウの立ち上げを容易にしてくれるアドオンである。インストールするとメ
FirefoxからSSHでターミナル接続できるアドオン「FireSSH」 - 元RX-7乗りの適当な日々
最近、先日リリースされた「Firefox 4」を利用しているのですが、このFirefox4以降で利用できるアドオンで、Firefox(ブラウザ)から、サーバ等に"SSH"によってターミナル接続できる「FireSSH」が利用できます。 FirefoxそのものからSSHによるターミナル接続が利用できるので、新しいタブをそのままターミナルとして利用することでWebブラウザとシームレスに利用できたり、接続情報を記憶させておくことも可能です。このように簡易なターミナルとして、FireSSHは十分に利用できると思います。 インストール 「FireSSH」はFirefox 4.0以降で利用可能なので、まだアップデートしていない場合は4.0以降へのバージョンアップが必要です。 以下のFirefoxのアドオンページにアクセスし、「FireSSH」をインストールしてください。 https://addons.m
『[PHP] PHP Extension 開発 その３「クラス（メソッド）」』
でんさんの開発部屋 自分がつまずいた点の解決法や、技術動向などをメモ書きとして残しつつ 見てくれた人の知識として役立ってくれればいいなと切に願っているサイトです。 PHP Extension 開発のための実に個人的なメモ 今回はクラスの作成方法について また、小難しかったので、メソッド編ということで これといった資料が見付からなかったので、いろいろと変更する可能性あり とりあえず、新しくクラスようのスケルトン作成 $ ./ext_skel --extname=myclass ちょこちょこと初期設定 make まで確認したら、クラス作成に入る myclass.c にある PHP_MINIT_FUNCTION でクラスの登録を行う ＃PHP_MINIT_FUNCTION はモジュールのコンストラクタらしい PHP_MINIT_FUNCTION(myclass) { zend_class_ent
![『[PHP] PHP Extension 開発 その３「クラス（メソッド）」』](https://cdn-ak-scissors.b.st-hatena.com/image/square/8b4d4ebf951db94de2991f256e406dd98d93328e/height=288;version=1;width=512/https%3A%2F%2Fstat.profile.ameba.jp%2Fprofile_images%2F20101103%2F14%2Fd7%2F67%2Fj%2Fo020002001288763787914.jpg)
第1回拡張勉強会を開催しました - おぎろぐはてブロ
勢いで開催した拡張勉強会がどうにか終了しました。会場をお貸しいただいたサイボウズラボ様、そして、参加して頂いたみなさんありがとうございます。 とりあえず、資料だけアップします。残りは後で書く。 | View | Upload your own
PHPのエクステンションを作ってみる - ぱせらんメモ
Shared Object(.so)の勉強はこれの布石だったわけだが、インフルエンザのようなただの風邪のようなものにやられてしまい、間が空いてしまった。 休み明けに出社してみたらなんか出来上がってるっぽくて、俺の苦労はいったい……って感じだったが、折角なのでまとめておく。 ちなみに環境はCentOS 4.5と5のPHP 5.1.6で試した。PHP 5.2以前の場合はちょっとした罠があるので注意。 時代はPEAR::CodeGen_PECL とりあえず作り方をぐぐってみたら、ext_skelというジェネレータを使うことがわかった。 が、さらに調べていると今はPEAR::CodeGen_PECLを使うのが作法らしい。 つーことで、とりあえずインストール。 pear install -a CodeGen_PECL これでpecl-genというジェネレータに相当するコマンドが使えるようになる。 C
CodeGen_PECL - the PHP extension generator
Table of Contents1. Introduction1.1. What is it?1.2. Features1.3. Installation1.3.1. Online installation1.3.2. Installing from package files1.3.3. Installing from PEAR CVS1.4. How to use it2. The XML description2.1. Basics2.2. Release information2.3. Dependencies2.3.1. --with...2.3.2. Header files2.3.3. Libraries2.3.4. Dependencies to other extensions2.3.5. External programs2.3.6. Other files2.4.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
作業効率が3倍になる！絶対に入れておくべき、Chrome拡張機能おすすめ10選 | iPhoneの神様 - iPhone X・iPhone8最新情報
Page2
引数の扱い
CodeGen_PECL マニュアル