121
108

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

今年イチ!お勧めしたいテクニック by ゆめみ feat.やめ太郎Advent Calendar 2019

Day 1

メモの心理的ハードルを爆下げするテクニック -外部記憶装置としてのScrapbox (+ Alfred + chrome拡張)-

Last updated at Posted at 2019-11-30

ハーマンミラーの高級チェア頂きに参りました。

2020/2月追記
ほんとに頂いちゃいました。投票して頂いた皆さま、ありがとうございます。

シチュエーション

メモを取る

「あれをやらなきゃいけないのを忘れていた。メモしよ」(scrapbox + Alfred)

alt + space -> 入力
image.png
最終行に追記される
image.png

メモを引き出す

(Flutterでアプリを開発中・・・)
「あれ、Containerの角を丸めるのってどうするんだっけ?」
image.png

「忘れた、調べよ」(scrapbox + Alfred)
Nov-30-2019 17-50-39.gif

「あ、あった。Container( decoration: BoxDecoration(borderRadius: BorderRadius.circular(32.0), ), );だわ」
「そうだった。colordecorationの中にいれなきゃね。」
image.png

※ Alfredで検索する代わりにchrome拡張を用いて検索することも可能です。(scrapbox同時検索)
image.png

この記事について

「メモを取れ」

そう言われてメモを取り始めるものの、気がついたらいつの間にかメモを取らなくなる。そんな経験ありますよね?

なぜか。面倒だからです。

「あれ、どこにメモしたっけ?」「その都度ググればいいや」「あとでメモしよう」このような情報の蓄積、整理、引出に関する様々な面倒事がメモを遠ざける結果に繋がるのです。

そんなメモが億劫なあなたのために、scrapboxとAlfred、chrome拡張を用いて、メモの心理的ハードルを爆下げするテクニックを紹介します。

scrapboxとは

  • カード型wiki
  • 階層構造を持たず、リンクによって情報(ページ)同士が繋がりを持つ
  • 全文検索できる
  • []で括るブランケット記法という独自の記法を持つ
    • markdownより簡単な記法 5分で慣れる
  • ブラウザから利用するので、pcとスマートフォンの両方で使用できる

導入方法は以下をご覧ください。
といってもgoogleログインするだけです。
Scrapboxの導入方法と、基本的な操作方法

このように公開することも可能です。
西尾泰和のScrapbox

Alfredとは

Alfredはmac用ランチャーアプリです。詳しくは以下を御覧ください。
無料版AlfredでMacをかっこよく扱おう
※ windows版はありませんので、類似アプリを使用してください。

メモを引き出す

Alfredから検索

Dec-01-2019 05-16-09.gif

scrapboxはurlから全文検索ができる機能があります。
その機能を利用してAlfredからscrapboxを全文検索します。

https://scrapbox.io/PJ名/search/page?q=

AlfredでFeatures -> Web Search -> Add Custom Searchから以下の画面を開いてください。

  • Search URL には検索したいプロジェクトurlを記載してください。
  • 更に末尾に/search/page?q={query}を付け加えます。
  • Keywordを指定してsaveします。この例ではflutterと指定しています
  • alt + spaceでAlfredを開いて検索します。
  • 第一引数が指定したKeyword
  • 第二引数以降が{query}になります。

image.png

scrapbox同時検索(chrome拡張)

Google・Scrapbox同時検索(Chrome拡張機能) - Scrapboxカスタマイズコレクションより

image.png
その名の通りgoogle検索と同時にscrapboxを検索してくれる素晴らしい拡張機能です。
自分がscrapboxにメモしたことを忘れていても、勝手に検索に引っかかってくれるので重宝します。

scrapbox同時検索を追加します。

拡張機能を右クリック -> オプションでプロジェクトを指定する
image.png

google検索すると右側に表示されます。

メモを蓄積する

メモの作り方

image.png

  • 中央緑の+ボタンから新規のページをつくります。
    • ページには多くを記述する必要はありません。なぜならページはscrap(断片)だからです。
    • コードスニペットをコピペする要領で、深いこと考えずに取り敢えず適当に放り込むぐらいの気楽さで記述します。
    • 全文検索をかけた時に引っかかりやすい文字を入れておくと良いでしょう。

Alfredと連携して爆速でメモする

scrapboxにはページurlの末尾に?body=を指定するとページの末尾に指定したテキストを追記する便利機能があります。
これを利用して、ページにメモを爆速で追記していきます。

Features -> Web Search -> Add Custom Searchから以下の画面を開いてください。
image.png

  • Search URL にはメモを記載したいページurlを記載してください。
  • 更に末尾に?body= {query}を付け加えます。
  • Keywordに例えばmemoと入力します。
  • saveして、alt + spacememo hogehogeと入力します。

image.png

  • 指定したページの末尾にhogehogeが追記されます。

image.png

ページごとにAlfred経由で追記していく設定をするのは大変なので、なんでもメモする一時メモページをつくって、そこにガンガンメモしていって、あとでそのメモを振り分けて行く感じで利用すると便利です。

その他

階層型のページを作る

scrapboxにおいて情報(ページ)同士はリンクによって繋がり、階層構造は持ちませんが、以下のように、リンクと箇条書きを用いて擬似的に階層構造をもたせることが出来ます。

image.png

Pin at homeでピン留めするとプロジェクトの一番上(左上)に固定されます。
image.png

その他のchrome拡張

urlをブランケット記法でコピペしてくれる便利拡張
ScrapLinker - Chrome ウェブストア

#終わりに
scrapboxにソースコードをコピペするだけでも全然違います。

scrapboxで快適なエンジニアライフを!
 
 
 
 
 
  
 
 
 
ハーマンミラーの高級チェア頂きました。

121
108
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
121
108

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?