幅のチェックが漢字を壊した
幅のチェックが漢字を壊した。ある名前が端末のテーブルに入力されたところ、壊れた状態で出力されました。その名字は「𠮷田」でした。最初の文字は一般的な「吉」ではなく、「𠮷」(U+20BB7) です。これは珍しい…
GyaanSetu WebDev
Frontend, backend and devops for the modern web.
Namecheapの共有ホスティングにNestJSをデプロイする方法
Namecheapの共有ホスティングにNestJSをデプロイする方法。Namecheapの共有ホスティングへのNestJSのデプロイは、静的サイトやPHPアプリのデプロイとは異なります。単にファイルをアップロードして実行するだけでは...
エージェントが本番環境を壊したのではない。壊したのはパイプラインだ。
エージェントが本番環境を壊したのではない。壊したのはパイプラインだ。あなたのエージェントが本番環境を壊したわけではありません。壊したのはパイプラインです。多くのチームがプルリクエストを作成するためにエージェントを活用しており、CIを使ってLintチェックなどを行っています...
Reactでリンクを混同せずにメールアドレス変更フローをテストする
Reactでリンクを混同することなくメールアドレス変更フローをテストする。アカウントのメールアドレス変更は些細なことに思えるかもしれませんが、実際にはテストエラーの大きな原因となります。テスターはしばしば確認...
ブラウザ上でCADエディタを構築し、LLMにその操作方法を学習させた
ブラウザ上でCADエディタを構築し、LLMにその操作方法を学習させた。アプリに「ドアと窓はいくつありますか？」と尋ねてみたところ、AIは個数を答えてくれた。そして、AIはさらにあることを付け加えた……
3ヶ月間成功し続けていたCI/CDパイプライン — ログを読んで分かったこと
3ヶ月間成功し続けていたCI/CDパイプライン — ログを読んで分かったこと。緑色のチェックマークを見るのは気分が良いものです。すべてのプルリクエストはパスし、すべてのデプロイも正常に完了していました。しかし、あるユーザーから機能の不具合が報告されたのです。それは…
完璧なLighthouseスコアを実現するためのあらゆる最適化手法
完璧なLighthouseスコアを実現するためのあらゆる最適化手法。私は自分のサイトで常にLighthouseを実行しています。ローカルでの実行は常に100、VercelのReal Experience Scoreも100を維持しています。これらの...
HTTPに20年ぶりの新メソッドが登場
HTTPに20年ぶりの新メソッドが登場。おそらく、これまでに経験があるはずです。商品を検索する必要があるとき、検索フィルターがURLの制限を超えるほど大きくなってしまうことがあります。これを解決するために、あなたは…
同期的なPHP開発者が非同期PHPについて学んだこと
同期的なPHP開発者が非同期PHPについて学んだこと。私は長年Laravelを使ってきました。同期的なPHPを使用していました。リクエストが届き、プロセスが実行され、レスポンスが返される。私は一度も…
受信トレイの衝突を回避してReactの招待メールをテストする
受信トレイの衝突なしでReactの招待メールをテストする。招待フローが共有QA受信トレイに殺到すると、プレビュー環境が正常に機能しなくなります。あるテスターが間違ったリンクを開いたり、別のテスターが古いメッセージを誤って取得したりすることがあります…。
My Coding Agent Remembered Sessions, Not Work
My Coding Agent Remembered Sessions, Not Work A coding agent can keep a thread alive and still feel forgetful. I ran into this issue while building CliGate. I fixed session contin…
目の見えないユーザーのためのデザイン
目の見えないユーザーのためのデザイン。Appleは基調講演の中で、開発者に対してアプリをより美しく作るよう促しました。新しい透明効果や洗練されたエッジが導入されました。しかし、それだけでは…
OAuthの歴史：パスワードからグローバルスタンダードへ
OAuthの歴史：パスワードからグローバルスタンダードへ。それは日常的に目ににするものです。「Googleでログイン」や「GitHubでログイン」をクリックするだけで、パスワードを入力することなく、即座にサイトへアクセスでき…
チャットボットを超えた、企業の生成AI活用術
チャットボットを超えた、企業の生成AI活用術。真の変化はチャットウィンドウの中で起きているのではありません。日常的に使用しているツールの中で起きているのです。チャットボットは、あくまで主役の一人に過ぎませんでした…。
LovableとSupabaseで16のプロダクトを運用する際の技術的なミス
LovableとSupabaseで16のプロダクトを運用する際の技術的なミス。Inithouseでは16のプロダクトを運営しています。そのすべてにLovableとSupabaseを使用しています。1つのチームですべてを管理しています。管理...
モノレポETLにおける4つのGitHub Actionsパターン
モノレポETLにおける4つのGitHub Actionsパターン。1つのモノレポから3つのサイトを運用すると、問題が発生します。3つの個別のETLジョブ、3つのコンテンツ再構築、そして3つのデプロイプロセス...に直面することになります。
自作のトンネリングプラットフォームを構築してみた
自作のトンネリングプラットフォームを構築してみた。ノートPCで3日間かけてウェブアプリを磨き上げ、見た目は完璧でした。しかし、いざスマホでテストしてみると、すべてが崩壊。ローカル開発…
AWS初心者向け：S3、重複排除、および署名付きURL
AWS初心者向け：S3、重複排除、および署名付きURL。おもちゃレベルのアプリ開発は卒業しましょう。本番環境向けのシステム構築を始めましょう。サーバーが使い捨てであるなら、ファイルはそのディスク内に保存しておくことはできません…。
会員限定のWordPressサイト向け検索モーダルの構築
会員限定のWordPressサイト向け検索モーダルの構築。ほとんどのWordPress検索チュートリアルは、ヘッダーにウィジェットを追加しただけで終わってしまいます。しかし、制限されたコンテンツがある場合には、この方法ではうまくいきません…
AIを活用した認可バグの発見
AIを活用した認可バグの発見。バグバウンティプログラムが変化しています。報酬の支払いを停止したプログラムもあれば、報酬を80%削減したプログラムもあります。その理由は、AIがバグをあまりにも多く見つけるからではなく……
The Pragmatic Programmer: 20 Years Later
The Pragmatic Programmer: 20 Years Later I read The Pragmatic Programmer over two decades ago. Back then, it felt like a list of good practices. Today, after years of breaking sys…
誰も求めていなかった庭
誰も求めていなかった庭。6月21日、私はある庭を作りました。コードベースやダッシュボードを作ったのではありません。私が作ったのは、ALICE Gardenです。仕事中はローカルのURL上で、そしてGitHubのリポジトリに…
クライアントに配慮した安全な投稿ワークフローの構築方法
クライアントに配慮した安全な投稿ワークフローの構築方法。ほとんどのソーシャルオートメーションが失敗するのは、投稿を業務のすべてと考えてしまっているからです。クライアントワークにおいて、投稿は単なる最終ステップに過ぎません。その理由は…
Why Your Vibe Coded Website May Never Rank on Google
Why Your Vibe Coded Website May Never Rank on Google A founder showed me an impressive website last month. It had clean animations and sharp copy. He built it in one afternoon usi…