はじめに これまでにReactやGraphQLを学び、実際にアプリを作って記事にもしてきました。 ただ正直に言うと——「動くものは作れたけれど、なぜGraphQLとReactが一緒に語られるのか、その便利さを実感しきれて...

1. はじめに React初心者の皆さん、ようこそ！今回は GraphQL × React × TypeScript を使って「GitHubユーザー検索アプリ」を作ります。 本記事は、ただコードを写すだけではなく を両方...

React と TypeScript、名前は聞くけど最初の一歩が重い——そう感じていませんか。 プログラミングを学び始めたばかりの方にとって、「React」と「TypeScript」は少しとっつきにくい存在かもしれません...

はじめに React初心者の皆さん、ようこそ！このガイドでは「ToDoアプリ」を題材に、ReactとTypeScriptを使った開発の流れを完全初心者向けに解説します。 単にコードを書くだけでなく、思考プロセス（どのよう...

はじめに この記事では、前回作成した「GitHubのリポジトリ一覧アプリ」に、「スター（いいね）」機能を追加していきます。 具体的には、GraphQLのMutation（更新処理）を使って、表示された各リポジトリに対して...

はじめに GraphQLって最近よく聞くけど、結局何がいいの？難しそうで手を出せない… そんな方に向けて、この記事では「React + TypeScriptで最小のGraphQLアプリを作る」ことで、GraphQLの仕組...

はじめに｜TypeScript、実は僕も最初は「よく分からなかった」 TypeScriptって、「覚えた方がいい」ってよく言われますよね。でも、初心者の頃の僕は正直こう思ってました。 …で、実際にそのままJavaScri...

はじめに｜そもそもAPIってなんだっけ？ Web開発をしていると、「APIってやつを使えばサーバーからデータ取れるらしい」と聞いたことありませんか？ アプリやWebサイトが「データを保存したり読み込んだり」するための“橋...

はじめに Reactを学び始めたけど、「useStateやuseEffectの使い方がいまいちピンとこない…」そんな方も多いのではないでしょうか？ この記事では、React初心者でも簡単に作れる「カウントアプリ」を通して...

はじめに Reactの基本を学ぼうとすると、必ず目にするのがuseStateとuseEffectという2つのフックです。 「なんだか難しそう…」と感じるかもしれませんが、実は使い方を覚えると、Reactの便利...