【Next.js×Django】生のクエリ(SELECT文)をDjnagoで使ってみる方法
この記事の続きです 今回の記事について 前回記事()では、ユーザーがパスワードを忘れたときにDjnago側がワンタイムパスワードを発行してダミーメールサーバSMTPDevへパスワード付きメールを...
296 search resultsShowing 1~20 results
You need to log-in
この記事の続きです 今回の記事について 前回記事()では、ユーザーがパスワードを忘れたときにDjnago側がワンタイムパスワードを発行してダミーメールサーバSMTPDevへパスワード付きメールを...
文字コードSfift-JISのCSVを読み込むときに①Shift-JISに含まれていない文字、②Null、③空文字「""」といった値をキャッチする方法を記載します。 指定されたエンコーディングの...
参考にした記事 上記の記事では、ReactにJavascriptを使っていたが今回はTypeScriptを使ってみます。 Todoの型定義を作成し、useState に正しい型を明示的に指定しま...
Shadcn/uiを使った入力フォームを作っていきます。 ディレクトリ構成 └── ReactApp/ ├── node-modules ├── public └── src/ ├── asse...
個人の趣味で集めた備忘録です。 世界でイケてるプログラミング言語をリアルタイムで検索 各企業が使っている技術スタックデータベース Github Actions Supabase FastAPI ...
ReactアプリにReact-Redux、React-ToolKit、Yupを使ったフォームを作ってみます。 完成イメージ 手順 必要なモジュールは、下記のとおりです。 1.React-Redu...
ChakraUIを使ってお問い合わせフォームを作ってみます。 完成イメージ ボタンにカーソルを合わせると ChakraUIのバージョン 今回は、chakra-ui/reactの最新バージョン3....
useReducer関数の使いどころ よく使われる状態管理フックuseStateと混合しがちですが、useStateは状態(値)のみを管理するのに対して、useReducerは状態(値)と状態を...
Next.jsにChakraを一から導入する手順を記載します。 Chakraをインストール 下記のコマンドでインストールします。 npm i @chakra-ui/react @emotion/...
Google認証 Next.jsでGoogle認証APIを使ってみたら超簡単だった 【ハンズオン】Auth.jsを使ってNext.jsアプリケーションの認証機能を爆速で実装しよう Github認...
今回、Mermaidを使う機会があったのでVSCodeでも使いたく設定方法を記載しました。 イメージ 拡張機能 下記の機能をインストールします。 Markdown Preview Mermaid...
今回は、バージョンが少し古いNext.js(V13系)のプロジェクト作成とChakraUI(V2系)のインストール方法について書いていきます。 Next.js(V13系)のプロジェクト作成 下記...
ReactアプリのCardコンポーネントに内容を追加する方法です。 イメージ ディレクトリ構成 └── ReactAppProjekuto/ └── src/ ├── chakraCompone...
今回は、ヘッダーメニューにSVGアイコン付きのサブメニュー(ドロップダウン)を表示する方法です。 サンプル 使用した技術とそのバージョン 使用した技術 バージョン React ^1...
サンプルイメージ Reactでページ遷移する方法についてポイント React(Vite や CRA など)はReact Routerを使ってルーティングを定義しないとページ遷移しません。 Rea...
ディレクトリ情報 技術のバージョン情報 技術 バージョン NestJS 11.0.1 TypeORM 0.3.27 1.モジュールのインストール このセクションでは、Ty...
Next.jsにリッチエディタ「Tiptap」をインストールしてエディタを表示させる方法です。 バージョン情報 ソフトウェア バージョン Next.js 16.0.3 Chak...
前回の記事⇩につづいて、今回はログイン画面で本人認証してダッシュボードまでページ遷移する流れを書いていきます。 【Vite×React×Nest.js×PostgreSQL】ユーザー登録画面後の...
前回の記事の続きです。 今回は、ログイン成功後にダッシュボードにセッション情報を組み込む方法についてです。 Frontendの修正 App.tsxからpropsを受け取るためにTopOnDash...
前回の記事に保続する形で、今回の記事を書いていきます。 NestJS 側ではsessionが保存できており、ログイン成功のレスポンスも返っている。 → しかしNext(Vite)側でaxios....
296 search resultsShowing 1~20 results
Qiita is a knowledge sharing service for engineers.