Milanoteでアイディアや情報を視覚的に整理しよう!(サンプル画像付き)

※当ブログのリンクには一部広告が含まれています。

Milanote

皆さんはアイディアを書き留めたりまとめたりする時、どんなツールを使っていますか? 私は紙とペンを使ったりEvernoteに書くこと多いのですが、レイアウトの自由度やネット上にある画像などのメディアの貼り付けやすさに関しては、どちらもイマイチなところがあります。

オンラインノート(ツール)のMilanoteを使えば、より自由度と柔軟性を持って情報をまとめることができます!

この記事では、Milanoteでできることや使い方、ボードの活用例についてまとめました。制限はありますが無料でもかなり使えます。

【この記事を書いた人】

Adobe使用歴20年以上、Webデザイナー歴15年以上、フリーランス歴10年以上のApple/運動好きな2児の母。Apple/クリエイティブ/運動/ライフスタイル関係の情報を発信中。プロフィール詳細

Milanoteって何?

Milanoteは、テキストや画像などをボード上に自由に配置できるオンラインノートサービスです。スクラップブックにペタペタと貼っていくような感覚で、頭の中にあるアイディアや情報を視覚的に整理してまとめることができます。

Evernote、マインドマップ、付箋、Pinterets、ホワイトボードをひとつにまとめたようなイメージです。

様々な形式の要素を自由自在にレイアウトできるので、デザイン関係のお仕事をされている方にもピッタリのサービスとなっています。

Milanoteの基本的な使い方

milanote - signup

まずはTOPページにある「Sign up for free」というオレンジのボタンをクリックしてアカウントを作成します。アカウント作成は無料です。

milanote - intro

登録後、Milanoteが用意したサンプルボードが表示されます。サンプルボードでは、テキスト、画像、リンクなどが貼られているので、動かしたり追加・修正したりと遊びながら感覚が掴めると思います。

Milanoteでできること

ボードの左側に基本的なツールバーが縦に並んでいます。上から「ノート(テキスト)、リンクの作成、要素をつなぐ矢印、ボードの作成、カラムの作成、コメントの追加、画像の追加、ファイルのアップロード」のアイコンが表示されており、アイコンをボードにドラッグして各作業を開始します。サンプル画像にはないですが、「リンクの作成」の下に「To-do」リストのアイコンもあります。便利なショートカットを使えば作業効率もUP!

Milanoteのツールバー

Milanoteのノートのツールバー

ノートを選択すると左のツールバーの表示が変わり、基本的なテキストの装飾ができるようになります。チェックボックスもあるので、やることリストも簡単に作れますね!

Milanoteのノートのツールバー

更に一番上にある「Power-ups」のアイコンをクリックすると、スクロールできる長文作成やノートに説明文を追加できる機能をONにすることができます。

Milanoteの長文入力

長文の作成は、ポップアップでテキスト入力画面が表示され、ボードでの入力と同じようにテキストの装飾が可能です。

Milanoteの長文入力

入力/編集が終わると、ボード上では図のように長文が表示されます。クリックすると先ほどのポップアップ画面になり、編集が可能になります。

milanote

「カラム(column)」はノートや画像をまとめてグループ化する機能です。画像でもリンクでもなんでも入ります。

ボードのエクスポートとファイル変換

Milanoteのエクスポート

ボードのエクスポートや共有に関するメニューは画面右上に集約されています。一番右側の「Export」をクリックするとエクスポートメニューがドロップダウンで表示されます。

Milanoteのファイル変換とエクスポート

ボードは見た目を保持したままPDFで出力できる他、文書に変換してPDF、Word、Markdown、プレーンなテキストで保存することも可能です。

ボードの共有設定

Milanoteの共有設定

画面右上にある「Share」をクリックすると、以下3つの共有方法が表示されます。

  • 編集可能なユーザーを招待する
  • 閲覧とコメント可能なユーザーを招待する
  • 閲覧のみ可能なリンクを送る

Milanoteのシークレットリンク

メニュー「Share」の右隣にある「Secret link」をクリックすると、リンクを知っているユーザーだけが閲覧できるリンクを発行することができます。(編集は不可)

Milanoteボードの活用例

実際にボードを作ってみました!

撮影のアイディアボード

Milanoteサンプルボード 撮影アイディア

左側に撮影に関する情報をまとめ、右側に撮影のイメージ画像を貼り付けました。画像は左のツールバーからも貼り付けられますが、ファイルをドラッグ&ドロップしてもOK。各要素を削除する場合は、左ツールバーの下にあるゴミ箱にドラッグ&ドロップするか、deleteキーを使います。

Google MapやYoutubeは、リンクをボードにペーストするだけでイメージとともに表示してくれます!

ムードボード

Milanoteサンプルボード ムードボード

ムードボードとは、言葉では説明しにくい視覚的なイメージや方向性をまとめたものです。フォントや色を比べたり、複数案並べてそれぞれの特徴を書き込んだりといった使い方もできそうです。

やることリスト

Milanoteサンプルボード やることリスト

頭の中にある「やりたいこと・やるべきこと」をカテゴリーや優先度関係なく、付箋に書いてペタペタと貼っていくようにボードに全て書き出します。

Milanoteサンプルボード やることリスト

左のツールーバーにある「カラム」でカテゴリーごとにまとめれば、Trelloのようなレイアウトのやることリストのボードが出来上がります。

ボードの中にボードを作成できるので、一番初めの画面でボードをまとめておくのもいいですね。ボード同士を矢印で繋げてサイト/コンテンツマップやマインドマップを作成したり、担当者ごとにボードを作成したりと、使い方は無限大です。

milanote - boards

Milanoteの無料版と有料版の違い

無料版
  • ノート、画像、リンクは100個まで作成可能
  • ボードの共有は無制限
  • 10ファイルまでアップロード可能
有料版
月払い:12.50$/月
年払い:49$/年
  • 無料プランの全ての内容
  • ノート、画像、リンクの作成無制限
  • ファイルのアップロード無制限
  • ボードやコンテンツの検索が可能
Plans & pricing

私もある案件でMilanoteを使ってみましたが、必要な情報が一目でパッと確認できるので、とても使いやすかったです。現在はMacのアプリがリリースされていますが、スマートフォンアプリも是非作って欲しいです。

アイディアを整理するなら、iPadもオススメ!

iPad Proなら、Apple Pencilを使って紙やノートと同じような感覚で、手描きのスケッチやメモを残すことができます。手書き/手描きに特化したアプリもたくさん出ているので、試してみる価値ありです。

私が実際に使っている手書きノートアプリのレビューやiPadの活用方法については、以下の記事でまとめています。

やっぱり私はアナログ派!の人へ

デジタルは便利ですが、アナログにはアナログの良さがあります。紙とペンでアイディアを書き留めたい時はこちらの記事をどうぞ!

デジタルとアナログを行き来しながら、自分に合ったやり方を模索中です。どちらもメリット・デメリットがあるので、お互いを補完しながらうまく使いこなしていきたいですね。