Hiroki Chiyoda | TypeScriptでフルスタックエンジニアになる
最熱門影片(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を組み合わせることで、強力なバリデーションチェックが可能となります
最新新聞
-
3年前に「ヒグマに餌付け」と批判されたYouTuber、名譽毀損裁判での勝訴を報告
2026.06.09
-
登録者48萬人 元保育士YouTuber「moca」が第1子出産を報告
2026.06.09
-
整形アイドル轟ちゃんが見知らぬ男性への恐怖心を吐露 深夜タクシーで感じた“男女のずれ”
2026.06.09
-
暴露系配信者ポケカメン、身の危險により引っ越し 「東京まず離れました」
2026.06.09
熱門新聞2026.06.02~
1
2
女性大食いYouTuber「三年食太郎」、自身の性行為動畫を自らXに投稿
2026.05.29
3
三崎優太、溝口勇兒とのトラブル示唆 てんちむとの結婚後「めちゃくちゃ理不盡なことされた」
2026.06.06
4
妊娠中のたぬかなが再入院 「もう産むまで出れない」と報告し、配信も休止
2026.06.02
5
6
溝口勇兒のAIスクールに「僞のカウントダウンタイマー」 消費者廳の注意喚起手法に該當
2026.06.05
7
元チャンネルがーどまんMY、愛犬の死を涙ながらに報告 苦しむ姿に安樂死を決斷
2026.06.04
8
平成フラミンゴ・RIHO、同棲していた戀人との破局を報告 「人生の經驗になった」
2026.06.07
9
10



















