paiza開発日誌

IT/Webエンジニア向け総合求人・学習サービス「paiza」(https://paiza.jp ギノ株式会社)の開発者が開発の事、プログラミングネタ、ITエンジニアの転職などについて書いています。

Web上で簡単にマインドマップ風ドキュメントが無料作成できる「Milkr」を使ってみた!

f:id:paiza:20180322113929j:plain
どうも、まさとらん(@0310lan)です!

今回は、さまざまなドキュメントを作成し、それらを繋ぎ合わせてマインドマップのように管理できる無料Webサービス「Milkr」をご紹介します!

イデアだしや知識の整理はもちろん、議事録をまとめたりWebサイトのワークフローを作ったり…など、とても幅広い活用ができる万能ツールになっています。

直感的に扱いやすい操作になっているので、ご興味ある方はぜひ参考にしてみてください!

Milkr

f:id:paiza:20180322113955j:plain

■「Milkr」の使い方

それでは、実際に「Milkr」を使いながらどのようなサービスなのかを見ていきましょう!

サイトにアクセスしたら画面上部にある「Sign up」ボタンをクリックします。
f:id:paiza:20180322114017j:plain


Google」か「Twitter」のアカウントで簡単にユーザー登録できます!
f:id:paiza:20180322114028j:plain


ユーザー登録すると、自分の「マイページ」が表示されるようになります!
f:id:paiza:20180322114038j:plain
このページには、他のユーザーが公開したプロジェクトの投稿なども閲覧できるようになっています。


人気のある投稿やキーワードによるフィルター検索も可能なので、まずは他のユーザーがどのようなプロジェクトを作成しているのかをチェックするのも良いでしょう!

■「ドキュメント」の作成方法

ここからはサンプル例として、簡単なドキュメントを1つ作成してみましょう!

マイページ上部にある「+ New topic」ボタンをクリックして新規ドキュメントを作成します。
f:id:paiza:20180322114100j:plain


ドキュメントの初期設定を行います。(あとから変更も可)
f:id:paiza:20180322114114j:plain

設定項目としては以下の通り。

  1. ドキュメントのタイトル
  2. ドキュメントの説明
  3. タグ(仕分け用)
  4. 公開設定(一般公開するか非公開を選択)

設定が面倒であれば「タイトル」を入力するだけでもOKです!


すると、ドキュメントの「製作エディタ」が表示されます!
f:id:paiza:20180322114150j:plain
このエディタ上でさまざまなドキュメントを作成することができます。


テキストは「マークダウン記法」に対応しているので、素早く入力していけるのが特徴です!
f:id:paiza:20180322114203j:plain


こんな感じで表示されます!
f:id:paiza:20180322114215j:plain
ソースコードシンタックスハイライト機能によりカラーリングされるので見やすいです。


また、「画像」や「表」についても同様に素早く記述できます。
f:id:paiza:20180322114232j:plain
画像に関しては、エディタ上へドラッグ&ドロップすることで貼り付けることもできます。


さらに、複数のドキュメント同士を「線」で繋げることができます!
f:id:paiza:20180322114245j:plain
関連する資料などをまとめると頭の中が整理されて分かりやすくなります。


また「+」アイコンをクリックすれば、あらかじめ「線」で繋がった状態のドキュメントを新規作成することも可能です。
f:id:paiza:20180322114313j:plain
ちなみに、エディタ画面をダブルクリックすることでもドキュメントは作成できます。


このように、どんどん「線」でつなげていけばマインドマップのような資料作りができるわけです!
f:id:paiza:20180322114330j:plain
「線」のつなげ方やレイアウトなどは自由自在で、自分の好きなようにドキュメントを作成できるのは大きな魅力でしょう。

また、作業効率をアップするための「ショートカットキー」も用意されており、よく使うのは以下のとおりです。

  • 「+」「-」で画面のズーム
  • 「r」で移動・ズームのリセット
  • 「?」ショートカットキーの閲覧

■「Milkr」の特徴的な機能!

「Milkr」には便利な機能がたくさん盛り込まれているのですが、いくつかユニークなものをご紹介しておきます!

例えば、リンクを貼り付けるだけで画像や動画などを表示する機能があります。

試しにYouTube動画のリンクを以下のように貼り付けてみましょう!
f:id:paiza:20180322114359j:plain


すると、「埋め込み動画」のような表示に変換されます。
f:id:paiza:20180322114412j:plain


他にも、VimeoやTwitterInstagram、コード共有サービスのCodePenなど、多くのサービスに対応しています!
f:id:paiza:20180322114432j:plain
いずれもリンクを貼り付けるだけなので、ドキュメントのクオリティが高まる便利な機能だと思います。


また、ドキュメントが増えてきたら「設定」から重要なものだけをチェックしておきましょう。
f:id:paiza:20180322114444j:plain


すると、チェック済みのドキュメントだけが整理されてリスト化されます。
f:id:paiza:20180322114459j:plain


このリストをクリックすることで、プレゼン資料のような使い方も可能です!
f:id:paiza:20180322114511g:plain

■ドキュメントを公開する方法

「Milkr」で作成したドキュメントはチーム内で簡単に共有することも可能ですが、ネット上に一般公開することもできます。

方法は簡単で、設定メニューにあるボタンをクリックするだけです!
f:id:paiza:20180322114544j:plain
「公開・非公開」の設定を切り替えられるようになっています。

「公開」に設定したらブラウザのリンクを友人・知人にシェアするだけで、誰でも閲覧できるようになります。(スマホにも対応)


さらに、第三者が「フォーク」アイコンをクリックすることで、このドキュメントをベースにしてカスタマイズすることもできますよ!
f:id:paiza:20180322114559j:plain

■動画でプログラミングが学べるpaizaラーニング


動画でプログラミングが学べるpaizaラーニングでは、PythonJavaC言語C#PHPRubySQLJavaScript、HTML/CSSなど、プログラミング初心者でも動画で学べる入門レッスンを公開しています。

Python入門編」「C#入門編」「JavaScript入門編」「ITエンジニアの就活準備編」といった人気講座も完全無料となっておりますので、プログラミングを学びたい方・ITエンジニアを目指したい方はぜひごらんください。

■まとめ

今回は、マインドマップ風のドキュメント作成ができる「Milkr」を駆け足でご紹介しました。

「Milkr」はまだスタートしたばかりのサービスで、今後もさまざまな機能追加が行われると思います。

また、現在はすべての機能を無料で提供しており、もし今後有料プランができたとしても現段階でユーザー登録されている人には影響しない旨も明記されているのは面白いですね。

ぜひ、みなさんも今のうちにユーザー登録して魅力的なドキュメント作成を始めてみてはいかがでしょうか!


<参考>




paizaラーニング」では、未経験者でもブラウザさえあれば、今すぐプログラミングの基礎が動画で学べるレッスンを多数公開しております。

そして、paizaでは、Webサービス開発企業などで求められるコーディング力や、テストケースを想定する力などが問われるプログラミングスキルチェック問題も提供しています。

スキルチェックに挑戦した人は、その結果によってS・A・B・C・D・Eの6段階のランクを取得できます。必要なスキルランクを取得すれば、書類選考なしで企業の求人に応募することも可能です。「自分のプログラミングスキルを客観的に知りたい」「スキルを使って転職したい」という方は、ぜひチャレンジしてみてください。

paizaのスキルチェック





※このブログで紹介しているキャンペーンやイベント、およびサイト内の情報については、すべて記事公開時の情報となります。閲覧されたタイミングによっては状況が変わっている場合もございますのでご了承ください。

ITプログラマー・エンジニア転職・就活・学習のpaiza

プログラミング入門講座|paizaラーニング

PHP入門編Ruby入門編Python入門編Java入門編JavaScript入門編C言語入門編C#入門編アルゴリズム入門編AI機械学習入門

エンジニアのためのプログラミング転職サイト|paiza転職

プログラミング スキルチェックエンジニア求人一覧

未経験からエンジニアを目指す人の転職サイト|EN:TRY

プログラミング スキルチェックエンジニア未経験可求人一覧

エンジニアを目指す学生の就活サイト|paiza新卒

プログラミング スキルチェックエンジニア求人一覧

ブラウザを開くだけで エディタ、Webサーバ、DB等の開発環境が整う|PaizaCloud