プログラミング– category –

リッチな見た目のWebサイトを作ろうと思うと、モーダルを使いたくなる場面も多いかと思います。 しかし、ゼロから CSS や JavaScript を書いてモーダルを作るのは大変ですよね。 そこで、今回は react-modalというライブラリを使って簡単にモーダルを実装...

React Suspenseは、Reactアプリケーションにおける非同期処理を扱うための強力な機能です。 この記事では、React Suspenseの基本概念から実践的な使用方法まで、初心者にもわかりやすく解説していきます！ React Suspenseとは？ React SuspenseはReact 16....

Reactで開発をしていると、複雑な選択機能が必要になることがあります。例えば、検索可能なドロップダウン、複数選択、カスタムスタイリングなどです。 そんなときに便利なのが「React Select」というライブラリです。この記事では、React Selectの基本的...

この記事は 2023年10月8日 に内容を最新化しました。 【ChatGPT Custom instructions とは？】 Custom instructions とは、日本時間で 7/21 にリリースされた「前提条件」を事前に登録しておく機能です。 ChatGPT のコツの一つに「あなたは優秀なエンジニ...

Ruby on Railsでプログラムを書いていると、必ずしもデータベースに保存するほどでもないけれども管理が必要なデータに出会うことがあります。 例えば、ショッピングサイトで扱う洋服のサイズ（S、M、L）や、性別（男性、女性、その他）などです。 この記...

Ruby on Rails に向いている認証機能（ログイン・ログアウト等）用の Gem として、Devise と Sorcery が有名です。 Gemとは、Rubyのライブラリ（機能やプログラムをまとめたもの）のことを指します。 これらのGemを使うことで、我々は手間をかけずに認証機...

Ruby on Rails (以下、Rails) には複数のバージョンが存在していますが、Rails 5.2 は既にサポートが終了していることをご存知でしょうか？ この「サポート終了」という言葉が何を示しているのか、そして日々の開発にどのような影響を与えるのかを理解する...

【ReactのPropsとは？】 React（リアクト）とは、Facebookが開発したJavaScriptのライブラリの一つで、ユーザーインターフェースの作成に特化しています。Reactの強力な機能の一つは、コンポーネントという概念です。コンポーネントとは、再利用可能な独立...

この記事を読んでいる方は Ruby、または Ruby on Rails に興味を持っている方だと思いますが、実務経験者を除き、テストの経験豊富な方は少ないかと思います。 今回は、Rubyの世界でよく使われるテストフレームワーク、「RSpec」を使ったテストの基本を学...

【React Routerとは？】 React Routerは、Reactアプリケーションでルーティングを管理するための一連のナビゲーションコンポーネントです。 これにより、URLに基づいて異なる画面やデータをユーザーに表示することができます。 【React Routerのインストー...