ブックマークレットとは?
ブックマークレットとは、ウェブページ上から特定の操作を実行できる、Webブラウザ用のスクリプトです。
ブックマークレットを使用することで、ブラウザの設定を変更したり、Webサイト上の情報を検索したり、Webサイトをカスタマイズしたりすることが可能になります。
- ブックマークレットは
- JavaScriptというプログラミング言語を使用して作成されている
- ブックマークレットを作成するには
- Webサイトに表示されているソースコードを取得し
- JavaScriptで書かれたスクリプトを作成する必要がある
- Webサイトに表示されているソースコードを取得し
ブックマークレットを使用することで、Webサイトをより便利に使用できるようになります。
ブックマークレットを作成する方法
まずJavaScriptで書かれたスクリプトを作成する必要があり、それには、まずウェブページに表示されているソースコードを取得し、それを修正してデバッグする必要があります。
ブックマークレットを作成するためには、JavaScriptの技術が必要です。
ブックマークレットを作成したら、それをWebブラウザのブックマークに登録する必要があります。
登録する際には、JavaScriptのコード全体が含まれている必要があります。
最後に、ブックマークレットを使用するためには、Webブラウザ上でそのブックマークをクリックするだけです。
手順をまとめます。
- ウェブページに表示されているソースコードを取得
- 修正してデバッグし、ブックマークレットを作成
- Webブラウザのブックマークに登録
- Webブラウザ上でブックマークをクリックして使用する
ブックマークレットのサンプルコード
Webページの選択した文字列をテキストに保存するサンプルコードです。
javascript:(function() {
var url = location.href;
var currentTime = new Date().toLocaleString();
var text = window.getSelection().toString();
var data = url + '\n' + currentTime + '\n' + text + '\n';
var file = new Blob([data], { type: 'text/plain' });
var title = document.title.replace(/[/\\?%*:|"<>]/g, '-');
var filePath = 'WEBメモ_' + currentTime + '_' + title + '.txt';
var a = document.createElement('a');
a.href = URL.createObjectURL(file);
a.download = filePath;
a.click();
})();
ブックマークレットの説明
このブックマークレットは、ウェブページ上でテキストを選択した後、ブックマークレットをクリックすることで、選択したテキストを「WEBメモ_タイムスタンプ_ページタイトル.txt」ファイルに追記します。
例:「WEBメモ_2023_2_21 23_43_14_【python】作りながら覚えるデスクトップアプリ開発|PySimpleGUI - よなを.txt」
また、追記する際には、URLと現在のタイムスタンプをテキスト内に付与します。
また、replace(/[/\\?%*:|"<>]/g, '-'); は、タイトルに使えない文字を「-」に置き換える処理です。
ブックマークレットの作成手順
このブックマークレットを作成する手順は、以下の通りです。
- ブラウザのブックマークバーに新しいブックマークを作成
- ブックマックバーを右クリックして「ページを追加...」をクリック
- ブックマークのURL欄に、上記のコードをコピー&ペースト
- ブックマークの名前を入力
- 「WEBメモBML」など(BML:Bookmarklet)
- 完了ボタンをクリックしてブックマークを保存
以上でブックマークレットの作成が完了しました。
選択したテキストをWEBメモ.txtファイルに出力したいときは、ウェブページでテキストを選択した後、作成したブックマークをクリックしてください。