Hiroki Chiyoda | TypeScriptでフルスタックエンジニアになる

Hiroki Chiyoda | TypeScriptでフルスタックエンジニアになる

最熱門影片(1/11 15:41)

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

    【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を作成する

    【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にデプロイする

    【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を作成

    【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を使ってみる

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

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

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

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

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

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

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

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

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

    【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ってなに?

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

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

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

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

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