<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: sngm45/砂肝うま太郎</title>
    <description>The latest articles on DEV Community by sngm45/砂肝うま太郎 (@sngm45).</description>
    <link>https://dev.to/sngm45</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F165625%2F2518e24c-8d9d-4d9e-a023-e32de9844182.jpeg</url>
      <title>DEV Community: sngm45/砂肝うま太郎</title>
      <link>https://dev.to/sngm45</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/sngm45"/>
    <language>en</language>
    <item>
      <title>Scrapbox is the best tool to write all</title>
      <dc:creator>sngm45/砂肝うま太郎</dc:creator>
      <pubDate>Mon, 04 Jan 2021 08:54:20 +0000</pubDate>
      <link>https://dev.to/sngm45/scrapbox-is-the-best-tool-to-write-all-18gk</link>
      <guid>https://dev.to/sngm45/scrapbox-is-the-best-tool-to-write-all-18gk</guid>
      <description>&lt;h2&gt;
  
  
  "Scrapbox"とは？
&lt;/h2&gt;

&lt;p&gt;メモ帳でもあり、Evernoteでもあり、Wikiでもあります。&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;チームのための新しい共有ノート&lt;br&gt;
あらゆる情報をつなげて整理できる次世代の知識共有サービス&lt;br&gt;
&lt;a href="https://scrapbox.io/product" rel="noopener noreferrer"&gt;https://scrapbox.io/product&lt;/a&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;ありとあらゆる情報をScrapboxに入れていくことで、Scrapboxは人間の外部脳になりえます。&lt;/p&gt;

&lt;p&gt;このページでは、私のScrapboxに対する考え方と使い方を紹介します。&lt;/p&gt;

&lt;h2&gt;
  
  
  Evernoteはアーカイブのための外部脳
&lt;/h2&gt;

&lt;p&gt;まずは、Evernoteの特徴をあらためて考えてみましょう。&lt;/p&gt;

&lt;p&gt;Evernoteは、そのデータ構造として、ノートブックとそれに含まれるノートから構成されています。&lt;/p&gt;

&lt;p&gt;つまり、ツリー型のデータ構造です。&lt;/p&gt;

&lt;p&gt;ツリー型は、そこで扱うすべての情報に対して、あらかじめ分類がムダなくモレなく決められているような状況に限って、有効なものです。いわばトップダウン型です。&lt;/p&gt;

&lt;p&gt;実際の情報の取扱いを考えると、Evernoteは、１つのノートで完結する情報を扱うのに向いていると言えます。&lt;/p&gt;

&lt;p&gt;例えば、書類のスキャンやWebクリップといったものです。&lt;/p&gt;

&lt;p&gt;一方で、思いつきや連想を扱うような場合は、向いていません。&lt;/p&gt;

&lt;p&gt;ノート同期が必要な点も、アイデアの初速を欠いてしまうシーンが少なからずあります。ありました。&lt;/p&gt;

&lt;p&gt;これは良い悪いではなく、特徴によるものです。&lt;br&gt;
要は使いどころです。&lt;/p&gt;

&lt;p&gt;Evernoteは、私にとっては、Webクリップのための外部脳という位置づけです。&lt;br&gt;
実際、もはやそのような使い方しかしていません。&lt;/p&gt;

&lt;p&gt;外部脳がScrapboxだとすると、普段使わないけど保存しておく書庫がEvernote、といったイメージです。&lt;/p&gt;

&lt;h2&gt;
  
  
  Scrapboxは思考のためのツール
&lt;/h2&gt;

&lt;p&gt;一方の、Scrapbox。&lt;/p&gt;

&lt;p&gt;思考するときは、Scrapboxが向いています。&lt;/p&gt;

&lt;p&gt;思考は、トップダウン型もボトムアップ型も両方がありますが、Scrapboxではどちらの使い方もできます。&lt;/p&gt;

