タグ別書籍・記事一覧

モダンを学ぶ 速習 JavaScript

WINGSプロジェクト ／ 2026年6月

これからはじめるLaravel実践入門

SBクリエイティブ ／ 2026年4月

改訂新版 これからはじめるReact実践入門

SBクリエイティブ ／ 2025年9月

これからはじめるReact実践入門

SBクリエイティブ ／ 2023年9月

速習 React 第2版

WINGSプロジェクト ／ 2022年10月

基礎から学ぶReact Native入門

翔泳社 ／ 2021年2月

速習 Django 3

WINGSプロジェクト ／ 2020年6月

Javaによる高速Webアプリケーション開発のためのSpring Boot入門

翔泳社 ／ 2020年5月

速習 React

WINGSプロジェクト ／ 2018年8月

基礎からしっかり学ぶC++の教科書

日経BP ／ 2017年2月

「設計の問い」を持ち続け、知識を実践に変えるには――React「コンポーネント設計」連載総仕上げ

2026.07.09 ／ 最終回では、連載で深めてきた問いを整理し、現場でどう活かすか、そしてAI支援開発が...

クラウドビルドの実践――EAS BuildとDevelopment Buildを活用した開発フロー

2026.06.29 ／ 今回はいよいよ手を動かすパートです。eas buildでクラウドビルドを1本通し、さらにDe...

開発者アンケートからJavaScriptの新メソッドと注目フレームワークを紹介。Reactの機能進化も

2026.03.27 ／ 今回は、JavaScriptエコシステムのサーベイであるState of JavaScriptの2025年版を、...

いまRemix v3を学ぶ意味。Reactとの使い分けから考える技術選定の基準

2026.03.04 ／ 今回は、まずフォーム送信の段階的強化とミドルウェア設計という2つの実践パターンを...

Remix v3をサンプルコードで体験する。React非依存で“明示的に”UI制御できるコア機能3つ

2026.02.16 ／ 今回は、実際にコードを書きながらRemix v3の特徴を体験します。配布サンプルコードを...

React状態管理ライブラリの選択指針：「ローカル/グローバル/サーバー」における使い分けの基準

2026.01.13 ／ 今回は、状態の種類に応じた実践的なライブラリ選択指針と、状態管理パターンの進化に...

Remix v3とReactのトレードオフを徹底考察：AI時代に再評価される「Web標準」への回帰

2026.01.07 ／ 本稿では、Remix v3が目指す「薄いフレームワーク」という理念と、それを体現する3つ...

React 19.2新機能ガイド──cacheSignalの導入とuseIdの改善点解説

2025.12.29 ／ 前回はReact 19.2で導入された<Activity>とuseEffectEventについて解説しました。今回...

Reactコンポーネントの不要な再レンダリングを制御する。useMemo/useCallbackの使いどころとPropsの粒度管理

2025.11.17 ／ 前回はCompound ComponentsパターンとTypeScriptによる型安全なProps設計について学び...

React 19.2新機能ガイド――Activity／useEffectEventを軸に見るパフォーマンス改善の新機能

2025.11.10 ／ 今回は、React 19.2 で導入された<Activity>とuseEffectEventを中心に、具体的なコー...

Reactデザインパターン「Compound Components」実践ガイド。TypeScriptの型設計でPropsを意のままに操る

2025.10.15 ／ 今回は、複雑なUIを柔軟に構築するCompound Componentsパターンと、TypeScriptによる...

App Router時代における「大規模React開発」のフォルダ設計術。Colocationによる関心の分離

2025.09.10 ／ 今回は、React開発における機能別分類の理論を、Next.js App Routerとの連携やプロジ...

Reactフォルダ構造の最適解。コンポーネントの数に合わせて選ぶ基本方針

2025.08.19 ／ 今回は「フォルダ設計」に焦点を当てます。フォルダ設計の基礎理論として、なぜ機能別...

フロントエンドの定番ライブラリ「React 19」の新機能を紹介──React Server Componentsとその他の改善点

2025.03.04 ／ 今回は、React 19のもう一つの大きなトピックであるReact Server Componentsとその他...

フロントエンドの定番ライブラリ「React 19」の新機能を紹介──新しいAPI

2025.01.29 ／ 今回は、React 19に追加されたuseOptimisticやuseFormStatusフック、useといった新し...

フロントエンドの定番ライブラリ「React 19」の新機能を紹介──アクションによる非同期処理の進化

2024.12.18 ／ 今回はReact 19で追加された新機能のうち、新しい概念である「アクション」とそれに関...

自分でコードを書かずにどこまでやれるか？「GitHub Copilot」をフル活用してReact＋ExpressのWebページ実装に挑戦

2024.09.27 ／ 今回は、クライアント側にReact、サーバー側にExpressを利用したWebページを、GitHub...

Web ComponentsのイベントやスロットをReactで扱う

2024.04.16 ／ 今回は、カスタム要素内で発火したイベントをReactで受け取る方法と、カスタム要素内...

