## ChatGPTでできることできないこととは

最近、会話型AIの代表的なサービスとしてChatGPTが注目を浴びています。すでに使ってみて、その受け答えの自然さや便利さに驚いている方も多いでしょう。

*ChatGPTは自然言語処理AIであり、情報検索や要約、質問応答、言語翻訳など、主に文章の処理に関わる多くのことができます。*使い方によっては、ビジネスにおいても役立てられるような回答を得ることも可能です。

一方で、ChatGPTにはいくつかの制約が存在します。例えば、正確性や信頼性には注意が必要であり、また、法的判断や医療診断などの専門的な領域では回答してもらえない場合もあります。

この記事では、ChatGPTをもっと活用したい方のために、ChatGPTでできること6選、できないこと6選を紹介していきます。ChatGPTができることだけでなく、できないことも知っておくことで、ChatGPTからより適切な回答を効率的に得るための手助けとなるでしょう。

自然言語処理とは？注目される理由やできることをわかりやすく解説

まずは、ChatGPTの基本的な情報について説明しておきましょう。

*ChatGPTは、OpenAIによって開発された、大規模言語モデル（Large Language Model）と呼ばれる自然言語処理モデルを用いた会話型AIサービスです。*ユーザが質問を入力すると、人間らしい自然な文章で回答を返します。

SNSなどでは、その応答の自然さや、できることの多彩さが話題となり、より品質の高い回答を得られる方法や面白い使い方が多く紹介されています。

ChatGPTの始め方ですが、公式サイトにアクセスしてOpenAIのアカウント登録を行うことで、誰でも基本無料で使用できます。メールアドレスか、Google・Microsoft・Appleなどのアカウントがあれば始めることができます。

