統計データマーケティングお役立ちレポート全てのカテゴリを見るferret記事をさがすビジネスビジネススキルdraw.ioの使い方を解説〜無料の高機能作図ツールを使って資料の質をあげよう!draw.ioの使い方を解説〜無料の高機能作図ツールを使って資料の質をあげよう!2019年08月26日ビジネススキル会員登録するオフィスのレイアウトや組織図、サービス紹介のためのフローチャートなど、ビジネスパーソンであれば図を作成する機会があるでしょう。ExcelやPowerPointでは使える図形も少なく、見栄えのいい図を作成するには物足りないと感じたことはありませんか?今回は、作図ツール「draw.io」の使い方を解説します。「draw.io」はフローチャートやオフィスのレイアウトなど図を作成できる高機能のツールです。長机や窓といったオフィスレイアウト向けの図形や、パソコンやメールなどのアイコンも豊富なので、少ない手間で質の高い図を作成できます。会員登録も不要なので、ぜひこの機会に利用してみてはいかがでしょうか。(https://chrome.google.com/webstore/detail/drawio-diagrams/onlkggianjhjenigcpigpjehhpplldkc?hl=ja)「draw.io」とは、フローチャートやオフィスのレイアウト図、ネットワーク図を作成できる無料の作図ツールです。GoogleChromeのようなブラウザ上で操作ができ、作成した図はGoogleドライブやGithubと連携させて保存が可能です。顧客向けの資料や、プレゼンテーションに用いる際には図は欠かせない存在です。ExcelやPowerPointでは、使える素材が少なく、パソコンや人物などのアイコンはWebを検索して取得するしかありません。その点、draw.ioでは、図形やアイコンなど豊富な素材が提供されており、工数をかけずとも質の高い図を作成できるのが特徴でしょう。(http://trendy.nikkeibp.co.jp/atcl/column/15/1056544/101700047/)「draw.io」の使い方draw.ioは図形やアイコンを選択して貼り付けるだけのシンプルな操作で図を作成します。簡単なオフィスのレイアウト図を作成することを想定して使い方を説明していきましょう。アクセスする下記のURLからdraw.ioにアクセスしてください。ソフトのインストールや会員登録は不要なので、そのまま作図画面が立ち上がります。▼draw.iohttps://www.draw.io/2.言語を日本語に変更するdraw.ioは基本的に英語で表示されます。英語表記のままでは使いづらさを感じる方は日本語表記に表示を切り替えましょう。2-1.地球のアイコンをクリックするURLからアクセスすると、下記の画面が表示されます。画面右下にある地球のマークをクリックしてください。「日本語」をクリックし、ページを更新する下記のようにプルダウンが表示されたら「日本語」をクリックします。ページを更新すると日本語表記の画面へと切り替わります。日本語表記に切り替えたからと行って必ずしも流暢な日本語に切り替わるわけではありません。表記から推測しなくてはいけない機能もあるので注意してください。Support3.保存先を選択する日本語表記への切り替えが終わったら、図の保存先を選択します。上記にあるように「Googleドライブ」や「OneDrive」のようなオンラインストレージや「Github」への保存が可能です。保存を行う際には、各種サービスへのログインが必要なので注意してください。クリックするGoogleドライブを保存先に選択し、ログイン認証を行うと下記のように作成メニューが表示されます。新しく図を作成する場合は「新規のダイアグラムを作成する」を、すでに作成した図を編集したい場合は「既存のダイアグラムを開く」を選択してください。4-2.テンプレートを選択して「作成する」をクリックする「新規のダイアグラムを作成する」を選択すると、ファイルのタイトルとテンプレートが表示されます。上記のようなカテゴリの中から、利用したいテンプレートを選択して「作成する」をクリックしてください。場合は「基本>白紙のダイアグラム」を選択しましょう。5.編集する「白紙のダイアグラム」を選択すると、下記のように作成画面が立ち上がります。(1)タイトル:ダブルクリックして編集できます。(2)メニューバー:キャンバスの拡大縮小や図形をつなぐ線・矢印の設定を変更できます。(3)図形:図形やアイコンがカテゴリごとに一覧で表示されています。(4)図のスタイル:用紙のサイズやグリット線の表示を設定できます。左に表示される図形をクリックすると、画面中央のキャンバスに表示されます。GoogleドライブやOneドライブのようなオンラインストレージであれば、作成した内容はオンライン上に自動で保存されます。端末へ保存する場合はメニューバーの「ファイル」から「保存する」をクリックして保存しましょう。「ファイル」からは、PNGやHTMLへのエクスポートも可能です。便利な編集機能draw.ioには、ExcelやPowerPointにはない作図に役立つ機能が提供されています。参考にしてみてください。メニューに表示する図形のカテゴリをカスタマイズするdraw.ioでは、デフォルトで表示されている図形以外にも、図形のカテゴリをカスタマイズして表示させられます。図形のカテゴリをカスタマイズしたい際には、画面左に表示されるメニューから「その他の図形」をクリックしてください。上記のように、図形のカテゴリごとに見本が表示されます。試しに「フロアプラン」をメニューに追加してみましょう。画面左の図形メニューに「フロアプラン」が表示されました。図形をクリックすれば、画像にあるようにテーブルや椅子などの図形が表示されます。図形の色や挿入するテキストも自由に編集できます。編集したい図形を選んで画面右側のメニューから編集してください。レイヤーで管理するdraw.ioは、PhotoshopやIllustratorのようにレイヤーによる作図も可能です。レイヤーごとに異なる要素をまとめておけるので、作図をスムーズに進める際に役立ちます。レイヤー画面を立ち上げるには、画面左上にあるアイコンをクリックし、プルダウンから「レイヤー」を選択します。画面が立ち上がります。まとめ「draw.io」とは、無料の作図ツールであり、GithubやGoogleドライブへの保存も可能です。テンプレートも豊富に用意されているので、時間をかけなくても質の高い図を作成することができるでしょう。日本語に対応しているのもポイントです。英語がわからない方は、ログイン画面から言語を変更できるので、あらかじめ変更を行っておくようにしましょう。PowerPoint(パワーポイント)での作図の仕方PowerPoint(パワーポイント)でフローチャートを作ろう今回は、PowerPointを使用してフロー図を作成する手順を紹介します。難しい操作はなく、PowerPointを使用したことのある方であればすぐに整ったフロー図を作成できます。見やすいフロー図を作成するためのポイントも紹介していますので、あわせて参考にしてみてはいかがでしょうか。レイアウトレイアウトとは、もともと「配置」や「配列」を指す語です。ここでは、「ホームページレイアウト(ウェブレイアウト)」と呼ばれる、ホームページにおけるレイアウトについて説明します。詳しく見るレイアウトレイアウトとは、もともと「配置」や「配列」を指す語です。ここでは、「ホームページレイアウト(ウェブレイアウト)」と呼ばれる、ホームページにおけるレイアウトについて説明します。詳しく見るレイアウトレイアウトとは、もともと「配置」や「配列」を指す語です。ここでは、「ホームページレイアウト(ウェブレイアウト)」と呼ばれる、ホームページにおけるレイアウトについて説明します。詳しく見るレイアウトレイアウトとは、もともと「配置」や「配列」を指す語です。ここでは、「ホームページレイアウト(ウェブレイアウト)」と呼ばれる、ホームページにおけるレイアウトについて説明します。詳しく見るGoogleGoogleとは、世界最大の検索エンジンであるGoogleを展開する米国の企業です。1998年に創業され急激に成長しました。その検索エンジンであるGoogleは、現在日本でも展開していて、日本のYahoo!Japanにも検索結果のデータを提供するなど、検索市場において圧倒的な地位を築いています。詳しく見るレイアウトレイアウトとは、もともと「配置」や「配列」を指す語です。ここでは、「ホームページレイアウト(ウェブレイアウト)」と呼ばれる、ホームページにおけるレイアウトについて説明します。Locator」の略称です。情報がどこにあるのかを示すインターネット上の住所のようなものだと考えるとわかりやすいでしょう。各ページのURLは、インターネットブラウザの上部に文字列として表示されています。いう名称がついていますが、実際には日本でもURLという語が使われています。Locator」の略称です。情報がどこにあるのかを示すインターネット上の住所のようなものだと考えるとわかりやすいでしょう。各ページのURLは、インターネットブラウザの上部に文字列として表示されています。いう名称がついていますが、実際には日本でもURLという語が使われています。詳しく見るページ印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。詳しく見るGoogleGoogleとは、世界最大の検索エンジンであるGoogleを展開する米国の企業です。1998年に創業され急激に成長しました。その検索エンジンであるGoogleは、現在日本でも展開していて、日本のYahoo!Japanにも検索結果のデータを提供するなど、検索市場において圧倒的な地位を築いています。詳しく見るオンラインオンラインとは、通信回線などを使ってネットワークやコンピューターに接続されている状態のことをいいます。対義語は「オフライン」(offline)です。現在では、オンラインゲームやオンラインショップなどで、インターネットなどのネットワークに接続され、遠隔からサービスや情報などを利用できる状態のことを言う場合が多いです。詳しく見るGoogleGoogleとは、世界最大の検索エンジンであるGoogleを展開する米国の企業です。1998年に創業され急激に成長しました。その検索エンジンであるGoogleは、現在日本でも展開していて、日本のYahoo!Japanにも検索結果のデータを提供するなど、検索市場において圧倒的な地位を築いています。詳しく見るタイトルホームページのソースに設定するタイトル(title)とは、ユーザーと検索エンジンにホームページの内容を伝えるためのものです。これを検索エンジンが認識し検索結果ページで表示されたり、ユーザーがお気に入りに保存したときに名称として使われたりするため、非常に重要なものだと考えられています。「タイトルタグ」ともいわれます。詳しく見るGoogleGoogleとは、世界最大の検索エンジンであるGoogleを展開する米国の企業です。1998年に創業され急激に成長しました。その検索エンジンであるGoogleは、現在日本でも展開していて、日本のYahoo!Japanにも検索結果のデータを提供するなど、検索市場において圧倒的な地位を築いています。詳しく見るオンラインオンラインとは、通信回線などを使ってネットワークやコンピューターに接続されている状態のことをいいます。対義語は「オフライン」(offline)です。現在では、オンラインゲームやオンラインショップなどで、インターネットなどのネットワークに接続され、遠隔からサービスや情報などを利用できる状態のことを言う場合が多いです。詳しく見るHTMLHTMLとは、Webページを記述するための言語です。""にはさまれたさまざまな種類の「タグ」によって、文章の構造や表現方法を指定することができます。詳しく見るテキストテキストとは、純粋に文字のみで構成されるデータのことをいいます。太字や斜線などの修飾情報や、埋め込まれた画像などの文字以外のデータが表現することはできませんが、テキストのみで構成されたテキストファイルであれば、どのような機種のコンピューターでも共通して利用することができます。詳しく見るGoogleGoogleとは、世界最大の検索エンジンであるGoogleを展開する米国の企業です。1998年に創業され急激に成長しました。その検索エンジンであるGoogleは、現在日本でも展開していて、日本のYahoo!Japanにも検索結果のデータを提供するなど、検索市場において圧倒的な地位を築いています。詳しく見るビジネスビジネススキル会員登録するおすすめ記事ADビジネスビジネスチャットだけでは限界かも......。会社の“成長期”に改めて考えたい情報共有の仕組みビジネスADコンテンツマーケティング「記事制作」だけじゃない。リソース不足を根絶する100人100色の“ランサーズ活用術”コンテンツマーケティングADSEO(検索エンジン最適化)顕在ニーズを引き寄せる。株式会社SoLabo「0→1」「1→10」がどちらも叶う。株式会社ベーシック【求人】サービス価値を高め市場を創造。編集部厳選!最新情報をお届けもう一度読みたい記事をブックマーク実務に役立つ資料をダウンロード無料会員登録会員ログインこの記事を書いたライターferret編集部ferret編集メンバーが不定期で更新します。【2019年版】無料で使える画像編集ソフト・GIMP(ギンプ、ジンプ)の使い方ADWebサイト制作でよくある失敗例5選。【2019年版】無料で使える画像編集ソフト・GIMP(ギンプ、ジンプ)の使い方ADWebサイト制作でよくある失敗例5選。PIECE』を超える異例の売上。「F1層」とは?理解したいF1〜M3層の特徴と消費行動エンジニアからの転身。人気記事をもれなくチェックSNSで話題!BtoBビジネスで勝てるマーティングのノウハウを1冊の資料にまとめました。