# 冒頭あいさつ グッドモーニング、エンジニア。 何でも自分でやってみようというコンセプトのもとに、 DIYが好きなエンジニアの僕が技術や仕事の楽しさをお届けする番組です。 以前放送でウェブエンジニアになるための最初の一歩という回で、 コーディングのAI生成について少し触れたのですが、 この度、私もユーレミーで学則コーディングのための AI生成の活用方法についての講座を公開しました。 僕は昨年からカーソルというコードエディターを使っています。 おそらくエンジニアの方であれば、 AppUseCodeという名前を聞いたことがない人はいないかと思いましたが、 拡張して作られたのがこのカーソルというコードエディター。 このカーソルでは、AIのコード生成ができます。 また、AIによるコードアシスト機能だったり、 通常のチャットGPTのように、 エディター内でフリーな質問ができたり、 もしくはエディター内で開いているプロジェクト全体の中を確認して、 それに対するレビューだったり、仮前点を教えてもらうことができます。 僕はこのコードエディターを使って、 仕事のスピードが2倍以上に上がりました。 最も便利なのは、やはりプロンプトを自然言語で書いて、 それをAIでコーディングしてもらうという流れです。 この時、重要になってくるのはプロンプトの精度になります。 プロンプトで的確認を受け伝えて、 意図した通りのコードを生成してもらうことが前提になります。 現在、世に多く出ているカーソルの入門書のYouTube動画や書籍では、 コーダーというよりは、どちらかというとプログラマーのための内容になっております。 そのため、ウェブフロントエンドエンジニアではあるけど、 プログラマーと言っていいのか分からないような謎の隔たりがあると思います。 おそらく、ウェブブラウザが表示にならないHTMLのコードというものが、 プログラミング言語ではなく、マークアップ言語と呼ばれるものであるためだと思います。 しかし、現在はフロントエンドの開発においても、 キャバスクリプトがあらゆる側面で重要になってきますので、 コーダーと呼ばれる人たちにとっても、このAIコード生成は重要なキーポイントになると思います。 これは、電卓を使い始めた人類が、 今ビジネス上で僕は電卓を使わないという人がいないのと同じで、 AIでやるコード生成もこれからは当たり前になっていくと思います。 どうせ、AIで書いたコードだから、 いろんなところに欠陥やバグが潜んでいるのではないかと心配になる方もいると思います。 また、コードは自分の手で全部書かないと気が済まないという方もいるかと思います。 しかし、遅から早かれ、電卓を使わない人はいなくなったわけですから、 AIコード生成も同じように使わない人はいなくなると思います。 なので、今年こそ今このうちに、 AIによるコード生成を学んでおくのはとても重要だと思います。 # Notionの使い方 データベースをむやみに増やすな 本日のテーマはノーションについてです。 ノーションの使い方について考えようと思っています。 ノーションという名前を聞いたことがない人はいるかもしれません。 ノーションとは簡単に言いますと、メモ、ドキュメント作成、データベース管理、タスク管理、カレンダーなど、 さまざまな機能を一つのプラットフォームで実現できる、オールインワンのワークスペースツールです。 特徴的なのは、柔軟なブロックエディターとデータベース機能を組み合わせることで、 情報を自由自在に整理管理できる点です。 個人利用からチーム利用まで幅広く対応しており、情報共有やプロジェクト管理にも活用されています。 僕もめちゃくちゃ重宝しています。 これまでにいたようなツールとして、エバーノートやアンノートのようなサービスがありましたが、 ノーションはそれらと比べると、先ほど申し上げたような柔軟性が最も高いです。 しかし、このノーションは機能が豊富すぎるため、初心者の方は、このノーションで何ができるかを把握するのが難しいところだと思います。 また、使ってみたものの、おそらくノーションの機能をフルに発揮できていないという方もいらっしゃると思います。 僕の好きな、ヘルコンピューターバックラジオという、ボイシーな妄想でもあるチャンネルがあるのですが、 その中でも、このノーションについての理想的な使い方とは何かについてお話がありましたので、 それを引用しながら、その使い方をものすごく共感した僕が解説したいと思います。 僕はノーションを使い始めて3年ですが、一番この機能の中でお勧めしているのは、データベースという機能です。 データベース機能について分かりやすく解説しますと、データベースとは、情報を表形式で整理して保存できる機能です。 例えば、Excelのような表をイメージしてみてください。 具体的には、一つ一つのページを、行として保存ができます。 タグ、日付、チェックボックスなどの列で、このページに対しての情報を分類できます。 タグという情報は、SNSなどでよくあるハッシュタグのようなものです。 自分のモーションツール内に複数のページがどんどん溜まっていくかと思いますが、そこに自分で好きなタグでページを分類していくことになります。 そうしますと、あるページは、このデータベースの表だけを見せるページにしたとします。 特に、もともと備わっているマイリンクという、すべての起点になるページというものがありますが、 私は、あるウェブページから、Notionに記事を保存したいときなどは、共有のボタンを使って、全部このマイリンクというページにぶち込んでいます。 このテーブル表示は、Excelの表と同じで、一番上の行が見出し列になっておりまして、この見出し列上でフィルタリングをすることなどが可能です。 なので、タグという列にあるフィルタリングによって、例えばウェブ製作というタグの付いたページだけをフィルタリングしたいときも、この操作が可能になります。 列には他にも、そのページを作った日付、もしくは更新した日付だったり、別の列に予定日という列を追加しておいて、そこに日付を、自分の好きな日付を登録することができます。 この分類しておくと、さらにまた便利なのが、テーブル表示以外にもNotionには、キャラリー表示、カレンダー表示、コード表示、タイムライン表示などがあるのですが、 先ほどの予定日を別に入力しておくと、カレンダー表示にしたときに、この予定日によってカレンダー上のどこにこのページのタイトル名が表示されるかというのを分類できます。 また、コード表示という表示方法では、その名の通り作成したページタイトルがコード上にカードとして表示されます。 そして、このカード取り物をドラッグ&ドロップで並び替えすることができたり、ボード自体を複数分けることができますので、終わったもの、これからやるものなど、ボードを分類しておいて、 終わったタイミングで、ボードをドラッグ&ドロップで完了したボードというところに移動することができます。 今お話しした中でも、もうすでに一つのページとして、具体的にページを開けるほか、そのページタイトルがカレンダー上に配置されて、 さらにボード形式に表示の切り替えをすると、終わったもの、終わったないものなど、視覚的に制御することが容易にできます。 Notionの仕様としては、このデータベースというものをいくつも作成することができるのですが、各データベース間でリデーショナルなつながりを持たせるのは難しいので、 僕はこのマイリンクに一つだけのデータベースを作って、そこにすべての情報を打ち込めます。 リルコンピューター学ラジオの説明でも、そのような方法をお勧めしておりました。 ただし、このマイリンク上に表示されたデータベースの中で、タグをつどつどフィルタリングして探すのはなかなか大変なので、 このYリンクというページを複数にして、例えばクライアントの案件ごとに親ページを作成します。 つまり、マイリンクのときと同じように、その親ページ内に複数のページが、そのクライアント様のタグでフィルタリングされた状態で表示されているということになります。 つまり、ページの階層としては3階層あることになります。 マイリンクというすべての起点になるページと、そのマイリンクが複数した各カテゴリーページ、そしてそのカテゴリーページの中に細かい一つ一つのページというものが書かれる形です。 この構成でカテゴリーページを作成していけば、カテゴリーページはマイリンクのデータベースに新たなページが追加された後に分類するタグ名によって動的に更新されることになります。 他にも、タグの列にプライベートと仕事という2つのタグで分類しておくことによって、例えば仕事というタグ名だけで表示するカレンダーを作ることもできます。 このように、Notionは非常にカスタマイズ性や拡張性が高く、自分好みのノートが作れる便利なサービスになっております。 # Notionの使い方を考える マークダウン入力を覚えろ また、このノーションに、ページに内容を入力するとき、 マークダウン記号という入力方法で記載することができます。 これは、例えば、見出しであれば、H1、H2、H3だと、 そのページ内での共放の優劣をつけることができます。 マークダウン記号では、見出しH1には、 キーボード上のシャープを一つ押してスペースキーを押すと、 H1の大きさでテキストが入力できますし、 ウェブページに公開することができるのですが、 そのウェブページ公開したときにも、H1としてきちんとマークアップされています。 H2の見出しの中にH1のタグで見出しが含まれることはおかしいので、 HTML上と同じく、一応表示自体はできてしまうのですが、 ノートを振り返った自分も、それを見た人も、 おそらく情報の優劣で混乱が生じますので、 見出しはきちんと階層分けして使うことをお勧めします。 他にもマークダウン記号としては、例えば箇条書きリストで書きたいときは、 キーボード上にある半角のハイフン、または半角のコメ印、 共算記号、これを共通につけてスペースキーを押すことで、 自動的にテキストで記載することができます。 このマークダウン記号というのは、ノーションに限ったことではなく、 Googleドキュメントというサービス上でも、設定を変更すれば使うことができます。 エンジニアはこのマークダウン記号を使うことをお勧めします。 なぜなら、キーボードで入力する際に、発動的にタイミングのスピードが速くなるからです。 マークダウン記号が採用されていないエディタの場合ですと、 例えば、H1としたいテキストの場合は、そのテキストをマウスカーソルか、 もしくは、キーボードの矢印キーで選択して、それをH1というボタンで変換すると思います。 つまり、キーボード以外にマウスの操作が必要になって、入力に時間と体力が無駄にかかります。 例えば、議事録を取ったりするときなど、長い文章を整理して書きたいときは、 いちいちマウスカーソルを操作して、特定の開講ボタンをクリックという動作がとても面倒です。 できることなら、キーボードから両手を離さないで、ずっと議事録を書き続けられるのが理想です。 なので、Notionはこうした点にも配慮が行き届いています。 また、驚くべきは、Notionにも実はNotion AIというAI生成機能が導入されていまして、 有料プランでないと使えない機能ではあるのですが、 ページ上に記載した議事録などを、例えば短文に要約してもらったり、 もしくはAIに依頼して、誤字雑字の修正をしてもらうことも可能です。 ウェブページ上の特定の記事をNotionに共有で貼り付けて、 その記事内容を要約したカテゴリーページというものを作れば、 自分が気になった情報のスクラップブッククラスその要約というカテゴリーページが容易に作成できます。 また、これも一部有料プランだけの機能になるのですが、 気分の変えたページを他の人にウェブ上で共有したいという場合に、 ウェブで公開するということができます。 もちろん、インデックスタグを付けないで、Googleのクローラーに検知されないようにすることも可能です。 簡単にはなりましたが、以上がNotionの解説でした。