Scrapboxで我流バレットジャーナル・カスタマイズ編。Scrapboxを活用していくために施したカスタマイズを紹介！
2019/12/05
この記事を読むのに必要な時間は約 16 分 13 秒です。
どうも、Scrapboxを明朝体にして愛用している怜香@Ray_mnzkです。
実は私、明朝体が大好きなんですよね。というかフォントは明朝体じゃないとイヤだと思ってしまうタイプ。だって明朝体って繊細で上品なんですもの！
……と、こんなわがままな私にもぴったりなのがScrapbox。だってコードを書けば明朝体にできるんですもの。他にもいろんな機能を追加したり見た目を変えたりできます。自分のやりたいようにできるのです。
というわけで、今回はScrapboxで我流バレットジャーナル連載の第2弾です。
私がScrapboxでバレットジャーナルをやるために＆Scrapboxに愛着をもてるようにするために行ったカスタマイズを紹介していこうと思います！
※以前の連載はこちら！
目次
Scrapboxで我流バレットジャーナルを行うために導入しているUserScript
UserScriptとは？
UserScriptとは、Scrapboxに独自の機能を付与するために導入するスクリプトです。
導入するには、設定画面で確認できる自分のユーザー名をタイトルにしたページ（以下「自分のページ」）を作り、所定の記法でスクリプトを入力していきます。
入力後、ページをリロードするとUserScriptが適用されるようになります。
UserScriptは有志の方々がさまざまなものを公開してくださっているので、それらをコピーして貼り付ける形でも導入できます。自力でコードが書けなくても導入できるのがいいところです。
(1)チェックボックス機能を実装するUserScript
私がScrapboxでバレットジャーナルをやる上で使っているUserScriptといえば、やはりチェックボックス機能ですね。これはタスク管理をやる上では欠かせません！
スクリプトは以下で公開されています。
このUserScriptを導入すると、Scrapboxでチェックボックス機能が使えるようになります。
チェックボックスをクリックorタップすればチェックが入ります。もう一度行えばチェックが外れます。
さらにチェックボックスがある行で改行すると、次の行の頭にもチェックボックスが入ります。タスクを連続で入力していきたい時にはすごく便利です。
私はこれを使ってタスクを書き込んで、着手したらチェックを入れ、完了したら取り消し線を入れるようにしています。
着手と完了とを分けて表現できるようになるのがすごくいいんですよね。タスク管理アプリでもなかなか実現できないことではないでしょうか。
(2)ピン留めしたページにジャンプするメニューを実装するUserScript
それからこれ。ピン留めしたページにアクセスできるようになるサイドメニューを実装するUserScriptです。
スクリプトは以下で公開されています。
これを導入しておくと、他のページを開いている時でも、ピン留めしておいたページにサイドメニューからアクセスできるようになります。
何が便利かというと、その日のデイリーログをピン留めしておけば、他のページを開いていてもすぐにデイリーログを開けるようになることなんですよね。いちいちトップページに戻らなくていいので、とても使いやすくなります。
iPhoneの場合は「Porter for Scrapbox」に独自で備わっているピン留め機能を使うことで、どのページからでも特定のページにアクセスすることができます。
しかしPCからだと、Scrapboxに本来搭載されているピン留め機能しか使えません。これはトップページの先頭に特定のページを固定しておけるだけに過ぎず、他のページを開いている時にピン留めしているページにアクセスできるようになるわけではないのです。
その難点が、このスクリプトで解消されます。ピン留めページにアクセスする際に読み込みに少し時間がかかってしまいますが、無いよりは断然便利です。
(3)強調記法にした部分からページの見出しを作るUserScript
それから、Scrapboxでブログ記事も書いている私にはとてもお役立ちなUserScriptのご紹介。
そのひとつめがこちら。
これは見出しを強調記法で書いておくことで、サイドメニューに見出しの一覧を表示できるようにするUserScriptです。
Scrapboxは元々長文を書くためのものではないとされており、見出しを作る機能は備わっていません。
しかし、箇条書きにせずともアウトライナーのように行の入れ替えが可能なことから、記事執筆などにも充分に活用できます。そうなると、見出しを作る必要も生じてきます。
このUserScriptを導入しておけば、見出し部分を強調記法にしておくことで、サイドメニューからいつでも見出しを確認することができるようになります。
もちろん表示された見出しをクリックすれば該当部分にジャンプできるので、いちいち画面をスクロールさせなくても編集したい部分にすぐアクセスできますよ。
(4)ページの文字数をカウントするUserScript
そして、もうひとつがこちらです。
こちらはその名の通り、ページ内の文字数をカウントしてくれるUserScriptです。
サイドメニューのページアイコンをクリックorタップすると、ページ全体の文字数・単語数・行数が表示されます。
また、文字数をカウントしたい部分を範囲選択すると、表示されるポップアップメニューに選択部分の文字数と単語数が表示されます。
文章全体の文字数のみならず、特定の見出しや段落の文字数もカウントできるのがとても便利です。
Scrapboxでの我流バレットジャーナルを快適に使うために導入したUserCSS
UserCSSとは？
UserCSSは、Scrapboxの見た目やデザインを変更するために導入するものです。
UserScript同様に自分のページに、もしくは「Settings」というタイトルのページを作って記述orコピペすれば反映されます。前者の場合は自分のみに、後者の場合はプロジェクトの参加者全員に適用されます。
(1)箇条書きのバレットを控えめにするUserCSS
これは箇条書きにした際に行頭に表示されるバレット（・）を目立ちにくいものに変えてくれるUserCSSです。
Scrapboxで箇条書きにした際のバレットは、黒のかなりくっきりした中点で表示されます。これが個人的には主張が強すぎるように感じて苦手だったんですよね。
このUserCSSを適用すると、バレットが薄いグレーのハイフンで表示されるようになります。これなら目立ちすぎないですし、目にも優しいです。
(2)テロメアをスリムにするUserCSS
こちらはページ内各行の左端に帯状に表示される「テロメア」をスマートなデザインに変えるUserCSSです。
「テロメア」とはメモの鮮度を表すもので、その行がいつ頃更新されたものかを視覚的に表示したものです。直近に更新されたものほど帯が太くなり、更新したばかりの行は緑色の帯がつきます。
ただ、個人的にはこれも目立ちすぎて苦手でした。バレット同様、メモそのものよりも主張が強いように感じてしまって。
でもこのUserCSSを導入すれば、テロメアの帯は全体的に細くなり、更新したばかりの行のテロメアは薄いピンク色になります。(1)と合わせて使うと、文章以外の要素が目立たなくなるので執筆も捗ります。
個人的には、(1)と(2)のUserCSSがあったからこそ、Scrapboxを本格的に使用する気になったといっても過言ではありません。
(3)マーカーを引いたような強調表示をにできるUserCSS
意外と便利なのがこのUserCSSです。二重ブラケット（[[]]）で囲んだ際の強調表示を、マーカーを引いたような見た目の強調表示にしてくれます（本来は「*」を使った場合と同様の太字になるのですが）。
上記UserCSSを導入するとマーカー色は緑になるのですが、自分の好みでピンクに変えました。
これ、すごくお気に入りです。タスクや重要なメモをこれで目立たせると、たくさんの箇条書きが並んでいる中でも見落とさずにすみます。
(4)フォントを明朝体にするUserCSS
これは自分で色々調べながら作りましたね。
.editor, .stream {
font-family: 'ヒラギノ明朝 ProN','Hiragino Mincho ProN','ヒラギノ明朝 Pro','Hiragino Mincho Pro','游明朝体','YuMincho','游明朝','Yu Mincho',serif;
}
中身自体はフォント指定のコードを書いているだけですので、そんなに難しいものではないなと感じました。既存のUserCSSの見よう見まねでなんとかできる範囲です。
私はとにかく「フォントは絶対に明朝体じゃなきゃ嫌！」というほどの明朝体派なので、ここはこだわりたかったんですよ。実装できて満足です。
自分好みにカスタマイズできるからこそ愛着がもてる
長く使っていくためにもカスタマイズは欠かせない
以上のように、UserScriptやUserCSSで色々とカスタマイズしてScrapboxを使っています。
機能的に必要だから導入しているものも結構あるのですが、見た目を好みにするために導入しているものも多いですね。もっとも、UserCSSはそのためにあるのですけれどもね。
やはり見た目が好きになれないと長くは使っていけないと思っています。バレットジャーナルとして使うなら毎日使っていくことになるんですから、愛着を感じられるようなものに仕立てたくなるというものです。
私はシンプルかつ上品な見た目のものが好きなので、必然的にこうなったという感じですかね。
自由にカスタマイズして手になじむツールにできる
やはりScrapboxはカスタマイズの自由度が高いのがいいですね。
好きな見た目にして、好きな機能をつけて。自分好みに仕立てられるのは素晴らしいメリットだと思います。日常的に使っていくツールとしては。だって手になじむツールに育てられるんですもの。
今のところ今回紹介したカスタマイズでほぼ満足していますが、またいじりたくなったらいじると思います。導入しようとしたけどうまく反映しなかったUserCSSとかもありますし、その辺も追々なんとかできれば。
カスタマイズ自体も楽しいし、好きですからね。自力では大したことはできませんが、先人達の知恵を借りれば色々出来ますのでね。
これからも愛着もってScrapboxでバレットジャーナルやっていけるように工夫していこうと思います！
今日のあとがき
というわけで、Scrapboxで我流バレットジャーナル連載、カスタマイズ編でした！
いつになったらメイン的な話（デイリーログとか）をするのかって感じですが、もうしばらく先かな……その前にキーの話とかもしたいですし。その方がデイリーログの説明しやすくなるので。
こういう連載ものって、どういう順に語っていくのが一番適切なのかなってすごく考えます。けど結局はなんとなくで決めるというか、自分が語りやすいと思う順番にしているような気がします。
それにしても、Scrapboxはいいですね。だいたいなんでも自分の好きなようにいじって使いたい私にはぴったりのツールでした。
思えばバレットジャーナルも自分流にカスタマイズできるのが気に入っていたわけですし、やはり私にとって「カスタマイズ」は重要な要素なのだと思います。
それでは、今回はこのあたりで。
関連記事
-
-
ゲーマーに捧ぐTodoist活用法。集めるべき素材をTodoistで管理してみよう！
タスク管理ツール「Todoist」は、なにもタスク管理のためだけに使うべきものではない。タスクに限らず、様々な使い方が可能なツールである。今回は、オンラインRPGなどをがっつりやり込んでいるゲーマー向けのTodoist活用法を提案する。
-
-
Workflowy Proの「特定アカウントへの共有」を活用すると、スマホからのWorkflowyがもっと使いやすくなるよ！
有料プランであるWorkflowy Proには、通常の共有機能のほかに、特定の相手を指定してトピックを共有する機能が備わっている。この機能を使って自分のサブアカウントにトピックを共有することで、スマホからもWorkflowyを快適に使うことができるようになる。今回はその方法について解説する。
-
-
ミニマリストでも何でもない私が「小さい財布」を使っている理由とその結果起きた変化
ミニマリスト御用達ともいわれるabrAsus社の「小さい財布」。しかし、ミニマリストではない私もこの財布をメイン財布として愛用している。その理由とその結果起きた心境の変化をご紹介する。
-
-
WorkflowyからiPhoneを使ってTodoist・たすくまにタスク転記できるブックマークレットが来たよ！
クラウドアウトライナーであるWorkflowyは、タスク管理にも使うことができる。しかし、リマインダー設定やタスクシュートのためにTodoistやたすくまと併用する場合は、Workflowyからタスクを手作業で転記する必要があった。
ところがこの度、この転記の手間を省いているブックマークレットが登場した。ここではその使い方や注意点を中心に紹介・解説していくことにする。
-
-
ゲーマーなWorkflowyユーザー必見！使用中のアプリを閉じることなく（Workflowyに）メモを取る方法
iPhoneでゲームなどのアプリ使用に没頭している時に何かメモすべきことが思い浮かんでも、使用中のアプリを閉じないことにはメモを取ることはできない。しかし、特にゲーム中はアプリを閉じることで不便が生じる場合が多い。そんな問題を解決し、アプリを閉じることなくメモを取る方法を紹介する。
-
-
自動貯金アプリFinbeeで無意識に貯金できる！これならきっと続くはず！
貯金なんてどうせ続かない、貯金しようなんて到底思えない……そんな貯金の苦手な人・貯金のやる気がない人に贈る、自動貯金アプリ「Finbee」のご紹介。
-
-
WebページのURLをWorkflowyに保存できるChromeアドオン「Workflowy Clipper」が便利すぎてヤバい件！
クラウドアウトライナーであるWorkflowyは、APIが公開されていないために、他のアプリなどから直接書き込みを行うといったことは出来ないという制約がある。しかし、そんな制約を打ち破るChromeアドオンが存在していた。クリック一つで閲覧中のWebページのリンクをWorkflowy内に作ることができる「Workflowy Clipper」というアドオンをご紹介する。
-
-
忙しすぎて「こんなの無理！」となった時こそ瞑想を！～「3分瞑想」のススメ～
この記事を読むのに必要な時間は約 0 分 43 秒です。 どうも、予定通りに運ばない一日を過ごしてまいりました怜香@Ray_mnzkです。 今日（3/5）は何の日って、私の大好きなジェンヌさんであるれ …
-
-
Workflowyとはひと味違うクラウドアウトライナー「Dynalist」の特徴とか機能とかを語ってみる
Workflowyと似た見た目と機能性を持ちながら、初めから数々の便利機能が備わっているクラウドアウトライナー「Dynalist」。今回はこのDynalistがもつ様々な特徴や機能について、Workflowyとの比較も交えつつ解説していく。
-
-
Workflowyで構成練ったアイデアをEvernoteで保管するという話
ふと突然アイデアが浮かんだ時、皆さんはどうしているだろうか。今回は、思いついたアイデアを練っていくという作業に焦点を当てて、WorkflowyとEvernoteの使い分けについて考えてみることにする。
