著者情報

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

　ステートマシンの概念を活用して状態管理を行う「XState」は、複雑な状態を扱うアプリケーションにとって強い味方となります。前回は実用例につい...

2023/05/25

Web ComponentsのUIライブラリ「Ionic Framework」を解説──既存のデザインシステムを活用する方法とは？

　Web Componentsを使うことで、再利用可能なUI部品を自作できますが、特にデザインにこだわりがない場合は他人が作ったUI部品を使って...

2023/04/25

Remixを触る上できちんと知っておきたい機能「Nested Routes」を解説

　Remixというフレームワークには、Webサイトを快適に制作するためのツールとしての側面があります。その一環として、Nested Routes...

2023/02/27

Web Componentsを簡便に扱う「Lit」の実践的な使い方を学ぶ──ToDoリストを作ろう

　Web Componentsの生々しいAPIを直接触るのは難しい部分がありますが、Litのようなライブラリを用いることで容易に再利用性とカプセ...

2023/01/31

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

　Remixは、Webサイトの画面遷移とサーバーサイドレンダリングに着目して、通信するデータ量の削減によるユーザー体験の向上を目指したフレームワ...

2023/01/13

Web Componentsを簡単に便利に扱うライブラリ「Lit」とは？【うまく活用する方法を紹介】

　Web Componentsの各種APIを扱って運用することはもちろん可能ですが、簡便に扱うためのライブラリも開発されています。そのうちの一つ...

2022/11/24

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

　RemixはReact向けのJavaScriptフレームワークです。サーバーとクライアントをより良く協調させることや、Web標準を尊重すること...

2022/11/01

フレームワークに頼らない！ フロントエンド技術「Web Components」のAPIを学ぼう

　Web Componentsは、再利用可能なUI部品を作成するためのAPI群の総称です。大別して3つのジャンルに分けられるAPIは、それぞれに...

2022/09/12

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

　状態管理というテーマはアプリケーションを扱う上で最も身近で難しいもののひとつです。Reactの世界ではFluxを軸にして多くの状態管理手法が提...

2022/07/11

進化し続けるフロントエンド技術「Web Components」はライブラリ不要！――気軽に始めて開発の生産性を高めよう

　再利用可能なUI部品を組み合わせて画面を構築していくのは、多くのGUIアプリケーションにとって効率の良い開発手法です。ブラウザ向けにも多くのラ...

2022/06/03

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

　入力フォームを作成する中で、テキストや日付ほどではないものの頻出するパターンとして、ファイルアップロードのためのファイル選択があります。inp...

2022/04/15

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

　前回はGUIの基本的な構成要素である、レイアウト、テキスト表示、画像表示に関するChakra UIのコンポーネントについて解説しました。今回は...

2022/01/26