バックアップのせいで、すべての写真が消えてしまった
バックアップのせいで、すべての写真が消えてしまった。オフラインの気分管理アプリ（ムードトラッカー）のためにバックアップボタンを作成しました。データはJSONファイルとして書き出され、ユーザーはそれを保存して新しいスマートフォンに移行できる仕組みでした。完璧だと思えたのですが……。
GyaanSetu JavaScript
JavaScriptとTypeScriptのエコシステム。
Why Your Vibe Coded Website Will Never Rank
Why Your Vibe Coded Website Will Never Rank A founder showed me a website last month. It looked great. It had clean animations and sharp copy. He built it in one afternoon using A…
TypeScriptの勝利。それが私たちにもたらした真の価値とは。
TypeScriptの勝利。それが私たちにもたらした真の価値とは。もはやTypeScriptを使うべきかどうかで議論することはない。新規プロジェクトでは、デフォルトで採用されている。議論は終結した。真の価値は、単に...
React vs Next.js: Which Should You Learn?
React vs Next.js: Which Should You Learn? Beginners often ask if they should learn React or Next.js first. The wrong choice slows your progress. This guide helps you decide based…
FirebaseによるカスタムEコマース
FirebaseによるカスタムEコマース。既存のプラットフォームは使用せず、スクラッチからカスタムECサイトを構築しました。Firebase Realtime DatabaseとNetlifyを使用しています。その目的は…
Signed Token Between Two PWAs: HMAC SHA256 With No Backend
Signed Token Between Two PWAs: HMAC SHA256 With No Backend You need to pass user identity from one PWA to another. Both apps run on separate Firebase projects. They share no datab…
JavaScriptで初めてのDiscordボットを作成する
JavaScriptで初めてのDiscordボットを作成する。Discordボットを作ってみたいと思ったことはありませんか？音楽を流したり、投票を行ったりするボットを見て、その仕組みが気になったことがあるかもしれません。このシリーズを終える頃には…
7年ぶりにJavaScriptに戻った理由
7年ぶりにJavaScriptに戻った理由。私は経験7年のUIデベロッパーです。HTMLとCSSは分かります。Figmaのデザインをコードに落とし込むこともできます。しかし、本当のデベロッパーになったような感覚は一度もありませんでした...
あなたは連結リストを使わない。しかし、ソフトウェアの半分はそれによって動いている。
あなたは連結リストを直接使うことはないでしょう。しかし、ソフトウェアの半分はそれによって動いています。実務的なJavaScriptプロジェクトで連結リストを自作することはまずありません。言語に組み込まれた配列は……
TypeScriptの勝利。その結果、何が得られたのか。
TypeScriptが勝利した。その結果、何が得られたのか。論争は終わった。ほとんどの新しいフロントエンドプロジェクトでは、デフォルトでTypeScriptが採用されている。もはや、採用すべきかどうかを議論する人はいない。真の価値は…
アプリのデータベースをGoogle ドライブのフォルダに置き換えてみた
アプリのデータベースをGoogle ドライブのフォルダに置き換えてみた。娘の音楽の進歩を記録したいと考えたのがきっかけです。彼女は毎週、先生から音声クリップやノートを受け取っています。それをリスト化して…
デバッグというもの
デバッグというもの。初心者は、経験豊富な開発者はミスをしないと思いがちです。しかし、事実は異なります。経験豊富な開発者は、ただミスを見つけるのが早いだけなのです。私はフルスタックの...
Reactが「再レンダリング」と言うとき、そこには3つの意味があります
Reactが「再レンダリング」と言うとき、そこには3つの意味があります。setStateを呼び出す際、Reactは単にDOMを更新するだけではありません。一連の流れとして、3つの異なるフェーズを実行します。多くの開発者が...
RustがJavaScriptツールチェーンを飲み込んだ。そしてCloudflareがそれを買収した。
RustがJavaScriptツールチェーンを飲み込んだ。そしてCloudflareがそれを買収した。Viteはその仕組みを変えた。2つのツールから単一のパイプラインへと移行した。以前の方法では、開発にesbuildを使用していまし…
Pagelyzeの構築を通じて学んだReactについて
Pagelyzeの構築を通じて学んだReactについて。Pagelyzeを構築したことで、Reactに対する見方が変わりました。理論を追うのをやめ、プロダクトのアーキテクチャに着目するようになりました。Pagelyzeはウェブ...
JavaScriptにおけるシャローコピー vs ディープコピー
JavaScriptにおけるシャローコピー vs ディープコピー。JavaScriptは、データ型に応じて2通りの方法でコピーを処理します。プリミティブ値（値によるコピー）：プリミティブ型には、文字列、数値などが含まれます…
100日間、87個のツール、サーバーはゼロ
100日間、87個のツール、サーバーはゼロ。私はToolKnitの構築に100日間を費やしました。これは87種類のブラウザベースのツールを集めたスイートです。多くのツールサイトは、ファイルをアップロードするとサーバーが処理を行うという仕組みですが……
技術職の候補者5名を面接しました
技術職の候補者5名を面接しました。先週、フロントエンド職の候補者5名を面接しました。彼らはそれぞれ異なる経歴とスキルを持っていました。一日の終わりには…
Reactは実体を失い、Vercelがその皮を被っている
Reactは実体を失い、Vercelがその皮を被っている。かつてReactコミュニティがこのプロジェクトを所有していた。しかし今では、まるでホスティング企業が管理しているかのように感じられる。その変化はゆっくりと進み、そして…
JavaScript 配列メソッド Part 1
JavaScript 配列メソッド Part 1。配列はJavaScriptにおける特別なオブジェクトです。1つの変数に複数の値を格納できます。学生ごとに個別の変数を作成する代わりに：l…
開発者が陥りがちな25のJSONのミス
開発者が陥りがちな25のJSONのミス。JSONはウェブ通信の基盤であり、軽量で読みやすいという特徴があります。しかし、そのルールは非常に厳格です。わずかなミスがコードを壊してしまいます…。
GraphQLフラグメント：各コンポーネントに自身のデータを管理させる
GraphQLフラグメント：各コンポーネントに自身のデータを管理させる。GraphQLのクエリは、最初はすっきりして見えます。1つのリクエストですべてのデータを取得できます。しかし、アプリが成長するにつれて、ページクエリが多くのフィールドを集め始め……
React vs Angular vs Vue: どれを選ぶべきか
React vs Angular vs Vue: どれを選ぶべきか。フロントエンドフレームワークの選択は、まるで罠のように感じられます。どのブログ記事も、どれかが勝者だと主張し、コメント欄は戦場と化してしまいます。真実はこうです…。
React Context vs Zustand：どちらをいつ使うべきか
React Context vs Zustand：どちらをいつ使うべきか。開発者はReactの状態管理において、よくある間違いを犯しがちです。Contextを誤った方法で使用し、その結果生じるパフォーマンスの問題をContextのせいにしてしまうのです。その…