Next.js でサーバー・クライアント間で Date オブジェクトを扱うときの注意点
Next.js で Date オブジェクトに変換した日付のデータをサーバーコンポーネントとクライアントコンポーネントで利用している場合の対応に戸惑ったので、原因と対応方法を備忘録としてブログに残しておきます。 今回、Date オブジェクトを利用していて困った点は次の点になります。 ローカル環境と本番環境でタイムゾーン...
- #nextjs
Next.js で Date オブジェクトに変換した日付のデータをサーバーコンポーネントとクライアントコンポーネントで利用している場合の対応に戸惑ったので、原因と対応方法を備忘録としてブログに残しておきます。 今回、Date オブジェクトを利用していて困った点は次の点になります。 ローカル環境と本番環境でタイムゾーン...
このエントリーは、 a-blog cms Advent Calendar 2023 19日目 の記事です。 本日、個人ブログを、a-blog cms × Next.js の構成でリニューアルしました。 このエントリーでは、a-blog cmsをヘッドレスCMSとして活用し、Next.js でテンプレートを作ってみての良かったこと、難しかったことについてまとめています。 ちなみ...
Vue3 × TypeScript でミニマルなモーダルコンポーネントをライブラリとして公開してみました。 どんなモーダル? 必要最低限の機能を備えたミニマルなモーダルです。必要最低限といってもアクセシビリティには以下の点で配慮しています。 モーダル要素に role 属性、aria-modal 属性、aria-labelledby 属性、aria-descri...
これは a-blog cms Advent Calendar 2022 19日目の記事です。 今回は、現在開発中の ShoppingCart 拡張アプリについて、個人的にここは推しポイントだというところを紹介していきたいと思います。 ShoppingCart 拡張アプリとは ShoppingCart 拡張アプリとは、a-blog cms で EC サイトを構築できるようにするための...
husky と lint-staged を活用して、コミット時に自動で ESLInt や Prettier を走らせる事があるかと思います。有料の Git GUI クライアントである Tower からコミット時に husky で lint-staged を実行しようとしたらエラーが発生してしまいました。今回は、Tower で husky を実行できるようにする方法を紹介します。 結...
今回は、Xserver に nodenv をインストールする方法を紹介します。Web で調べると nodebrew を Xserver にインストールする方法は出てきますが、 nodenv をインストールする方法は出てこなかったのでブログに残しておこうと思いました。 nodenv-installer nodenv には nodenv-installer というインストーラーが公式に用...
Vite で npm に公開するライブラリを作成する方法を紹介します。今回は React ライブラリを作成する手順を紹介しますが、基本的な手順は Vue.js 及び vanilla JavaScript でライブラリをつくる場合でも同じだと思います。 npm に公開するライブラリを開発する場合は、ライブラリを複数のモジュール形式で利用できるよう...
最近、アルゴリズムを勉強しています。アルゴリズムを本などで勉強すると、 C言語や Java などの言語で解説されていることが多いのですが、これを JavaScript で実装するとどうなるのだろうと思ったため、いくつかのアルゴリズムを JavaScript で実装してみました。この記事では実装したプログラムをメモ書きレベルで書...
今回のブログでは、a-blog cms の拡張アプリで管理画面を作成するための InjectTemplate クラスの使い方を解説します。InjectTemplate クラスを使用することで自分で実装したモジュールのモジュールID設定画面が簡単に作成できる他、拡張アプリ専用の管理画面まで作れてしまいます。a-blog cms の拡張アプリを自分で作っ...
そろそろ入社して1年になるので、4月からの1年の振り返りと2年目になるにあたってその抱負的なのを記録していきたいと思います。(最近ブログネタが無いなんて言えません…)あまり大したことは言えませんが自分の反省のためだと思ってブログに残していこうと思います。 入社1年をふりかえる 1年前のことなので忘れている...