2016/03/01 (火) 0 344

今回でウェブスクラップブックは最後です。 ウェブスクラップブックの保存はローカルストレージに適当に保存していたので、このデータを構造化して後で加工できるようにします。 今回手を加えるのは「script.js」以外の「js...続きを読む

2016/01/21 (木) 0 331

今回はウェブスクラップブックを使いやすくします。シングルクリックで取得する範囲を不透明で表示して、ダブルクリックで実際に取り込みます。「script.js」だけの変更となります。 $( function() { var ...続きを読む

2016/01/11 (月) 0 414

前回は一通りオプションページへの保存と読込をやったので、今回はウェブスクラップブックをオプションページに保存する機能を実装します。全体的にマイナーチェンジします。 まずは「script.js」を見ていきましょう。 $( ...続きを読む

2015/12/24 (木) 0 305

前回はオプションページの作り方と保存方法を学びました。 今回は保存したデータを読み込む方法です。 まず、「options.html」に読み込むボタンを追加します。 <html> <head> &l...続きを読む

2015/12/24 (木) 0 273

前回はバックグラウンドでの通信を学びましたが、取得したデータはブラウザを閉じるとなくなってしまいます。 そこで、取得したデータを保存するにはどうすればいいか? ということになるのですが、Chrome Extentionで...続きを読む

2015/12/02 (水) 0 310

前回は今見ているページのクリックした要素のテキストを取得しアラートに表示する、というものでしたがアラートだと見辛いのでポップアップページに表示してみましょう。 ポップアップページに表示するにはコンテンツスクリプト → ポ...続きを読む

2015/12/01 (火) 0 319

前回は今見ているページにレイヤーを追加しましたが、今回はバックグラウンドと通信を行います。 実はChrome Extentionにはスクリプトの制約があり、主に4つのパートに分かれています。 ・コンテンツスクリプト ・バ...続きを読む

2015/11/09 (月) 0 233

前回はスタイルシートを指定して見ているページの画面中央にレイヤーを追加してみました。しかし、毎回スタイルシートに記述すると面倒ですよね。今回は外部スタイルシートを用いて同じことをしてみます。 まず「manifest.js...続きを読む

2015/11/09 (月) 0 277

前回は見ているページのリンクを全て取得してコンソールログに保存しましたが、今回は見ているページに勝手に要素を追加してそこにリンクを表示させてみます。こうすればコンソールログを開かなくてもいいので見やすいですね。 まずは見...続きを読む

2015/10/29 (木) 0 273

Google Chrome Extention講座 第三回「見ているページのリンクを全て取得する」 前回は単にダイアログが開いて同じメッセージを表示するだけのつまらない拡張機能でしたが、今回はもうちょっと役に立ちそうなも...続きを読む

2015/10/28 (水) 0 191

引き続きGoogle Chrome Extention講座です。 二回目はとりあえず最小限の構成でサンプルを作ってみましょう。とても簡単です。 必要なファイルは4つです。中身についてはまたあとで説明します。 [note]...続きを読む

2015/10/24 (土) 0 259

Google Chrome Extention講座をスタートします。 プログラム系の講座です。久しぶりの講座ですが、見る人がいなければ途中で終わるかも? です。応援よろしくお願いします。 で、Google Chrome ...続きを読む