三好アキ（プログラミング教本執筆）

🟦Amazonベストセラー著者　🟨専門用語なしでプログラミングを教えるメソッドに定評が…

1 フォロー 34 フォロワー

私たちが入門書で挫折するわけ

網羅性を避けた理由これまでに私はいくつかのプログラミングの教本を書いてきましたが、そこにはひとつ共通するコンセプトがあります。【網羅性を目指さない】たとえば…

三好アキ（プログラミング教本執筆）

6日前

『はじめてつくるReactアプリ（with TypeScript）』第2版をリリース／Vite使用

React + Viteを採用した新版発売本日、『はじめてつくるReactアプリ』と、そのTypeScript版『はじめてつくるReactアプリ with TypeScript』の第2版をリリースしました。 …

三好アキ（プログラミング教本執筆）

3週間前

ドラゴン桜とプログラミング

私の本のコンセプト私は過去3年間で20冊以上のビギナー向けプログラミング教本を書いてきましたが、最初に出した本から重視しているコンセプトがあります。「知っている…

三好アキ（プログラミング教本執筆）

3週間前

【React + TS徹底フォーカス：TypeScriptマスター with React】（三好アキ著）

はじめに本書のねらい 2020年ごろまで、TypeScriptはオプション的なスキル、いわば「知っていたらベター」という扱いでしたが、近年ではフロントエンド・エンジニアならば…

1,680

三好アキ（プログラミング教本執筆）

1か月前

【React全部入り：Reactマスター Zero To Hero】（三好アキ著）

はじめに本書のねらい Reactの確かな理解とスキルを身につけることが本書の目標です。ウェブアプリケーションの仕組み、JavaScriptの基礎知識から、Reactの基本および発展…

1,880

三好アキ（プログラミング教本執筆）

1か月前

【Next.js】メタデータをクライアント・コンポーネントに設定する方法

Next.jsのメタデータはサーバー・コンポーネントにしか設定できないメタデータとはブラウザのタブに表示されるページ名や、ページ概要の書かれたdescriptionのことで、SEO…

三好アキ（プログラミング教本執筆）

1か月前

【React + TypeScript】イベントの型の記法には3種類あります

3種類の型の記法React + TypeScript開発で使うイベントの型の記法には、次の3つがあるので紹介します。 1：インライン記法 2：パラメータ横に書く記法 3：イベント名の…

三好アキ（プログラミング教本執筆）

1か月前

【Next.js】Reactサーバーコンポーネントのメリットを実際に確認してみました

サーバーコンポーネントのメリットを実際に確認Next.js AppフォルダでデフォルトになっているReactサーバーコンポーネント。その特徴として、「セキュリティ性が高い」や…

三好アキ（プログラミング教本執筆）

1か月前

TypeScriptジェネリクスをサクッと理解【その４　複数のジェネリクスをつかう】

TypeScriptのジェネリクスはむずかしい？この記事はジェネリクスをサクッと解説する全4回の記事の4つ目です。ジェネリクスを複数使う次のコードがあったとします。 // m…

三好アキ（プログラミング教本執筆）

1か月前

TypeScriptジェネリクスをサクッと理解【その３　型定義とfunction両方に対して使うジェネリクス】

TypeScriptのジェネリクスはむずかしい？この記事はジェネリクスをサクッと解説する全4回の記事の3つ目です。型定義とfunction両方のジェネリクス次のfunctionがあったと…

三好アキ（プログラミング教本執筆）

1か月前

TypeScriptジェネリクスをサクッと理解【その２　functionに対して使うジェネリクス】

TypeScriptのジェネリクスはむずかしい？この記事はジェネリクスをサクッと解説する全4回の記事の2つ目です。 functionのジェネリクス次のコードがあったとします // mai…

三好アキ（プログラミング教本執筆）

1か月前

TypeScriptジェネリクスをサクッと理解【その１　型定義に対して使うジェネリクス】