Next.js13で追加されたApp RouterとReact Server Components──UI通信の関係を再定義する

2024.02.21 ／ React Server ComponentsをApp Routerがどのように活用しているのかを解説します。ま...

ReactからWeb Components製のコンポーネントを利用してみよう

2024.01.12 ／ 今回は、Webアプリケーション開発の有名ライブラリであるReactとWeb Componentsを組み...

Djangoで作成したAPIとActiveReportsJSやWijmoを使用したReactアプリを連携させてみよう

2023.11.27 ／ 前回は接続対象のWeb APIをPythonのDjango REST frameworkで作成しました。今回はこの...

React Routerを元に誕生した「Remix」──ルーティングに関するAPIを解説！

2023.11.16 ／ RemixはReact Routerを元にして生み出されたフレームワークなので、画面の定義や遷移...

フロントエンドの定番ライブラリ「React」バージョン18の新機能を紹介──Strictモードと新フックに注目！

2023.08.01 ／ 今回は潜在的な問題点を洗い出すStrictモードへの機能追加と、新たなフックについて紹...

フロントエンド開発の定番「React」バージョン18の新機能を解説──並行レンダーで操作感が向上！

2023.07.06 ／ React18の新機能を紹介していきます。Webページの「並行レンダー」をベースに、画面更...

ステートマシンを実装するためのJavaScriptライブラリ「XState」の基本的なAPIを解説

2023.05.25 ／ ステートマシンの概念を活用して状態管理を行う「XState」は、複雑な状態を扱うアプリ...

React向けのフレームワーク「Remix」で初めてのWebサイトをつくる

2023.01.13 ／ Remixは、Webサイトの画面遷移とサーバーサイドレンダリングに着目して、通信するデー...

【新刊紹介】『速習 React 第2版』発売、最新のReact 18やReact Hooksに対応

2022.12.07 ／ 新刊「速習 React 第2版」について、一般レビュー読者（むく さん）と担当編集者から...

「SpreadJS」のスプレッドシートをReact＋ASP.NET Coreで活用してデータ集計するWebページを作ろう

2022.11.02 ／ WebページにSpreadJSとReactを組み合わせて利用し、ASP.NET Coreでサーバー側に実装し...

「Remix」という哲学を学ぼう──学習コストを最小限に抑えるReactベースの注目フレームワークを解説！

2022.11.01 ／ 連載初回となる今回は、Remixの思想・哲学と、その前提となるWebフロントエンド分野の...

ステートマシンを定義して状態管理を行うライブラリ「XState」を解説

2022.07.11 ／ Reactの世界ではFluxを軸にして多くの状態管理手法が提案され続けています。 今回は、...

Rails 7における、バンドラーを用いたReactアプリ開発～jsbundling-railsとesbuild～

2022.07.08 ／ 今回は、前回importmap-railsとPropshaftを使って作ったReactアプリをjsbundling-rail...

Rails 7ではReactアプリ作成が簡単に！ importmap-railsとPropshaftを活用したチュートリアルで体感しよう

2022.06.27 ／ 今回は、Rails 7で導入された新機能から、importmap-railsとPropshaftを使ってReactア...

ドラッグ＆ドロップで簡単にファイルが選択できる「react-dropzone」を解説

2022.04.15 ／ ライブラリを使うことでドラッグ＆ドロップによるリッチなファイル選択UIを実装すると...

JavaScriptライブラリ「Wijmo」のFlexGridをReact＋ASP.NET Core環境で使ってみよう

2022.03.09 ／ 本記事では、グレープシティのJavaScriptライブラリ「Wijmo（ウィジモ）」に含まれる...

React向けUIライブラリ「Chakra UI」で、より複雑なアプリケーションを作る際に必要なコントロール用のUI【後編】

2022.01.26 ／ 前回はレイアウト、テキスト表示、画像表示に関するChakra UIのコンポーネントを扱い...

カスタマイズ性と生産性を両立する、React向けのUライブラリ「Chakra UI」の魅力的な部品【中編】

2021.11.26 ／ 今回は、アプリケーション開発の基礎となる、レイアウト、テキスト表示、メディア表示...

ReactのUIコンポーネントライブラリ「Chakra UI」とは？ カスタマイズ性と生産性を両立しよう【前編】

2021.10.08 ／ 今回は、特に生産性とカスタマイズ性にフォーカスして作られた、Chakra UIというライ...

Reactで簡単にマテリアルデザインを実現できるライブラリ「Material-UI」を解説【後編】

2021.08.17 ／ 今回は、前回に引き続きMaterial-UIについて解説します。かゆいところに手が届く便利...

綺麗なコンポーネントを容易に導入できるMaterial-UIを紹介【前編】

2021.06.14 ／ 今回次回と2回にわたり、、Googleが公開している「マテリアルデザイン」というガイド...

React Hooks向けライブラリSWRとは？ 通信とキャッシュ管理を簡便に

