Tailwind CSS Tailwind CSSで任意のブレイクポイントを作る（レスポンシブ対応）
Tailwind CSSはある程度既存のクラスが用意されていて、ブレイクポイントについても同様。
ただ、カラー名などでもそうだけど、任意のサイズや色などを用意したいことの方が多い。
また、基本はデフォルトのもので良いけど、このコ...
Tailwind CSS Nextjs Next.jsとTailwind CSSでメニューで今の場所の表示を変える（現在地をハイライト）
Next.jsで現在地をハイライトする方法。
ナビゲーションメニューなどでよくある色が変わるもの。
仕組みとしては簡単で、アクセスしたURLを取得し、リンク内のhrefと比較して、同一のものと違うもので適用するスタイルを変えるだ...
Nextjs Next.jsのルーティングのファイル名規則【Next.jsのAPPルーターを使おう 第四回】
Next.jsのAppルーターでルーティングする際のファイル名規則について。
以下の記事の続き。基本的なことは以下で。
Next.jsのAppルーターではルーティング対象になるファイル名があらかじめ予約されていて、それら...
Nextjs Next.jsでローカルで動くAPIをルートハンドラーで作る【Next.jsのAPPルーターを使おう】
Next.jsのpagesルーターでは、APIルートが準備されている。pagesフォルダの配下にapiというフォルダを作り、その中にAPIを作ることができた。
Appルーターでは少し作り方が変わっている。
以下はAppル...
Nextjs Next.jsのルーティングの基礎の基礎の基礎【Next.jsのAPPルーターを使おう 第三回】
Next.js13.4から正式実装になったApp Routerを使うためのメモ。
第三回はルーティングの基礎、の基礎の基礎。
詳細は以下の公式で。
基本的には公式ページを読んでもらえればわかること。
App ...
Nextjs Next.js+Tailwind CSS+Sass+Eslint+Stylelint+PrettierでVSCodeの環境構築【APPルーターを使おう 第二回】
Next.js13.4から正式実装になったApp Routerを使うためのメモ。
第二回は開発環境の構築。
エディターはVSCode。
各種linterを追加し、VSCodeの設定をする。
Tailwind CS...
Nextjs Next.js13.4以降のインストール【Next.jsのAPPルーターを使おう 第一回】
Next.js13.4から正式実装になったApp Routerを使うためのメモ。
第一回はインストール。
詳細は以下の公式で。
インストール手順
自動の場合、ターミナルで以下のコマンド入力。
...
JavaScript npmでバージョンを指定してインストール（ダウングレードも可）
prettierのプラグイン「prettier-plugin-tailwindcss」が動かなくなったので調べたら、原因はprettierをバージョン3にしたからと、以下のissuesにあった。
どうやら2.8.8にダウングレ...
Nodejs node.jsを16から18にアップデートする方法 windows10
node.jsを奨励版の最新（v18.17.1）にしたのでそのメモ。
windowsの場合はインストーラーをダウンロードしてくるだけ。
バージョン確認は以下。
>node -v
v16.14.2
以下か...
Nodejs date-fnsの日本語表記ロケールのビルドエラー解消について
date-fnsで出力される日付に対して、「年」「月」「日」などの表記を使う場合は、日本語用のロケールを使う必要がある。
ロケールをインポートすれば良いのだけど、最近buildでつまづいたのでそのメモ。
importで以下のよう...