## Notionでガントチャートを作ってみよう

オールインワンツールとして人気のNotionには、情報共有やチームワークに役立つ様々な機能が実装されています。今回は、プロジェクト管理で必須ツールと言われる「ガントチャート」の作り方について紹介します。

ガントチャートはNotionの標準機能からでも簡単に作成できますが、ここではテンプレートを利用した最速の方法について解説します。ちなみに、**Notionではガントチャートという名称は使われておらず、「タイムライン」と呼ばれています。**

Notion初心者の方でもすぐに利用できるよう、分かりやすく紹介しますので、この記事を参考にして、プロジェクトの管理や自身のタスク管理などで有効活用してください。

【参考】：[Notion　(ノーション） – すべてのチームをひとつのワークスペースで](https://www.notion.so/ja-jp)
【参考】：[タイムラインビューでチームのために生産性の高い計画を立てる｜Notion](https://www.notion.so/ja-jp/help/guides/timeline-view-unlocks-high-output-planning-for-your-team)

Notionとは？基本的な使い方やEvernoteとの違いを解説

【Notionでできること5選】Notionは何がすごい？概要や基本操作も分かりやすく解説！

ガントチャート（Gantt Chart）とは、仕事やプロジェクトなどにおける様々な工程を表にしたものです。**現在取り組んでいる仕事やプロジェクトの進行状況や予定を可視化し、仕事やプロジェクトの進捗管理に有効なツールです。**

ガントチャートの縦軸にはタスク内容や担当者名、開始日や完了日などが入り、横軸は時間軸として日時が記載され、棒グラフのような形で示されます。

これにより、仕事やプロジェクトの現在の進捗状況や、それぞれのタスクの進捗具合、全体としての進捗状況などが一目瞭然で分かります。また進捗に遅れがある場合には、どのタスクが原因なのかが分かり、重点管理を行うことができます。

プロジェクト全体の成功には、プロジェクト内の各タスクをそれぞれ期限内で達成させなければなりません。そのためのモニター代わりとなるのが、ガントチャートです。

ガントチャートを利用すると、どのようなメリットを得ることができるのでしょうか。以下に挙げてみました。

1.仕事やプロジェクトの進捗状況がひと目でわかる
2.遅れているタスクを容易に把握できる
3.各タスクへのメンバーの割り振り、再配置がしやすい
4.プロジェクトメンバーで進捗状況の共有がしやすい

ガントチャートは個人でもチームでも活用できますが、特にプロジェクト活動では有効なツールです。**メンバーがプロジェクト全体の状況を共有できることで、リーダーやメンバーのベクトルが一致し、皆が同じ目線で目標を見定めることができます。**

またタスクの遅れがある場合には、メンバーの理解が得られ、相互に補完しあうことが可能です。このようにチームワークにおいて、ガントチャートを利用することで様々なメリットが得られます。

WBSとガンチャートの違いは？メリットや活用法、作成時のポイント

### ガントチャートのデメリット

ガントチャートはタスクの進捗管理をする上で大変便利ですが、次のようなデメリットがあることを認識しておく必要があります。

1.大規模プロジェクトなどで、タスク数が多くなリすぎると進捗状況が把握しにくくなる
　⇒プロジェクト全体とサブプロジェクトに分けるなど親子にするなどの工夫が必要

2.ガントチャートの作成や更新に手間がかかる
　⇒タスクごとの入力や更新をすると自動的にガントチャートに反映する仕組みが必要

3.一般にはあまり使われないツールのため、馴染みのない人が多い
　⇒ToDoリストなどを更新するだけで自動的にガントチャートが作成される仕組みがあると良い

*このデメリットに関しては、ガントチャート作成ツールを利用することで解決できる問題が大半です。*そこでNotionの登場です。全員でタスク一覧を確認し、その場で瞬時にガントチャートを示すことができれば、ガントチャートを利用するのが初めての人でも、すぐに馴染むことができるでしょう。

## Notionのテンプレートを利用する

ガントチャートを利用するメリット、デメリットを紹介しましたが、デメリットの「作成し直すのに時間が掛かる」点については、Notionで解決できます。Notionはオールインワンツールであり、**ガントチャートを簡単に作成・更新できる他、他の関連情報とも連動し、作成し直す手間がほとんど掛かりません。**

今回は練習として、個人のタスクを作成し、そのタスクと連動するガントチャートを作成してみます。会社で海外出張を命ぜられたと仮定して、「海外出張準備」をテーマに進めていきます。

【参考】：[Notionどのように使い始めればよいかわからない場合はテンプレートを使ってみましょう ｜ Notionヘルプセンター](https://www.notion.so/ja-jp/help/start-with-a-template)

【初心者向け】Notionの基本的な使い方を7ステップで解説！

Notionでテンプレート作成するには？3つの方法を図解

**Notionはデータベースの機能として、プロパティ（Property）とビュー（View）という２つの概念があります。**Notionを活用するには、この2つの概念を理解しておくことが大切です。

データベースの表示の方法で、Notionには「テーブルビュー（Table View）」「ボードビュー（Board View）」「タイムラインビュー（TimeLine View）」「カレンダービュー（Calendar View）」「ギャラリービュー（Gallerry View）」の6つのビューがあります。

この内、「タイムラインビュー」はガントチャートと同じものと考えてください。

プロジェクトなどのタスク管理で利用する場合は、「ボードビュー（Board View）」「カレンダービュー（Calendar View）」「タイムラインビュー（TimeLine View）」の3つがあれば、進捗状況はひと目で分かります。

Notionのデータベースとは？作り方・プロパティやビューについて解説！

データに対して付加する各種情報のことで、属性とも言われるものです。データを識別したり、管理したりする上で必要な情報を付加していきます。タイムラインビューのプロパティを設定する際には、「開始日・終了日の期間設定」は必須です。

この設定を怠ると、ガントチャートにはなりません。また、プロパティでは数値や計算式の選択もできるため、例えばタスクの進捗率を表示したり、進捗状況を色で表示したりすることが可能です。

Notionでプロジェクトを管理しよう！テンプレートの活用法を解説！

NotionにGoogleカレンダーを埋め込み表示できる？手順とメリットを解説！

### タスクリストのテンプレートを利用

Notionにログインしたら、左サイドバーから「テンプレート」をクリックします。

~~【図】左サイドバーから「テンプレート」をクリックする~~

Notionのテンプレートが右サイドバーに表示されたら、▶パーソナルから「タスクリスト」のテンプレートを選択し、右上の「このテンプレートを使用する」をクリックするとボードビューが表示されます。

~~【図】右上の「このテンプレートを使用する」をクリックする~~

①タスクタイトルを変更し、②の「+新規」をクリックして、タスクを追加していきましょう。

~~【図】タイトルの変更とタスクの追加~~

他に次のようにカバー画像を選択して設定したり、任意の写真をアップロードしたりすることが可能です。

タスクとして追加した項目は、**各項目にカーソルを当てて表示される［サイドピークで開く］をクリックすると、右半分に詳細入力画面が表示されますので、［+プロパティを追加］を選択し、期間やユーザーなど必要な項目を追加します。**

~~【図】［+プロパティを追加］を選択し、必要な項目を追加する~~

テーブルビューはExcel表のような形式になっています。データがカードで表され、カードを移動してステイタス（未処理、処理中、処理済など）を変更することができます。**［新規ビュー+］ボタンをクリックし、一覧から［テーブル］を選択すると、テーブルビューが表示されます。**

~~【図】テーブルビューで表示~~

ステータスで未着手や完了などが色で表現され、視覚的にも分かりやすいのが特徴です。

~~【図】ステータスの色別表示~~

### カレンダービューで表示する

カレンダービューでは、データがカレンダー形式で表示されます。**各データにプロバティで期日やイベントの日付などを入力しておくと、カレンダー上にカードが表示されます。**

~~【図】カレンダービューで表示~~

### タイムラインビュー（ガントチャート）で表示する

**ガントチャートのことをNotionでは「タイムラインビュー」と称しています。**［+］ボタンをクリックし、右サイドに表示された「新規ビュー」から「タイムライン」を選択するだけです。表示する期間は画面右の［< 今日 >］で調整ができます。

また、サブタスクを作成し、親タスクと子タスクと階層を分けて管理することもできます。

【参考】：[タイムラインビューでチームのために生産性の高い計画を立てる｜Notion](https://www.notion.so/ja-jp/help/guides/timeline-view-unlocks-high-output-planning-for-your-team)

~~【図】タイムラインビューで表示~~

**作成したガントチャートなどをPDFやHTML、マークダウンなどでエクスポートすることができます。**その時々の進捗状況をPDFなどで保存し、報告書として使うことも可能です。

エクスポートをするには、ビューを表示した状態で画面右上の①［...］をクリックし、表示されたメニューから②［エクスポート］を選択するだけです。

【参考】：[コンテンツのエクスポート ｜ Notion ヘルプセンター](https://www.notion.so/ja-jp/help/export-your-content)

~~【図】コンテンツのエクスポート~~

実際にPDF形式でエクスポートしたところ、次の帳票が作成されました。このまま電子帳票として保管したり、印刷して配布したりすることができます。

~~【図】PDF形式で作成された帳票~~

## 作成したガントチャートを共有しよう

Notionで作成したガントチャートは、必要なメンバーに共有することでさらに活用できます。ここでは、Notionでガントチャートを共有するメリットを解説し、実際に共有する手順を図解します。

### Notionでガントチャートを共有するメリット

Notionでガントチャートを共有するメリットは、共有方法が簡単なことです。*Notionはクラウドツールであるため、相手のメールアドレスを登録して自分のノートに招待したり、Web上に公開してURLを知っている人だけが閲覧できるようにしたりするなど、共有を簡単に行えます。*

また、Notion上でガントチャートを更新すれば、閲覧するメンバーもすぐに最新の情報を確認できることもポイントです。

Notionで作成したガントチャートを共有することで、プロジェクトの全体像がチーム全員に可視化され、プロジェクトの進捗管理に役立ちます。

全員が同じ情報を共有できるため、タスクの偏りや工数の過不足などが一目でわかるようになり、適切なタスク管理もしやすくなります。スケジュールに無理があれば早めに気づくこともでき、プロジェクトを円滑に運営できるようになるでしょう。

Notionを利用すると、いとも簡単にガントチャートが作成できます。優れた情報共有機能、ワークフロー機能を持つNotionは、プロジェクト管理にも最適なツールと言えます。この記事では、作成が面倒なガントチャートをNotionで簡単に作成する方法を紹介します。

Notionのビューの1つ、TimeLine Viewはそのままガントチャートとして利用できる

Notionのテンプレートからタスクリストを選択、タスクを登録してビューを変えるだけでガントチャートを作成できる

ガントチャートは作成や更新の手間が掛かるが、Notionを使うと瞬時に作成や更新が行える

Notionにおけるガントチャートの作り方！テンプレートを使って図解

## ChatGPTとVSCodeの連携で開発が便利に

プログラミングを学習している人や、仕事でコードを書いている人の中には、VSCodeを利用している人も多いでしょう。

VSCodeには拡張機能がありますが、最近その中にChatGPTの拡張機能が追加されました。**そのため、この拡張機能を追加することで、ChatGPTとVSCodeを連携できます。**

今回はそんなVSCodeとChatGPTを連携させて、開発をより効率的にする方法をご紹介します。 ChatGPTとVSCodeの連携方法や、具体的な使い方を図解で紹介しますので、普段の開発でVSCodeを利用して開発をされている人は、是非参考にしてください。

VSCodeとは？定番のコードエディタを他のエディタと比較して解説

ChatGPTとは？今話題のAIチャットボットの概要や仕組みを解説！

### ChatGPTとVSCodeを連携させるとできること

対話型のAIとして知られるChatGPTと、VSCodeを連携させると具体的にどのようなメリットがあるのかご紹介します。

*例えば、サンプルコードの出力や既存のコードを解説してもらったり、バグの発見をしてもらうこともできます。*

最終的にはご自身でコードを確認する必要がありますが、上記のような使い方をすれば開発効率はかなり上がるでしょう。

具体的な使い方は後述しますので、詳しく知りたい方は是非後述の記事を参考にしてください。

VSCodeをインストールする方法とは？設定方法まで丁寧に解説

VSCodeの使い方を図解！画面説明からよくある質問・操作方法まで解説

まず、ChatGPTを連携できるVSCode拡張機能がどんな場面で役立てられるかを説明し、代表的な拡張機能を3つ紹介します。あわせて、拡張機能を使う場合に必要となることがあるOpenAIのAPIの課金についても触れていきます。

ChatGPTでできることは? 何ができるか、できないことも併せ全12編を解説

### ChatGPTとVSCodeを連携するメリットとは

ChatGPTとVSCodeの連携は、コーディングを行うエンジニアにとって様々なメリットがあります。

*まず、アプリを切り替えることなく、VSCode内でコーディングしながらそのままChatGPTを活用できることが大きなメリットと言えます。*

VSCodeで入力中のコードについてそのままChatGPTに質問をしたり、コードに関するアドバイスをもらえるため、今開いているコードに即した活用が簡単にできるでしょう。

また、ChatGPTとの対話を通じて、作成中のコードについて新しい発想やアイデアを得ることも可能です。新しい知識を学んだり、想定しなかった提案で新たなコーディングの切り口が見えることもあるでしょう。

ChatGPTの活用方法！エンジニアの業務に活かせるか利用してみた

ChatGPTの面白い使い方10選！活用例・活用アイデアを図解

### 用途に合った拡張機能を探そう

VSCodeで使用できるChatGPT連携の拡張機能は、数多く提供されています。*それぞれに機能や特長が異なるので、自分の用途や好みに合ったものを選ぶことが大切です。*

ここではChatGPTとの連携を行える3つのVSCode拡張機能を紹介します。ここに挙げたものを参考にしながら、自分が使いやすい拡張機能を探してみると良いでしょう。

GenieAIは、VSCode内からChatGPTを呼び出すことができる拡張機能です。コーディング中にVSCode内でそのままChatGPTと対話が可能なため、プログラミング作業の効率化やコードレビューに役立ちます。

主な機能としては、サイドバーからChatGPTに質問できる機能や、書いたコードからバグを発見する機能、分からないコードを解説してくれる機能など、コーディングが便利になるものばかりです。

【参考】：[GitHub - ai-genie/chatgpt-vscode](https://github.com/ai-genie/chatgpt-vscode)

CodeGPTは、VSCodeでのコーディングの際に、オートコンプリート、コードの説明、エラーチェックなどを行ってくれるVSCode拡張機能です。

CodeGPTでは、CodeGPTの有償プランであるCodeGPT Plusで利用することで、画像をアップロードしてさらに便利に活用できます。画像に関する質問に回答してくれたり、WebインターフェースからReactコンポーネントのコードを生成してくれます。

【参考】：[Code like a Pro with the CodeGPT AI Copilot](https://www.codegpt.co/)

EasyCodeは、既存のコードベースを活用したコーディングのサポートが可能な拡張機能です。インデックスの作成によってプロジェクトのコードベースを理解した上で対話でき、そのプロジェクトに即してCodeGPTによるコード生成やコードに関する質問などができます。

指定した部分のコードが何をしているのか説明したり、あるメソッドがコードベースの他の部分に与える影響を説明してくれたりするなど、実際のコードと結びついた対話によってコーディングを手助けしてくれます。

【参考】：[EasyCode - AI that understands your codebase.](https://www.easycode.ai/)

VS Codeのプラグインとは？導入方法やおすすめの拡張機能も紹介

ChatGPTを連携するVSCode拡張機能を選ぶときには、ChatGPT APIを使用するかどうかをチェックしましょう。ChatGPT APIを使う拡張機能の場合、APIの使用量に応じてChatGPT側で課金されます。

課金される金額は、GPT-4、GPT-3.5 Turboなどの使用するモデルや、やりとりをした単語数を表すトークン数に応じて決まります。拡張機能の持つ機能の中で、トークン数が多いものや少ないものなどの違いもあるでしょう。

ChatGPTの設定で利用状況をチェックしたり、毎月のAPI利用料金の上限を設定したりすることもできるので、予算に応じて上手に活用しましょう。

【参考】：[ChatGPT Pricing](https://openai.com/pricing)

ChatGPTのAPIとは？概要や使い方を分かりやすく図解

では早速、ChatGPTとVSCodeの連携方法について紹介します。**先ほども軽く触れた通り、VSCode上で拡張機能を追加する必要があります。**また、VSCodeとChatGPTを連携させるために、OpenAIでのAPIキーの取得も必要になります。

本記事では、APIキーの取得方法から説明します。特に難しい手順はありませんので、本記事を参考にしながら、一緒に手を動かしてみましょう。

まずは、ChatGPTでAPIキーを取得しましょう。*ChatGPTの公式サイトにアクセスし、画面上部の「Developers」というメニューの中の「API reference」をクリックしましょう。*

ちなみに、ChatGPTを利用するにはOpenAIに登録が必要です。そのため、まだユーザー登録していない人は先にサインアップをしましょう。

また、OpenAIのAPI利用は、従課金制でお金を支払う必要があります。ただし、執筆時点では無料トライアルの期間もありましたので、このような制度を利用しつつ試してみましょう（2024年2月時点）。料金の詳細は、公式サイトを必ず確認した上で利用してください。

「API reference」をクリックすると画面が切り替わり、APIリファレンスを参照できるエリアが表示されます。こちらからAPIキーを取得します。

~~【図】：ChatGPTの公式サイト APIリファレンスの表示画面~~

ログインした状態でAPIリファレンスの画面を開くと、画面右上に自分のアカウントが表示されます。こちらの中から「View API keys」をクリックしましょう。

そうすると、下図のように「Create new secret key」が表示されます。APIキーを発行する際に任意の名前を入力し、「Create secret key」をクリックするとAPIキーが発行されますので、こちらをコピーします。

取得したAPIキーは、VSCodeに拡張機能を導入した後に使用します。

~~【図】：ChatGPTの公式サイト APIキーの取得~~

【参考】：[OpenAI 公式サイト](https://openai.com/)
【参考】：[OpenAI 公式サイト APIリファレンス](https://platform.openai.com/docs/api-reference)
【参考】：[OpenAI 公式サイト 料金](https://openai.com/pricing)

ChatGPTの使い方とは？実際に使用するまでの流れを解説！

VSCodeを起動すると画面左側にメニューバーが現れます。下図の赤枠の拡張機能のアイコンをクリックしましょう。

すると検索モードが表示されますので、ここに「ChatGPT」と入力します。いくつか候補が表示されますが、今回は「ChatGPT - Genie AI」を利用します。

~~【図】：VSCodeで拡張機能「ChatGPT」を検索~~

候補の中からこちらをクリックすると、拡張機能の詳細が画面右側に表示されます。拡張機能の詳細を確認し、問題がないようであれば、赤枠のインストールボタンを押しましょう。

~~【図】：ChatGPT - Genie AIのインストール~~

インストールが完了するとメニューバーの1番下にランプのマークが追加されます。すると画面が切り替わり、拡張機能の特徴などが表示されます。

その中に「Try editor view」というボタンがありますのでこちらを押してください。そうすると、画面が切り替わり、プロンプトの入力するエリアやショートカットが表示されます。

~~【図】：ChatGPT - Genie AIをインストール後の画面~~

【参考】：[拡張機能 ChatGPT - Genie AI](https://marketplace.visualstudio.com/items?itemName=genieai.chatgpt-vscode)

### Genie AIにAPIキーを読み込ませる

*最後にGenie AIに先ほど取得したAPIキーを読み込ませましょう。*VSCodeの画面左側にあるランプのアイコンをクリックし、Templatureの下の入力エリアに文字を入力します。

下の「Ask」ボタンをクリックすると、画面上部にAPIキーの入力を促すメッセージが表示されます。先ほど取得したAPIキーを貼り付けて、エンターキーを押せば、APIキーの読み込みは完了です。

APIキーの読み込みは基本的に1度で大丈夫ですので、再度入力を求められない限り再入力は必要ありません。

最後に、OpenAIのOrganization IDを設定します。Organization IDはOpenAIの公式サイトにアクセスすると、アカウント情報のページに記載されています。

そちらをコピーし、VSCodeのGenie AIの設定に入力する必要があります。まず、VSCodeの画面を開き、画面左下の歯車マークをクリックします。設定画面の検索窓に「@ext:genieai.chatgpt-vscode genieai.」と入力するとGenie AIに関する設定ができます。

*設定項目の一覧の中に、「OpenAI Organization」という項目がありますので、こちらにOrganization IDを設定しましょう。*

これで、拡張機能の導入から準備が完了しました。次は、VSCodeでのChatGPTの使い方を紹介します。

ChatGPTとVSCodeを連携させることができたら、次はChatGPTの機能を試してみましょう。**本記事では、実際にコードの生成などをさせた画面も併せて紹介しますので、是非参考にしてください。**

*それでは、コードを自動生成する方法をご紹介します。*画面左側のランプマークをクリックし、Genie AIの画面を開きます。Templatureという場所に、入力エリアが表示されますので、こちらに指示を入力していきましょう。

例として、本記事ではGenie AIのTemplatureの入力エリアに「HTMLとJavascriptを使ってサンプルコードを記述して」と入力しました。その結果、下図のように簡単なコードを記述してくれました。

ChatGPTとVSCodeを連携すると、バグの修正やコードの解説などをしてくれるため非常に効率的な開発をすることができます。本記事ではChatGPTとVSCodeの連携方法や、具体的な使い方を紹介します。仕事などでVSCodeを使う方は是非参考にして下さい。

ChatGPTとVSCodeを連携させるには、OpenAIのAPIが必要

VSCodeの拡張機能を追加することで、ChatGPTと連携することができる

ChatGPTとVSCodeを連携させると、コードの自動生成やバグの修正もできる

ChatGPTをVSCodeで使いたい！連携方法を図解で紹介

**Pythonの実行環境は数多くありますが、JupyterLabがその代表的な開発実行環境です。**Pythonは、データ分析や科学技術計算に最も使用されているプログラミング言語ですので、JupyterLabを覚えておいて損はありません。ここではJupyterLabを実際に使用して、その操作方法を学んでいきます。

*JupyterLabとは、Project Jupyterが提供するコード・テキストなどのドキュメント作成およびコード実行のユーザーインターフェースを指します。*従来提供されていた、Jupyter Notebookと JupyterLabの違いとしては、リッチな操作性にあります。

JupyterLabは、Jupyter Notebookの機能を備えながら、より多機能なユーザーインターフェースが提供される点に特徴があります。

【参考】：[jupyter](https://jupyter.org/)
【参考】：[JupyterLab](https://github.com/jupyterlab/jupyterlab)

Jupyter Notebookとは？その導入・操作方法を解説

*JupyterLabは、ウェブ利用型とデスクトップ型が提供されています。*JupyterLab Desktopとはデスクトップ型のJupyterLabを指します。Linux、macOS、Windowsでサポートされます。

ウェブ利用型はpip（Python Package Index）やAnacondaを用いて導入し、デスクトップ型はインストーラによりインストール作業を行います。

【参考】：[JupyterLab Desktop](https://github.com/jupyterlab/jupyterlab-desktop)
【参考】：[Installing Jupyter](https://jupyter.org/install)

pipとは？Pythonのライブラリ管理方法を分かりやすく解説！

Anacondaとは？Pythonの効果的な開発環境を解説！

*JupyterLabの使い方ですが、簡単に試すだけであれば実はインストールせずに操作することができます。*Jupyter公式サイトに表示されている、JupyterLabの「Try it in your browser」をクリックすると、次の通りお試しサイトが表示されます（①②）。

標準ガイドの参照や基本操作程度であれば、こちらのサイトを活用できます。

　【図】：お試しサイトでJupyterLabを使う

【参考】：[jupyter](https://jupyter.org/)
【参考】：[JupyterLab Try it in your bowser](https://jupyter.org/try)

JupyterLabがインストール済みであれば、お試しサイトではなく実際に使用可能です。ここではウェブ利用型のJupyterLabを用います。*JupyterLabの起動は、コマンドプロンプトで”jupyter lab”を実行するだけです。*

起動が成功すると、次の図のように表示がされます。

JupyterLabが起動すると、画面には次の様な表示がされています。

```[I 2023-03-01 10:24:16.418 ServerApp] Jupyter Server 2.3.0 is running at:
[I 2023-03-01 10:24:16.418 ServerApp] http://localhost:8888/lab?token=2f9159659942510XXXXXXXXXXXXXXXXXXXXX
[I 2023-03-01 10:24:16.418 ServerApp]     http://127.0.0.1:8888/lab?token=2f9159659942510XXXXXXXXXXXXXXXXXXXXX
[I 2023-03-01 10:24:16.419 ServerApp] Use Control-C to stop this server and shut down all kernels (twice to skip confirmation).
[C 2023-03-01 10:24:16.596 ServerApp]
 　
    To access the server, open this file in a browser:
        file:///C:/Users/ユーザー名/AppData/Roaming/jupyter/runtime/jpserver-17352-open.html
    Or copy and paste one of these URLs:
        http://localhost:8888/lab?token=2f9159659942510XXXXXXXXXXXXXXXXXXXXX
        http://127.0.0.1:8888/lab?token=2f9159659942510XXXXXXXXXXXXXXXXXXXXX```

図にも記載しましたが、この表示の最後にアクセスで用いるhtmlファイルとURLが表示されています（①②）。この情報をブラウザーに貼り付けて使用します。なお、表示されるトークンは都度更新されますが、”http:\//localhost:8888/lab” をそのまま指定して使用することができます。

JupyterLabは、初期設定の英語表示を日本語に変更したい方も多いでしょう。*日本語化の場合は、日本語化パックを導入することができます。*”python -m pip install jupyterlab-language-pack-ja-jp“などにより、追加導入が可能です。

導入後は次の図のように、「Settings」「Language」に「Japanese (Japan) - 日本語 (日本)」が表示されます（①②③）。

　【図】：日本語化パックを導入する

続いて次の図のように、「Japanese (Japan) - 日本語 (日本)」を選択し「Change and reload」をクリックすると、メニューや関連表示が日本語化されます（①②③）。

　【図】：表示を日本語に変更する

*JupyterLabが起動すると、最初にランチャーが表示されます。*この JupyterLabの表示フォルダーである”http:\//localhost:8888/lab” には、JupyterLabを起動したフォルダーが設定されています。

次の図をご覧ください。左ペインに表示されているファイルは同じですが、URLの表示（①②）とフォルダ位置情報の表示（③④）に違いがあります。

　【図】：起動場所の違いによるフォルダの表示の違い

URLの”http:\//localhost:8888/lab” に紐づけられているのは、”jupyter lab”を起動したフォルダが割り当てられます。

左側が起動したPythonと名付けたフォルダ配下をそのまま表示しているのに対して、右側は1階層上位に移動してから”jupyter lab”を起動し、アプリからフォルダをPythonと名付けたフォルダに移動したものです。

このような表示上の違いもありますので、JupyterLabを起動する場合には決まったフォルダーから実行するのが作業効率の点でも良いでしょう。

*Notebookは、JupyterLabで使用するプログラムコードの開発実行ツールです。*Notebookを使用するには、ランチャーから起動すると良いでしょう。次の図をご覧ください。

ランチャーの「Notebook」のアイコンをクリックすると、Notebookが起動します（①②）。起動したNotebookは新規ファイルとして開くので、”Untitled”というファイル名です。拡張子は”.ipynb”です。

*開いたNotebookは任意のファイル名に変更できます。*変更するには次の図のように、「ファイル」メニューから「Notebookを別名で保存」を選択し、ポップアップメニューから変更します（①②③）。

　【図】：Notebookをファイル名を変更して保存する

続いて次の図のように、任意のファイルを設定し「Save」をクリックすると、Notebookのタブの表示も変更後のファイル名に切り替わります（④⑤⑥）。

　【図】：Notebookをファイル名を変更して保存する（続き）

保存済みのNotebookファイルは、左ペインでダブルクリックするか「ファイル」メニューから開いて利用することができます。

### Notebookでプログラムを実行する

*Notebookで作成したプログラムコードは、簡単に実行することができます。*次の図をご覧ください。

最初にセル（入力フィールド）にコードを記入します（①）。別のNotebookや他のエディターから、コピー・ペーストすることもできます。続いてNotebook上部の再生アイコン、あるいは上部「実行」メニューの「選択したセルを実行」します（②）。実行結果は指定したセルの下に表示されます（③）。

　【図】：Notebookでプログラムを実行する

*Pythonのコードを直接入力する目的で、コンソールが提供されます。*コンソールを使用するには次の図のように、ランチャーに表示されている「コンソール」のアイコンをクリックすると、コンソール画面が表示されます（①②）。

　【図】：コンソールを使用する

表示されているコンソールの下部にセル（入力フィールド）があります。次の図のように実行するコードの入力を終えたら、「実行」メニューの「セルを実行」をクリックすると、結果がコンソールに表示されます（①②③）。

　【図】：コンソールを利用したコードの入力と実行

コードを保存する必要なく、簡単なロジックの確認などを行うには、シンプルで利用する価値はあります。上記の他に、ランチャーの「ターミナル」ではシステムコマンドを実行することもできます。システムの動作を確認しながら、プログラミングすることもできます。

サービス・ツールの記事（13ページ目）