**Three.jsは、3次元コンピュータグラフィックス（CG）を描画する、手軽なJavaScriptライブラリです。**HTML5の規格に従っており、WebGLに詳しくなくても、ウェブブラウザ上で簡単に3次元グラフィックスの描画が可能です。

ここでは、入門知識や使用方法に加えて、さらに理解を深める学習方法を解説していきます。

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

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

Three.jsを使用すると、簡単に3次元コンピュータグラフィックスが作成できるとよく言われますが、実際に使ってみるにはどのようにすれば良いか迷う方も多いでしょう。*ここでは、公式サイトのサンプルを実際に動作させて、理解を深めていきましょう。*

【参考】：[GitHub three.js](https://github.com/mrdoob/three.js/)

*GitHub公式サイトの「Usage」に表示されているプログラムは、JavaScriptのサンプルコードです。*このコードを、「.js」ファイルとして保存して使用することができます。

実際のHTMLでの呼び出し方法は、”\<script>\</script>”のタグで括って使用するか、”\<script src=".jsファイル名">\</script>”として外部呼出しします。

【参考】：[GitHub three.js Usage](https://github.com/mrdoob/three.js/#usage)

GitHubとは？メリットや使い方、Gitとの違いも徹底解説！

*HTMLファイルを作成することで、ウェブブラウザからThree.jsの3D出力を描画させることができます。*ここでは、Three.jsのライブラリをCDNから読み込んでいます。jsファイルは、以下の例の通り直接記述するか、外部ファイルを呼び出して使用します。

\<head>と\<body＞は、コードに用途に応じて使い分けが可能です。日本語表示のために、charsetを"utf-8"に設定しておきましょう。

```
<html>
  <head>
    <meta charset="utf-8" />
    <script type="importmap">
      {
        "imports": {
          "three": "https://unpkg.com/three@0.152.2/build/three.module.js"
        }
      }
    </script>
    <script type="module">
      import * as THREE from 'three';

     // ここに必要なコードを記述します。
     // 公式サイトのサンプルコードをここに転記することもできます。

    </script>
  </head>
  <body>
  </body>
</html>
```

先ほど作成した、HTMLファイルにThree.jsのコードを入れ込んだら完成です。*Three.jsで最初に何かを表示するには、シーン（scene）、カメラ（camera）、レンダー（renderer）の3つが必要です。*

*・シーン（scene）*
シーンは、状況が描写されている映像のオブジェクトで、”THREE.Scene()”を使います。サンプルコードでは、以下のように使用しています。

*・カメラ（camera）*
カメラは、シーンを描画するときに、何が見えるか決定する仮想のカメラで、”THREE.PerspectiveCamera()”などいくつかの種類があります。サンプルコードでは、以下のように使用しています。

const camera = new THREE.PerspectiveCamera( 70, window.innerWidth / window.innerHeight, 0.01, 10 );

*・レンダー（renderer）*
レンダーは、カメラのアングルに基づいて演算処理し描画するもので、”THREE.WebGLRenderer()”を使います。サンプルコードでは、以下のように使用しています。

const renderer = new THREE.WebGLRenderer( { antialias: true } );

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

### サンプルコードを完成させる

公式サイトで紹介されている、サンプルコードは3次元描画に必要な要素があらかじめ設定されており、そのまま用いることができます。*サンプルコードにHTMLのコードを追記するだけで、ウェブブラウザで表示できるコードが完成します。*

先のHTMLでは、JavaScriptを直接入力する使い方でしたが、jsファイルを読み込んで使う場合は、次のように記述します。ここでのファイル名は実際のjsファイル名を指定します。

```<script src=".jsファイル名"></script>```

上手く表示できたら、編集サイト「JSFiddle」でオリジナルのコードが確認できますので、比べてみましょう。なお、JavaScriptのコードを外部ファイルから呼び出す場合は、オリジン間リソース共有（CORS）のエラーを回避するために、ウェブサーバ経由でHTMLファイルを表示させると良いでしょう。

【参考】：[GitHub three.js Usage](https://github.com/mrdoob/three.js/#usage)
【参考】：[JSFiddle サンプルの編集と表示](https://jsfiddle.net/7u84j6kp/)
【参考】：[Mozilla mdm オリジン間リソース共有 (CORS)](https://developer.mozilla.org/ja/docs/Web/HTTP/CORS)

*Three.jsの基本要素を学んだら、canvasを設定したり、サイズを指定したりすることができます。*また、カメラアングルの変更や物体の形状を変更するなど、柔軟にコードを記述することができます。CSSスタイルシートを組み合わせて全体の調整が可能です。

【参考】：[Three.jsの基礎知識](https://threejs.org/manual/#ja/fundamentals)
【参考】：[Three.js の概要  Installation](https://threejs.org/docs/index.html#manual/ja/introduction/Installation)
【参考】：[Mozilla mdm \<canvas>: グラフィックキャンバス要素](https://developer.mozilla.org/ja/docs/Web/HTML/Element/canvas)

*3次元コンピュータグラフィックスは、コンピュータの技法としてさらに多くのことを学ぶことで、より効果的な3D描画に活用することができます。*Three.jsを学ぶとともに、関連知識を吸収すると良いでしょう。ここでは、Three.jsをさらに学習するための方法について解説していきます。

### 公式サイトのドキュメントを確認する

Three.jsの公式サイトには、多くのドキュメントが掲載されています。日本語化が順次行われていますので、できれば最初に目を通しましょう。*Three.jsの概要や基礎知識の全般について、豊富なドキュメントから知識を得ることができます。*

【参考】：[Three.jsの基礎知識](https://threejs.org/manual/#ja/fundamentals)
【参考】：[Three.js の概要  Installation](https://threejs.org/docs/index.html#manual/ja/introduction/Installation)

### サンプルコードを参考にする

自分でコードを1から作成するのは、大変な労力が必要です。*プログラムの勘所を学ぶためにも、サンプルコードを眺めるのが良いでしょう。*Three.jsでは、150以上のサンプルとコードをサイトに公開しています。どんなことができるのか、まずはサンプルの動作を見てみましょう。

公式サイトでは、関連してWebpackを使ったサンプルや、初心者向けサンプル集もリンクが掲載されていますので、必要に応じて参考にすると良いでしょう。

【参考】：[Three.js exapmles](https://threejs.org/examples/#webgl_animation_keyframes)
【参考】：[Three Seed Official](https://github.com/edwinwebb/three-seed/)
【参考】：[Three.js Examples](http://stemkoski.github.io/Three.js/index.html)

Three.jsは、ウェブから多くの情報が得られます。ここでおすすめするサイトから有益な情報が得られますので、活用しましょう。

*・Beginning with 3D WebGL*
公式サイトがおすすめする、チュートリアル情報の掲載サイトです。シーン、ジオメトリ、マテリアル、アニメーションの4つのパートに分けて丁寧に解説しています。

【参考】：[Beginning with 3D WebGL](https://codepen.io/rachsmith/post/beginning-with-3d-webgl-pt-1-the-scene)

*・Animating scenes with WebGL and three.js*
こちらも公式サイトがおすすめする、チュートリアル情報の掲載サイトです。実際のコードを例にCodepenで編集表示しながら、プログラミングの理解を進めています。

【参考】：[Animating scenes with WebGL and three.js](https://www.august.com.au/blog/animating-scenes-with-webgl-three-js/)
【参考】：[Codepen](https://codepen.io/)

*・ICS MEDIA Three.js入門サイト*
ウェブデザイナー向けの情報サイト「ICS MEDIA」では、多くのThree.jsのコンテンツを掲載しています。最初の一歩からステップアップ情報までカバーしています。日本語サイトですので、すべての方におすすめします。

【参考】：[ICS MEDIA Three.js入門サイト](https://ics.media/tutorial-three/)

メジャーな参考書は、英語で提供されます。*以下におすすめする書籍は、共に同一の著者が作成しており、Three.jsの知識が広く得られます。*最新版は「Learn Three.js - Fourth Edition」で、英語のみです。

日本語版は、「初めてのThree.js 第2版」という旧版のみですが、どうしても日本語の情報が必要でしたら手に取ってみましょう。

*「Learn Three.js - Fourth Edition」*
▪著者：Jos Dirksen
▪ページ数：554ページ
▪出版社：Packt Publishing
▪発売日：2023/2/17
【参考】：[Learn Three.js - Fourth Edition](https://www.packtpub.com/product/learn-threejs-fourth-edition/9781803233871)

*「初めてのThree.js 第2版」*
▪著者：Jos Dirksen 著、あんどうやすし訳
▪ページ数：416ページ
▪出版社：オライリージャパン
▪発売日：2016/7/23
【参考】：[初めてのThree.js 第2版](https://www.oreilly.co.jp/books/9784873117706/)

*短期間で深い知識を得るのであれば、有料サービスを受講することも検討してみましょう。*無料のレッスンや割引の情報など、実際のサイトであわせて確認するのが良いでしょう。

*・Three.js journey*
公式サイトが推薦する学習サイトです。95USドルから始めることができます。7つのチャプター、54レッスン、72時間分の動画教材が提供されます。いくつかのレッスンは無料で公開されており、イントロダクションコースの多くは無料で提供されています。

【参考】：[Three.js journey](https://threejs-journey.com/#)

*・udemy Three.JSコース*
日本語のコースが3種類、英語のコースが31種類あります。無料コースが7種類、有料コースが多言語含めて37種類あります。期間限定の割引セールも実施しています。

【参考】：[udemy Three.JSコース](https://www.udemy.com/ja/topic/threejs/?utm_source=adwords&utm_medium=udemyads&utm_campaign=DSA_WebIndex_la.JA_cc.JP&utm_content=deal4584&utm_term=_._ag_89101504074_._ad_439843892593_._de_c_._dm__._pl__._ti_dsa-310094130363_._li_1009311_._pd__._&gclid=EAIaIQobChMI9PL0hIjvgAMVTsAWBR2eIQ1vEAMYASAAEgKxWvD_BwE)

## Three.jsは描画結果を見ながら理解を深めましょう

Three.jsは簡単とはいえ、HTML5やCSS、JavaScriptの知識が求められます。3次元描画APIであるWebGLの知識があれば、さらに理解が深まるでしょう。プログラミングでは、慣れるまではトライアンドエラーをしながら、進める場合もあります。

**どのように描画されるか確認すると理解しやすく、実際にコードの動作を確認しながら進めることをおすすめします。**

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

【JavaScript学習ロードマップ】勉強する上で重要なポイントも紹介

Three.jsは、3次元コンピュータグラフィックス（CG）を描画する、手軽なJavaScriptライブラリです。ウェブブラウザ上で、簡単に3次元グラフィックスの描画が可能です。ここでは、入門知識や実際の使い方に加えて、理解を深める学習方法を解説していきます。

HTMLファイルを作成し、Three.jsのコードを埋め込むか外部から読み込んで使用します

Three.jsでは、シーン（scene）、カメラ（camera）、レンダー（renderer）の3つが必要です

学習するには、ドキュメントやサンプルコードを利用するほか、ウェブの情報などを利用します

Three.js入門！実際の使い方と学習方法をわかりやすく解説

今人気の「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で何ができる？実際の使い方や構成要素を解説！

psqlとは、*PostgreSQLの対話型操作*をおこなう**フロントエンドインターフェイス**を指します。インタラクティブにユーザの入力をPostgreSQLに引き渡し、結果を表示します。*psqlはCUIツール*ですが、*GUIツールとしてはpgAdmin*が用意されています。

psqlはインタラクティブなコマンド入力の他、ファイルから入力することも可能です。そのため、*スクリプトのファイル作成*により**DB操作の自動化が可能**です。

PostgreSQLは、**IllustraやInformixの流れをくむRDBMS**です。最新版は*PostgreSQL 13*で、psqlにも多くの改良がされています。PostgreSQLは他のオープンソースソフトウェアに見られる無償（無料）版と有償版の同時ラインナップや、有料サポートの考えがないので**完全無料**と言えます。

PostgreSQLはオープンソースソフトウェアのRDBMSとしてMySQLに次いで*2番目の人気*を誇り、RDBMS全体では4番目のランキングとなります。またPostgreSQLの利用者は近年増加をしており、3位のポジションに届く勢いがあります。
参考：[DB-Engines Ranking of Relational DBMS](https://db-engines.com/en/ranking/relational+dbms)

稼働プラットフォームは*macOS Server*のデフォルトデータベースであり、さらに*Linux系システム*、*Windows*など多岐に渡ります。PostgreSQLは比較的小規模から中規模のシステムの実績が多いです。しかしながらバージョンアップを重ねるにつれて*性能スケーラビリティが改善*しており、*小規模から大規模システム*で用いられています。

MySQLは、**オラクル社が提供するオープンソースソフトウェアのRDBMS**です。MySQLは商用RDBMSである*Oracle Database*に次いで*2番目の人気*を誇り、オープンソースRDBMSでは長い間*No1ポジション*を維持しています。

PostgreSQLとMySQLは、ユーザが*どちらか一方を選択する傾向*があります。それぞれの選択理由についてPostgreSQLとMySQLの違いと特徴から判断していきます。

・**MySQLの選択理由**
MySQLは独自拡張がなく、シンプルです。そのため軽量でスピードが速い特徴があります。また、ユーザが多いためにコミュニティや情報共有が多数されています。これにより、高品質なシステム構成が簡単に構築できます。

MySQLはオープンソースで全体のソフトウェアスタックを構成する場合のソフトウェアスタックLAMPの構成コンポーネントです。LAMPで構成することで、より実績のある安定したシステム構築が可能です。LAMPはLはLinux（OS）、AはApach（ウェブサーバ）、MはMySQL（データベース管理システム）、PはPerl・PHP・Python（プログラム開発言語）を指します。

・**PostgreSQLの選択理由**
PostgreSQLはRDBMSとしてだけでなく、オブジェクト指向のORDBMSとしても利用できます。オブジェクトの継承や定義が利用できますので、従来処理できなかったデータにも利用できます。さらに複雑なクエリに対応しますので、高度な検索処理が可能です。

加えてPostgreSQLはデータベースのサイズに制限がないため、理論的には超大規模なデータベース管理も可能です。これらの違いと特徴から*利用者ニーズ*により、求める*RDBMSが選択されています*。

psqlを使うには、*PostgreSQLのダウンロード・インストール*が必要です。接続先のPostgreSQLがインストールされると、**psqlが使用可能**となります。psqlを使う場合は、*Windowsのコマンドプロンプト*や*Linuxのシェル、macOSのターミナル*を起動し、psqlを実行します。

### PostgreSQLのインストール方法

PostgreSQLのインストールは、**公式ダウンロードサイトからモジュールをダウンロードしインストール**します。日本語の情報を見ながらインストールする場合は、*日本PostgreSQLユーザ会*のダウンロードサイトにリンク先が掲載されています。
参考：[PostgreSQL Downloads](https://www.postgresql.org/download/)
参考：[日本PostgreSQLユーザ会 ダウンロード](https://www.postgresql.jp/download)

インストール時は*Windows版*は*EDBによるインストーラパッケージ*を、*Linux*の場合は*ディストリビューションに合わせたリポジトリリンク*が提供されています。

インストール時にはインストール可能なモジュールが表示されますが、*全て選択しておきましょう。*誤って「Select Components」でCommand Line Toolsのチェックを外してしまうと、psqlがインストールされません。そのため、再度Command Line Toolsのインストールが必要です。

次に、インストール時に*管理者パスワード*と*PostgreSQL通信ポート*を設定します。加えて*「Default Locale」*で*”Japanese, Japan”*を選択すると日本語が利用できます。

### psqlからPostgreSQLへの接続方法

psqlからPostgreSQLへ接続するには、*WindowsのコマンドプロンプトやLinuxのシェル、macOSのターミナル*を起動し、**psqlを実行**します。

*使用方法：*
　psql \[オプション...\] \[データベース名 \[ユーザ名\]\]

データベース名をオプション指定する場合は、*”-d”*で指定します。同様にユーザ名をオプション指定する場合は、*”-U”*で指定します。ユーザ名を未指定の場合はデフォルトユーザが使用されます。
リモートノードで稼働するPostgreSQLに接続する場合は、*”-h”*でホスト名を指定します。ポート番号をデフォルトの5432から変更した場合は*”-p”*で指定してください。

接続が正常に処理されると、プロンプトとして”postgres=#”のように*”データベース名=#”*が表示されます。終了時は*”\\q”*と入力します。
参考：[PostgreSQL 9.3文書 psql](https://www.postgresql.jp/docs/9.3/app-psql.html)

その他、代表的なオプションを説明します。

・*スクリプト処理で用いるオプション*
スクリプト処理で処理を記録する場合は”-a”を指定することで、読み込んだすべての行を標準出力に表示できます。

・*コマンドの入出力ファイルを指定するオプション*
”-f ファイル名”を指定すると、ファイル名からコマンドを入力し、処理を行います。さらに”-o ファイル名”で出力をファイル名に書き込みます。

・*シェルスクリプトで単一の処理を行うオプション*
“-c コマンド”を指定すると、単一のコマンド処理を行い終了します。

psqlのコマンドは*SQLコマンド*および*メタコマンド*が使用できます。

SQLのマンドはDB操作のコマンドですので、*DB操作言語のSQL*に従います。DBの作成は*CREATE DATABASE*、DBの削除は*DROP DATABASE*を用います。DBの表示はSHOW DATABASESではなく、*”\l”または”\l+”*を用いるか、*SELECT文*でpg_databaseのデータを表示します。

次にテーブル（表）の作成は*CREATE TABLE*、テーブルが作成できたらデータを格納します。テーブル表示やテーブル一覧はSHOW TABLESではなく、*”\\d”または”\\dt”*。データの格納は*INSERT*です。次にデータ参照は*SELECT*を、データ更新は*UPDATE*を用います。データの削除は*DELETE*で行います。

上記ポイントを整理します。*PostgreSQLのSHOW*は**独自拡張したもの**で、*実行時パラメータの値を表示する機能*です。そのため従来*他のDBMSで使用したSQL文のSHOWとは異なる*ことを覚えておきましょう。他のDBMSでSHOWで表示した情報はPostgreSQLでは*メタコマンドまたはSELECT*で行います。
以下に簡単にポイントをまとめておきます。

・*データベースの一覧表示*（SHOW DATABASESに相当）
　”\\l”、または”\\I+”、または
　SELECT datname FROM pg_tables;

・*テーブル一覧の表示*（SHOW TABLESに相当）
　”\\dt スキーマ名.\*”、または
　SELECT schemaname, tablename, tableowner FROM pg_tables;

・*テーブル・ビュー・インデックス・シーケンス・外部テーブルの一括表示*
　\\d[S+] [パターン]
　パターンに一致するテーブル・ビュー・インデックス・シーケンス・外部テーブル、または複合型における全ての列・列の型・テーブル空間などの特別な属性を表示します。 

その他メタコマンドで表示に関する代表的な指定は以下の通りです。
・外部テーブルの表示
　”\\dE[S+] [パターン]”
・インデックスの表示
　”\\di[S+] [パターン]”
・マテリアライズドビューの表示
　”\\dm[S+] [パターン]”
・シーケンスの表示
　”\\ds[S+] [パターン]”
・ビューの表示
　”\\dv[S+] [パターン]”

psqlのメタコマンドやオプションの詳細はレファレンスマニュアルをご確認ください。
参考：[PostgreSQL 9.3文書 psql](https://www.postgresql.jp/docs/9.3/app-psql.html)

## PostgreSQLの特徴を理解し、psqlを用いてデータベースを活用しましょう

PostgreSQLは*オブジェクト指向データベース*としての利用や、*容量無制限のデータベースサイズ・複雑なクエリ*に他のRDBMSとの違いや特徴があります。このPostgreSQLの特徴を理解し知識を吸収するには、*PostgreSQLのデータベース*にpsqlでアクセスして確認することをおすすめします。

psqlとはPostgreSQLのフロントエンドインターフェイスを指します。psqlを用いることでスクリプトによるDB操作の自動化が可能です。ここではpsqlの概要ならびにMySQLとの違いや、PostgreSQLへの接続と利用方法を解説していきます。

psqlとはPostgreSQLの対話型操作をおこなうインターフェイスを指します

PostgreSQLは完全無料なオブジェクト指向RDBMSで、利用者が増加しています

PostgreSQLは複雑なクエリが利用可能で、psqlを用いて操作します

psqlとは？PostgreSQLへの接続コマンドや利用方法を解説

AIツールとして注目を集めているChatGPTですが、ChatGPTを提供しているOpenAIは文字起こしの機能に「Whisper」というサービスを公開しています。

ChatGPTを利用したことはあるけれど、Whisperについては知らないという方は多いのではないでしょうか。

**本記事ではChatGPTとWhisperの概要に触れた後で、Whisperの使い方を解説します。**AIを活用して文字起こしをしたい方は、ぜひ参考にしてください。

まずは、ChatGPTについて簡単に解説します。*ChatGPTとは、OpenAIが公開している対話型のチャットツールです。*ChatGPTは人間が入力した質問に対して、インターネット上のデータから集約・分析したデータを自然な文章で返答してくれるツールです。

このChatGPTのツールを利用すると、クリエイティブな企画の立案をしたり、プログラミングのコードを解説してくれたりします。

【参考】：[OpenAI ChatGPTについて](https://chat.openai.com/)

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

Whisperは、ChatGPTと同様にOpenAIが提供しているサービスです。*このWhisperは、音声をテキストに変換します。*非常に高い精度で文字起こしをするため、便利なサービスと言えるでしょう。

【参考】：[OpenAI Whisperについて](https://openai.com/research/whisper)

Whisperを利用するためには、OpenAIの提供するAPIを利用します。しかし、APIを普段利用したことがない方は、具体的な使い方が分からないかもしれません。本記事では後述でWhisperの使い方を詳しく解説しますので、ぜひ参考にしてください。

【参考】：[ChatGPTとWhisperAPIの利用について](https://openai.com/blog/introducing-chatgpt-and-whisper-apis)

前述にて、Whisperで文字起こしをするためにAPIを利用する必要があると説明しました。このAPIですが、利用する時には料金がかかります。

**ただし、$0.006 / 分とかなりの低額で利用できますので、個人の方でも気軽に試すことができます。**（2023年8月執筆時点）

執筆時点から金額が変更になる可能性もありますので、正確な料金の詳細について知りたい方は公式サイトを確認してください。

【参考】：[Whisperの料金について](https://openai.com/pricing)

## Whisperを利用して文字起こしをする方法

ここまではChatGPTやWhisperAPIの概要について触れましたが、**ここからは具体的な利用方法を解説します。**

また、WhisperAPIを実行するためには、Pythonの実行環境が必要です。そのため、今回はGoogle Colaboratoryというブラウザ上でPythonを実行できる、Googleのツールを活用します。Googleのアカウントが必要ですので、事前にアカウントにログインしましょう。

Pythonの環境構築：公開ソフトウェアを活用した環境整備を解説

*Whisper APIを利用するためには、APIキーが必要です。*まずは、公式サイトからAPIキーを発行しましょう。OpneAIにログインすると、下図のようにメニューが表示されます。

~~【図】：OpneAIにログインする~~

今回は、1番右にある「API」をクリックしましょう。すると、画面が切り替わりOpenAIのプラットフォームが表示されます。また、赤枠のように画面右上にアイコンが表示されているはずですので、こちらをクリックしましょう。

~~【図】：アイコンをクリックする~~

クリックするとメニューが表示され、ここの「View API keys」をクリックするとAPIキーの一覧が表示されます。この時、まだAPIキーを取得していない場合は、「＋Create new secret key」というボタンをクリックしましょう。

使い方の記事（13ページ目）