【5分で理解】初心者向けReact入門｜そもそもReactとは何か？仕組みと特徴をやさしく解説
はじめに｜なぜReactとは何かを解説するのか Reactを学び始めたとき、僕自身が最初につまずいたのは「そもそもReactって何者？」という部分でした。 ライブラリ？フレームワーク？SPA？仮想DOM？――どれも聞き慣...
TechTech
Tech【15分で作れる】React × OpenAI API のチャットアプリ｜基礎から理解する入門ガイド
はじめに｜ReactでOpenAI APIを利用したアプリを作る理由 今回は React から OpenAI API を直接呼び出して、シンプルなチャットアプリを作る チュートリアルです。 ゴールは「難しいライブラリや仕...
Lifeエンジニアのリモート勤務1日ルーティン｜週4在宅のリアル
はじめに こんにちは。僕は Web系自社開発企業でエンジニアとして働いている”そたや”です！ 勤務スタイルは 基本週4リモート・週1〜2出社。ほとんど在宅ですが、完全フルリモートではない絶妙なバラ...
TechなぜGraphQLはReactと相性がいいのか｜RESTとの違いから理解する
はじめに これまでにReactやGraphQLを学び、実際にアプリを作って記事にもしてきました。 ただ正直に言うと——「動くものは作れたけれど、なぜGraphQLとReactが一緒に語られるのか、その便利さを実感しきれて...
Tech【30分で完成】GraphQL × React × TypeScriptで作るGitHubユーザー検索アプリ入門
1. はじめに React初心者の皆さん、ようこそ！今回は GraphQL × React × TypeScript を使って「GitHubユーザー検索アプリ」を作ります。 本記事は、ただコードを写すだけではなく を両方...
Tech【React入門】15分で作れるメモ帳アプリ｜思考から学ぶTypeScript構文とUI実装の基本
React と TypeScript、名前は聞くけど最初の一歩が重い——そう感じていませんか。 プログラミングを学び始めたばかりの方にとって、「React」と「TypeScript」は少しとっつきにくい存在かもしれません...
Tech【”超”初心者向け】Reactで作るToDoアプリ｜思考プロセスから学ぶ実践ガイド
はじめに React初心者の皆さん、ようこそ！このガイドでは「ToDoアプリ」を題材に、ReactとTypeScriptを使った開発の流れを完全初心者向けに解説します。 単にコードを書くだけでなく、思考プロセス（どのよう...
Tech【30分でできるGraphQL入門】Mutationで「いいね」機能を実装！Apollo Client応用ガイド
はじめに この記事では、前回作成した「GitHubのリポジトリ一覧アプリ」に、「スター（いいね）」機能を追加していきます。 具体的には、GraphQLのMutation（更新処理）を使って、表示された各リポジトリに対して...
Tech【30分でできるアプリ】GraphQL × TypeScript × React入門｜作って学ぶAPI連携（コード完全解説付き）
はじめに GraphQLって最近よく聞くけど、結局何がいいの？難しそうで手を出せない… そんな方に向けて、この記事では「React + TypeScriptで最小のGraphQLアプリを作る」ことで、GraphQLの仕組...
Tech【2025年版】TypeScript入門ガイド｜導入手順と実例でわかる基礎とメリット
はじめに｜TypeScript、実は僕も最初は「よく分からなかった」 TypeScriptって、「覚えた方がいい」ってよく言われますよね。でも、初心者の頃の僕は正直こう思ってました。 …で、実際にそのままJavaScri...