&lt;p&gt;トップダウン型では、まず思考フレームやテンプレートを決めます。そこから思考を発展させていきます。&lt;br&gt;
Scrapboxでは、テキストに[]括弧をつけるだけでそのタイトルをもつ新規ページが瞬時に作成されます。これを使えば、最初のフレーム（インデックス）のページだけ作ることで、空の詳細ページもあわせて作られることになります。&lt;/p&gt;

&lt;p&gt;また、ボトムアップ型では、思いついたアイデアや、ふと感じたことが「思考のタネ」になることが多いです。&lt;br&gt;
これらを「構造的に」繋げたり編集したりすることで、１つのまとまった思考に昇華させることができます。&lt;/p&gt;

&lt;p&gt;Scraboxは、その「思考のタネ」を扱うのに適したツールであり、そのように作られています。&lt;br&gt;
そのための特徴が、Wiki型のデータ構造とテキストに特化したインタフェースです。&lt;/p&gt;

&lt;h3&gt;
  
  
  Wikiとリンク
&lt;/h3&gt;

&lt;p&gt;Scrapboxは、Wiki型のデータ構造を持ちます。&lt;br&gt;
キモは、ハイパーリンクです。&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;ライブ・マークアップエディタはとても強力で、[角カッコ] で文字を囲むだけで、すばやくリンクにしたり、画像や動画として展開することができます。&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;単語にハイパーリンクを貼ることで、連想的にページの遷移ができます。&lt;br&gt;
ハイパーリンクを付与すれば、リンク先ページは自動的に生成されますが、自分でそのページを編集することもできます。&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Scrapboxは、単語のリンクから動的にページ間のつながりを作ります。 つながりができると、関連するトピックが下に表示されるので、アイデアを簡単に整理して探索できるようになります。 ページが年間で数千という量になってもフォルダの構成などに頭を悩ませることはなく、いつまでも管理できます。&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;さらに、タグ（リンク）に関係するページの一覧も自動的に生成されるのも便利。&lt;/p&gt;

&lt;p&gt;ところで、Wiki型の大きな特徴として、データに階層構造がないことが挙げられます。&lt;br&gt;
すべてフラットなネットワーク。すべてのページが同じルールで書ける。だから連想・思考がしやすい。&lt;br&gt;
人間の脳も同じ構造だと思います（根拠なし）。&lt;/p&gt;

&lt;p&gt;思考にはスピード感が必要で、ツールにもそれなりのパフォーマンス性能が求められます。&lt;br&gt;
階層の上下運動が発生すると、スピード感が落ちます。ページごとに書き方が変わることも、思考の妨げになります。&lt;/p&gt;

&lt;p&gt;フラットであることは、思考のためのツールとして大きなアドバンテージです。&lt;br&gt;
アーカイブのためのEvernoteでは、このスピード感は出せません。&lt;/p&gt;

&lt;p&gt;&lt;a href="https://scrapbox.io/shokai/%E7%B6%BA%E9%BA%97%E3%81%AB%E4%B8%A6%E3%82%93%E3%81%A7%E3%81%84%E3%81%A6%E3%80%81%E7%B6%BA%E9%BA%97%E3%81%A7%E3%81%99%E3%81%AD" rel="noopener noreferrer"&gt;綺麗に並んでいて、綺麗ですね&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  テキストベース
&lt;/h3&gt;

&lt;p&gt;Scrapboxが思考に適する理由のもう１つが、テキスト形式をメインのインタフェースとするところです。&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;すべてのデータはテキストデータなので他のツールとの連携も自在です。&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;図解することの有効性は疑いようもありませんが、あくまで図は概要のレベルにしかなりません。&lt;/p&gt;

&lt;p&gt;例えば、ものづくりをするとき、設計図を書きます。どれだけ具体的に書いても、書ききれない情報が存在するため、実際に作るときに思考が走ります。&lt;/p&gt;

&lt;p&gt;要は、図では思考が完結しないのです。&lt;/p&gt;

&lt;p&gt;もう少し厳密にいうと、図解は、他者と情報の共通理解を行う場合と、自分の思考の整理を行う場合、に有効です。&lt;/p&gt;

