00:00:00明らかに最近はAIが話題の中心で、
00:00:01私にとっても例外ではありません。私は常にAIを使っていますし、
00:00:05AIでたくさんのコードを書いていますし、
00:00:07Cursorのようなツールも使っています。しかし、
00:00:10このエピソードではAIに焦点を当てていません。
00:00:13その代わり、
00:00:132026年にどの技術を学ぶべきか、
00:00:16あるいは2026年にあなたが使っている技術は何か、
00:00:19という質問をよく受けます。そこで今回は、
00:00:212026年に私が注目している技術、
00:00:23ライブラリ、
00:00:24フレームワークをいくつか共有したいと思います。このリストは必ずしも包括的または完全なものではありません。むしろ、
00:00:31私が個人的に今年使う予定で、
00:00:33今年非常に興味を持っている技術のリストに過ぎません。以前にも話したことがありますが、
00:00:38Web開発について言えば、
00:00:39AIによって、
00:00:40あるいはAIのおかげで、
00:00:42すべてを支配している、
00:00:43いわばデフォルトのスタックがあります。それはTypeScript、
00:00:47React、
00:00:48Next.js、
00:00:49そしてTailwindです。これがAIのお気に入りであり、
00:00:53例えばReactのダウンロードチャートでそれを見ることができますし、
00:00:57Tailwindやその他の技術でも同じです。そして明らかに、
00:01:01特に仕事を見つけたいのであれば、
00:01:03これは間違いなく学ぶべき、
00:01:04使うべきものです。もちろんこれが唯一の選択肢ではありませんし、
00:01:08AngularやVueなどが悪いと言っているわけではありません。例えばVueをより深く掘り下げるのは良いニッチになり得ます。しかしこれがAIのお気に入りなのです。これがAIのお気に入りのスタックです。ですから当然、
00:01:21私もこれらの技術のいくつかを使っています。というのも、
00:01:25AI以前から使っていたからです。すべてのプロジェクトでTypeScriptを使っています。TypeScriptは素晴らしいからです。確かに、
00:01:34より複雑な型を定義するのは時々煩わしいこともありますが、
00:01:37一つには、
00:01:38正直なところ、
00:01:39それほど頻繁にする必要はありません。そして二つ目は、
00:01:42AIがそれを手伝ってくれることです。AIはTypeScriptコードを書くのがかなり得意で、
00:01:47AI以前からTypeScriptを使う利点は、
00:01:50特定のエラーをキャッチし、
00:01:52最終的により高品質なコードにつながることでした。しかし特にAIの時代では、
00:01:57TypeScriptを使う利点は、
00:01:59AIが書いたコードが有効かどうかについて、
00:02:01AIに有用なフィードバックを与える重要な構成要素の一つであることです。例えば、
00:02:06ユニットテストと組み合わせたり、
00:02:08Playwright MCPや組み込みブラウザとCursorなどでAIにブラウザアクセスを与えたりすることでです。ですから、
00:02:16TypeScriptは私がAI以前から常に使い、
00:02:19常に気に入っていたものですが、
00:02:21AIの登場でさらに有用になりました。だから私の技術スタックの一部でもあるのです。Reactについても同じことが言えます。私はAngularも大好きです。Vueも大好きです。両方のコースを持っています。そして私をフォローしている方ならご存知でしょうが、
00:02:36私はこれらすべてのフレームワークが大好きです。私は一つのお気に入りのフレームワークしか持たないタイプの人間ではありませんが、
00:02:44過去数年間、
00:02:45すべてのプロジェクトで主に使ってきたのはReactです。特にAIがReactについて非常に多くのことを知っている今、
00:02:52確かにAIはかなりひどいReactコードも生成することがあり、
00:02:56use effectsが大量に含まれていたりしますが、
00:02:59それでもReactは依然として私の技術スタックの一部です。
00:03:03Next.jsは非常に長い間、
00:03:05私の主要なReactメタフレームワークであり、
00:03:08今でも素晴らしいです。ここではっきりさせておきたいのですが、
00:03:12依然として素晴らしいです。しかし、
00:03:14これが最初の新しいことかもしれませんが、
00:03:16私は本当にTanStack Startが気に入っています。
00:03:20私はそれを使ってプロジェクトを構築しました。例えば、
00:03:23昨年サイドプロジェクトとして構築してリリースしたこのBuild My Graphicプロジェクトです。これは、
00:03:29AIでインフォグラフィックを生成するプロセスを簡素化するプロジェクトで、
00:03:32ここに表示されているような、
00:03:34私のお気に入りの技術スタックの完成概要を示すものです。そしてそのためにTanStack Startを使いました。また、
00:03:40現在取り組んでいる他のプロジェクトでもTanStack Startを使っています。いくつかは近日中にリリースされる予定です。例えば、
00:03:47今ご覧になっているこのキャンバス描画アプリにも使っています。
00:03:51そして素晴らしいです。本当に気に入っています。開発中にNext.jsよりも高速であること、
00:03:56特定のことを異なる方法で行うことが好きです。その構文が気に入っています。Next.jsの一部と比べてシンプルさが気に入っています。use serverやuse clientなどのディレクティブがなく、
00:04:09したがってTanStack Startは間違いなく昨年使い始めた新しいもののひとつであり、
00:04:15今年も使い続けるつもりです。
00:04:16さて、
00:04:17私は通常、
00:04:17バックエンドコードにはBunを使った10スタックスタートを使用していますし、
00:04:22一般的にパッケージのインストールやコードの実行、
00:04:25開発サーバーの起動にもBunを使っています。これは単純に、
00:04:28より高速なNode.jsだからです。つまり、
00:04:31bun installでパッケージをインストールするだけでもnpmより速いですし、
00:04:36本当にBunが気に入っています。もちろん、
00:04:39ほとんどの場合Node.jsと互換性がありますし、
00:04:42組み込みのS3クライアントなど、
00:04:44非常に便利な追加機能が多数組み込まれています。これにより、
00:04:47S3オブジェクトストアや、
00:04:49Cloudflareのr2のような互換ストアと連携して、
00:04:52オブジェクトや画像などを保存できます。しかもこれが組み込まれているので、
00:04:57追加パッケージは不要で、
00:04:58非常に高速です。例えば公式のAWS SDKよりも速いんです。こうした理由すべてから、
00:05:03私は本当にBunが気に入っていて、
00:05:05だからBunは私が取り組んでいるすべてのプロジェクトでほぼデフォルトのツールになっています。もちろん、
00:05:12Bunは新しいものではありませんし、
00:05:14私にとっても新しくはありません。昨年も使っていましたし、
00:05:17それ以前も使っていましたが、
00:05:19今ではデフォルトになっているので、
00:05:21これは間違いなく頻繁に使っているものです。ただし、
00:05:24指摘しておきたいのは、
00:05:25Node.jsも大きく進化してきたということです。Node.jsをやや遅くて古いものとして切り捨て、
00:05:31Bunの方がはるかに優れていると考えるのは簡単ですし、
00:05:35実際Bunは多くの点で優れていると思いますが、
00:05:38私は記事全体を書きました。もしお読みになりたければ下にリンクがありますが、
00:05:42TypeScriptサポート、
00:05:44ネイティブなTypeScriptサポートなど、
00:05:47Node.jsに組み込まれているすべての最新機能について書いています。これらは最新バージョンのNode.jsで今日使える機能で、
00:05:54追加パッケージやBunは必要ありません。なぜなら、
00:05:58Nodeは私たちの多くが思っている以上のことができるからです。それでも私がBunを使い続けているのは、
00:06:04その速度などが気に入っているからです。でも、
00:06:06Nodeを使う必要があるプロジェクトにいる場合や、
00:06:10単にNodeの方が好きな場合は、
00:06:12数年前と比べて今ではNodeでできることがはるかに多いことは注目に値します。だから、
00:06:17モダンなNode.jsは、
00:06:18しばらく見ていなかったなら、
00:06:20今年改めて見てみる価値が間違いなくあります。モダンなものといえば、
00:06:24最近利用可能になっている多くのモダンなブラウザAPIやCSS機能にも非常に興奮しています。というのも、
00:06:30この18ヶ月ほどでそこで多くの変化があったからです。例えばポップオーバーAPIなど、
00:06:35多くのブラウザAPIやCSS機能が、
00:06:37主要ブラウザで幅広くサポートされるようになりました。つまり、
00:06:41今日、
00:06:42すべての主要ブラウザでこれらを使用でき、
00:06:44アプリケーションで使用できますし、
00:06:46これらの機能を使うことで、
00:06:48本来なら必要になるJavaScriptコードや追加パッケージを大幅に削減できます。
00:06:53さて、
00:06:53私は別のチャンネル、
00:06:54アカデミーチャンネルでいくつかの動画を作成しました。そこではコンテナクエリやポップオーバーAPIなどについて深く掘り下げています。ぜひこれらの動画やこれらの機能全般をチェックすることをお勧めします。ブラウザは大きく進化しており、
00:07:08自分のコードや追加パッケージで解決する必要のある問題の多くは、
00:07:12これらの新機能を活用するだけで解決できます。注目すべき点は、
00:07:15AIはデフォルトではこれらの機能を提案したり使用したりしない可能性があるということです。もちろん、
00:07:21AIは古いコードを含むデータで訓練されているからです。しかし、
00:07:25AIに教えることができます。ドキュメントを共有したり、
00:07:28プロンプトにコピー&ペーストしたり、
00:07:30使用しているツールに応じてリンクを共有したりすることで、
00:07:34AIにモダンなコードを書かせることができます。これは絶対にお勧めしたいことです。AIにモダンなものをすべて教えるべきです。本当にそうすべきです。ここでできることが非常に多いからです。さて、
00:07:45AIといえば、
00:07:46もちろんこの動画で完全にスキップすることはできません。以前の他のエピソードでも言いましたが、
00:07:52私はAIをたくさん使っています。すべてのコードをAIと一緒に書いていますし、
00:07:56AIが私のために多くのコードを書いてくれています。ここではバイブコーディングについて話しているのではありません。非常に明確にしたいですし、
00:08:05まだ誤解する人もいるかもしれませんが、
00:08:07私が話しているのはAIをコントロールすること、
00:08:10それを導くこと、
00:08:11適切なプロンプトと適切なコンテキストを提供すること、
00:08:14必要なときに自分でコードに入り込むこと、
00:08:16そして本当にエージェント的エンジニアリングと呼ばれることを行うことです。そのため、
00:08:21もちろん私はCursorのようなツールを使っていますし、
00:08:25今年特に興奮しているツールの1つは、
00:08:27例えばOpen Codeです。最近多くの話題になっていますが、
00:08:30私は12月から使い始めたので、
00:08:32人気が出る前からクールでした。これは基本的にClaude Codeの代替品で、
00:08:37CLIツール、
00:08:38ターミナルベースのコーディングツールで、
00:08:40エージェント的エンジニアリングを行うために使用できます。とても素晴らしく、
00:08:45ターミナル内にあるにもかかわらず素敵なインターフェースを持ち、
00:08:48多くの機能があり、
00:08:49エージェントやエージェントスキルなどすべてをサポートしています。Open Codeを使えば本当に素晴らしいエージェント的エンジニアリングができます。そのため、
00:08:59例えばCursorとOpen Codeは今年私が使用している他の技術であり、
00:09:04特にOpen Codeは私が非常に興奮しているものです。さて、
00:09:07構築しているほとんどのアプリケーションに必要な2つのものがあります。それは認証とデータベースです。データベースについては、
00:09:15私のお気に入りはPostgreSQLまたはSQLiteです。どちらも素晴らしく、
00:09:19どちらももちろん新しいものではありません。私はそれを完全に理解しています。Convexなどのようにもっと話題になっている代替品があることも知っていますし、
00:09:29それらも調べるかもしれません。正直なところ、
00:09:31まだあまり使用していませんが、
00:09:33私はこれらの古典的なデータベースが非常に異なる理由で好きです。PostgreSQLはもちろん非常に人気があり、
00:09:40例えばAWSを使用する場合、
00:09:42RDSやAuroraのようなマネージドサービスを使用してホスティングをシンプルにすることができます。もちろん、
00:09:48Dockerで自分でホストすることもできますが、
00:09:51バックアップなどを確実に行う必要があります。特に今のモダンな時代におけるPostgreSQLの素晴らしい点は、
00:09:58もちろん、
00:09:58RAGシステムを構築するためにベクトルデータベースが必要な場合はpg vectorのような、
00:10:04さまざまな拡張機能をサポートしていることです。拡張機能は昔からありました。それは新しいことではありませんが、
00:10:10AI時代の今、
00:10:11ベクトルデータベースのような新しいものが登場しており、
00:10:14追加のツールを使用したり追加のサービスにお金を払ったりすることなく、
00:10:19PostgreSQLで簡単にそれができます。これが私がPostgreSQLを本当に気に入っている理由の1つであり、
00:10:25多くのプロジェクトで使用している理由です。しかし、
00:10:28よりシンプルに保ちたい、
00:10:30おそらくそれらの拡張機能が必要ないプロジェクトの場合、
00:10:33私は本当にSQLiteが好きです。ご存知ないかもしれませんが、
00:10:37SQLiteは実際にはプロジェクト内の単なるファイルです。データベースはコードに組み込まれています。つまり、
00:10:43そのコードです。起動する必要がある追加のデータベースサーバーはありません。代わりに、
00:10:48インストールする追加のパッケージだけです。Bunを使用している場合は、
00:10:53それすら必要ありません。Bunには組み込みのSQLiteサポートがあるので、
00:10:57何もインストールせずにBunを使用でき、
00:11:00データベースへの書き込みを開始できます。繰り返しますが、
00:11:03これはプロジェクト内の単なるファイルです。そのファイルをどこかにコピーするだけでデータベースをバックアップできます。これにより、
00:11:11始めるのが非常にシンプルになります。これは、
00:11:13メジャープロジェクトには本当に適していない何かのように聞こえるかもしれませんが、
00:11:18それは間違いです。SQLiteは数万から数十万のユーザーと数千の同時リクエストまでスケールできます。非常にスケーラブルで強力です。もちろん、
00:11:27ある時点でそれ以上のものが必要になるかもしれませんが、
00:11:30その時点はかなり先であり、
00:11:32ほとんどのアプリケーションは正直なところそこに到達することはありません。そして、
00:11:36このシンプルさは本当に大きな価値があります。おもちゃのデータベースと考えがちですが、
00:11:42多くの機能が組み込まれており、
00:11:43素晴らしいデータベースです。私は過去数年間、
00:11:46多くの本番プロジェクトで使用しており、
00:11:48例えばBuild My Graphicなどで使用しています。これはSQLiteを使用しています。そのため、
00:11:55これは私が過去数年間使用してきた別の技術であり、
00:11:58使い続けるつもりで、
00:11:59もちろんまだ非常に興奮しています。ここでちょっとマーケティングをしたいと思います。多くの人が開発専用データベースのようなものと考えていますが、
00:12:07まったくそうではありません。認証については、
00:12:10私にとってBetter Authが明らかに有利です。認証をプロジェクトに追加する方法は多くありますが、
00:12:16もちろん、
00:12:17お気づきかもしれませんが、
00:12:19私はここでJavaScriptエコシステムについて話していますが、
00:12:23Better Authは比較的新しいライブラリです。つまり、
00:12:26すでに1年以上経っていますが、
00:12:28まだそれほど古くはありません。非常によくメンテナンスされており、
00:12:32非常に強力です。関連するコードを一切書かずに独自の認証を実装できます。このパッケージとそれがサポートするすべての機能とすべての認証プロバイダーを使用するだけで、
00:12:42認証が非常に簡単になります。これは私のすべてのプロジェクトのデフォルトです。すべてのプロジェクトでBetter Authを使用しており、
00:12:50本当に素晴らしいです。使い続けるつもりですし、
00:12:53まだ非常に興奮しています。そうですね、
00:12:55まだ見ていない方はBetter Authをチェックすることをお勧めします。では、
00:13:00先ほどお見せしたインフォグラフィックを素早く作成させてください。その間に、
00:13:04非常に明確にさせてください。もちろん、
00:13:06他にもはるかに興味深いことが起こっていますし、
00:13:09探求する価値のあるパッケージがもっとたくさんあり、
00:13:12私も使用します。例えば、
00:13:14モバイルアプリを構築する場合、
00:13:15React Nativeを使用します。これは、
00:13:18私が最も興奮しているライブラリや技術のほんの一部であり、
00:13:22今考えたときに頭に浮かんだものです。何かを忘れた可能性は絶対にありますし、
00:13:26もちろん、
00:13:27年の間に何かが出現する可能性もあります。おそらくすでに存在しているけれども、
00:13:31これまで実際には使用していなかったものです。もちろん、
00:13:35あなたの考えや、
00:13:36おそらくAI以外で興奮していることを聞くことに興味があります。明らかにAIはすべてを支配し、
00:13:41すべてに影響を与えますが、
00:13:43開発者として私たちは使用する技術について選択を行うことができ、
00:13:47そうすべきであり、
00:13:48AIに作業させることができるということを心に留めておく価値があります。これが私が最も興奮しているもののセレクションです。