-
JavaScript
JavaScript初心者向けガイド!基礎を学習してReact/Vue.jsを使えるようになろう
本教材は、プログラミング初心者の方々を対象に、JavaScriptの基礎を学ぶためのコンプリートガイドです。 まず、本教材の特徴をご紹介します。 対象となる読者: プログラミング初心者の方 JavaScriptの基礎を学びたい方 実践的な JavaScript の知識を身に... -
React
React Testing Libraryの使い方ガイド!Reactのユニットテストを書こう
React Testing Libraryは、Reactアプリケーションのユニットテストを書くための便利なツールです。しかし、これが初めての場合、どこから始めたらいいのか、何を学べばいいのか迷うことでしょう。 このガイドは、React Testing Libraryの基本的な概念と使... -
React
React Queryとは?状態管理・データ再取得の仕組みを作ろう
React Queryは、あなたのウェブアプリケーションにAPI(インターネットを介してデータを送受信するための仕組み)を組み込む際に便利なツールです。これから、その使い方を詳しく解説していきます。 【React Queryとは何か?】 まず最初に、React Queryに... -
React
ReactでのTypeScript入門!環境構築から関数コンポーネントの活用まで
この記事では、ReactとTypeScriptの組み合わせで開発環境を作り型、関数コンポーネントをどう活用するかについて説明します。 【ReactとTypeScriptの組み合わせについて】 ReactとTypeScriptの相性 Reactはウェブアプリケーションを作るためのツールです。... -
React
Reactのライブラリ「Redux」の使い方 | Redux ToolkitとHooksとの違いは?
この記事では、ReactとReduxの基本的な使い方から、Redux ToolkitやHooksの活用方法、さらにTypeScriptとの組み合わせまで、詳しく解説します。 【1. ReactとReduxとは:基本理解のための入門】 まず、Reactとは、Facebookが開発したユーザインターフェー... -
React
react-modal で簡単にモーダルを作ろう!初心者向けにわかりやすく解説
リッチな見た目のWebサイトを作ろうと思うと、モーダルを使いたくなる場面も多いかと思います。 しかし、ゼロから CSS や JavaScript を書いてモーダルを作るのは大変ですよね,,,。 そこで、今回は react-modalというライブラリを使って簡単にモーダルを実... -
React
React Suspenseの使い方を初心者向けに解説!axios/fetchとの連携やHooksの活用まで
【React Suspenseとは何か?】 React Suspenseとは、React(ウェブサイトを作成するためのJavaScriptのライブラリ)の機能の一つです。この機能は非同期のデータ取得を待つ間、一時的に表示を停止したり、ロード中の画面を表示したりすることができます。... -
React
React-Selectの基本的な使い方を解説!複数選択やTypeScriptとの組み合わせまで
選択ボックス(セレクトボックス)をただ作るだけであれば簡単ですが、たとえば以下のような機能もつけるとなると少し大変ですよね。 選択肢を検索できる 選んだ複数の選択肢を表示させる 選択肢ごとに色を変える そこで、React で選択ボックスを作る際に... -
プログラミング
ChatGPT Custom instructionsの使い方・おすすめ設定を解説!プログラミングへの活用
この記事は 2023年10月8日 に内容を最新化しました。 【ChatGPT Custom instructions とは?】 Custom instructions とは、日本時間で 7/21 にリリースされた「前提条件」を事前に登録しておく機能です。 ChatGPT のコツの一つに「あなたは優秀なエンジニ... -
Ruby on Rails
ActiveHashの使い方を初心者向けに解説!使い方と複数選択への応用
Ruby on Railsでプログラムを書いていると、必ずしもデータベースに保存するほどでもないけれども管理が必要なデータに出会うことがあります。 例えば、ショッピングサイトで扱う洋服のサイズ(S、M、L)や、性別(男性、女性、その他)などです。 この記...