近年のWebアプリケーションでは、画面構成やUXの多様化にともない「より柔軟で効率的なデータ取得」の重要性が高まっています。 特にフロントエンドでは、不要なデータ取得や複数回のAPIリクエストが開発体験やパフォーマンスに影響を与えるケースも増えてきました。 よく使われているREST APIでは、エンドポイントごとに決まったレスポンスが返ってくるため、 フロント側の要件に合わせて「不要な...

はじめに 今年に入りチーム編成が変わり、バックエンドエンジニアからフロントエンドやインフラも触ることになりました。 詳しくはこちらをご覧ください。 その中でAngular v18環境でのフォーム実装に関わる機会があり、特にリアクティブフォームの「型の付け方」や「構成パターン」で混乱があったので、 本記事ではTyped Forms(型付きフォーム)におけるフォームオブジェクトの生成、型推論...

今回は、システム開発部が現在取り組んだ「チーム体制の見直し」と「他部署との連携強化」についてご紹介します。 前提 私たちは大きさの異なるプロダクトや担当業務を合計で約20ほどを開発・運用しています。そのほとんどがいわゆる Web+RDBMS で構成されるアプリケーションですが一部は Node.JS on AWS Lambda だったり Google Apps Script だったりしま...

はじめに 久しぶりに JavaScript / TypeScript に触れる機会がありました。 JavaScript の非同期処理は思い出すのにいつも時間がかかります。今後のために非同期処理について少し詳しくまとめます。 本記事では、サンプルコードとともに Event Loop の仕組み、Microtasks / Macrotasks の実行タイミングを整理しながら非同期処理について...

はじめに みなさん「Yahoo!広告スクリプト」をご存知でしょうか。 Yahoo!広告スクリプトとは、Yahoo! JAPANにおけるWeb広告プラットフォームにアクセスするためのスクリプトです。 Yahoo!広告 スクリプトとは？特徴や利用手順を解説 | LINEヤフー for business 弊社にはWeb広告の運用代行事業があり、とある集計作業でのスクリプト制作を試みました。...