http://izanami.dev/organizations/commte commte に関連する記事のRSSフィードです Thu, 16 Apr 2026 05:35:10 GMT https://validator.w3.org/feed/docs/rss2.html izanami RSS Feed ja http://izanami.dev/favicon.ico http://izanami.dev/organizations/commte All rights reserved 2026 http://izanami.dev/post/3a8a1e6f-b120-43c2-817a-cc9fcc8b74e9 http://izanami.dev/post/3a8a1e6f-b120-43c2-817a-cc9fcc8b74e9commte Thu, 30 Oct 2025 11:04:43 GMT http://izanami.dev/post/0b13ae65-d420-47cd-b8a0-d4ef9d301508 http://izanami.dev/post/0b13ae65-d420-47cd-b8a0-d4ef9d301508commte Mon, 02 Jun 2025 12:21:42 GMT http://izanami.dev/post/51496cb6-6497-414c-917b-b846a4bacffd http://izanami.dev/post/51496cb6-6497-414c-917b-b846a4bacffdcommte Wed, 28 May 2025 11:58:49 GMT http://izanami.dev/post/983f0322-8bdd-4258-825e-11e06480205b http://izanami.dev/post/983f0322-8bdd-4258-825e-11e06480205bcommte Fri, 23 May 2025 09:01:21 GMT http://izanami.dev/post/c61ac13b-56a5-4f21-af36-c0a04883e6cc http://izanami.dev/post/c61ac13b-56a5-4f21-af36-c0a04883e6cccommte Mon, 21 Apr 2025 14:28:20 GMT http://izanami.dev/post/ee11a042-393d-4b69-926c-b311d79dace9 http://izanami.dev/post/ee11a042-393d-4b69-926c-b311d79dace9commte Thu, 27 Mar 2025 09:30:02 GMT http://izanami.dev/post/f0568376-38db-488b-9318-ed9dd6053691 http://izanami.dev/post/f0568376-38db-488b-9318-ed9dd6053691commte Thu, 13 Mar 2025 17:44:57 GMT http://izanami.dev/post/70cfdeab-7d18-4ad7-bdbd-38a901ae8ad6 http://izanami.dev/post/70cfdeab-7d18-4ad7-bdbd-38a901ae8ad6commte Mon, 03 Feb 2025 09:43:19 GMT http://izanami.dev/post/15f00bf3-9612-48aa-a310-a630d4cdb63e http://izanami.dev/post/15f00bf3-9612-48aa-a310-a630d4cdb63ecommte Sun, 26 Jan 2025 12:54:39 GMT http://izanami.dev/post/ae129d74-aa85-405c-86a9-bd1771a3fd7a http://izanami.dev/post/ae129d74-aa85-405c-86a9-bd1771a3fd7acommte Sun, 26 Jan 2025 10:19:05 GMT http://izanami.dev/post/aaaaf24e-df0f-40ef-a6d6-3219cff2ea83 http://izanami.dev/post/aaaaf24e-df0f-40ef-a6d6-3219cff2ea83commte Mon, 06 Jan 2025 09:41:01 GMT http://izanami.dev/post/0c5d45af-0c1e-473b-9aae-5a0b7153518d http://izanami.dev/post/0c5d45af-0c1e-473b-9aae-5a0b7153518dcommte Mon, 23 Dec 2024 16:32:34 GMT http://izanami.dev/post/5531e966-25ba-42fa-aaf8-0cd01544d635 http://izanami.dev/post/5531e966-25ba-42fa-aaf8-0cd01544d635commte Sat, 23 Nov 2024 16:54:19 GMT http://izanami.dev/post/595b2538-7b4e-4fc3-bf56-abef07a372c6 http://izanami.dev/post/595b2538-7b4e-4fc3-bf56-abef07a372c6commte Mon, 18 Nov 2024 12:22:27 GMT http://izanami.dev/post/6daf48ba-5eff-4254-8a83-0c5f0084a128 http://izanami.dev/post/6daf48ba-5eff-4254-8a83-0c5f0084a128commte Thu, 14 Nov 2024 18:08:24 GMT http://izanami.dev/post/c3bf300f-72cb-4fd2-a47a-02f00d083ace http://izanami.dev/post/c3bf300f-72cb-4fd2-a47a-02f00d083acecommte Thu, 14 Nov 2024 17:45:58 GMT http://izanami.dev/post/8e61d789-f498-4a65-b6e6-7e63c3392f9e http://izanami.dev/post/8e61d789-f498-4a65-b6e6-7e63c3392f9ecommte Tue, 12 Nov 2024 16:00:18 GMT フォルダに ファイルをドロップすると、Next.js が自動的に タグ内に正しいメタデータを生成してくれます。 例えば、以下のようなコードが自動的に生成されます。 これで、ブラウザが正しくアイコンを読み込んでくれるようになります。 Next.js における favicon 設定のベストプラクティス favicon の設定について、いくつかのベストプラクティス。 適切なファイル形式とサイズを使用する favicon は一般的に ファイル形式が使用されますが、その他に などもサポートされています。16x16、32x32 などのサイズを用意することで、様々なデバイスに対応できます。 複数のアイコンを用意する デバイスによって使用されるアイコンが異なるため、 や など複数のバリエーションを用意しておくと、iOS や Android などのモバイル端末にも対応できます。 コードでのカスタマイズ 自動的に生成されるコードに加えて、独自に タグを追加することで、特定のプラットフォームに向けたアイコンをカスタマイズできます。例えば、以下のように を追加することができます。 おわりに favicon の設定は小さなことのように思えますが、プロジェクト全体の完成度を高める重要なポイントです。この手順を踏むことで、よりスムーズに favicon を反映させることができます。もし同じようなエラーに直面している方がいたら、この記事が少しでも助けになると嬉しいです。 参考 https://stackoverflow.com/questions/62116093/why-do-i-keep-getting-a-500internal-server-error-get-http-localhost3000-fav ]]> http://izanami.dev/post/f160a70e-535c-4809-ba24-bba307c12d9a http://izanami.dev/post/f160a70e-535c-4809-ba24-bba307c12d9acommte Mon, 11 Nov 2024 15:16:12 GMT Next.js はインポートされたファイルに基づいて画像の実際の幅と高さを自動で決定します。この情報を使って画像の比率を保持し、読み込み中の累積的なレイアウトシフト（CLS）を防ぎます。 例えば、以下のように静的な画像をインポートする場合、 コンポーネントを使うと、幅や高さを指定しなくても画像を簡単に表示できます。 Dynamic Import の注意点 > 警告: 動的な または はサポートされていません。インポートはビルド時に解析できるように静的である必要があります。 これは、Next.js がビルド時に画像ファイルを解析し、その情報を使って最適化するためです。だから、動的に画像をインポートすることはできず、すべての画像は静的にインポートする必要があります。 プロパティの使用 プロパティを使うと、ファーストビューで表示されるような重要な画像を優先的に読み込むことができます。これでユーザーが最初に見るコンテンツの読み込みが早くなり、より良い体験を提供できます。 - プロパティ: ファーストビューに表示する重要な画像には、これを設定することで、優先的に画像を読み込ませます。 レスポンシブ画像の実装 Next.js の コンポーネントは、レスポンシブ画像にも対応しています。例えば、 プロパティを使うことで、親要素のサイズに基づいて画像を調整できます。 - : 画像が親要素の大きさにフィットするように調整されます。 - : 画像を親要素に合わせてトリミングし、全体をカバーするように表示します。 まとめ Next.js の コンポーネントを使えば、画像の最適化、自動での幅・高さの設定、レスポンシブ対応など、便利な機能が盛りだくさん。ローカル画像を静的にインポートするだけで、ページのパフォーマンスを大幅に向上させ、ユーザーにとっても快適な体験を提供できます。 や プロパティを活用して、もっと効率的に画像を管理してみましょう！ ]]> http://izanami.dev/post/034ae8bb-8e36-457d-a570-1466f034fd41 http://izanami.dev/post/034ae8bb-8e36-457d-a570-1466f034fd41commte Sun, 10 Nov 2024 11:17:24 GMT http://izanami.dev/post/15f20e13-c2e6-4ab1-a0a5-2899630fa427 http://izanami.dev/post/15f20e13-c2e6-4ab1-a0a5-2899630fa427commte Sun, 10 Nov 2024 10:34:49 GMT