2026/03/09 17:43:47 |
JavaScript
JSON-LDは検索エンジンへWebページの情報を伝えることを目的とした構造化データ形式です。 多くのWebサイトで導入されているので、Next.jsが生成したページにも出力したいですね。 そこで今回は、Next.jsが […]
2026/03/09 15:33:56 |
JavaScript
Reactでプログラミングしていると時々SSGという言葉を耳にします。 そこで調べてみるとなぜかNext.jsに話題が飛んでしまい、面倒になって思考停止してました。 最近になってようやく思考停止しなくなったので、Next […]
2026/02/16 17:44:00 |
vite
ViteでESLintが次の警告を出しているのに気が付きました。 Fast refresh only works when a file only exports components. なんだこれと思いながら対処したと […]
2026/02/13 17:33:52 |
JavaScript
ブラウザ上でふわっと現れて少し経つとふわっと消えていく通知メッセージを、よく見るようになりました。 このようなメッセージをToastと呼びます。 画面の端や中央に突然出てくる様子がトースターから飛び出すパンに似ているから […]
2026/02/09 17:59:14 |
IDE/エディター
VSCodeでファイル名を小文字から大文字に変える、またはその反対を行うとts(1149)がエラーが表示されることがあります。 今回は、私が行った対処法をお伝えします。 結論 まずは結論から。 ■結論１: コ […]
2026/02/04 17:59:47 |
JavaScript
ReactのrenderToPipeableStream()は、コンポーネントのレンダリング結果をNode.jsストリームに出力する関数です。 前回、ReactでのSSR(サーバーサイドレンダリング）/CSR(クライアン […]
2026/02/03 15:48:17 |
vite
Viteはpublicフォルダにファイルを設置しておくと、ビルド時にそのファイルを出力フォルダにコピーしてくれる。 しかしpublicフォルダ以外のフォルダから出力フォルダにコピーしたいことがあります。 そんなときに定番 […]
2026/02/04 18:04:53 |
JavaScript
Reactはブラウザ上で動作するJavaScriptライブラリです。 ですが、Reactはサーバー上でも動作します。 ブラウザでのレンダリングはCSR(クライアントサイドレンダリング)と呼ばれています。 一方、サーバー上 […]
2026/01/19 17:39:44 |
Node.js
最近はReact等のライブラリやExpressなどのフレームワークを使うことが増えてきました。 これらはプログラム開発を効率化してくれるのでとても有難いです。 ですがプロジェクト単位でローカルにダウンロードするため、プロ […]
2026/01/15 17:36:49 |
JavaScript
今回はアナログ時計を作ろうシリーズの第三弾です。 第一弾と二弾は、こちら。 関連ページ ■【JavaScript】 簡単！デジタル/アナログ時計をつくろう ■【React】アナログ時計を作成してみる 今回は、Vue.js […]
2026/01/15 15:46:35 |
vite
Viteはフロントエンド開発を効率よく進めてくれる便利ツールです。 特に便利なのは、開発用のWebサーバーが用意されていることでブラウザでのデバッグが容易に行える点です。 デフォルトでは、開発サーバーのURLは http […]
2026/01/15 15:21:26 |
JavaScript
以前、Reactの開発環境をViteで構築しました。 関連ページ ■【React】Vite環境でのセットアップ（TypeScript対応） ViteはVue.jsにも対応しているので、今回はVue.jsの開発環境を構築す […]
2026/01/15 14:37:14 |
JavaScript
以前、JavaScriptでアナログ時計を作成しました。 関連ページ ■【JavaScript】 簡単！デジタル/アナログ時計をつくろう 今回は以前作成したコードをReact化してみようと思う。 アナログ時計 […]
2026/01/15 15:21:48 |
vite
Viteでビルドして生成されたファイルは、ドメイン直下にアップロードしないとうまく動作しません。 ですが、任意のフォルダで動作させたいケースがあります。 どうすればいいのでしょうか？ 現状確認 ビルド後のin […]
2025/12/25 16:46:29 |
JavaScript
Reactは難しいと思っていましたが、いくつかの要点をつかんでおけばとても簡単だと感じるツールでした。 そこで今回は、「これだけ知っていればReactを使ってWebアプリのUIを作成開始できる」ということを目標に記事を作 […]
2026/01/08 16:29:52 |
JavaScript
Viteは最近注目され始めた高速フロントエンドビルドツールです。 簡単なセットアップ操作で、面倒なビルド設定を自動で行ってくれます。 また開発時のサーバーとしても機能し、ソース変更後にビルドをすることなく高速にテストを行 […]
2025/12/03 17:04:45 |
JavaScript
最近は少し下火になったような気がするReact。それでもまだまだ人気ありそうです。 私も時々ですが、依頼されて使っています。 しかし、Reactの学習を始めてから気になっていたのがReactの利点として挙げられているある […]
2025/04/28 19:34:13 |
WordPress
WordPressのブロックエディターはReactベースのJavaScriptで動作しています。 そのためブロックエディターのカスタマイズは、Reactでの開発が推奨されます。 しかし環境構築に必要な時間とディスク資源コ […]
2025/04/28 17:39:49 |
WordPress
WordPressのブロックエディターカスタマイズを行うとき、フロントエンドで動作させるJSファイルと、必要によってcssファイルをエディター上に読み込ませる必要があります。 調べてみたところ、いくつかのやり方があるよう […]
2025/04/23 14:59:34 |
WordPress
サイトにGoogle Fontsを追加することにしました。 手順としてはwp_headフックで出力するだけでいいのだけど、専用のフィルターがあるようなので使ってみることにした。 rel="preconnect […]