&lt;p&gt;思考は、同時に１つだけが走ります。2つのことを同時に考えることはできません。同時に考えることができているように思えることも、脳はかならず細かい時分割を行っています。&lt;/p&gt;

&lt;p&gt;図を書いているときに考えていること、それこそが思考であり、それは線形であるがゆえに、言語化する必要があります。思考そのものを言語で行う必要がある以上、それを外部化（他者と共有）しようとするとテキストで書き起こす必要があります。&lt;/p&gt;

&lt;p&gt;Scrapboxは、テキスト表現を重視しており、そのようなインタフェースで作られています。&lt;/p&gt;

&lt;p&gt;&lt;a href="https://scrapbox.io/shokai/markdown%E3%81%AF%E3%83%87%E3%82%AB%E3%82%A4%E6%96%87%E5%AD%97%E3%82%92%E6%9B%B8%E3%81%8F%E3%81%AE%E3%81%AB%E4%BE%BF%E5%88%A9" rel="noopener noreferrer"&gt;markdownはデカイ文字を書くのに便利&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  アイコン
&lt;/h3&gt;

&lt;p&gt;Scrapboxはテキストベースと言いましたが、画像を添付することもできます。&lt;/p&gt;

&lt;p&gt;Scrapboxに画像を追加すると、Gyazoへ画像データがアップロードされ、自動的にそのリンクがScrapboxに貼り付けられます。&lt;/p&gt;

&lt;p&gt;２つのサービスを同じ企業が開発運営しているから為せる技です。地味にすごいと思います。&lt;/p&gt;

&lt;p&gt;さて、貼り付けた画像ですが、普通に画像をみることもできますが、私はアイコンとして使うことをおすすめしたい。&lt;/p&gt;

&lt;p&gt;たとえば、AAAというページに画像を添付します。&lt;br&gt;
次に、別のページに、[AAA.icon]というリンクを貼ることで、AAAの画像がテキスト1文字サイズのアイコンとなり、その文章中に追加されるのです。&lt;/p&gt;

&lt;p&gt;Scrapboxでは、プロフィール画像でこのような使い方をすることが多いようです。&lt;/p&gt;

&lt;p&gt;なぜなら、複数人が同時にページを編集する機能も備えているため、自分が書いたところに自分のアイコンを貼って、署名代わりに使うことができるのです。&lt;/p&gt;

&lt;p&gt;あるいは、引用文と自分の意見を区別する使い方なんてのもできます。&lt;/p&gt;

&lt;p&gt;この具体例については、記事末尾のリンクを参照。&lt;/p&gt;

&lt;h3&gt;
  
  
  オンライン
&lt;/h3&gt;

&lt;p&gt;Scrapboxは万能ではありません。&lt;br&gt;
こちらも使い方ですが、オンラインに特化しています。つまりインターネット接続がないと何も出来ません。&lt;br&gt;
一応、オフラインモードも実装されていますが、あんまり使っていないです。&lt;/p&gt;

&lt;h2&gt;
  
  
  私の使い方
&lt;/h2&gt;

&lt;p&gt;ここからは、私の使い方を簡単に紹介します。&lt;/p&gt;

&lt;p&gt;私は、個人的な趣味のプロジェクトを複数もっており、それぞれにScrapboxプロジェクトを作っています。たとえばこんな感じ。&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;読書メモ&lt;/li&gt;
&lt;li&gt;&lt;a href="https://scrapbox.io/simplegifts-tech/" rel="noopener noreferrer"&gt;テクノロジー&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;音楽&lt;/li&gt;
&lt;li&gt;食と酒&lt;/li&gt;
&lt;li&gt;日記&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;「日記」のみ非公開設定にし、その他は全て公開しています。&lt;/p&gt;

&lt;p&gt;使い方は、「日記」にアイデアメモやブログ下書きなど、思いついたこと、考えたこと、話した相手とその内容、行った店と買ったもの、といった本当にあらゆる情報を可能な限り書きなぐります。&lt;br&gt;
公開プロジェクトには、読んだ本、観た映画、食べたものなど、テーマごとのメモを残します。それぞれ「日記」からリンクを貼っているので、「日記」を見返せば、すべて追跡できるようにしています。&lt;/p&gt;

