• はてなブックマーク
  • RSS
  • Line

作業が捗る!クリエイティブワークが楽になる作業効率化「Tips」

2023.01.30 Mon

便利すぎて手離せない!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は大変有益なツールであると言えるでしょう。興味を持たれた方は、本記事を参考にして、ぜひ作業環境に導入してみましょう!

著者プロフィール

塚本 建未
ライター・編集者・イラストレーター
フリーランスのライター・編集者・イラストレーター。高校はデザイン科を卒業し、大学は、文学部とスポーツ科学部の2つの学部を卒業。フィットネス・トレーニング関連の専門誌で編集者・ライターとしてキャリアを積む。メインの活動の場をWebメディアに移行してからは、ITツール紹介やWebマーケティング分野などを得意領域として活動を続けている。
  • Twitter
  • Instagram
読込中...

Follow us!

SNSで最新情報をCheck!

Photoshop、Ilustratorなどのアプリの
使いこなし技や、HTML、CSSの入門から応用まで!
現役デザイナーはもちろん、デザイナーを目指す人、
デザインをしなくてはならない人にも役に立つ
最新情報をいち早くお届け!

  • Instagram