TypeScriptのジェネリクスはむずかしい？下記のような「T」や「K」の入ったTypeScriptのコードを「ジェネリクス」といいます。 function example<T, K>(a: T, b: K): [T, …

三好アキ（プログラミング教本執筆）

1か月前

【Reactビギナー向け】default exportとexportの種類をすべて解説

exportとimportいろいろReactを使っていると、「default export」というコードをかならず目にします。最後の行です。 const App = () => { return ( <div> …

三好アキ（プログラミング教本執筆）

1か月前

新刊書『React + TS徹底フォーカス：TypeScriptマスター with React』リリース

React + TypeScript新刊書リリースReact + TypeScriptの新刊書を本日リリースしました。私はすでに数冊、ビギナー向けのReact + TypeScript入門書（下掲）を書いています…

三好アキ（プログラミング教本執筆）

1か月前

Reactをむずかしく感じる理由と、その解決法【その３】

Reactが難しい原因は知識不足【その１】に書きましたが、React入門に成功して、最初のハードルを超えた人が感じるReactの難しさの原因はJavaScriptの知識不足です。具体…

三好アキ（プログラミング教本執筆）

1か月前

Reactをむずかしく感じる理由と、その解決法【その２】

【その１】に書きましたが、React入門に成功して、最初のハードルを超えた人が感じるReactの難しさの原因は、JavaScriptの知識不足です。具体的には次の2つの項目です。 …

三好アキ（プログラミング教本執筆）

1か月前

三好アキ（プログラミング教本執筆）

2024年5月2日 14:57

私たちが入門書で挫折するわけ

網羅性を避けた理由これまでに私はいくつかのプログラミングの教本を書いてきましたが、そこにはひとつ共通するコンセプトがあります。

【網羅性を目指さない】

たとえばウェブアプリ開発ツールのReactについて書いた『はじめてつくるReactアプリ（2024年4月第2版リリース）』であれば、Reactというツールの全事項の紹介はしないということです。

教科書風の入門書でよく見る網羅性を目指すものとは

もっとみる

三好アキ（プログラミング教本執筆）

2024年4月12日 10:02

『はじめてつくるReactアプリ（with TypeScript）』第2版をリリース／Vite使用

React + Viteを採用した新版発売本日、『はじめてつくるReactアプリ』と、そのTypeScript版『はじめてつくるReactアプリ with TypeScript』の第2版をリリースしました。

最大の変更点（create-react-appからReact + Viteへ）変更点は、開発ツールをReact + Viteに切り替えたことです。

2021年3月の初版以来「create-

もっとみる

三好アキ（プログラミング教本執筆）

2024年4月11日 20:07

ドラゴン桜とプログラミング

私の本のコンセプト私は過去3年間で20冊以上のビギナー向けプログラミング教本を書いてきましたが、最初に出した本から重視しているコンセプトがあります。

「知っていること」よりも「できること」。

頭の中での抽象的な理解や知識の拡充を目指すのではなく、「自分の手で何かができるようになる」という行動性の重視です。

私たちが助詞と助動詞の違いを知らなくても日本語を話せるように、「知っていること」と「で

もっとみる

三好アキ（プログラミング教本執筆）

2024年3月30日 12:20

【React + TS徹底フォーカス：TypeScriptマスター with React】（三好アキ著）

はじめに本書のねらい

2020年ごろまで、TypeScriptはオプション的なスキル、いわば「知っていたらベター」という扱いでしたが、近年ではフロントエンド・エンジニアならば知っておかなければならない必須スキルとなりました。これはReact開発において特に顕著で、企業案件や商業目的のReactアプリはTypeScriptで書くのが今はデフォルトになっています。

TypeScriptだけ、あるい

もっとみる

三好アキ（プログラミング教本執筆）

2024年3月29日 11:15

【React全部入り：Reactマスター Zero To Hero】（三好アキ著）

はじめに本書のねらい

Reactの確かな理解とスキルを身につけることが本書の目標です。ウェブアプリケーションの仕組み、JavaScriptの基礎知識から、Reactの基本および発展的内容まで、Reactアプリケーション開発の広い範囲を本書はカバーしています。

本書の一部には、言葉による概念の説明が続く所がありますが、本書の大部分はコードを自分の手で実際に書き、自分の目で実際に働きを確認しながら

もっとみる

三好アキ（プログラミング教本執筆）

2024年3月26日 17:41

【Next.js】メタデータをクライアント・コンポーネントに設定する方法

Next.jsのメタデータはサーバー・コンポーネントにしか設定できないメタデータとはブラウザのタブに表示されるページ名や、ページ概要の書かれたdescriptionのことで、SEOには非常に重要なデータです。

このメタデータ設定のため、Next.js（Appルーター）にはgenerateMetadataやmetadataといった専用タグが用意されていますが、制限がひとつあります。

これらのタグ

もっとみる

三好アキ（プログラミング教本執筆）

2024年3月24日 11:25

【React + TypeScript】イベントの型の記法には3種類あります

3種類の型の記法React + TypeScript開発で使うイベントの型の記法には、次の3つがあるので紹介します。

1：インライン記法

2：パラメータ横に書く記法

3：イベント名の横に書く記法

１インライン記法（React + TypeScriptのイベントの型）次のようなコードがあったとします。

// Form.tsxconst Form = () => { const [da

もっとみる

三好アキ（プログラミング教本執筆）

2024年3月24日 11:22

【Next.js】Reactサーバーコンポーネントのメリットを実際に確認してみました

サーバーコンポーネントのメリットを実際に確認Next.js AppフォルダでデフォルトになっているReactサーバーコンポーネント。

その特徴として、「セキュリティ性が高い」や「パフォーマンスに優れる」といたるところで書かれていますが、言葉の説明だけではよくわからないので、本記事では実際に確認をしてみましょう。

クライアントコンポーネントよりも「パフォーマンスに優れる」という点を見ていきます。

もっとみる

三好アキ（プログラミング教本執筆）

2024年3月18日 13:58

TypeScriptジェネリクスをサクッと理解【その４　複数のジェネリクスをつかう】

TypeScriptのジェネリクスはむずかしい？この記事はジェネリクスをサクッと解説する全4回の記事の4つ目です。

ジェネリクスを複数使う次のコードがあったとします。

// main.tsfunction example(a: string, b: string){ return [a, b]}console.log( example("三島", "由紀夫"))

aとbの2つのデ

もっとみる

三好アキ（プログラミング教本執筆）

2024年3月18日 13:57

TypeScriptジェネリクスをサクッと理解【その３　型定義とfunction両方に対して使うジェネリクス】

TypeScriptのジェネリクスはむずかしい？この記事はジェネリクスをサクッと解説する全4回の記事の3つ目です。

型定義とfunction両方のジェネリクス次のfunctionがあったとします。

// main.tsfunction example(b: any){ return b.data}

これは、渡された「b」というany型のデータをreturnするだけのfunctionです

もっとみる

三好アキ（プログラミング教本執筆）

2024年3月18日 13:56

TypeScriptジェネリクスをサクッと理解【その２　functionに対して使うジェネリクス】

TypeScriptのジェネリクスはむずかしい？この記事はジェネリクスをサクッと解説する全4回の記事の2つ目です。

functionのジェネリクス次のコードがあったとします

// main.tsfunction example(a: string){ return a}

これは「a」という渡されたstringのデータをreturnするだけのfunctionです。

次のコードを追加して

もっとみる

三好アキ（プログラミング教本執筆）

2024年3月17日 15:19

TypeScriptジェネリクスをサクッと理解【その１　型定義に対して使うジェネリクス】

TypeScriptのジェネリクスはむずかしい？下記のような「T」や「K」の入ったTypeScriptのコードを「ジェネリクス」といいます。

function example<T, K>(a: T, b: K): [T, K]{ return [a, b]}

「T」や「K」が入っていて、見た目だけですでに難しく感じます。

実際、ジェネリクスに苦手意識を感じている人は世界中にたくさんいま

もっとみる

三好アキ（プログラミング教本執筆）

2024年3月16日 10:14

【Reactビギナー向け】default exportとexportの種類をすべて解説

exportとimportいろいろReactを使っていると、「default export」というコードをかならず目にします。最後の行です。

const App = () => { return ( <div> <h1>こんにちは</h1> </div> )}export default App

そうかと思えば、単に「export」

もっとみる

三好アキ（プログラミング教本執筆）

2024年3月14日 18:14

新刊書『React + TS徹底フォーカス：TypeScriptマスター with React』リリース

React + TypeScript新刊書リリースReact + TypeScriptの新刊書を本日リリースしました。

私はすでに数冊、ビギナー向けのReact + TypeScript入門書（下掲）を書いていますが、本書はそれらを終えた方が次に読むのに最適な一冊です。

特に、先月リリースのReactの全範囲をカバーした「Reactマスター Zero To Hero」の次に読む本としてぴったり

もっとみる

三好アキ（プログラミング教本執筆）

2024年3月14日 15:02

Reactをむずかしく感じる理由と、その解決法【その３】

Reactが難しい原因は知識不足【その１】に書きましたが、React入門に成功して、最初のハードルを超えた人が感じるReactの難しさの原因はJavaScriptの知識不足です。

具体的には次の2点です。

• function（コンポーネント）の記法

• イベントの記法

本記事で紹介するのは、2つ目の「イベントの記法」です。

イベントの記法がわかれば、Reactに感じる苦手意識はぐっと減

もっとみる

三好アキ（プログラミング教本執筆）

2024年3月14日 14:59

Reactをむずかしく感じる理由と、その解決法【その２】

【その１】に書きましたが、React入門に成功して、最初のハードルを超えた人が感じるReactの難しさの原因は、JavaScriptの知識不足です。

具体的には次の2つの項目です。

• function（コンポーネント）の記法

• イベントの記法

本記事で紹介するのは、1つ目の「function（コンポーネント）の記法」です。

functionの記法がわかれば、Reactに感じる苦手意識

もっとみる

記事一覧

私たちが入門書で挫折するわけ

『はじめてつくるReactアプリ（with TypeScript）』第2版をリリース／Vite使用

ドラゴン桜とプログラミング

【React + TS徹底フォーカス：TypeScriptマスター with React】（三好アキ著）

【React全部入り：Reactマスター Zero To Hero】（三好アキ著）

【Next.js】メタデータをクライアント・コンポーネントに設定する方法

【React + TypeScript】イベントの型の記法には3種類あります

【Next.js】Reactサーバーコンポーネントのメリットを実際に確認してみました

TypeScriptジェネリクスをサクッと理解【その４ 複数のジェネリクスをつかう】

TypeScriptジェネリクスをサクッと理解【その３ 型定義とfunction両方に対して使うジェネリクス】

TypeScriptジェネリクスをサクッと理解【その２ functionに対して使うジェネリクス】

TypeScriptジェネリクスをサクッと理解【その１ 型定義に対して使うジェネリクス】

【Reactビギナー向け】default exportとexportの種類をすべて解説

新刊書『React + TS徹底フォーカス：TypeScriptマスター with React』リリース

Reactをむずかしく感じる理由と、その解決法【その３】

Reactをむずかしく感じる理由と、その解決法【その２】

TypeScriptジェネリクスをサクッと理解【その４　複数のジェネリクスをつかう】

TypeScriptジェネリクスをサクッと理解【その３　型定義とfunction両方に対して使うジェネリクス】

TypeScriptジェネリクスをサクッと理解【その２　functionに対して使うジェネリクス】

TypeScriptジェネリクスをサクッと理解【その１　型定義に対して使うジェネリクス】