2026/04/12 15:42:40 |
IDE/エディター
GitHubからトークンの有効期限が切れたという内容のメールが届きました。 GitHubは使用しているけれど、トークンを作成した記憶が無いので戸惑いましたが、無事解決しました。 メールの内容 今回届いたメール […]
2026/03/27 17:40:09 |
Node.js
Electronは、外部サイトを読み込んで何らかの作業をするアプリを手軽に作成できて便利ですね。 しかし、その裏で『Electron Security Warning (Insecure Content-Security […]
2026/03/27 16:05:29 |
Node.js
Electronで外部のWebページを読み込んでいると、スクリプトを制限したいことがあります。 特に広告クリックすると広告主に迷惑をかけるので気を遣いますね。 そこで今回は、Electronで、外部サイトが読み込んでいる […]
2026/03/27 14:26:36 |
Node.js
WordPressの計算フォームの設置プラグインの作成依頼を受けることがあるのですが、相手先のテーマやカスタマイズ状況によっては設置後に画面が大きく乱れることがあります。 そこで、読み込んだWebページにCSSを挿入する […]
2026/03/26 14:13:55 |
Node.js
Electronで作成したデスクトップアプリをWindows向けにパッケージ化するためにelectron-builderを実行したら、エラーが出てしまった。 対処までに時間がかかったのでメモとして残しておきます。 &nb […]
2026/03/16 15:34:53 |
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を作成開始できる」ということを目標に記事を作 […]
