タグ別書籍・記事一覧

モダンを学ぶ 速習 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...

EASとeas credentialsによるクレデンシャル管理で、「署名の壁」を越える

2026.05.26 ／ 今回は、モバイルアプリのリリースを阻む「署名の壁」に焦点を当て、EASがどう解決す...

開発者アンケートから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を中心に、具体的なコー...

ExpoのWeb向けビルド機能「React Native for Web」を活用して、UIをブラウザで確認しよう

2025.10.17 ／ 今回は、ExpoのWeb向けビルド機能を活用し、「Write once, run anywhere」の理想に近...

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 ／ 今回は「フォルダ設計」に焦点を当てます。フォルダ設計の基礎理論として、なぜ機能別...

Expoでのパーミッション管理を学び、カメラとGPS機能を活用したアプリを作成しよう

2025.04.18 ／ 今回は、React NativeとExpo SDKを使って、これらのパーミッションを適切に扱い、より...

データサイエンス基礎を高校数学から復習しよう！ D3.jsでデータを表現する

2025.03.14 ／ 本連載は、高校までに学ぶ基本的な数学知識を使って、データ分析やデータ表現の基礎的...

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

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

React NativeとExpo SDKのモジュール群で、プラットフォームの機能を便利に使う

2025.02.19 ／ 今回は、React NativeやExpo SDKが提供するモジュール群を使って、Android SDKやiOS S...

Webはどんどん複雑になっている？ これまでのWebシステムのトレンドを振り返る

2025.02.06 ／ 本連載では、改めて、Webシステム開発の難しさの原因や最近のトレンド、Webシステム自...

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

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

Next.js 14までの進化を振り返る──App Routerを強化する新機能を解説！

2024.12.20 ／ Next.js 14の目玉機能である、Server ActionsとPartical Prerenderingについて解説し...

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

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

React Nativeの基本モジュールをおさらいして、Expoを使いこなそう

2024.11.26 ／ 今回は、React Nativeの基本的なモジュールをおさらいしながら、Expoのライブラリを使...

モバイルアプリ開発の総合インフラ「Expo」でアプリ開発を始めよう

2024.10.31 ／ React Nativeベースのフレームワーク「Expo」がどんな仕組みなのか、Expoによってどの...

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

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

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

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

フレームワーク「Svelte」「Solid」が話題。画期的だった仮想DOMと脱仮想DOMへの流れ

2024.04.08 ／ 今回は、脱仮想DOMの流れを、DOMの基本からReactなどによる仮想DOMについて触れながら...

クライアントサイドとサーバサイドの「良いとこ取り」。SSRとは違うサーバコンポーネントのメリットとは？

2024.03.13 ／ 連載の第1回目の今回は、サーバコンポーネントについて、ReactとNext.jsを絡めながら...

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を提供してくれたりする魅力的...

LEGO MINDSTORMSのその他プログラミングツール

2020.09.01 ／ 今回は最終回ということで、もっと本格的なプログラミングに挑戦してみたいという方向...

ページ表示前にデータを取得して反映できる「Nuxt.js」の非同期データ機能を使いこなそう

2020.06.25 ／ 今回は、ページの表示前にネットワークからデータを取得して、ページやVuexストアに反...

静的型チェックを行うTypeScriptで品質を担保しよう

2020.06.23 ／ ソースコードが大規模になってくると、データ型を定義して静的型チェックを行うツール...

デザインは知識と理屈で設計できる　色、書体、字間・行間のポイント

2020.06.09 ／ 今回はデザインやデザイナーとはどんな役割を持っているのか、最低限知っておくべき色...

React Nativeでメモアプリを作ろう～作成画面の構築と実データの利用

2020.06.08 ／ 前回に引き続き、メモアプリの作成を行います。メモを作成・保存する機構を作りながら...

React Nativeでメモアプリを作ろう～セットアップと表示

2020.05.20 ／ 今回と次回の2回に分けて、メモアプリを作りながら、React Nativeでユーザーの入力を...

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

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

UIライブラリで美しいデザインを手軽に利用する

2020.03.19 ／ 今回は、サードパーティ製のコンポーネントセットとして、React Native Paperというラ...

アルゴリズムの基本をJava、C#、Pythonで学ぼう - データを集計し、言語ごとの違いを知る

2020.02.27 ／ 基本的なアルゴリズムを使った観測データの集計を考えてみます。使用するのは、Java（...

React Nativeでアプリの見た目を整えよう～スタイルでコンポーネントをレイアウトする

2020.02.17 ／ 前回に続いて、React Nativeにおけるスタイルの使い方として、コンポーネントをレイア...

React Native導入ガイド - 環境構築からクロスプラットフォーム開発のメリットまでを理解する

2020.02.06 ／ 本記事では、React Nativeの導入やモバイルアプリ開発の現場で起きがちな課題を解決す...

Laravelにおけるサービスコンテナを理解しよう

2019.12.26 ／ 前回は、リクエスト処理の前後に処理を挿入できるミドルウェアを紹介しました。今回は...

React Nativeでアプリの見た目を整えよう～スタイルでコンポーネントを装飾する

2019.12.17 ／ スタイルは、コンポーネント同士の位置関係を調整して配置し、コンポーネント自身の見...

LEGOでプログラミング～モーター・センサーの機能とアプリケーションの使い方を知ろう

2019.10.29 ／ 前回は、「LEGO MINDSTORMS EV3」やプログラミングについての概要などを紹介しました...

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

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

C#でラズパイに接続したディスプレイを制御してみよう

2019.10.16 ／ 前回は、仮想ファイルを使ったGPIOの操作を紹介しましたが、今回は、ライブラリを使っ...

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

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

「Nuxt.js」の基本、「Vue.js」の利用方法を知ろう

2019.09.02 ／ 今回はNuxt.jsでUI構築に利用するVue.jsについて、基本的な利用方法を説明します。

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

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

さまざまなHTTPメソッドに対応した、Slimルーティングの登録方法を知ろう

2019.03.11 ／ 前回は、Slimの動作原理を紹介しました。その動作原理の中心となるのがルーティング、...

ExpoではじめるReact Native開発環境の構築

2019.02.27 ／ 今回はReact Nativeを使ったアプリの作成と実行までの流れを解説します。また、React...

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

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

React Nativeとは何か？ 基本の仕組みと使いどころを理解する

2018.12.26 ／ React Nativeというツールがどういった仕組みで動いているのか、また、どういった分野...

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

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

RxSwiftの仕組みを利用して、MVVMモデルを導入しよう

2018.11.14 ／ 今回はこれまで学んできたことをアプリ全体に適応するサンプルを作成します。プログラ...

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

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

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

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

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

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

RxSwiftの基本的な仕組みを理解しよう

2018.09.12 ／ 今回は、RxSwiftの処理の基本的なデザインパターン「Observerパターン」を中心に、基...

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

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

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

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

@Input

2018.08.09 ／ @Inputデコレーターを使って、親コンポーネントから子コンポーネントに情報を引き渡す...

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

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

クラスを水平方向に拡張できるPHPの「トレイト」

2018.06.27 ／ 今回は、クラスに対して横断的に機能を追加できる「トレイト」について解説します。

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

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

実践DDD本 第10章「集約」～トランザクション整合性を保つ境界～

2018.04.16 ／ 前回は「モジュール」について紹介しました。10回目となる今回は「集約」について解説...

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

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