&lt;p&gt;その後、それをもとに例えばこのようにブログ記事として公開することで、その「情報」が完結するわけです。&lt;/p&gt;

&lt;h3&gt;
  
  
  Markdownとの使い分け
&lt;/h3&gt;

&lt;p&gt;Markdownは、エンジニアとしての仕事をするときに、使っています。&lt;br&gt;
ソースコードのメモがしやすい、UMLが書ける、などの機能があるからです。&lt;/p&gt;

&lt;p&gt;一方、ブログや読書などテキストがメインのときは、Scrapboxです。&lt;br&gt;
一応Scrapboxでもコードを書けますが、エンジニアの仕事として使うには弱い。&lt;/p&gt;

&lt;p&gt;Evernoteは前述のとおり、Webクリップ（アーカイブ）のためだけに使っています。&lt;/p&gt;

&lt;h2&gt;
  
  
  まとめ
&lt;/h2&gt;

&lt;p&gt;Scrapboxについて、大まかな説明と私の使い方を紹介しました。&lt;/p&gt;

&lt;p&gt;かなり詳しく書いたつもりですが、ツールはどうしても実際に使ってみないと理解しにくいのは事実です。&lt;br&gt;
少しでも気になった方は、まず10ページ書いてみることをおすすめします。&lt;/p&gt;

&lt;p&gt;&lt;a href="https://scrapbox.io/product" rel="noopener noreferrer"&gt;Scrapbox公式ページ&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  お役立ちリンク
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://scrapbox.io/scrapbox-drinkup/" rel="noopener noreferrer"&gt;scrapbox-drinkup&lt;/a&gt;&lt;br&gt;
Scrapbox開発者が語る最新情報満載のイベント。私も2回ほど参加しました。&lt;/p&gt;

&lt;p&gt;&lt;a href="https://masawada.hatenablog.jp/entry/2019/01/30/143000" rel="noopener noreferrer"&gt;Scrapbox Drinkup Self-made Keyboard Edition参加レポート&lt;/a&gt;&lt;br&gt;
Scrapboxで勉強会もできるようです&lt;/p&gt;

&lt;p&gt;&lt;a href="https://scrapbox.io/scrapbox-square/%E3%81%93%E3%81%93%E3%81%A0%E3%81%91%E3%81%AE%E8%A9%B1%EF%BC%81scrapbox%E3%82%92%E7%B5%84%E7%B9%94%E3%81%AB%E5%AE%9A%E7%9D%80%E3%81%95%E3%81%9B%E3%82%8B%E3%82%B3%E3%83%84%E3%81%A8%E3%81%AF" rel="noopener noreferrer"&gt;ここだけの話！scrapboxを組織に定着させるコツとは&lt;/a&gt;&lt;br&gt;
Scrapbox上で複数人で議論をする場合の、イメージ。&lt;/p&gt;

&lt;p&gt;&lt;a href="http://gihyo.jp/dev/serial/01/masui-columbus/0016" rel="noopener noreferrer"&gt;第16回　Scrapbox（1）- 増井ラボノート コロンブス日和&lt;/a&gt;&lt;br&gt;
Scrapboxの発明者・増井俊之氏の記事。昔からユーザーインタフェースの研究者だと思って（そうなんですが）注目していたのですが、日本語入力や情報整理の分野でも面白い研究をされています。その延長で(?)、Scrapboxも開発してしまった模様。&lt;/p&gt;

&lt;p&gt;&lt;a href="https://scrapbox.io/shokai/Scrapbox%E3%81%AE%E5%93%B2%E5%AD%A6" rel="noopener noreferrer"&gt;Scrapboxの哲学 - 橋本商会&lt;/a&gt;&lt;/p&gt;

</description>
      <category>scrapbox</category>
    </item>
  </channel>
</rss>
