大容量ファイルのアップロードを効率的に管理する方法
なぜ大容量ファイルのアップロードを最適化すべきか フロントエンド開発において、画像、動画、音声ファイルなどのアップロードが必要な場面に頻繁に遭遇します。しかし、大容量ファイルのアップロード時には以…
View ArticleRemix+Mantineでフロントエンドを作る！（その１）
はじめに 最近のフロントエンドの知識がほぼゼロの状態から挑戦した、自分用メモです。 Macを使っているので、なんとなくUbuntuを入れてそこに環境を作ろうと思ったのですが、Macとのファイル共有と…
View ArticleOpenAI 公式の「Realtime API Agents Demo」の試してみた時のメモ
↓このポストで書いている『OpenAI 公式の「Realtime API Agents Demo」のお試し』に関するメモ的な記事です。 https://x.com/youtoy/status/188…
View ArticleHTTPキャッシュ入門：基本から応用まで
HTTPキャッシュとは HTTPキャッシュは、サーバーの負荷を軽減し、クライアントの応答時間を短縮し、ネットワーク帯域幅を節約することで、Webパフォーマンスを向上させる技術です。HTTPキャッシ…
View ArticleNodeJSのマスター・ワーカー・パターン解説
NodeJS は、JavaScript を基盤とした開発プラットフォームで、開発者が JavaScript を使用してサーバーサイドアプリケーションを作成できるようにします。NodeJS の重要な…
View ArticleGo vs Node.js vs PHP: フレームワークはどれが最速か？
PHP、Go、Node.jsフレームワークの包括的な性能比較 データソース この性能比較のデータは、https://www.techempower.com/benchmarks/#section=d…
View Articleとりあえずもう一つwebアプリを作る。環境設定でこんなに調べると思ってなかった。
Laravelで新しいアプリを作成した記録 お題：「もう一つアプリを作ってください」 またまた新しいお題が出ました。「もう一つアプリを作ってください。」とのこと。 今回は要件定義からスタートです。 …
View Articleシングルサインオン (SSO) の簡単ガイド
シングルサインオン (SSO) とは？ フロントエンドシングルサインオン (SSO) は、ユーザーが1つの認証情報セットを使用して複数のアプリケーションやウェブサイトにログインできるようにする認証…
View ArticleCloudflare デプロイ時のversion変更方法
はじめに Cloudflare のデプロイ時の言語やツールの version を変更する方法をまとめます。 2025/01/21 時点の情報で説明します。 本記事の内容は執筆時点の情報をもとにしてい…
View ArticleAuth0で認証されるAPIを作って使ってみる
はじめに 前の記事 でAuth0の基本動作を確認したので、今度は Auth0 認証となる API を作ってみる・使ってみるという内容です。 結論としては、またもや至れり尽くせりなのでワンパン作業にな…
View ArticleSvelteKitでデータ取得をSPA＋Expressの構成の考え方でやろうとして躓いた話
はじめに 今までは、SPAで単にブラウザにレンダリングされた後、JavaScriptのaxiosによりREST APIを呼び出していた。SvelteKitになると、SSRになりこのあたりの勝手が違っ…
View ArticleJWT（JSON Web Token）の完全攻略：徹底解説
JSON Web Token（略称：JWT）は現在最も人気のあるクロスドメイン認証ソリューションです。この記事ではその原理と使い方を紹介します。 I. クロスドメイン認証の問題 インターネットサー…
View Article「reprom」: 複数ファイルをまとめてAIに渡すための小さなCLIツール
はじめに 最近、ChatGPTなどの対話型AIにソースコードをレビューしてもらったり、質問を投げたりする場面が増えています。 しかし、複数ファイルにまたがるコードをまとめてAIに共有するには、なかな…
View ArticleGatsby-starterを作ったので仕組みとか使い方を説明させてくれ！ gatsby-starter-tricycle
Githubリポジトリ https://github.com/tatsuoNakano/gatsby-starter-tricycle 使用技術 Gatsby -v 5.12.2 Babel Web…
View ArticlePrismaはORMなのか？(Is Prisma ORM an ORM?)
はじめに 意味深なタイトルですが、このタイトルはPrismaの公式ドキュメントに存在するページタイトルです。 https://www.prisma.io/docs/orm/overview/pris…
View Articlebunのメリット！nodejsはもういらない！
Bunというパッケージマネージャー兼NodeJS互換JavaScriptランタイムが便利すぎます。メリットを紹介します。 速い 何をするにしても速いです。 Bunのサーバー・WebSocketサーバ…
View Articleファイアベースとアプリの連結
アプリケーションとファイアベースの連結させる手順 プロジェクトルート> firebase login ? Allow Firebase to collect CLI and Emulator Sui…
View ArticleAuth0で認証するSPAを作ってみる
はじめに ここ数回の記事で、Auth0 を使用したAPIを作って (作ったと言えるようなこともしてないけど) 遊んでいましたが、今回は Auth0 で認証する SPA を作ってみます。 ほぼ Aut…
View ArticleExpress.js 5.0.0 の新機能と更新情報
Express.js 5.0.0 リリース：安定性とセキュリティの強化 Express.jsは、Node.jsアプリケーション開発において非常に人気のあるWebアプリケーションフレームワークで、常…
View ArticleMacでnode 14.18.1でビルドしたい【2025年版】
ひとりごとの作業記録です。 0.ゴール Macで「node 14.18.1」でビルドしたい。 ただし、特定プロジェクトでのみ「node 14.18.1 」を使いたい。 開発環境は「MacOS Seq…
View Article