便利すぎて手離せない！SNS上のTips記事をブックマークするのに便利なツール「Raindrop.io」の使い方

本サイトに登場するクリエイターの中にも、TwitterやInstagramといったSNSで、デザインツールに関するTipsを投稿されている方が多くいます。有益な情報がシェアされている場合には、後から見直そうとSNSに搭載されているブックマーク機能を使って保存するのが、よくある行動かと思います。

しかし、その情報が必要になったときに見直そうと思っても、ブックマークした投稿の数が多く目当ての投稿を探し出すのに一苦労したという経験を持つ方も多いのではないでしょうか。

そんな悩みを解消してくれるのが今回紹介する「Raindrop.io」というブックマーク管理ツールです。本記事では「Raindrop.io」の特徴、インストール方法と初期設定、基本的な使い方について詳しく解説します。

目次

Raindrop.ioの機能と特徴

インストール方法や使い方を解説する前にRaindrop.ioの特徴を確認しておきましょう。

【Raindrop.ioの特徴】1.さまざまな端末環境で利用できる2.コレクション機能やタグ付け機能でブックマークを管理3.充実した並び替え機能・表示機能4.共有機能や埋め込み機能を搭載5.検索性の高いサムネイルのサイズ1.さまざまな端末環境で利用できる

Raindrop.ioで提供されているアプリの種類Raindrop.ioは、複数の端末環境で利用可能で、さまざまな用途・目的に対応できるのツールです。具体的にはブラウザの拡張機能アプリ（Google Chrome／Microsoft Edge／Safari／Firefox／Brave）、モバイルアプリ（iOS／Android）、デスクトップアプリ（Mac／Windows／Linux）といった種類のアプリが提供されており、さまざまな端末閲覧環境に対応しています。

2.コレクション機能やタグ付け機能でブックマークを管理

コレクション機能やタグ付け機能が搭載されているので、ブックマークをグループ化して管理できます。

3.充実した並び替え機能・表示機能

並べ替え機能 表示切替の機能並び替え機能も充実しており、マニュアル、日付（昇順／降順）、名前（A-Z／Z-A）、サイト（A-Z／Z-A）から選択できます。表示はリスト、カード、ヘッドライン、ムードボードから選択できます。

4.共有機能や埋め込み機能を搭載

Raindrop.ioには、ブックマークやコレクションを共有する機能、Webページなどに埋め込む機能が搭載されています。Tipsをチームと共有するのにも便利なツールです。

5.検索性の高いサムネイルのサイズ

カード表示はサムネイルのサイズが大きいので目視で目当ての情報を見つけやすいカード表示やムードモード表示にするとサムネイルのサイズが大きく、画像や動画で投稿された情報についても閲覧性や検索性が高いのも大きな特徴の1つです。

Raindorop.ioのインストール方法と初期設定

次に、Raindrop.ioのインストール方法と初期設定の方法を説明します。

1.Raindrop.ioの公式ページにアクセスしアカウントを作成

Raindrop.ioの公式WebサイトのTOPページ Sign upの入力画面Raindrop.ioの公式ページへアクセスします。TOPページの画面の左中央付近にある「Sign up」、もしく右上にある「Login」のボタンをクリックしてまずはアカウントを作成しましょう。

「Sign up」をクリックすると上の画像のような入力画面に遷移します。（「Login」の場合は一番下にある「アカウント作成」をクリック）。アカウントはユーザー名、E-mailアドレス、パスワードを設定するだけで簡単に作成できます。

また、アカウント作成の手間を省きたい場合は「アカウント作成」の下にあるアイコンからGoogle、Apple、SNSの既存アカウントなどでログインすることも可能です。

次にアプリをダウンロードする手順を説明しますが、ブラウザ内のSaaSとして利用することも可能ですので、アプリのダウンロードは必須ではありません。

2.自分の端末環境に合ったアプリをインストール

TOPページにもどってアプリをダウンロード アプリの種類を選択してダウンロードアカウントの作成が完了したら、TOPページに戻り「Download app」というボタンをクリックします。「Download app」をクリックすると上の画像のように、アプリの種類を選択する画面に切り替ります。任意のアプリの種類をクリックすることで、各アプリがダウンロードできます。

Raindrop.ioの基本的な使い方

Raindrop.ioの基本的な使い方を以下に説明します。

1.ブックマークの登録

ブラウザ拡張機能アプリを使う場合のブックマーク方法ブラウザの拡張機能アプリの場合は、ブックマークしたい投稿を個別表示した状態で画面上部（Google Chromeではブックマークバーの右側にある機能拡張アイコン）にあるRaindrop.ioのアイコンをクリックします。

アイコンをクリックすると、上の画像のようなウインドウが表示されますので、ウインドウ右下にある「保存」をクリックするとブックマークが追加されます。また、この段階で後述するコレクションやタグを設定することも可能です。

モバイル端末アプリを使う場合のブックマーク方法 デスクトップ端末アプリを使った場合のブックマーク方法モバイル端末アプリの場合は上の画像のように、SNSのシェアボタンをクリックして表示されるアプリの中からRaindrop.ioを選択します。

デスクトップ端末アプリの場合は、画面右上にある「追加」というボタンをクリックすると表示されるURL入力欄に、ブックマークしたいURLを入力することで登録できます。また、画像やURLをRaindrop.ionの画面にドラッグ＆ドロップすることでもブックマークを追加できます。

2.コレクションを作成する

サムネイル画像上の「編集」をクリック コレクションのプルダウンメニューをクリックここからは、便宜上、デスクトップ端末アプリ（ブラウザでの表示もほぼ同内容）の画面で説明します。サムネイルにカーソルを合わせると、「編集」というアイコンが表示されますので、これをクリックします。編集画面が表示されたら、コレクションという項目をクリックします。

作成したコレクションを選択 コレクションでグループ化してブックマーク管理コレクションの選択というウィンドウが開くので、ここにある入力欄にコレクション名を入力すると新規コレクションが作成されます。作成したコレクションを選択すると、ブックマークがコレクションに追加されます。

上の画像のようにツール別にTipsをグループ化しておけば、自分だけのツールマニュアルのようにブックマークを活用できるのです。

3.テーマごとにタグ付けする

タグ入力欄に任意のワードを追加タグ付けはコレクションの作成と同様に、サムネイル画像にカーソルを合わせると表示される「編集」ボタンをクリックします。編集画面にあるタグという項目に任意のワードを入力すると、タグが設定されます。

「和柄」「配色パターン」といったように、テーマ別にタグ付けをしておけば、より検索性が高まります。

まとめ

Raindrop.ioは、SNSの投稿だけでなく、公式ページのヘルプ情報や、ブログ記事などもブックマークすることが可能です。また、今回紹介した内容の他にもさまざまな機能が搭載されています。これらの情報を、Illustrator、Photoshop、InDesign、Figmaといったようにツールごとにまとめておくと、一冊の教科書のような情報源として活用できます。

インターネット上で発信されているデザインに関する情報は、アップデートされたツールの最新機能など、書籍ではなかなかフォローできない鮮度の高い情報が豊富に存在しますので、これらをまとめて管理できるRaindrop.ioは大変有益なツールであると言えるでしょう。興味を持たれた方は、本記事を参考にして、ぜひ作業環境に導入してみましょう！