【個人開発】釣りアプリを作製しました 本記事作成の目的 元々自分で使うためと勉強のために個人開発第一弾として釣りアプリを作製しました。本アプリは2023年1月ごろに釣行テストを行い、多少問題点はあっ…
今までVue.jsは少し触ったことがあったのですが、Reactについてはほとんど知見がなかったため、両者の違いを比較するため、Todoアプリを作ってみました。 この記事では、ReactとVue.js…
結論 「Math.random()ではなくuuidを使用して一意のIDを生成しましょう」 Introduction Reactでアプリケーションを開発する際に、一意のIDが必要になることがあります。…
問題：Reactサーバのホスト名を取得する方法は？ あなたは以下のようにkubernetesを使ってReactサーバーのレプリカを生成し、冗長化しました。 さて、同じIPアドレスにアクセスしても、実…
◆ 目次 ・はじめに（Reduxとは） ・Reduxの管理の仕組み ・定義方法 ・実践してみよう ◆ はじめに（reduxとは） Reduxとは、Reactとは別でグローバルステートを管理するライブ…
はじめに 「拡張プログラム｜ジーズアカデミー」の「【G's EXPANSION】React実践プログラム」を受講してみましたので、簡単な内容、感想等をまとめたいと思います。 私は2016年頃にG's…
最初に結論 （バックエンド）BytesIOを使ってmatplotlibの画像のByteデータを取得する （バックエンド）media_type="/image/png"で送信 （クライアント）axio…
はじめに Django＋React＋MySqlを使用するDocker環境を構築したので記録として残します。開発を進める上で適宜修正していく予定です。 前提環境 PC: MacBook Air M2 …
はじめに Reactにおいてコンポーネントの中で異なるコンポーネントを呼び出している実装のテストを書くのに苦労したのでまとめました。 実装 import React from "react"; im…
react-hook-formとは？ React Hook Formは、Reactアプリケーションでフォームを簡単に扱うためのライブラリ。 従来のフォームライブラリとは異なり、React Hook …
成果物 サイトトップ 「ログイン」 -> Oktaのサイイン画面 サイトトップに戻り（リダイレクト）、Oktaのユーザー情報が表示される。 想定する読者 Oktaのみでログイン機能を実装してみたい人 次に紹介する「ハマったポイント」にハマっている…
大前提 大前提としてReactは、関数をコンポーネントとして扱っています。 つまり関数を一つのブロックとして、それをうまい具合に積み重ねてUIを作っていくということ。 react-domの必要性 r…
やりたいこと OpenAIからChatGPT相当のAPIである「gpt-3.5-turbo」が公開されたので色々遊べるようになったと思う。 ただAPI使うと、なんか公式WEB版よりレスポンスが遅いな…
背景 ファイルを選択する機能を含むコンポーネントをテストする際に、テスト用の File オブジェクトを取得する必要がある。 テストを行う際、従来は Node.js 上で Jest を起動してテストす…
