CSS : テキストが設定した幅を超えた場合、「...」を表示させる (text-overflow)
テキストを設定する要素に限らずではあるが、その要素に設定した横幅よりもテキストの長さの方が長い場合に、末尾に「...」(エリプシス)を表示させる方法についてまとめる。 Contents1 HTMLファイル2 CSSファイ […]
Next.js 14 環境変数の設定を切り替える
開発作業を行っていると、様々な環境で作業を行うことがある。 例えば、実際に開発作業を行う「ローカル環境」、開発したソースの動作等の確認をデモデータを使用し行う、行う「開発環境」, 本番に近い状態でテスト等を行う「QA環 […]
Next.js 14 ナビゲーションの利用 (404ページ)
遷移したいページが見つからない場合に、４０４ページが表示される。 本投稿では、どのようなページが表示されるかと４０４ページのカスタマイズ方法についてまとめる。 Contents1 デフォルトの404ページ1.1 アプリケ […]
Next.js 14 ナビゲーションの利用 (動的ルーティング)
https://〇〇〇.com/1 や https://〇〇〇.com/200のように動的にパラメータの値が変化するようなルーティングを実現する方法をまとめる。 今回は、何かしらの投稿を管理するページがあるとし、投稿一覧 […]
Next.js 14 ナビゲーションの利用 (グループ化)
Nextjsでは、用途に合わせてページをグループ化することが出来る。本投稿内では、認証にまつわるページを１つのグループにまとめてみる。 Contents1 認証用のグループを作成2 グループ化したページへアクセス2.1 […]
Next.js 14 ナビゲーションの利用 (ページ遷移)
Contents1 新規のページの作成2 demoフォルダ配下のページにアクセス2.1 demoフォルダ配下にtestフォルダを作成 新規のページの作成 appフォルダ配下に以下のようにdemoフォルダを作成し、その中に […]
Next.js14 環境構築(Windows)
Contents1 新規アプリケーション作成2 アプリケーションフォルダへ移動3 アプリケーションの実行 新規アプリケーション作成 以下、コマンドを実行することで新規のアプリケーションが作成できるが、Node.jsのイン […]
FastAPI 自動ドキュメント生成
Contents1 FastAPI アプリケーション実行2 生成されたドキュメントを確認3 タグ名の変更 FastAPI アプリケーション実行 uvicorn main:app --reload 生成された […]
Fast API 環境構築
Contents1 ディレクトリを作成2 仮想環境作成3 作成した仮想環境をアクティベート3.1 Windows3.2 Mac4 FastAPIをインストール5 uvicorn[standard] ライブラ […]