<center>[*『マイナビIT エージェント』*なら、<br/>IT業界に精通した専任アドバイザーと豊富な求人で、<br/>あなたの転職活動を丁寧にサポートします。](https://mynavi-agent.jp/it/?utm_source=and-engineer&utm_medium=banner&utm_campaign=acv01)</center><br>

## Webアプリ開発で使われるプログラミング言語一覧

プログラミング言語とはコンピュータに命令するための言語ですが、様々な種類の言語を駆使してアプリやWebサイトを制作します。その数は数百種類以上あり、使用頻度の高いプログラミング言語は数十種類程度に絞られます。

ここではまず、*Webアプリ開発で使われている言語について紹介します。*Webアプリ開発に携わりたい方は、これらの言語を学ぶことをおすすめします。それぞれの言語のメリットや特徴について、詳しくみていきましょう。

PHPは代表的なWebアプリ開発用言語です。PHPで作られたECサイトやSNSは多くあり、代表的なサービスにはFacebook・Wikipedia・ぐるなびなどがあります。**PHPのメリットは学習コストが少なく、未経験者でも挫折しにくいことです。**

また、コードの記述量も少ないためエンジニアの負担を減らすことができたり、短い納期でも開発を間に合わせやすくなったりするなど、使いやすい言語の1つです。

PHPでできること6選！作品例やアプリ、できないことも紹介！

PHPの資格は？資格の種類や特徴を難易度とともに詳しく解説！

RubyもPHPと並ぶWebアプリ向きの言語であり、学習コストが少なく習得しやすい言語です。*Rubyには「Ruby on Rails」という優れたフレームワークがあり、これを活用することでWebアプリを素早く開発することができます。*

他の言語はフレームワークが何種類もあることが多く、エンジニアは複数のフレームワークを勉強する必要がありますが、RubyはほぼRuby on Rails一択のため、その分勉強時間を減らせます。

Rubyとは何か？Rubyの特徴やできることについて解説

Rubyの資格取得方法やメリットを、エンジニア初心者向けに解説！

Ruby on Railsとは？特徴・できること・使い方を解説！

PythonもWebアプリを開発することが可能です。**Pythonはコード記述の制約が多く、誰が書いても同じようなコードになりやすいのが特徴であるため、他人のコードが読みやすく、チーム開発の効率化に繋がるでしょう。**

また、Pythonは処理速度的にも優れているため、Webアプリ開発だけでなく、機械学習にも多く使われています。Webアプリだけでなく機械学習も学びたいという方は、Pythonがおすすめです。

Pythonとは？人気の理由と基本知識をわかりやすく解説！

Pythonのメソッド一覧を紹介！基礎知識についても解説

Pythonと機械学習を学んでAI時代に対応できるエンジニアに

JavaScriptは、Webアプリ開発におけるフロントエンドの動作を書ける言語です。PHPやRubyなどは、バックエンド側の処理を書くのに使います。JavaScriptは、例えばサイトにアラートを表示したり、ユーザーの動作によって表示を変更したりすることが可能です。

*フロントエンド分野では、Microsoftが開発したTypeScriptが台頭してきたことにより、JavaScript一強の時代ではなくなってきました。*

ただ、TypeScriptはJavaScriptとの高い互換性があること、まだまだJavaScriptを扱う企業も多いことから、フロントエンド分野で仕事をしていきたい方は、まずはJavaScriptを学習することをおすすめします。

JavaScriptとは？特徴・メリット・何ができるのかを解説

JavaScriptおすすめ資格4選！資格の特徴や難易度を解説

JavaScriptに関するフレームワークについて徹底解説！

TypeScriptとは？JavaScriptとの違いも解説！

SQLは、データベースを操作するための言語であり読み方は「エスキューエル」や「エスキューエルシークェル」です。データベースとは、データを更新したり追加したりしやすくまとめられたデータ群のことです。SQLはプログラミング言語ではなくデータベース言語という括りですが、システム開発をする上では欠かせない存在です。

**Webアプリ開発ではほとんどの場合データベースが使われるため、SQLの習得は必須と言って良いでしょう。**SQLはプログラミング言語と文法が全く異なるため、個別に学習する必要があります。

初心者でもわかるSQL：基本から学習方法まで！始めの一歩を解説

SQLの入門書を紹介！本の選び方やスキル習得のコツについても解説

HTMLやCSSは、Webサイトを作成するために必要です。どちらも厳密にはプログラミング言語ではないのですが、Webアプリ開発には欠かせません。**HTMLとCSSを使うことで、静的なサイトを作ることが可能です。**

静的なサイトとは、ページの表示内容が毎回変わらないサイトのことです。PHPなどによって作られる動きのあるサイトは、動的なサイトと言われています。Webアプリを開発する場合、プログラミング言語だけでなく、HTML・CSSも必ず習得しなければなりません。

HTML・CSSとは何か？使い方やできること、独学方法を解説！

HTML/CSSを費用をかけずに学べるおすすめの入門書15選！

HTML5とは？特徴や変更点・関連用語・対応ブラウザを解説！

続いて、C言語系のプログラミング言語を紹介します。C言語はプログラミング言語の中でも有名なものであり、大学の情報工学部で1番最初に学習するケースも多いです。

また、C言語を元に作られた言語は多くあり、それらの言語も開発現場で多く活躍しています。ここでは、そんなC言語系の言語について詳しくみていきましょう。

**C言語は主に冷蔵庫やテレビに内蔵されたコンピュータを作るのに使われており、コンパイラ言語の分類に入ります。**コンパイラ言語とは、ソースコードをコンパイラによって一括で機械語に翻訳する言語のことです。

一括で翻訳する分、PHPやRubyなどよりも処理が高速です。その反面、C言語は学習コストが高いのがデメリットとして挙げられます。特にポインタという概念が難しく、未経験者がCから勉強すると挫折してしまうケースも多いです。

C言語の資格とは？特徴・資格の種類や難易度・勉強方法を解説

**C++は、C言語にオブジェクト指向の概念を取り入れて開発された言語であり、読み方は「シープラスプラス」です。**オブジェクト指向で記述できるため、大規模な開発でも使いやすくなっており、Webアプリ・デスクトップアプリ・ゲームなど、幅広い分野で活用されています。

言語としての難易度は高めですが、C++ではライブラリが多数あるため、Cに比べると容易である場合もあります。

オブジェクト指向言語とは？基本的な概念と代表的な言語を解説

C#は、C言語を元にMicrosoftが開発した言語であり、読み方は「シーシャープ」です。C#は、*.Net Frameworkというプラットフォームで動作させるために開発されました。*C++同様、オブジェクト指向が取り入れられています。

また、C#の文法はJavaに似ているため、Javaを習得済みの方はC#も習得しやすいでしょう。C#はGUIアプリやWebアプリ開発で多く使われています。C言語に多くの改良が加えられており、かなり習得難易度が下がりました。

C#とは？できることやメリット・デメリットについて解説！

未経験者のためのC#勉強法とは？おすすめロードマップを紹介！

GUIとは？CUIとの違いやメリット・デメリットをエンジニア向けに解説！

## スマホアプリ開発で使われる言語一覧

続いて、スマホアプリ開発に使われる言語を解説します。スマホには大きく分けてAndroidとiOSがあります。これら2つの開発できる言語をそれぞれまとめました。

Javaは、Androidアプリ開発で使える言語です。**Javaはオブジェクト指向型言語であり、大規模開発に向いていると言えます。**また、シェアを多く獲得しており、Androidアプリだけでなく、Webアプリやデスクトップアプリなど様々な分野で活躍しています。

また、JavaはJVM上で動かせるので、様々な開発環境で動かせるのも特徴です。Javaの難易度はやや高めといったところでしょう。C言語などに比べると易しいですが、PHPやRubyよりも難しいです。

Java入門！概要やメリット、基本事項について徹底解説！

Javaの資格は？おすすめ資格のレベルや難易度・学習方法を解説！

近年Androidアプリ分野で注目されているのが、Kotlinです。*KotlinはJavaよりも文法が平易な上に、バグが出にくい仕様です。*

また、GoogleはAndroidアプリ開発においてKotlinを正式言語として採用したため、Kotlin採用企業はGoogleのサポートを受けることが可能です。案件数でみるとJavaの方が優勢ですが、Androidアプリ分野ではKotlinのシェアもどんどん拡大しています。

これからAndroidアプリを開発する場合では、JavaではなくKotlinを採用することが今後も増える可能性があり、近い将来Javaよりもシェアを上回る可能性も否定できません。

Kotlinとは？Android開発において、Javaと比較したKotlinの特徴を解説

Kotlin入門者向け！おすすめの本や勉強方法をわかりやすく解説

Objective-Cも、iOSアプリ開発で使われる言語です。最近はSwiftにシェアを奪われてきています。Objective-Cは難易度も高く、初心者の方が今から学ぶのはあまりおすすめできません。

Swiftは、Objective-Cに改良を加えて誕生した言語です。Objective-Cよりも学習コストが低い上に、コードの記述量も減っています。**現状iOSアプリ分野では、Swiftの方が人気なため、これからiOSアプリ分野に参入するならSwiftから学ぶのがおすすめです。**

Appleの新しいプログラミング言語、Swift ― その概要や特徴、メリット・デメリットについて解説

Swiftとは？特徴・できること・学習方法をまとめて解説！

Swift入門書でしっかり学んでみたいエンジニアにおすすめの3冊

## 近年注目されている言語一覧

ここでは、近年注目されている言語を紹介します。これらの言語はまだ主流ではありませんが、今後シェアが伸びる可能性もあります。

エンジニアは現在の需要だけでなく、将来性も踏まえた上でスキルの習得をしましょう。近年注目されている言語について、1つ1つ詳しく解説します。

Scalaは、オブジェクト指向と関数型の両方を扱える言語であり、読み方は「スカラ」です。**2つの書き方ができるため、開発するアプリの種類によって使い分けられる点がメリットです。**

また、Java同様JVM上で動作するため様々な開発で使え、JavaのライブラリのほとんどがScalaでも利用可能です。

Scalaはオブジェクト指向と関数型の両方を勉強しないといけないため、非常に難易度が高いと言えますが、汎用性は高く、今後シェアを伸ばす可能性はあるでしょう。

Scalaとは？詳細や特徴、メリット・デメリットを徹底解説！

Scalaの将来性は高い？低い？双方の意見について解説！

**Go言語はGoogleが開発した言語のことで、処理速度が速いことが特徴です。**加えて、文法も平易で分かりやすく、学習コストも低いと言われています。

GoはGoogleの社内でも使われている他、メルカリなどでも活用しています。Googleを始め多くの大手企業が活用しているため、今後流行る可能性が高いです。

Go言語とは？Go言語の特徴・将来性・習得に向いている人を解説

Go言語でできることは？Go言語の特徴やメリット・勉強方法を徹底解説！

R言語は、統計解析に特化したプログラミング言語です。**他の分野で使うことはできませんが、その分統計解析をするのに便利な機能が揃っています。**

例えば、R言語では複雑なグラフを描くことが可能です。データ分析や機械学習は注目されている技術分野なため、R言語も将来性が高いと言えます。

R言語とは？特徴やできること、Pythonとの違いを解説！

R言語入門！概要や基礎、正規分布のグラフの作成方法について解説！

本記事では代表的なプログラミング言語を一覧で紹介します。プログラミング言語は何種類もありますが、そのうち実務で使われるのは限られています。今回は、現在需要のある言語を16個解説します。それぞれの言語・ランキング・学習方法についてみていきましょう。

Webアプリ開発は、PHP・Ruby・Python・JavaScript・SQL・HTML・CSSなどが使用される

C言語系から派生した言語には、C++、C#などがある

スマホアプリ開発使われる言語には、Java・Kotlin・Objective-C・Swiftなどがある

【16種類】プログラミング言語の一覧を種類別に紹介！難易度や選び方も解説

ChatGPTの登場によって、AI（人工知能）が私たちの身近な存在になってきましたが、AIの急速な普及に伴ってAI倫理がクローズアップされています。**AI倫理とは、AIの開発や利用において、人間の尊厳や人権、社会的正義などの倫理的な価値をどのように守るかに関する問題や原則のことです。**

AI倫理は、AIがもたらす様々な利益ばかりではなく、AIによるリスクや影響にも目を向ける必要があります。例えば、AIが偏見や差別を引き起こしたり、透明性や説明責任が欠けていたり、プライバシーやセキュリティを侵害する可能性を否定できません。

AI倫理は、国際的な協力や多様なステークホルダーの参加を必要とする、複雑かつ重要な課題です。そのため、世界各国や組織では、AI倫理に関するガイドラインや勧告を策定し、実践しようとしています。しかし、AI倫理は様々な議論があり、共通の基準や規制が確立されたわけではありません。

本記事では、AI倫理に関する定義とその背景、AI倫理の現状と取り組み状況、課題などについて紹介していきます。

【参考】：[国内外の議論及び国際的な議論の動向（AIに関する）｜総務省](https://www.soumu.go.jp/main_content/000630131.pdf)

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

*AI倫理について論ずる際には、AI倫理に関する定義を明確にして共通認識を持ち、AI倫理を議論すべき理由や背景についても確認しておく必要があります。*シンギュラリティ「技術的特異点」が現実のものとなり、AIが人知を超える存在になると言われています。

シンギュラリティは2045年に訪れると言われていますが、レイ・カーツワイル博士はその訪れが早まるとして、2029年到来説を唱えており、時間的な猶予はありません。今からAIが人間に悪影響を及ぼすことがないよう、AI倫理について議論を深める必要があるのです。

【参考図書】：[シンギュラリティは近い　[エッセンス版] 人類が生命を超越するとき｜NHK出版](https://www.nhk-book.co.jp/detail/000000816972016.html)

**AI倫理は、人工知能（AI）が人類に悪影響を与えないようにするための規範を指す言葉であると定義できます。**AIは社会や経済に大きな影響を及ぼす可能性がありますが、その一方で、プライバシーや公平性、透明性や説明責任などの倫理的な問題を引き起こす恐れがあります。

そこで、AIの開発や利用において、どのような価値観や原則を守るべきか、どのような技術やガイドラインを用いるべきか、といったことを考える必要があります。

AI倫理が論じられる背景としては、以下のような事柄が挙げられます。背景を理解した上で、AI倫理について議論を深めていくことが求められます。

*■ AIの急速な発展と普及*
近年、ディープラーニングやビッグデータの技術革新により、AIは様々な分野で高度な能力を発揮するようになりました。また、スマートフォンやクラウドコンピューティングの普及により、AIは日常生活やビジネスにも広く浸透しています。

*■ AIの社会的影響とリスク*
AIは人間の仕事や学習や娯楽などを効率化したり豊かにしたりすることができますが、その一方で、人間の置き換えや差別化や操作化などのリスクも存在します。また、AIは自律的かつ複雑化することで、人間が予測や制御できない振る舞いをする可能性もあります。

*■ AIの倫理的課題と議論*
AIが社会的影響とリスクをもたらすことから、AIは単なる技術ではなく、「道徳的主体」として扱われるべきだという主張もあります。また、AIは人間の価値観や目的に沿って設計されるべきだという考え方もあります。

これらの主張は、「AIは倫理をどう見るか」「AIは何を目指すべきか」「AIは誰に責任を負うべきか」といった問いを提起します。

【参考】：[人工知能による判断の自動化と道徳的問題｜公益社団法人 日本心理学会](https://psych.or.jp/wp-content/uploads/2022/07/98-8-11.pdf)

ディープラーニングとは？機械学習との違いもわかりやすく解説

## AI倫理に関する問題点と事例

AI倫理に関して、様々な問題が起きる可能性が指摘されています。ここでは、AI倫理に関する主な問題点と、AI倫理に関して実際に起きた事件や、取り組み事例を紹介します。

AI倫理に関する問題認識は既に形成されています。ここでは具体的にどのような点が問題とされているのかについて紹介します。総務省のAI倫理ガイドラインを参考に問題点を挙げていきましょう。

【参考】：[AI倫理ガイドライン｜総務省](https://www.soumu.go.jp/main_content/000811793.pdf)

*■ プライバシーの侵害*
AIは大量の個人情報や機密情報を収集・分析・利用することができますが、その過程でプライバシーの侵害やデータの流出や悪用などのリスクがあります。例えば、顔認識技術は犯罪防止やセキュリティ向上に役立ちますが、同時に個人の行動や属性を追跡・識別することでプライバシーを侵害する可能性もあります。

*■ 公平性の欠如*
AIは人間の偏見や差別を反映したり増幅したりすることがあります。例えば、採用や融資などの判断にAIを用いる場合、学歴や性別や人種などの特徴に基づいて不公平な結果を出すことがあります。

*■ 透明性と説明責任の不足*
AIはブラックボックス化することがあり、その内部ロジックや決定根拠が不明確であることがあります。また、AIは自己学習や自己改善を行うことで、人間が予測や制御できない振る舞いをする可能性もあります。これらの場合、AIは誰に対してどのような責任を負うべきか、という問題が生じます。

*■ 人間性の喪失*
AIは人間に代わって仕事や学習や娯楽などを行うことができますが、その過程で人間は自ら考えたり創造したり、感じる能力や機会を失う可能性があります。また、AIは人間に感情や道徳観などを持たせることもできますが、その場合、人間とAIの区別や関係性が曖昧になる可能性もあります。

*■ 責任の所在*
AI倫理における責任の所在に関する問題は、AIに関する事故が生じた際に、誰が責任を負うのかという点にあります。AIの利用者および開発者は、AIの利用目的や利用方法を明確にし、AIの利用によって生じるリスクを最小限に抑えることが求められます。

またAI自体にも責任があるとする見方もあり、AIには人間が設定したルールから逸脱した行動をしないことが求められます。

AI倫理に関して、実際に起きた事件とともに、AI倫理に関する問題に対して実際に対策やルールを定めた事例についても紹介します。

*■ GoogleがAI倫理学者を解雇した事例*
Googleは2020年12月に、AI倫理学者のティムニット・ゲブル博士を解雇しました。ゲブル博士は、GoogleのAIシステムが人種や性別などの偏見を生み出す可能性があるという論文を共同執筆していたことが原因とされています。

この事例は、AIの研究や開発における自由や多様性や透明性などの倫理的価値がどのように保障されるべきかという問題を浮き彫りにしました。

【参考】：[Google fires Margaret Mitchell, another top researcher on its AI ethics team | The Guardian](https://www.theguardian.com/technology/2021/feb/19/google-fires-margaret-mitchell-ai-ethics-team)

*■ 富士通がAI倫理影響評価を適用した事例*
富士通は、自社で開発した「AI倫理影響評価」を様々な事例に適用してみました。この評価は、AIシステムの利用で起こり得る倫理上のリスクを認識し適切に対処するためのチェックリストです。

例えば、医療診断支援システムや教育支援システムなどの事例では、プライバシー保護や説明可能性や安全性などの観点から、AIシステムが人間の尊厳や権利や自律性などを尊重するかどうかを評価しました。

【参考】：[AIシステムの倫理上の影響を評価する方式を開発｜ 富士通](https://pr.fujitsu.com/jp/news/2022/02/21.html)

*■ ソニーグループのAI倫理取り組み事例*
ソニーグループは、2018年にAI倫理ガイドラインを策定し、2019年12月にはソニーグループAI倫理委員会を設置しました。同委員会は、リスクが大きいAIの利活用事例について検討し、是正策を提言することで、AIの利活用における責任ある行動を推進しています。

また、ソニーはAIを活用することにより、平和で持続可能な社会の発展に貢献し、人々に感動を提供することを目指しています。

【参考】：[Sony Group AI Ethics Activity ｜総務省](https://www.soumu.go.jp/main_content/000762573.pdf)

## AI倫理に関する国際的な動向と取り組み

ここでは「AI倫理に関する国際的な動向と取り組み」について解説します。AI倫理に関する国際的取り組みや動向としては、以下のようなものがあります。

2021年11月、国連教育科学文化機関（ユネスコ）は、**世界で技術開発が進む人工知能（AI）の倫理に関する国際的な規範を策定し、加盟国への「勧告」として採択しました。**

この勧告は、人間中心のアプローチや多様性や包摂性や公平性や透明性などの原則に基づいて、AIの開発と使用における倫理的な責任やガバナンスや協力を促すものです。ユネスコは、この勧告が世界初のAI倫理規範として、加盟国や利害関係者に影響を与えることを期待しています。

【参考】：[人間中心のAI社会原則会議（令和3年度 第2回）｜総務省](https://www8.cao.go.jp/cstp/ai/ningen/r3_2kai/siryo1-3.pdf)

### AIガバナンスに係るガイドライン

近年、**多くの国や地域や組織が、AIガバナンスに係るガイドラインや規制を策定したり提案したりしています。**例えば、欧州委員会は2021年4月、「人間中心で信頼できるAI」を目指すための法的枠組み案を発表しました。

この枠組み案では、「高リスク」な分野で使用されるAIシステム（例えば医療や交通安全）に対しては厳格な要件（例えば品質管理やデータ管理）を設け、「禁止」されるべきAIシステム（例えば社会的価値観に反するもの）も明示しています。

【参考】：[AI倫理に関する国際対応について｜総務省](https://www8.cao.go.jp/cstp/ai/ningen/r4_1kai/siryo1.pdf)

2020年6月、「人間中心」の考えに基づく責任あるAIの開発と使用に取り組む国際的なイニシアティブである「AIに関するグローバルパートナーシップ（Global Partnership on AI、GPAI）」が設立されました。このイニシアティブは、カナダとフランスが主導し、日本も含めた15か国・地域が参加しています。

**GPAIは、政府・民間・学術・市民社会から成る専門家グループが活動し、「データ管理」「責任あるAI」「未来社会」「革新・商業化」という4つの分野で政策提言や技術協力を行うことを目指しています。**

## AIの普及と発展のためにAI倫理は重要な問題

今回は様々な事例をもとに、AIにまつわる倫理問題について解説しました。AI倫理は、AIの利活用によって生じるリスクを最小限に抑えることが求められます。AIは人間の判断力を補完することができますが、一方で、人間が抱える偏見や差別を反映することがあります。

そのため、AIの利活用にあたっては倫理的な観点から慎重な検討が必要です。

また、AIの利活用によって、社会に大きな変革がもたらされることが予想されますので、AIの利活用にあたって、私たちは社会的な影響を考慮した上で、責任ある行動が求められます。

**AIを開発する側、AIを利用する側、さらにはAIを利用した仕組みやシステムにおいてもAI倫理の尊重を意識するように心がけたいものです。**

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

AIプログラマーとは？未経験でも努力次第で転職できる！

ChatGPTなどの登場により、AI（人工知能）が身近な存在になりましたが、一方で急速な普及に伴いAI倫理の問題がクローズアップされています。ここでは、AI倫理の背景や問題点、取り組み事例などを分かりやすくご紹介します。AI開発や利活用に関わる方はぜひ参考にしてください。

AI倫理とは、AIの開発や利活用において倫理的な価値を守るための指針や原則のこと

AI倫理の背景としてはAIの急速な発展と普及、社会的影響力の増大、AIの倫理的課題がある

AI倫理に関する国際的な取り組みが進められており、それらの尊重と遵守が求められる

「AI倫理」について分かりやすく解説！倫理的な問題点と取り組み事例も紹介

Notionを普段使用している中で、目次については知っているものの、作成方法は分からないという方は多いのではないでしょうか。**Notionには目次機能がついており、自分で作成したページに任意に目次を追加できます。**

このNotionの目次を作ることで、ドキュメントなどの長い文章でも、読みたい箇所をスムーズに参照できます。本記事では、このNotionの目次を作成する方法や、よくある疑問と回答をまとめました。Notionをこれから利用する方や、目次を作成したことがない方はぜひ参考にしてください。

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

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

まずは、Notionの目次の仕組みについて簡単に紹介します。*Notionの目次は、実はコンテンツブロックの1つです。*そのため、目次にはそれぞれアンカーリンクが自動的に作られ、それぞれのリンク先に飛ぶことができます。

また、見出しはH1・H2・H3の3つの階層を作成できるため、コンテンツの重要度や粒度にあわせて見出しを作ることができます。

【参考】：[Notion公式 目次について](https://extns.notion.site/53b7a400ee5a43868ec3c6cc0e3bdad1)

## Notionにおける目次の基本的な作り方

では早速、Notionの目次の作り方を解説します。**ちなみにNotionの目次を作るには、Notionのアカウント作成とログインが必要です。**

本記事では、アカウント作成方法とログイン方法についても簡単に触れていますので、まだアカウントを作成していない方は、こちらも参照してください。

### Notionのアカウント作成とログイン

*Notionのアカウントを作成したことがない方は、まずアカウントを作成しましょう。*ちなみにアカウント作成やログインが済んでいる方は、ここは読み飛ばして構いません。

Notionの公式サイトにアクセスし、「Mac版をダウンロード」または「Windows版をダウンロード」のボタンをクリックします。

【参考】：[Notion公式](https://www.notion.so/ja-jp)

すると、サインアップの画面が表示されます。Notionはメールアドレスを利用するか、Googleアカウントを利用してユーザ登録ができます。どちらか好みの方法でアカウントを作成してください。

~~【図】：アカウント作成の画面~~

アカウントが作成できたら、ログインを行います。再び公式サイトにアクセスし、「ログイン」ボタンをクリックしましょう。先ほど登録した情報を入力して、ログインボタンをクリックしてください。ログインに成功すると、下図のような画面が表示されます。

*Notionにログインできたら、次に目次を追加してみましょう。*まずは、目次を追加するために任意のページを作成します。

画面左側のメニューの中から「新規ページ」という項目をクリックしましょう。いくつかメニューが表示されますが、今回は「空のページ」を選択します。

「無題」と表示されている場所に、任意のタイトルを入力してください。その後、グレーアウトしている場所をクリックしましょう。

そうすると、左側のメニューの一覧に、追加したページのタイトルが表示されているはずです。ここをクリックすると、先ほど新規作成したページが表示されています。

~~【図】：作成したページを確認する~~

また前述の通り、Notionの目次は見出し1から見出し3まで作れるため、ここでは3種類の見出しを作成してみましょう。

まずは見出しをいくつか作成します。ページタイトルの下に「見出し1」と、「見出し2」「見出し3」と入力してください。次に、各項目を範囲選択し、下図の赤枠のアイコンをクリックしましょう。

~~【図】：見出し横の赤枠のアイコンとブロックタイプの変換~~

すると、メニューが表示されます。この中の「ブロックタイプの変換」を選択し、見出し1、見出し2、見出し3をそれぞれクリックしてください。変換が完了すると下図のようになります。

~~【図】：ブロックタイプの変換を使用して、見出しを作成した結果~~

次に、任意のエリアで「/Table of Contents」と入力してください。目次の項目が表示されますので、こちらをクリックします。こうすると見出しが作成できます。この時、ブロックタイプの変換で階層を選択した場合は、その階層を表現した目次ができるはずです。

~~【図】：Notionの見出しの作成画面~~

見出しの種類もこの一覧から選択できますので、見出し2や見出し3も簡単に作成できます。下図は、実際に見出しを作成した例ですので参考にしてください。

~~【図】：Notionの見出しを作成した画面~~

【参考】：[Notion公式 目次の作成方法](https://extns.notion.site/53b7a400ee5a43868ec3c6cc0e3bdad1)

次にNotionの目次に色をつけてみましょう。*目次のブロックにあるアイコンをクリックしてください。*このアイコンを選択後、「カラー」というメニュー項目から任意の色に変更できます。

~~【図】：Notionの目次の色を変更する~~

### Notionの目次を移動または複製する

Notionの目次を移動したい場合は、ドラッグ＆ドロップで移動します。*先ほどと同様に、下図の赤枠のアイコンをクリックしたまま、移動させたい場所にドラッグ＆ドロップさせます。*また、複製したい場合には、アイコンをクリックして「複製」を選択しましょう。

~~【図】：Notionの目次を複製する~~

*Notionの目次を削除したいときは、下図の赤枠のアイコンをクリックして「削除」をクリックしてください。*

~~【図】：Notionの目次を削除する~~

以上が基本的な目次の作成方法と使い方です。どの手順もそれほど難しいものはありませんので、時間に余裕のある方は上記の手順を参考にしつつ、実際に作業してみましょう。

【参考】：[Notion公式 目次の削除方法](https://extns.notion.site/53b7a400ee5a43868ec3c6cc0e3bdad1)

**ここからは、Notionの目次に関する疑問と解消方法を紹介します。**Notionはカスタマイズがしやすいツールであり、目次に関してもカスタマイズが可能です。目次をカスタマイズしたいものの、上手く実践できずに悩んでいる方は、こちらも参考にしてください。

### Notionの目次をサイドバーとして表示できるか

Notionの目次をサイドバーに表示することができるか疑問に思う方もいるでしょう。*結論から言うと、ページを2カラム表示にして、目次を横に表示することはできます。*

具体的な方法は、目次をドラッグ＆ドロップで左側に寄せ、各見出しなどは右側に寄せるだけです。下図が目次を2カラムで表示させた結果です。目次を横に表示させたい場合は、試してみてください。

~~【図】：Notionの目次を2カラムで表示させる~~

### Notionの目次のショートカットが知りたい

Notionのショートカットはデフォルトで多数用意されています。*その中でも目次ブロックの作成ショートカットは「/toc」です。*これを入力してエンターキーを押すだけで、簡単に目次のショートカットを作成できます。

その他にも、参考ページにてショートカットの一覧が紹介されているので、気になる方はぜひ参照してください。

【参考】：[Notion公式 目次のショートカットの作成方法](https://www.notion.so/ja-jp/help/keyboard-shortcuts)

### Notionの目次を折りたたむ方法が分からない

*目次を折りたたみたい場合は、「トグル」という機能を使います。*トグルは、表示と非表示を切り替えるものです。このトグル機能はコンテンツブロックに提供されている機能のため、目次にもトグルを追加できます。

トグルの追加方法は、「＋」マークをクリックして、「Toggle List」を選択しましょう。または、目次を選択してから「/toggle」を入力しエンターキーを入力するとトグルを追加できます。さらに、このトグルの中に目次をドラッグ＆ドロップで移動させると、トグル機能が追加されるでしょう。

~~【図】：目次にトグル機能を追加する~~

【参考】：[Notion公式 トグルについて](https://extns.notion.site/8728b085ddf8439588057a88508e8ecc)

## Notionの目次を活用して効率的に作業しよう

基礎知識の記事（12ページ目）