Firebaseチャットでドキュメントをアップロードする方法
Firebaseチャットでドキュメントをアップロードする方法。営業チーム向けのチャットアプリを構築する場合、テキストや画像だけでは不十分です。オペレーターは、PDF、Wordファイル、Excelシートなどを共有する必要がある場面が多くあります…。
GyaanSetu WebDev
Frontend, backend and devops for the modern web.
Firebase PWAにおける通知センターの構築
Firebase PWAにおける通知センターの構築。セールスチームの管理には多くのツールが必要です。私のコントロールパネルでは、FCMプッシュ通知、チャット、リマインダー、共有カレンダーを使用していました…。
インタラクティブなアプリガイドの構築
インタラクティブなアプリガイドの構築。サポートチームは、自身でインストールしたことのないアプリを使用する際に、しばしば苦労することがあります。PDFのマニュアルは、誰も読まないため、あまり良い解決策ではありません。私は、〜なツールを構築しました...
モノレポETLにおける4つのGitHub Actionsパターン
モノレポETLにおける4つのGitHub Actionsパターン。1つのモノレポから3つのサイトを運用すると、問題が発生します。3つの個別のETLジョブ、3つのコンテンツ再構築、そして3つのデプロイプロセス...に直面することになります。
LLMS.TX：なぜあなたのウェブサイトにこれが必要なのか
LLMS.TX：なぜあなたのウェブサイトにこれが必要なのか。ChatGPTやPerplexityのようなAI検索エンジンは、人々の情報検索のあり方を変えつつあります。検索結果に表示され続けるためには、ウェブサイトに新しいツール、つまりllms...が必要です。
Has Isn't A Parent Selector. It Deletes JavaScript.
Has Isn't A Parent Selector. It Deletes JavaScript. Search your code for classList.toggle. You likely find many instances of the same pattern. A user clicks a checkbox or focuses…
見えないフロントエンド：プロダクトを救う小さな決断
見えないフロントエンド：プロダクトを救う小さな決断。最高のフロントエンドの仕事は、デモで目にすることはありません。人々がそのスクリーンショットを撮ることもありません。しかし、この仕事がなければ、ユーザーは…
GPT Image 2：どのノードを削除するのか？
GPT Image 2：どのノードを削除するのか？ 新しい画像モデルには、派手なデモが伴うことが多い。開発者はその熱狂に惑わされるべきではない。デモは、構築の判断基準にはならない。代わりに、一つの問いを投げかけてみよう:…
2026年、私がAIコーディングツールを選んだ方法
2026年、私がAIコーディングツールを選んだ方法。AIコーディングアシスタント選びは、見た目以上に難しいものです。マーケティングによって、どのツールも同じように聞こえてしまいます。本当の違いが見えてくるのは、...
Cloudflareの新しいAIクローラー制御機能
Cloudflareの新しいAIクローラー制御機能。ウェブサイトのトラフィックが変化しています。以前は、検索エンジンがユーザーがサイトを見つけやすくするためにサイトをクロールしていました。それは単純な仕組みでした。しかし、AIによってこれが非常に...
自作のトンネリングプラットフォームを構築してみた
自作のトンネリングプラットフォームを構築してみた。ノートPCで3日間かけてウェブアプリを磨き上げ、見た目は完璧でした。しかし、いざスマホでテストしてみると、すべてが崩壊。ローカル開発…
MERNスタック開発者ロードマップ
MERNスタック開発者ロードマップ。MERNスタックは、Web開発における最良の選択肢の一つです。JavaScriptという一つの言語だけで、フルスタックアプリケーションを構築することができます。MERNは...
社内コミュニケーションを人事のタスクとして扱うのをやめよう
社内コミュニケーションを人事のタスクとして扱うのをやめよう。2つの企業が同じ日に同じ製品を発売しました。両社とも優れた開発者を擁しています。6ヶ月後、一方の企業は成長しましたが、もう一方は…
LLM + RAG + Function Calling はAIエージェントではない
LLM + RAG + Function Calling はAIエージェントではありません。LLM、RAG、およびFunction Callingを使用しているアプリケーションであれば、何でもAIエージェントと呼んでしまう人が多くいますが、これは誤りです。これらのツールは能力を拡張するものであり…
The Firestore JOIN Trap
The Firestore JOIN Trap You face a common Firestore problem. Your Firebase function throws a maximum batch size error. You need to join orders and customers for a dashboard. You u…
テスト生成におけるAI：その有用性と落とし穴
テスト生成におけるAI：その有用性と落とし穴。AIはテストを高速に作成できますが、一見本物のように見えても、実際には誤った内容を検証してしまうテストを作成することもあります。AIに関数を貼り付けると、その...
AWS初心者向け：S3、重複排除、および署名付きURL
AWS初心者向け：S3、重複排除、および署名付きURL。おもちゃレベルのアプリ開発は卒業しましょう。本番環境向けのシステム構築を始めましょう。サーバーが使い捨てであるなら、ファイルはそのディスク内に保存しておくことはできません…。
ポートフォリオサイトを最適化した方法
ポートフォリオサイトを最適化した方法。ポートフォリオは第一印象を左右するものです。読み込みが遅かったり、Googleの検索結果に表示されなかったりすると、チャンスを逃してしまいます。私はサイトの速度を...
会員限定のWordPressサイト向け検索モーダルの構築
会員限定のWordPressサイト向け検索モーダルの構築。ほとんどのWordPress検索チュートリアルは、ヘッダーにウィジェットを追加しただけで終わってしまいます。しかし、制限されたコンテンツがある場合には、この方法ではうまくいきません…
ユーザーを失う原因となった5つのREST APIのミス
ユーザーを失う原因となった5つのREST APIのミス。3年前、私は初めての公開APIを構築しました。週末だけで完成したと思っていました。ユーザーがやってくるのを待ちました。そして、ユーザーはやってきました。しかし、彼らは...
AIを活用した認可バグの発見
AIを活用した認可バグの発見。バグバウンティプログラムが変化しています。報酬の支払いを停止したプログラムもあれば、報酬を80%削減したプログラムもあります。その理由は、AIがバグをあまりにも多く見つけるからではなく……
最適なウェブレンダリング戦略の選び方
最適なウェブレンダリング戦略の選び方。ウェブ開発において、速度とインタラクティビティはしばしば相反する関係にあります。ページの表示速度だけに集中しすぎると、操作感が損なわれてしまうかもしれません…。
Stripe Webhookによる多言語メール
Stripe Webhookによる多言語メール。SaaSをグローバルに展開する際には、予期せぬ落とし穴が潜んでいます。私たちは、StripeのWebhookにおいてその一つに直面しました。当社のシステムは、購入確認や更新、そして失敗の通知を送信していましたが……
TypeScriptは最後のオーバーロードを推論する
TypeScriptは最後のオーバーロードを推論する。TypeScriptには、関数オーバーロードを使用する際に特有の挙動があります。オーバーロードされた関数から型を推論しようとすると、TypeScriptは…