## Windows11でメモ帳の機能が変わった

Windowsに付属する「メモ帳」（notepad.exe）はWindows1.0登場以来使われ続けた、お馴染みのテキストエディターでした。

フォントの変更が可能になったり、64Kb以上のテキストファイルが扱えるようになったり、多少の改善が行われたものの、基本的な機能やデザインは長い期間、ほとんど変更はありませんでした。

Windows10ではLinux環境が構築できるWSL（Windows Subsystem for Linux）が搭載され、Linuxとの親和性が課題になったことから、メモ帳の機能追加やパフォーマンス改善が行われました。

例えば、Linuxの改行コードである（LF：0x0A）をサポートしたり、ズーム機能が追加されたり、大幅な改善が図られましたが、デザインに関しては大きな変更は加えられませんでした。そのためか、メモ帳の機能変更に関しては広く知られることはありませんでした。

ところが、Windows11では基本的な機能や構造はWindows10と大きな変更はなかったものの、**Microsoftが提唱する「Fluent Design System」と呼ばれる新しい考え方のデザインシステムが採用され、メモ帳がモダンなデザインに変わっています。**

見た目はシンプルですが、メニューバーがタイトルバーと一体化していたり、マウスを使わずにキーボード主体の操作ができたり、こだわりを感じる改善が施されています。

この記事では、そんな変化を遂げたWindows11の「メモ帳」について、表示方法・使い方・従来からの変更点・便利テクニックなどを紹介します。シンプルなメモ帳を使ってみたい方はぜひ参考にしてください。

