ブックマークにJavaScrpt使えるようにする「ブックマークレット変換」を作りました。 : ういすぷの記録帳

ブラウザのお気に入りに設置することで、ちょっと便利なWebライクをおくれる「ブックマークレット」用のJavaScriptを、ブックマークレット用に変換するサービスを作ってみました。

サイトはこちらです。
https://app.tree-web.net/make_bookmarklet/


使い方は簡単で、ブックマークに表示する「名称」と動作させるための「JavaScriptソース」をフォームに入力し、「変換」ボタンを押すだけです。
あとは、出来たボタンをブックマークにドラッグするだけで、次回からブックマークにあるボタンを押すことで利用できるようになります。
※ 実行するJavaScriptは自前で用意する必要があります。

使い方

■ １）
https://app.tree-web.net/make_bookmarklet/へアクセスします。



■ ２）
「ブックマーク名」に表示したいブックマークの名称、変換前ソースには、JavaScriptソースを入力してください。
でもでは alert('hollow world!'); としています。実行すると alert 表示されます。



■ ３）
変換ボタンを押します。
問題なく変換できると、変換したソースとブックマークに入れるボタンが表示されます。



■ ４）
２）で入力したブックマーク名のボタンが表示されますので、ドラックしつつブックマークに入れてください。



■ ５）
ブックマークに入れたボタンを押すと、JavaScriptが実行されます。

動画による説明

静止画を使っていますので、基本的には上に書かれている内容と変わらないです。



以上です。
もしバグなどがございましたら、コメントいただけると幸いです。


処理的には、文字をエスケープ処理し、頭に「javascript:」、末尾に「void(0);」を追加しただけのものです。
ブックマークを編集して手打ちしてもいいですが、変換すると楽ですのでお使いいただけると幸いです。


■ 更新履歴
2023/05/22 … インデントに利用するスペースやタブの処理を少し変え、2個以上であれば、半角スペースを1つにするよう変更しました。ただし、2個以上の半角スペースが続いた場合は、スペースを消しています。

関連記事

・さくらインターネット、PHPでImageMagickを使う方法
・OneDrive でファイルを共有する方法
・音泉の録音（ダウンロード）
・Adobe Server Error!
・テレワーク、オンライン会議向け『バーチャル背景』まとめ
・まだまだやれます。Windows 10ライセンス認証（プロダクトキー認証）
・Radikoolで「JCBA」の録音ができない対処メモ
・「結月ゆかり」さんにしゃべってもらってYoutube配信メモ
・Windows 10のダウンロードとUSB セットアップメディアの作成
・2019年1月のマンスリーロールアップ（KB4480970）を適応してから、Windows 共有フォルダにアクセス出来ない場合 KB4487345 適応すべし。
・音声合成ソフト「CeVIO Creative Studio S」ダウンロード版ゲット！
・CSSで文字や画像を点滅させる。点滅メーカー
・ランダムな英数字の文字列を生成する「パスワードメーカー」
・「RTFree」用バッチ作成機
・CSS3で文字や画像を選択させない様にする。
・さくらインターネットで大きいファイルを split を使って分割する方法
・いつでもドキッ ブルースクリーンが体験できる「Bluescreen Screen Saver」
・ポップアップがうるさいWindows 10へのアップグレードを防止する「Never10」を使ってみた。
・全角英数字を半角英数字へ変換する「変換機」を作りました。
・Acer ASPIRE 3820T-N52B をリストアしたので、不要ソフトを削除しました。メモ。
・ディスプレイ一体型VAIO（SVL241B12N）のHDDをSSDへ変換しましたメモ。
・『Windows 10 Insider Preview ビルド10162』 Oracle VM VirtualBox へのインストールメモ