再生回数の多い動画(1/11 15:41)

• 

  【React Native/Expo】ReactNativeとExpoRouterで最新ToDoアプリを作る方法！

  今回はReact Nativeを使ってスマートフォンのTODOアプリを作っていきます。また、アプリで扱うデータは、以前作成したAPIを使って管理します。現在、React Nativeでの開発ではExpoというフレームワークが使われています。そして、ExpoにはNext.jsのApp Routerのような、Expo Routerという機能があります。Next.jsのApp Routerを使っ

• 

  【Cloudflare Workers】HonoとCloudflare D1を使って20分でREST APIを作成する

  今回はTypeScriptでREST APIを作成します。作成したAPIはCloudflareが提供しているCloudflare Workersに公開します。ルーティングはHonoを使います。Honoは軽量で高速なWebフレームワークです。データベースはCloudflareが提供しているD1を使います。それでは、プログラミングをやっていきましょう！！🔻🔻🔻今回のコード🔻🔻🔻🔻🔻🔻

• 

  【Auth.js/NextAuth】NextAuth v5で認証機能を作って、Cloudflare Pagesにデプロイする

  今回は、NextAuth.jsを使って認証機能を導入します。そして、Cloudflareにデプロイします。認証機能はウェブアプリでCRUD機能の次に重要な機能です。認証するには、メールアドレスとパスワードを使って認証するオーソドックスな方法や、OAuth認証と言われる、GoogleやApple、GitHubなどの認証情報を利用して認証する方法があります。扱うバージョンは、beta版のバージ

• 

  【Cloudflare Workers】Hono＋Cloudflare D1＋Drizzle ORM 30分でREST APIを作成

  今回はDrizzleの使い方をREST APIを作成しながら学習します。作成したAPIはCloudflareが提供しているCloudflare Workersに公開します。ルーティングはHonoを使います。Honoは軽量で高速なWebフレームワークです。データベースはCloudflareが提供しているD1を使います。それでは、プログラミングをやっていきましょう！！🔻🔻🔻HonoとD1

• 

  Curosorどうなる？NEW AIエディタ　Codeium発Windsurfを使ってみる

  今回は、Codeiumがリリースした、AIエディターWindsurfを紹介します。私の開発環境では、CursorにCodeiumの拡張機能を導入しています。Codeiumの拡張機能の何がいいかというと、コードの補完ができることです。それも、無料で。そんな、Codeiumがとうとう、AIエディター、Windsurfをリリースしたんです。これは、試さない手はないということで、実際に使ってみま

• 

  【React Hook Form】【zod】shadcn/uiを使って、zodを中心に入力フォームを作る

  今回は、shadcn/uiを使って、入力フォームを作成します。shadcn/uiでは、React Hook Formとzodを使っています。React Hook Formは以前動画で取り上げているので、そちらの動画と一緒に見ていただくと、より理解しやすくなります。ここでは、zodを中心にフォームの作り方を見ていきます。また、以前作成したAPIを使って、データを管理します。そして、作成した

• 

  RAGには必須！AIベクトルデータベースの基礎完全ガイド

  今回の動画では、AI質問箱を作成するためにベクトルデータベースの基礎を学びます。AI質問箱は、テキストを保存して、その内容をもとにAIに質問し、答えてもらう仕組みです。ちなみに、AI質問箱は私が考えた名前で専門用語ではないので悪しからず。話を戻すと、専門的には「RAG（Retrieval-Augmented Generation）」と呼ばれます。RAGを構築するには、AIが参照できるように

• 

  【Cloudflare Workers】Hono＋Cloudflare D1＋Prisma 20分でREST APIを作成

  今回はPrismaの使い方をREST APIを作成しながら学習します。作成したAPIはCloudflareが提供しているCloudflare Workersに公開します。ルーティングはHonoを使います。Honoは軽量で高速なWebフレームワークです。データベースはCloudflareが提供しているD1を使います。それでは、プログラミングをやっていきましょう！！🔻🔻🔻HonoとD1の

• 

  プログラマー必見！AIエディタCursorの新機能、Notepadsってなに？

  突然ですが、みなさん。CursorにNotepadsという機能が導入されていることを知っていますか？Cursorを開いてみると、サイドバーの下にひっそりとNotepadsが表示されています。さりげないところに、配置されていますが、とても便利な機能なんですね。そこで、今回はNotepadsについて、調べたことをシェアしたいと思います。▼目次▼00:00 イントロ00:57 Notep

• 

  【Cloudflare Workers】誰でも簡単に始められる！Hono+Cloudflare D1+Drizzle ORMで株式投資取引APIを作る

  今回は、株式投資取引APIを作成する方法を解説します。今回の開発には、Node.jsではなく、より高速なJavaScriptランタイムであるBunを使用します。データベースにはCloudflareが提供するD1を使い、ORMにはDrizzleを採用します。Honoは軽量で高速なWebフレームワークとして知られていますが、Zodを組み合わせることで、強力なバリデーションチェックが可能となります