*【参考】：[Windows Notepad - Microsoft Store アプリ](https://apps.microsoft.com/store/detail/windows-notepad/9MSMLRH6LZF3?hl=ja-jp&gl=jp)*
*【参考】：[Fluent Design System｜Microsoft Design](https://www.microsoft.com/design/fluent/)*

テキストエディターとは？エンジニア初心者におすすめのエディタも紹介！

実際にメモ帳を使ってみましょう。Windows11でメモ帳は「すべてのアプリ」の中にありますが、毎回この「すべてのアプリ」から起動するのは非効率的なため、より簡単に利用できるように環境を整えてみましょう。

Windowsのメモ帳とは何かについて確認しておきましょう。**日本名は「メモ帳」、英名「Notepad」と呼ばれており、Microsoft Windowsに標準で付属しているテキストエディタのことです。**

メモ帳はWindows 1.0のバージョンから付属していましたが、「行番号」や「ルーラー」などの表示ができず、「表示したテキストの折り返し」や「文字数を表示する」といった機能もないため、文字数を指定されている原稿を書く人には不便でした。

こうしたテキストエディタとして基本的な機能がWindows10の「バージョン 1809」から追加され、大きく変わりました。さらにWindows11ではGUIが変わり、さらに使いやすさが追及されています。Windowsのメモ帳が使いにくいと感じている方にも、1度使ってみることをおすすめします。

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

Windowsのメモ帳は付属する標準アプリのため、基本的にインストールは不要ですが、誤って消してしまったり、Windowsのバージョンアッブで稀に消えてしまったりすることがあります。

その場合は、**次の「Microsoft Sore」の「Windows Notepad」のページにアクセスし、［Microsoft Store アプリの取得］ボタンをクリックして指示に従ってインストールができます。**

*【参考】：[Windows Notepad - Microsoft Store アプリ](https://apps.microsoft.com/store/detail/windows-notepad/9MSMLRH6LZF3?hl=ja-jp&gl=jp)*

Windows11の［スタートメニュー］をクリックし、*表示された画面の右上「すべてのアプリ」をクリックして、アプリ一覧画面を表示します。*

アプリ一覧から「ま」の項目が表示されるまで下にスクロールすると「メモ帳」が見つかります。

毎回、メモ帳アプリを起動するのに、上記の方法では手間が掛かりますので、スタートメニューにピン留め（ショートカット）を作成しましょう。

Windows 11でショートカット作成は難しい？手順や変更・削除方法も解説

### メモ帳をスタートメニューにピン留めする

これから「メモ帳」アプリをスタートメニューにピン留めする方法について解説します。「すべてのアプリ」で「メモ帳」アプリを表示したら、右クリックすると操作メニューが表示されますので、「スタートにピン留めをする」をクリックします。

次に［戻る］ボタンをクリックします。改めてスタートメニューを表示すると、「メモ帳」アプリがピン留めしたアプリに登録されていることが確認できます。

Windows11のメモ帳は旧バージョンから大きく変わりましたが、具体的には何が変わったのかについて確認してみましょう。

従来のメモ帳はWindowsの初期の頃から同様のクラシックなデザインでしたが、**Windows 11ではMicrosoftが提唱する「Fluent Design System」と呼ばれる新しい考え方のデザインシステムが採用され、メモ帳がモダンなデザインに変わっています。**

メニューバーはタイトルバーと一体化されているように見えます。メニューは従来の「ファイル・編集・表示・ヘルプ」から「ファイル・編集・表示」へと3項目に減り、代わりにメニューバーの右端に設定メニューがアイコンで追加されています。

### キーボード操作主体のアクセスキーに対応

Windows11のメモ帳では、**キーボード中心の操作を意識した「アクセスキー」に対応し、［Alt］キーを押すだけでそれぞれのメニューに対応した英数字が現れます。**ファイルメニューであれば、キーボードで［F］キーを押すとファイルメニューが表示されます。

［F］キーを押して、ファイルメニューが表示されたら、名前を付けて保存する場合は［A］キーを押すことでファイル保存の画面に遷移します。またショートカット操作にも対応しているため、好みによって効率的な方法を使い分けできるのは大変便利です。

### 検索・置換ボックスがシンプルに

新しいメモ帳では検索・置換のダイアログボックスのデザインがシンプルになりました。*検索時の上下移動や、条件設定などがアイコンからの選択になっています。*

新しいメモ帳は絵文字にも対応しています。旧バージョンのメモ帳では絵文字はカラーではなくモノクロで表示されていましたが、**新しいメモ帳はFluentデザインによるカラフルな絵文字が利用できるようになりました。**

絵文字や顔文字の画面を表示するには、ショートカットでWin + . (ピリオド) 、もしくは Win  + V キーを入力してください。

新しいメモ帳では、**メニューバーの右端に歯車の形をした［設定］アイコンが追加されており、［アプリのテーマ］と［フォント］の設定変更が可能です。**アプリのテーマは、好みに合わせて［ライト］モードと［ダーク］モードを指定できます。またWindowsのシステム設定に合わせることも可能です。

### 新しいメモ帳の不具合が見つかったら

「Windows 11 Pro 22H2 64 ビット（ビルド 22621.963）」ではメモ帳の不具合として、「すべて置換」のボタンが表示されないという不具合が報告されています。

Windows updateの2023年2月14日 — KB5022845（ビルド 22621.1265）環境ではメモ帳の不具合は解消されていますので、**不具合を発見した場合は、Windows Updateを確認してみることをおすすめします。**

*【参考】：[最新の Windows Update を入手する - Microsoft サポート](https://support.microsoft.com/ja-jp/windows/%E6%9C%80%E6%96%B0%E3%81%AE-windows-update-%E3%82%92%E5%85%A5%E6%89%8B%E3%81%99%E3%82%8B-7d20e88c-0568-483a-37bc-c3885390d212)*

定期的に訪れる累積更新プログラムとは？Windows Updateの専門用語を解説

## タグ機能付きのメモ帳が登場

Microsoftは2023年1月19日（米国時間）、*Microsoftはタブ機能が追加されたWindows 11の新しいメモ帳アプリ（バージョン11.2212.33.0）をWindows InsiderのDevチャネル向けに提供を開始しました。*

タブ機能が付いた新しいメモ帳では複数のテキストファイルをタブで管理できることで、作業性の向上が期待されます。

また未保存ファイルの改善として、内容に即したファイル名の生成、タブ名の自動生成や、保存ができていないことを示すインジケータが追加されるなどの機能追加が行われています。

*【参考】：[Tabs in Notepad begins rolling out to Windows Insiders | Windows Insider Blog](https://blogs.windows.com/windows-insider/2023/01/19/tabs-in-notepad-begins-rolling-out-to-windows-insiders/)*
*【参考】：[Windows 11ミニTips(168) タブ機能付きメモ帳の動作設定をいち早くチェック | マイナビニュース](https://news.mynavi.jp/article/win11tips-168/)*

## 新しいメモ帳を活用してみよう

この記事ではWindows11に付属する新しいメモ帳の概要や機能、便利な使い方について紹介しました。旧バージョンのメモ帳は機能が限られるため、テキストエディタとしてVscodeや秀丸エディタなどを利用されていた方も少なくないでしょう。

**シンプルながらもGUIや操作性が改善した新しいメモ帳は、難しい操作やマウス操作を行わず、テキスト入力に専念したい方には適したテキストエディタになるかもしれません。**この記事でWindows11の新しいメモ帳に興味が湧いた方は1度触ってみてはいかがでしょうか。

*【参考】：[Visual Studio Code ｜ Code Editing. Redefined](https://code.visualstudio.com/)*
*【参考】：[秀まるおのホームページ(サイトー企画)｜秀丸エディタ](https://hide.maruo.co.jp/software/hidemaru.html)*

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

テキストエディターのおすすめは？選び方とおすすめ6選を紹介！

長年シンプルなテキストエディタとして親しまれたWindowsのメモ帳が、Windows11のビルド22000.527（KB5010414）提供のタイミングから大きく変更されました。この記事では新しいメモ帳の表示方法、従来との違い、便利テクニックについて解説します。

長らく大きな変更がなかったWindows付属の「メモ帳」はWindows11の新バージョンから大きく変わった

メモ帳アプリをスタートメニューにピン留する方法や従来との見た目や機能面の違い

メモ帳はさらに進化しており、タブ機能が付いた新しいメモ帳が試験的に公開されている

【使いやすさを追求】Windows11のメモ帳がモダンに！使い方から変更点まで解説

**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（プログラム開発言語）を指します。

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