2021.04.12 ／ 今回は、通信とキャッシュ管理に特化したReact Hooks向けライブラリである「SWR」につ...

フォームのバリデーションに役立つYupとは？ React向けライブラリを解説

2021.02.12 ／ 今回は入力値のバリデーションを担当するライブラリYupについて解説します。各入力欄...

React向けライブラリを解説～フォームの状態管理を助けるFormikとは？

2020.12.07 ／ 本連載では、複雑な状態管理を効率化したり、きれいなUIを提供してくれたりする魅力的...

React Navigationで画面遷移を実現する

2020.04.23 ／ 今回はReact Navigationを採用して、複数の画面遷移パターンについて解説していきます...

React Hooksの使い方を学ぼう～関数コンポーネントの状態管理を行う

2019.10.24 ／ 今回は、Reactのバージョン16.8から導入された、関数コンポーネントを拡張するための...

Reactの基本を学ぼう～コンポーネントで動的な状態管理

2019.10.15 ／ 前回は、Reactコンポーネントの構成要素であるJSXやpropsについて解説しました。今回...

Reactの基本を学ぼう～コンポーネントの仕組みと作り方

2019.08.23 ／ 今回は、一度使い方を覚えてしまえばさまざまなプラットフォームに向けてUIを書くこと...

JavaScriptスプレッドシート部品「SpreadJS」と入力フォーム部品「InputManJS」をReact環境で活用

2019.01.10 ／ グレープシティが提供するJavaScriptスプレッドシート部品「SpreadJS」と、入力フォー...

Next.jsのシングルページアプリケーションをデプロイして、基本をマスターする

2018.11.29 ／ 今回は、作成したプロジェクトをデプロイしてから、Next.jsの基本的な使い方について...

Next.jsのサーバーサイドレンダリングで、シングルページアプリケーションの課題を解消

2018.11.09 ／ 今回は、サーバーサイドレンダリングの概要と、実際に使う場合のフレームワークの解説...

注目JavaScriptライブラリReactで「Wijmo（ウィジモ） 5」を使いこなす

2018.10.22 ／ 今回は、最近注目のJavaScriptライブラリReactと組み合わせて、Wijmoを利用する方法を...

Firebase Hostingでアプリを本番環境にデプロイする

2018.10.04 ／ 今回は、create-react-appで生み出したプロジェクトを本番環境向けにビルドし、サーバ...

【新刊紹介】『速習 React』、隙間時間でも読めるコンパクトなReact入門書

2018.10.03 ／ 新刊「速習 React」について、一般レビュー読者（tchikubaさん）と担当編集者からのコ...

Reduxにおける同期的／非同期的なAction Creatorをテストする

2018.09.07 ／ 今回はAction Creatorのテストについて解説します。同期的な処理のテストだけでなく、...

Reduxで作成したロジックをJestでテストする

2018.08.21 ／ 今回は、ReducerやActionCreatorのロジックの品質を担保する上で有用なユニットテスト...

Reduxで非同期処理を行う～ES2017のasync/await構文を使って実装する方法

2018.07.17 ／ 今回は、ECMAScript 2017のasync/await構文とReduxを併用しながら非同期処理を実現す...

Reduxで非同期処理を行う～Middlewareを使って実装する方法

2018.06.15 ／ 今回は、よりReduxを現場で使えるツールとして活用するために、Middlewareの仕組みを...

アプリの状態管理を安全に行うためのFluxとRedux

2018.04.09 ／ 今回は、Propsの型を定義することでコンポーネントの可用性を向上させる方法を学びま...

「prop-types」でPropsのデータ型を担保する

2018.03.30 ／ 今回は、Propsの型を定義することでコンポーネントの可用性を向上させる方法を学びま...

Storybookでコンポーネントの品質を向上する

2018.03.02 ／ 今回はStorybookというツールの使用方法を利用してコンポーネントのカタログを作るこ...

React Routerで複雑な画面遷移をシンプルに実装する

2018.02.01 ／ 今回はライブラリ「React Router」を利用して、GUIアプリケーションには欠かせない画...

Reactによるフォーム／リストの基本

2017.12.28 ／ 今回はJavaScriptでステートフルなアプリケーションを実装しながら、「リスト」と「フ...

Rails 5.1でReact.js連携アプリを構築してみよう

2017.06.12 ／ Rails 5.1では、フロントエンド回りに大きな変更がありました。新たに採用されたYarn...

React×Material-UIでモダンなUIを実装する

2017.04.12 ／ 今回は、デザイン性をアップさせてくれるサードパーティー製のコンポーネントセット、...

Reactコンポーネントへの理解を深める

2017.02.09 ／ コンポーネントを使いこなすためには避けて通れない、PropsやState、およびライフサイ...

Reactの概要と基礎技術要素を理解する

2017.01.04 ／ 本連載は、Reactアプリを開発するための基礎を身につけることを目的としたものです。R...