Scrapbox入門04「ブックマークレット」

更新日 2021 年 7 月 5 日
投稿日 2018 年 9 月 2 日
著者倉下忠憲
カテゴリー R25世代の知的生産

今回は、Scrapboxにページをさくっと作れるブックマークレットを紹介します。

ちなみに、内容についての詳しい話や、そもそもScrapboxってなんやねん、については書籍『Scrapbox情報整理術』をご覧ください（つい最近Kindle版も発売されました）。あるいは、Scrapbox研究会にも情報が集まっているのでそちらを参照してください。

Scrapbox情報整理術

created by Rinker

下準備

まず、左上のグローバルメニューから、「settings」ページに移動しましょう。

そして、「Page Data」のタブを表示させます。

ここに表示されている「」をブラウザのブックマックメニューバーに移動させれば登録完了です。

実行

では、実際にこのブックマークレットを使ってみましょう。

参照したいWebページを開いた状態で、先ほど登録したブックマークレットをボチっと押します。

※ダイアログが表示されるのでOKボタンを

すると、Scrapboxの新しいページが開きます。そこには、先ほど開いていたWebページのタイトルとURLが記載されています。クリップ成功です。

もし、ページを表示しているときに、何かしらのテキストを選択している場合は、そのテキストも一緒にScrapboxページに取り込まれます。

引用したい文言がある場合は、こちらのバージョンでやってみましょう。

解剖

ここでブックマークレットの中身を見てみます。

ブックマークレットとは、ブラウザの「お気に入り」に登録して使えるJavaScriptのことであり、つまりその中身は、JavaScriptのコードです。

実際、登録したブックマークを覗いてみると、URL欄にはjavascript:で始まる文字列が入っています。それがJavaScriptのコードというわけですね。

javascript:(function(){var%20title=window.prompt('Scrap%20"Scrapbox"%20to%20%E5%80%89%E4%B8%8B%E5%BF%A0%E6%86%B2's%20project.',document.title);if%20(!title)%20return;var%20lines=['','['+window.location.href+'%20'+document.title+']'];var%20quote=window.getSelection().toString();if%20(quote.trim())%20lines=lines.concat(quote.split(/\n/g).map(function(line){return%20'%20>%20'+line}));lines.push('');var%20body=encodeURIComponent(lines.join('\n'));window.open('https://scrapbox.io/lively-cell-2601/'+encodeURIComponent(title.trim())+'?body='+body)})();

はい、まったくわかりませんね。

でも、やっていることはそう難しいものではありません。細かい部分を端折れば、表示されているページの情報を取得し、その形を整えた上で、Scrapboxプロジェクトのページを開いているだけです。

でもって、ここがポイントです。Scrapboxでは、ページを開けば、ページが作れるのです。

open url

たぶん、「ちょっと何言っているかわかんないんですけど」だと思いますので、もう少し詳しくみていきましょう。

たとえば、自分のプロジェクトのURLの後ろに、まったく存在しないページのタイトルを付けて表示させてみましょう。たとえば、https://scrapbox.io/rashitamemo/abc のような感じです。

※ここに直接abcを追加して、リターン

すると、以下のようなページに移動します。

abcというページタイトルを持つ、中身がまだ存在しないページです。これはオレンジ色のリンクを作って踏んだのと同じ状況です。まあ、やっていることは同じですね。

で、これが意味することは、Scrapboxの外から新規ページを作成したい場合は、APIでnewだとかcreateだとかややこしいコマンドを叩く必要はなく、単にそのページのタイトルをプロジェクトのURLの後ろにくっつけて、そのULRをopenしてしまえばOKだということです。

たとえば、そのプロジェクトに20180831というページが存在しなくても、そのページを作りたいな〜と思った場合、https://scrapbox.io/hogehoge/20180831というURLを何かしらのツールなりプログラムで開いたら、そのページの作成画面に一気にジャンプできる、ということです。

ページを開くことは、簡単なコードで実現できます。以下のページも参考にしてください。

プログラムを利用する方法