【参考】：[Introducing ChatGPT](https://openai.com/blog/chatgpt)

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

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

それでは、ChatGPTができることは多くありますが、ここでは、厳選して代表的な6つの例を見ていきます。自然な会話ができるだけでなく、翻訳や例文の生成など、様々なタスクをこなしてくれるため、うまく活用することで仕事に役立てることもできるでしょう。

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

### ChatGPTと会話することができる

ChatGPTは、人間のような自然な会話が可能です。プログラミングに基づいて事前に用意された回答を返す従来型のチャットAIでは、回答が用意されていない場合には不自然な回答になることがありました。

**しかし、ChatGPTは与えられた質問に対して最適な単語を予測して回答することで、人間らしい自然な受け答えが可能です。**

ビジネスライクな会話だけでなく、日常の雑談のような話題に応答したり、相談に対してアドバイスをしてくれたりと、非常に柔軟で多様な応答で会話を成り立たせ、必要な情報を提供してくれます。

下図では例として、定年退職した叔父へのプレゼントにどのようなものをあげたら良いか聞いてみました。

~~【図】ChatGPTに叔父へのプレゼントの相談をした場合の回答~~

単純にプレゼントの候補として考えられるものを挙げるだけでなく、ChatGPTの方からユーザに問いかけることで、さらに具体的なアイデアの提供を提案しています。このように、ChatGPTは、実際に人間が受け答えしているような回答を返してくれます。

他にも、仕事でもっと成績を上げたいという相談をしたり、今日あった嬉しいことを聞いてもらったりと、話しかける内容に応じて自然な回答を返してくれます。ChatGPTとの会話を楽しむだけでも、あっという間に時間が過ぎてしまうでしょう。

現在、ChatGPTは100以上の言語を翻訳することができ、開発が進むにつれて順次増えています。*特に英語においては高い翻訳精度が評価されていますが、今後の開発において他の言語における翻訳の精度もさらに向上すると見られています。*

下図は、ChatGPTに日本語から他の言語に翻訳を依頼した結果です。

~~【図】ChatGPTに日本語から他の言語に翻訳を依頼した場合の回答~~

対応している言語であれば、例のようにまとめて聞いても答えてくれます。もちろん、もっと長い文章の翻訳を行うこともできます。

ChatGPTに例文作成を依頼することもできます。たとえば、ビジネスメールの例文などを作成することが可能です。

ビジネスで必要な文章を作成する時、何もないところから書き始めると、文章の構成や、ビジネス文書として適切な表現を考えながら書き進める必要があるため、思っていた以上に労力と時間がかかる場合があります。

*そこで、ChatGPTにある程度のひな形を作成してもらうことで、効率良く文章を作成することが可能です。*

例えば、自社の製品を使っているお客様に意見や感想を求めるメールの例文の作成を依頼すると、次のようになりました。

~~【図】お客様へのアンケートメールの例文作成を依頼した場合の回答~~

メールの件名や文章の構成だけでなく、お客様へ問いかけたい内容の案なども含まれる例文を提示してくれました。

使える文章はそのまま使っても良いですし、必要に応じて書き換えて、実際に送る文面を完成させることができます。

ChatGPTでは、このように文章を生成するだけでなく、既存の文章を校正したり、条件を指定して書き直したりすることもできます。また、ビジネス文書だけでなく、基本的な設定やテーマを示して、小説や詩を書いて欲しいという依頼にも応じてくれます。

### ChatGPTでプログラムが書ける

ChatGPTは、PHPやJava、Pythonなど、複数のプログラミング言語のコーディングを自動で行なってくれます。*言語を指定し、行いたい処理の内容を伝えて依頼すると、ChatGPTが作成したコードを提示してくれます。*

以下は、JavaScriptを使って、簡単な足し算プログラムを作成するように指示した例です。

~~【図】JavaScriptで簡単な足し算プログラムを作成を依頼した場合の回答~~

ChatGPTが作成してくれたプログラムを実際にブラウザ上で動かしてみると、問題なく動作することがわかります。

~~【図】ChatGPTが作成したJavaScriptを動かす~~

長いコードや複雑なコードの場合はうまく動かずエラーになることもありますが、その場合には生じたエラーの内容や状況を伝えると、コードの修正案を提示してくれるため、何度もやりとりを繰り返して、より実用性のあるコードを作成することができます。

また、エンジニアが作成したプログラムをChatGPTに入力してコードレビューを依頼すると、問題点や改善方法を指摘し、正しいコードを提示してくれるなど、コーディングの効率化や品質向上の大きな助けとなります。

### ChatGPTでデータ整理ができる

*ChatGPTは、与えたデータやメモを元に情報をまとめてくれます。*整理して欲しいデータを入力し、情報を整理する軸や方法を指定して依頼しましょう。

例として、ある1日に行ったことと食べたもののメモから、時系列の行動表をつくってもらいました。

~~【図】メモを元に表の作成を依頼した場合の回答~~

### ChatGPTでサンプルデータを作れる

ChatGPTは、さまざまな分野でサンプルデータを作成することができます。*例えば、与えられた条件に基づいて、マーケティングのための顧客データなど、必要なサンプルデータを生成することができます。*

ここでは、ChatGPTに、データが必要とするプロパティを指示して仮想の社員データを出力してもらいます。

~~【図】サンプルデータの生成を依頼した場合の回答~~

仮想のサンプルデータは、プログラムのテストやデータ解析など様々な場面で必要になりますが、用意するとなると、なかなか大変なものです。

ChatGPTで用途に必要なサンプルデータを生成することで、効率的な開発や分析に役立てることができ、テストや分析の手間を軽減することができるでしょう。

多くのことができるChatGPTですが、できないことや、向いていないこともあります。できないことも理解しておくことで、よりChatGPTを活用できます。

### ChatGPTは誤回答することがある

**ChatGPTは誤った回答をすることがあります。**特に専門分野や最新の情報に関しては正確性が低くなる傾向があります。気をつけるべきなのは、あたかも正しい情報であるかのように、誤った回答をしてくるということです。

ここでは例として、「泣かぬなら鳴くまで待とうホトトギス」という句について問いかけました。
気が熟すのをじっくり待って江戸幕府を開いた徳川家康の、忍耐強い性格を表した句であることは、多くの人がご存知でしょう。

~~【図】歴史上の人物に関して質問した場合の回答~~

正解とは全く異なる回答が返ってきました。このように、誤回答であってもそれらしい説明が添えてあり、知らない人であればそのまま受け入れかねない説得力があります。

ChatGPTを利用するときは、このように誤回答をする場合があることに十分注意する必要があります。

### ChatGPTは掛け算ができないことがある

*意外に思われるかもしれませんが、ChatGPTは計算が苦手です。*人間が筆算でもそれほど無理なく解ける程度の掛け算でも、計算を間違えることがあります。

~~【図】掛け算を依頼した場合の回答~~

「23884円 × 826枚 =」の式は間違いありませんが、正解は19,728,184円で、ChatGPTの返した回答は不正解です。

自然な受け答えや、様々なタスクをこなす高性能さから、計算も簡単に行ってくれると思って依頼すると、誤った計算結果をそれらしく伝えられることがあります。現時点では、このような計算にChatGPTは使えないと言えるでしょう。

### ChatGPTは発想力や想像力が必要な回答が苦手

*ChatGPTは高い言語処理能力を持つモデルですが、発想力や想像力が必要な回答は苦手です。*
たとえば、なぞなぞを問いかけると、人間にとっては簡単な問題でも、正確な回答をすることが難しい場合があります。

~~【図】なぞなぞを出した場合の回答~~

正解は、「カバ」ですが、ChatGPTには正解を出すことができませんでした。

人間にとっては、少し発想を転換すれば簡単に答えられる問題でも、ChatGPTは正しい解答を出すことが難しいことがあります。ChatGPTは過去のデータをもとに学習しているため、クリエイティブな思考や柔軟な発想を必要とする回答は不得意であると言えます。

### ChatGPTに決断をゆだねることはできない

仕事でも日常生活でもそうですが、日々は決断の連続です。例えば仕事上で重要な決断をしなければならない時、優秀なChatGPTに状況を説明して、最も良い決断を依頼したくなることもあるかもしれません。

*しかし、ChatGPTは人間の代わりに決断を下すことはしてくれません。*

~~【図】代わりに決断をするよう依頼した場合の回答~~

決めてください、と明確に命令を行いましたが、決断するためのアイデアを提示するのみで、最終的な決定は自分で行うようにという回答でした。

### ChatGPTに病気の診断や法的相談はできない

*ChatGPTは、病気の診断や法的相談などの専門的な質問について、詳しくは回答してくれません。*一般的な情報やアドバイスを提供してくれることはありますが、具体的で詳細な内容になると、医師や弁護士などの専門家に相談するように回答が返ってきます。

ChatGPTは大規模言語モデルを使った会話型AIで、文章の処理に関わる様々なタスクを行えます。しかし、ChatGPTにもできないことや苦手なことがあります。この記事では、ChatGPTをより活用したい方のために、ChatGPTでできること、できないことを解説します。

ChatGPTでは、会話や翻訳、例文作成、プログラミング、表の作成、サンプルデータ作成など様々なタスクを行える

ChatGPTは、誤回答、専門的なアドバイスができない、創造的な発想ができないなど、できないこともある

ChatGPTを使う場合には、得られた回答の正確性や、望ましくない表現が含まれないかなどを確認する必要がある

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

今人気の「Notion」はさまざまなワークフローが一元管理できるオール・イン・ワンの情報共有ツールです。「Notion」では、**「Notion APIが」公開され、さまざまなWebサイト、外部サービス、アプリケーションとのAPI連携が可能となっています。**

この記事では、「Notion API」とは何か、具体的には何ができるのかについて、図解を交えて使い方を解説していきます。Notionをさらに活用する上で、Notion APIは強力なツールになりますので、ぜひ利用してみてください。

【参考】：[Notion　(ノーション） – 全てのチームをひとつのワークスペースで](https://www.notion.so/ja-jp)
【参考】：[Notion API](https://developers.notion.com/)

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

Notionは米国Notion Labs Incが開発したクラウドツールです。**主にチームやプロジェクトでタスクやスケジュールなどのワークフローやドキュメントを一元管理する機能を備えます。**クラウドをベースとしたNotionは、世界中のどこからでも同時に利用ができます。

豊富なテンプレートが用意されているため、ほとんど手を加えず、すぐに使えるのが特徴です。

Notionには直接ブラウザを用いて利用する「Web版」、ダウンロードして利用する「Desktop版」、スマホなどから利用する「mobile版」の3種類があり、時間や場所を問わず、いつでも利用ができます。

【参考】：※[Notionで作られた企業サイト事例集](https://www.notion.so/Notion-5279483f808c4b1183406a72afdf31a7)

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

APIは「Application Programming Interface」の略語で、**ソフトウェアやアプリケーション、Webサービス同士でやり取りを行う際のインターフェースのことです。**

現在、APIは多くのアプリケーションやプラットフォームで広く活用されています。その結果、異なるアプリケーションやサービスの連携が可能になり、新しい機能の組み込みや、データの共有が容易になっています。

Web APIとは？仕組みや使い方、メリットをわかりやすく解説！

## Notion APIでできることの具体例

では、実際にNotion APIを利用するとどんなことができるのでしょうか。代表的な具体例をいくつか紹介します。

### 外部アプリと情報の同期ができる

**Googleカレンダーなどのカレンダーアプリや、プロジェクト管理ツール、タスク管理サービスと連携させることで、情報の同期が可能になります。**例えば、新しいタスクがNotionに追加された場合、外部アプリケーションにも同期させられるため、効率が各段にアップします。

Notion APIを利用すれば、特定の条件に応じて自動化の設定ができます。例えば、Notionでは十分な通知機能がなく、若干不便を感じることがあるかもしれません。

そんなとき、**新しい情報がNotionに追加されたら、Slackなどの外部ツールにメッセージを送るというワークフローを作成すれば、Slackから通知を受け取れるので情報の見逃しを減らせます。**

NotionにマインドマップツールMiroを連携させる方法を解説！

Notion APIを理解するには、Notionの構成要素を理解しておく必要があります。ここでは、**Notionのコンポーネントについて解説していきます。**

【参考】：[Notion API リファレンス](https://developers.notion.com/reference/intro)

Notionは内部的なコンポーネントから成り立っています。**コンポーネントには「データベース」「ページ」「テーブル」「ブロック」があります。**以下、それぞれのコンポーネントの概要や利用できるAPI機能について解説をします。

Notion を構成している**コンポーネントの中で最も大きい項目が、このデータベースです。データベースは「ページ」などを1つにまとめて管理します。**また、ページはテーブルやボードの形でも管理することができます。

データベースが対応するAPIとしては、「クエリ」「ID検索」や「ページ作成」「情報更新」などがあります。

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

**Notionにおけるページは、ドキュメントの中心的存在です。ページの中に記事やメモなどのコンテンツが作成されます。**ページに対応するAPIとしては「ID検索」「作成」「更新」「ページ取得」などがあります。ページのAPIにはデータベースのようなクエリがありません。

**Notionにおけるプロックとはテキスト、画像、テーブルなど、ページに対して追加するコンテンツのことです。**Notionはブロックエディタ方式（WordPressのようにHTMLやCSSを知らなくとも書ける方式）を採用し、簡単にドキュメントの装飾が行えるマークダウン記法となっています。

ページに対応するAPIとしては、「ID検索」やブロックの「作成」、ページの「更新」、ブロックの「削除」などがあります。

サーチにおけるAPIは「クエリ」のみですが、APIによるアクセスが許可されている全てのページ、データベース、子ページやデータベースの検索が可能です。

クエリパラメータはページタイトルと照合されますので、クエリパラメータを指定しない場合には全てのページ（および子ページ）がクエリの結果に含まれます。**「Filter」パラメータが使用でき、ページのみ、もしくはデータベースのみを指定してクエリの実行ができます。**

Notionでできること５選！概要や基本操作も分かりやすく解説！

ここまでNotion APIの概要、できること、構成要素などについて紹介をしました。ここでは実際に、**どのようにAPIを使うのかについて以下の流れで説明していきます。**

1.　データベースを共有するためのプロジェクト（私のインテグレーション）を作成します。

2.「私のインテグレーション」でSecretコードを発行し、ユーザーを招待します。

### 「私のインテグレーション」

*[「私のインテグレーション」](https://www.notion.so/my-integrations)*にアクセスします。上の画面が表示されたら、画面左の「+新しいインテグレーション」を選択し、基本情報のページに遷移したら、各項目を入力します。

①には任意のプロジェクト名（ここでは仮にTEST API）を入力します。

②はログインユーザーのアカウント名が表示されていますが、選択候補が選択できる場合には選択してください。他の項目はデフォルトのままで構いません。①と②の入力と確認が済んだら、

③の[送信]ボタンをクリックします。「私のインテグレーション」に新たなインテグレーション（TEST API）が作成できていることを確認できます。

作成した「インテグレーション」をクリックすると、その詳細とシークレットのトークンを確認できます。**トークンはインテグレーションの「TEST API」にアクセスする重要なキーです。**

上の「シークレット」画面が表示されたら、Secret Codeをメモ帳などにコピペしておきます。

### データベースに「TEST API」を招待する

ここまでで「私のインテグレーション」でTEST APIのインテグレーションを作成しました。これからTEST APIで操作を行うデータベースにアクセスするため、データベースにTEST APIを招待します。

**この招待によって、TEST-APIにデータベースへのアクセス権限が付与され、該当のデータベースの操作を行うことができるようになります。**

*■ Notionを開き共有するデータベースを選択する*

既存のデータベースへのアクセス権を「TEST API」に付与するため、Notionのトップページを開き、操作するデータベースを選択します。

ここでは「ToDo」を選択しました。データベース「ToDo」の画面右上にある［共有］を選択し、［招待］から先ほど作成したイングレーション「TEST API」を選択します。併せて招待するものに対する編集権限の設定が行えます。

また、この「共有」や「招待」機能を利用して、Notionに登録していないユーザーをNotionメンバーに追加することもできます。

※Notionからメールアドレスで一般ユーザーを招待すると、被招待者には次のような招待メールが届きます。メールの中央にある［表示するにはここをクリック］のボタンをクリックするとNotionの「ToDo」ページにアクセスして、被招待者は与えられた権限に応じた操作が行えるようになります。

作成した「インテグレーション」にデータベースのアクセス権限付与が行われました。これで、APIを利用したデータベースへのアクセスが可能になりましたが、**データベースの操作をする際には、「トークン」と「データベースID」が必要です。**

*①トークンは「私のインテグレーション」ページ（ https://www.notion.so/my-integrations ）から発行したものを利用します。*

*②データベースIDは先ほどのToDoのURL（ https://www.notion.so/----?v=---- ）の（ www.notion.so/  ）と（  ?v=  ）の間の32文字です。*

URL中に（ www.notion.so/myworkspace/ ）のようにワークスペース名がある場合には、その直後の文字列を使用します。

WindowsでNotion APIの操作を行うには、ターミナルからCurlコマンド※が利用すると良いでしょう。他にもNotionでは様々なAPIやSDKが公開されています。また、GAS（Google Apps Script ）※1やプログラム言語のPython※2などでNotion APIを利用することも可能です。

こうしたツールや言語を利用して、今後さらにNotion APIの活用が広まっていくことでしょう。

※ターミナル上でCurlコマンドを用いた例

*【参考】：※[Cirl ｜command line tool and library for transferring data with URLs](https://curl.se/)*
*【参考】：[makenotion/notion-sdk-js｜GitHub - ](https://github.com/makenotion/notion-sdk-js)*
*【参考】：※1[Google Apps Script｜ Google Workspace](https://github.com/makenotion/notion-sdk-js)*
*【参考】：※2[プログラミング言語 Python 総合情報サイト - python.jp](https://www.python.jp/)*

NotionとGitHubとの連携機能とは？そのメリットや方法を解説！

## Notion APIの学習におすすめの参考書

ここからはNotionのデータベースやAPI連携について、より深く学んでみたいという方におすすめの本を2冊紹介します。Notionはデフォルトの状態でも便利に使えるツールですが、NotionのデータベースはAPIを利用することで、さらに便利に利用できるため、学習を進めることをおすすめします。

### もっと思い通りに使うための Notion データベース・API活用入門 　

**Notionの初歩的な使い方からAPI連携の方法、応用までを幅広く網羅した参考書です。**本書の後半ではPythonからNotion APIを利用する方法、JSから利用する方法も解説されています。Notionをもっと活用してみたいという方におすすめします。

▪著者：掌田津耶乃
▪ページ数：328ページ
▪出版社：マイナビ出版
▪発売日：2022/08/26

【参考】：[もっと思い通りに使うための Notion データベース・API活用入門](https://book.mynavi.jp/ec/products/detail/id=131495)

**Notion APIの概要から利用準備に加えて、APIで取得したJSONデータの構造や、サンプルアプリについても解説されています。**系統立てて詳しく説明されているので、APIのリファレンスとしても利用できる書籍です。

▪著者：小林 弘幸
▪ページ数：200ページ
▪出版社：C&R研究所
▪発売日：2023/04/15

【参考】：[Notion API活用術](https://www.c-r.com/book/detail/1492)

Notionの学習におすすめの最新本9選！目的やレベルまで解説

「オールインワン・ワークスペース」として人気のNotionにはデータベース操作や他のアプリとの連携を可能にするAPI連携機能が用意されています。この記事では、NotionのAPI連携とは何か、何ができるのか、データベース操作の方法などについて解説していきます。

NotionではAPI連携機能が新たに公開され、さまざまなサービスやアプリケーションとの連携が可能となっている

APIとはソフトウェアやWebサービス同士でデータのやり取りを行う際のインターフェースのこと

Notionはデータベースの操作をする際に「トークン」と「データベースID」が必要

NotionのAPIで何ができる？実際の使い方や構成要素を解説！

**Three.jsとは、JavaScriptを介して3次元コンピュータグラフィックス（CG）を描画するJavaScriptライブラリを指します。**HTML5の規格に従っており、ウェブブラウザ上で簡単に2次元や3次元のグラフィックスに対応します。

【参考】：[three.js](https://threejs.org/)

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

Three.jsは、ウェブの標準技術の上に実装されているため、主要なウェブブラウザ上でプラグインを追加することなく、そのまま利用することができます。またWebGLという3Dグラフィックス APIをラッピングしており、簡素なコードで手軽に3次元コンピュータグラフィックスを描画することができます。

*分かりやすく言うとThree.jsは、これまで複雑な処理や手法が必要であった3次元コンピュータグラフィックスを、専門知識を持たずに直観的に使用できる優れたソフトウェアと言えます。*

*JavaScriptは、ウェブアプリの開発に用いるオブジェクト指向スクリプト言語です。*HTML（HyperText Markup Language）と連携するため、DOM（Document Object Model）APIを使用してウェブブラウザからバックエンドまでのウェブアプリケーション全般に対応します。

言語仕様は、ECMAScriptとして標準化されており、非常に汎用性が高いプログラミング言語です。

【参考】：[ECMA-262 ECMAScript® 2023 language specification](https://www.ecma-international.org/publications-and-standards/standards/ecma-262/)

JavaScriptとは？その特徴やメリット・デメリットを解説！

*JavaScriptライブラリとは、JavaScriptを用いたアプリケーション開発をより効率的に行うために、あらかじめ用意されたソフトウェア群を指します。*JavaScriptの画面出力などの統一性を持たせるなどの場合に、共通のJavaScriptライブラリを用いると効果的です。

JavaScriptの代表的なライブラリとしては、jQueryやReactがあります。そのほか、Vue.jsやAngular JSなどのJavaScriptフレームワークも公開されており、多くのユーザに利用されています。

【参考】：[jQuery](https://jquery.com/)
【参考】：[React](https://react.dev/)
【参考】：[Vue.js](https://vuejs.org/)
【参考】：[Angular](https://angular.io/)

JavaScriptの主要ライブラリ3選！学習方法についても解説

jQueryとは？特徴・できること・導入方法・使い方を解説！

### そもそも3次元コンピュータグラフィックスとは

*3次元コンピュータグラフィックスとは、3次元の立体的な仮想的な物体を、コンピュータで演算することで平面上に奥行きや質感のある画像を表す手法を表します。*用語が長いので、3DCGと呼ぶ場合もあります。

従来は、大型計算機などの演算能力が必要でしたが、プロセッサの性能向上とGPUと呼ばれるグラフィックス専用プロセッサが、一般化されたことで高性能化が可能となり、誰でも3D画像を作成することが可能となりました。このことから、物性シミュレーションや3Dゲームなど多方面で利用されています。

*WebGLとは、Web Graphics Libraryの略で、OpenGL ESベースの低レベル 3Dグラフィックス API を指します。*HTML5に実装されるCanvas要素上で、画像処理や画像効果などをGPUアクセラレータを用いてグラフィックス表示できる特徴があります。

WebGLは、多くの主要ブラウザベンダーにより策定されており、Apple SafariやGoogle Chrome、Microsoft Edge、Mozilla Firefoxなどのウェブブラウザで、プラグインなしに3D描画が可能となります。

【参考】：[WebGL LOW-LEVEL 3D GRAPHICS API BASED ON OPENGL ES](https://www.khronos.org/webgl/)

*OpenGL ESとは、OpenGL for Embedded Systemsの略で、モバイルデバイスなどの組み込み用3次元コンピュータグラフィックス APIを指します。*従来よりデスクトップ環境で使用される、OpenGLのサブセットです。

OpenGL ESは、プレイステーション3やニンテンドー3DSの他に、iOSやAndroidでも採用されています。GPUアクセラレータのようなグラフィックスハードウェアをサポートしますので、簡単に3次元コンピュータグラフィックスの高速描画に対応させることができます。

【参考】：[OpenGL ES Overview](https://www.khronos.org/opengles/)

*Three.jsを使用することで、ウェブ上に簡単に3Dコンピュータグラフィックスを表示することができます。*

Three.jsは、プラットフォームに依然せずに相互に実行可能なアプリケーション開発を目指して、 Adobe Flashの環境からJavaScriptに移行したことから、現在の利用拡大に繋がっています。ドキュメントの多くは日本語化されており、順に確認すると良いでしょう。

【参考】：[Three.jsの基礎知識](https://threejs.org/manual/#ja/fundamentals)

Three.jsの主要機能としては、*メッシュ（網目）やマテリアル（材質）、テクスチャ（質感や模様）、スキン（皮膚）、スケルトン（骨格）、アニメーション（フレーム再生）、ライト（光源）、カメラ（仮想カメラ）などがあります。*

この他にも、エフェクト（効果）や、平面・立方体・球体・トーラス・3Dテキストなど、3DCG作成に必要となる機能がカバーされています。

【参考】：[Three.jsのプリミティブ](https://threejs.org/manual/#ja/primitives)

Three.jsのインストールには、2つの方法があります。

*1つ目は、npmの利用です。*Three.jsのインストールツールは、npmが推奨されています。npmは、JavaScriptのパッケージ管理システムです。サーバーサイドJavaScript環境であるNode.jsのパッケージ管理システムとしても、用いられています。

npmからThree.jsをインストールするには、”npm install three”を実行します。

*2つ目は、CDNや静的ホスティングからインストールする方法です。*ここでは、サイトに格納されている”three.module.js”を指定して、”import”時に利用します。

ライブラリの読み込みは、次のように行います。

&lt;script type="module"&gt;
    import * as THREE from 'three';
    const scene = new THREE.Scene();
&lt;/script&gt;

【参考】：[Three.js Installation](https://threejs.org/docs/index.html#manual/ja/introduction/Installation)
【参考】：[npm](https://www.npmjs.com/)
【参考】：[Node.js](https://nodejs.org/ja)

Node.jsとは？JavaScriptとの違いや使い所を解説

### Three.jsで最初に何かを表示する

*Three.jsで最初に何かを表示するには、シーン（scene）、カメラ（camera）、レンダー（renderer）の3つが必要です。*

シーンは、状況が描写されている映像のオブジェクトで、”THREE.Scene()”を使います。カメラは、シーンを描画するときに、何が見えるか決定する仮想のカメラで、”THREE.PerspectiveCamera()”などいくつかの種類があります。

レンダーは、カメラのアングルに基づいて演算処理し描画するもので、”THREE.WebGLRenderer()”を使います。

【参考】：[Three.js Creating a scene](https://threejs.org/docs/#manual/ja/introduction/Creating-a-scene)
【参考】：[Three.jsの基礎知識](https://threejs.org/manual/#ja/fundamentals)

*Three.jsで扱うデータ形式は、FBX、Collada、OBJなどに対応しますが、glTF（GL Transmission Format）が推奨されます。*推奨する理由は、データの変換やロードが高速であるためです。「.GLB 」と「 .GLTF」のフォーマットに対応します。

【参考】：[Three.js Loading 3D models](https://threejs.org/docs/#manual/ja/introduction/Loading-3D-models)

### Three.jsのサンプルを確認する

*Three.jsでは、多くのサンプルをサイトに公開しています。*最初は、プログラミングに慣れるためにも、まずは公開サンプルを操作して使い方を学ぶのが良いでしょう。150以上のサンプルコードも掲載されています。

できることの記事（5ページ目）