リンクを貼っていたところ結構クリックされているみたいで、みなさん興味があるんだな〜と思い今回のような記事を書いてみました!今回の内容はわたしのブックマークに登録されているブックマークレットです。ブックマークレットってこんな感じなんだな〜、こんな種類あるんだな〜と興味を持っていただけたら幸いです!ブックマークレットとは?ブックマークレットを使うメリット!おすすめの使い方!ブックマークレットの登録方法!色々なブックマークレット!ブックマークレットとは?一言で言うとプログラム(JavaScript)です!それをブラウザのブックマークに登録しておき、使いたい時に使うって感じです。拡張機能を入れてなくても拡張機能っぽいことが出来るようになります。すると何もしていない状態で「26.9MB」メモリが使われています。てぶの小窓でブックマークするタブを開いた状態だと「70.9MB」使われています。これを拡張機能では無くブックマークレット(はてぶ公式の物があります)で開くと「56.1MB」です。開いてさらにブックマークレットを使っているタブ全体の物です。5.1」で「5.1MB」になります。重いなーと感じたら置き換えられそうなブックマークレットを探して使ってみてください。慣れで使えるようになりますし、小さな節約もコツコツと重ねると大きく変わってくるってもんですwおすすめの使い方!なんと言ってもこちらの「SpellBook」って拡張機能です!右クリックメニューからブックマークレットが使えるようになりますのでおすすめです〜!「SpellBook」を入れるとブックマークに「Bookmarklets」のフォルダが自動で作られますので、そこにブックマークレットを入れると右クリックメニューで「SpellBook」を展開した時に、そのブックマークレットが表示されます。右クリックで使えるようになるだけの機能なんですが、これがとても便利です!是非入れてみてください。SpellBookブックマークレットの登録方法!登録方法は主に2パターンあると思います。「javascript:」で始まる文字列リンクで表示されているjavascript:alert('ブックマークレットのテスト!');このように「javascript:」で始まるコードが表示されている場合と、文字や画像でリンクになっている場合です。ブックマークレットのテスト!リンクだとこんな感じです。通常なら「http://」とかで始まりますが「javascript:」から始まります。ブックマークバーにドラッグします、するとリンク文字のブックマークレットが追加されます。属性に書くだけで良いみたいです。色々なブックマークレット!前置きが長くなってしまいましたが、わたしが登録しているブックマークレットの紹介です!冒頭でも書きましたがブックマークレットは短いとは言え一応プログラムです!なので、今回は(ライセンスとかあれなので)紹介文とリンクのみを書かせていただいています。お手数ですが、リンク先のページよりブックマークレットの入手を行なってください!基本的にはそのブックマークレット名でリンクが置かれていると思いますので、そちらをブックマークバーにドラッグして試してみてください。ボタン風に装飾されている場合もあるかと思います。あとこちらで紹介されている、公式ではないブックマークレットもかなり便利だと思います!アカウントひとつでたくさんのデバイスに対応。A4、1枚に納めて印刷しといてっ!」が数分で出来ちゃいます!慣れてくると1分以内とかもいけます〜wブラウザで開いているベージをその画面で編集して印刷プレビューに表示して印刷できます。発行されますので、それを誰かに教えると自分が編集した画面が見れてシェアできます〜w今回わたしが落書きした物はこちらです。※こちらのブックマークレットは「SpellBook」から使うと何故か動きません、ブックマークバーから使ってみてください。Viewタブ内で画面を分割して表示するブックマークレットです!内容を比較したりするのに重宝します。大きいモニター使われている方なら便利だと思います。拡張機能でも似たような物が結構あったりします。使っていたのですが、さらに便利に使えるこちらのブックマークレットはお気に入りです。関連のブックマークレットです!ほとんど公式の物で、結構数あります。※こちらも「SpellBook」からだと動かないのでブックマークバーから使用してください。シェア※ポップアップがブロックされてしまうので許可が必要です。ツイート※こちらも「SpellBook」からだと動かないのでブックマークバーから使用してください。表示している時に使うと「ふぁぼったー」のそのユーザーページを表示してくれるブックマークレットです!どんなツイートをしてふぁぼられているのかすぐ確認出来て便利です。使っています、これは公式のブックマークレットです。シェアしたい場合に使うと画面が開きます。気に入っている点は、シンプルで見やすい、ヘッダーが何気にかわいい、あとこちらが主な理由ですがシェアした結果にどれくらいクリックしてもらえたが分かります。短縮のみにでも使えます。※公式のブックマークレットは2タイプあります。「SpellBook」から動きません。ブックマークレット、CSSを無効化するブックマークレット、CSSを無効化するブックマークレット・改などを公開されています。側で規制されている為使えない状況です。確認ができるブックマークレットです。今開いているページのモックアップをサクっと表示してくれるブックマークレットです。サービスですご〜く便利です!ちょっと便利な使い方をご紹介します。使ったサンプルはこちらです。さんで紹介されていました。this!この記事書いている途中だったので、こってり忘れていたので追記させていただきます。ご活用いただけると幸いですヾノ。使っていたのですが、「Croppy」の方が細かく管理出来るのとウェブデザインに特化されているので利点が多いと思っています。触った感じの印象は、「よく作りこまれている!」「ナビゲーションが親切で新鮮!」です。経由で知ったりで蓄積されていった感じです。ブックマークレットを探そう!といった感じで行動したことはないです。13:17:22actyway.com@actywayフロントエンドエンジニアにとっての2019年。インデックスをデフォルトに。15:47:08actyway.com@actywayブログを続ける難しさ。同墓地では国内外のお蔵入りしたベンチャー企業のサービスを紹介します。00:19:24actyway.com@actyway任天堂のゲームでよく見かける「あのフォント」の秘密に迫る。(12)Archives2015年3月2013年12月2013年11月2013年10月2013年9月2013年7月2013年6月2013年5月2013年4月2013年3月2012年12月2012年10月2012年9月2012年8月2012年7月2012年6月2012年4月2012年3月2012年2月2011年12月2011年11月2011年8月2011年7月2011年6月2011年5月2011年4月2011年3月2011年2月2011年1月2010年12。