データベーススペシャリストという資格がありますが、この資格取得のために勉強していると正規化について学ぶと思います。日常業務でDB論理設計を行った経験があれば、第３正規形まではすんなりと飲み込むことができる内容ではないでしょうか？ ですが、その後の ボイスコッド正規形 第４正規形 第５正規形 で理解に苦しんだり、そもそも何のためにやるのか疑問に思ったりする人が多いのではないでしょうか・・・。 今回はまず、「ボイスコッド正規形」について分かりやすい解説を書くことに挑戦してみようと思います。 実際に「分かりやすかった！」と思った方、スターを付けてくれると励みになります。第二弾として第４正規形にもチャ…

この記事は、 KENTEM TechBlog アドベントカレンダー2025 25日目、12月25日の記事です。 初めに メリークリスマス！ 新卒2年目で現在バックエンド担当のK・Mです。いよいよ今年も残すところ、クリスマスと大晦日のみになりましたね。みなさん、この一年はいかがお過ごしでしたでしょうか？ 私はこの一年を振り返ってみて、LT会を活用したインプット/アウトプットを複数こなせた一年だったなと感じています。 今回はその中で、私が勝手に提唱している LT会駆動勉強/開発「LDS/D（LT Driven Study / Develop）」 について、紹介＆布教していきたいと思います！ タイト…

この記事は、 KENTEM TechBlog アドベントカレンダー2025 24日目、12月24日の記事です。 こんにちは！フロントエンドエンジニアのY.Kです！ 前回までにuseQueryとuseMutationを組み合わせた非同期通信と状態更新を最適化する手法についてご紹介しました。まだご覧になっていない方は、まずこちらの記事をご一読ください。 useMutation×useQueryで非同期処理と状態更新を最適化する方法 - KENTEM TechBlog さて今回は、TanStack Queryの中核を担う 「QueryClient」 にフォーカスし、仕組みの理解とキャッシュ操作による…

この記事は、 KENTEM TechBlog アドベントカレンダー2025 23日目、12月23日の記事です。 こんにちは、KENTEMでエンジニアをしているM・Sです。 今回はVSCodeにおける作業領域についてお話しします。 通常モード 全画面モード Zenモード まとめ おわりに 通常モード 普段のコーディングでは下記のような画面で開発されているかと思います。 しかし、コーディングにおいて、下記の画像の色がついている箇所は不要ではないでしょうか？ 最近ではGithubCopilotも追加され、より作業領域が狭くなりがちです。 そこで今回は、作業領域を広げるための２つのモードをご紹介します…

この記事は、 KENTEM TechBlog アドベントカレンダー2025 22日目、12月22日の記事です。 こんにちは！ フロントエンドエンジニアのH.Rです。 気づけばクリスマスまであと2日になりましたね。 この時期になると「あの人に何を贈ろう？」と悩ませている方も多いのではないでしょうか。 そこで今回は、「自分では後回しにしがちだけど、実は欲しいもの」や「毎日使うからこそ、質にこだわりたい消耗品」など、エンジニアのツボをしっかり押さえたラインナップにしてみました！ まだプレゼントが決まっていない方、ぜひ参考にしてみてください！ 作業環境を整えるアイテム ● メカニカルキーボード ● モ…

この記事は、 KENTEM TechBlog アドベントカレンダー2025 21日目、12月21日の記事です。 こんにちは！開発統括部のH.Tです。 ご存じの方も多いかと思いますが、GitHub にはプレビュー版として提供されている機能を試すことができる「Feature Preview」という仕組みが用意されています。 この記事では、2025年12月時点で利用可能な機能をご紹介します！ Feature Preview とは Feature Preview を有効化する手順 Feature Preview で提供されている機能 機能一覧 ※2025年12月時点 Command Palette 起…

この記事は、 KENTEM TechBlog アドベントカレンダー2025 20日目、12月20日の記事です。 こんにちは！北の国のエンジニアです。 冬の訪れとともに、暖かな寝床が恋しい季節となりました。この時期は、学習習慣を確立することが一段と難しく感じる方も多いのではないでしょうか。 本記事では、過去に学習の継続に何度も挫折してきた私が、社内で開催された「もくもく勉強会」への参加を通じて、約3ヶ月間にわたり応用情報技術者試験の学習を継続できた実体験をご紹介します。 「長続きしない自分を変えたい方」、「集中力を高めて生産性を向上させたい方」にとって、本記事がその一歩を踏み出すきっかけとなれば…

この記事は、 KENTEM TechBlog アドベントカレンダー2025 19日目、12月19日の記事です。 こんにちは。新卒1年目エンジニアのY・Mです。 普段クラウドアプリを担当している私は、デスクトップアプリの知識がほとんどありません。 そこで、とにかく初歩的なことから勉強したいと思い、調べてみると Windowsには Windows API（Win32 API） という、アプリからウィンドウ操作などWindowsの機能を呼び出すための API があることを知りました。 今回は Windows API の SetWindowPos を使って、起動中のアプリのウィンドウを指定した位置・サ…

「社内で誰が一番リアクションが早いのか？」を決めるランキングアプリを作っていきたいと思います。ただし、普通に実装するのではなく、2025年11月からVS CodeのCopilotで利用可能になった「Planモード」を使い、コードは一切書かずにAIへの指示だけでアプリを完成させることに挑戦します。

皆さんは Teams で「リアクション」をしていますか？ 「確認しました」の代わりや、共感を示すためにスタンプを押すことが多いかと思います。<br>このリアクションですが、実はMicrosoftの業務自動化ツールである**Power Automate**を使うと、「誰が・いつ・どの投稿にいいねをしたか」 という詳細なデータを取得できます。

この記事は、 KENTEM TechBlog アドベントカレンダー2025 16日目、12月16日の記事です。 こんにちは、フロントエンド開発のY.O.です。 フロントエンドの業務に携わるようになって4年目になりますが、なんとなくの理解で日々の開発をやり過ごしているものの一つにビルドツールがあります。 フロントエンドのビルドツールは種類がたくさんあり、複雑で混乱しがちですよね。 そこで今回は私の認識の整理や備忘録も兼ねてフロントエンドのビルドツールについて書かせていただきます。 正直この話は類似のもっと良くまとまった記事がたくさんあり、内容もほぼほぼ被っています。 自分の理解のために書くので、…

この記事は、 KENTEM TechBlog アドベントカレンダー2025 15日目、12月15日の記事です。 みなさん AI は使っていますか？ 今回は AI に教育用コンテンツを作らせてみたので作成時のポイントをご紹介したいと思います。 作成時のポイント ポイント1 - バージョン管理システムで管理する ポイント2 - ドキュメントは Markdown & Mermaid で作る Mermaid を採用した理由 編集は Visual Studio Code ポイント3 - 仕様書を用意する ポイント4 - テンプレートを用意する ポイント5 - 複数の AI モデルに作らせる 統合作業は人…

この記事は、 KENTEM TechBlog アドベントカレンダー2025 14日目、12月14日の記事です。 来る12月25日への時を刻むアドベントカレンダー。 これをお読みのあなたも、待ちきれず、小躍りし、ソワソワしていますよね。 そう、応用情報技術者試験の合格発表の日です。 申し遅れました。バックエンドエンジニアのT.Mと申します。 こちらの記事は、 共に10月の試験を受けた同士へ、今回の努力を労い 未受験の方には、その背中を押し 受験済みの方へ、敬意を示す コードも論理図も無い、気楽な読み物として、楽しんでいただけるコンテンツにしたいと思います。 受けてよかった！ あなたはどんな人？ …

この記事は、 KENTEM TechBlog アドベントカレンダー2025 13日目、12月13日の記事です。 こんにちは、 React を中心にフロントエンド開発をしているエンジニア T・M です。 タッチデバイス向けのUIを作っていて、 「onPointerMoveでpreventDefault()してるのに、スクロールが全然止まらない」 という状況にハマりました。 その過程で、Pointer Eventsの仕様について学びがいくつかありました。 同じ問題に遭遇している方は、ぜひ参考にしてみてください。 やりたかったこと 前提知識：ReactのイベントとブラウザAPI なぜPointer …

この記事は、 KENTEM TechBlog アドベントカレンダー2025 12日目、12月12日の記事です。 こんにちは！バックエンドエンジニア兼、プロジェクトリーダーをしている N.Y. です。 みなさん KPT はご存じですか？もしくは実践されていますか？？ 私のプロジェクトでは、より良いプロジェクト運営を目指して、独自に作ったフォーマットで KPT を行っています。 本日はそのフォーマットに至るまでの経緯と、運用してみた所感などをお伝えできればと思います。 KPT (ケーピーティー or けぷと) とは プロジェクトの特徴 課題感は突然に 見つけた神フォーマット 自プロジェクトの特徴に…

この記事は、 KENTEM TechBlog アドベントカレンダー2025 11日目、12月11日の記事です。 今回紹介するのは、React初心者の私が実際に経験した「クラスとReactの挙動」に関する問題です。 機能実装の過程で計算基準を保持する計算クラスを作成しました。このクラスには計算メソッドを定義し、計算結果を返すようにしていましたが… 画面の計算基準の値は更新されているのに、計算メソッドで使われる計算基準は古いままという謎の現象に直面しました。なぜこんなことが起きたのか？この記事では、その原因・解決策を学びとして共有します。 起こった事象 原因 解決策 まとめ おわりに 起こった事象…

この記事は、 KENTEM TechBlog アドベントカレンダー2025 10日目、12月10日の記事です。 こんにちは、KENTEM4年目のY.Tです。 突然ですが皆さん、Shift_JISとUTF-8のエンコードの違いに苦しめられたことはありますか？ 特にWindowsで開発をしている方だと、こんな経験があるのではないでしょうか。 Visual Studioでコードを書いてコミットしようとしたら、日本語コメントが文字化けしていた Visual Studioでコードを書いてVS Codeで開いたら文字化けしていた 今回は、そんなときにサクッと問題を解決できる小技を見つけたのでご紹介します。…

この記事は、 KENTEM TechBlog アドベントカレンダー2025 9日目、12月9日の記事です。 「くっ... このレビュー、どこまで見ればいいんだ...」 「テストケースこれで...足りてるのか...？」 ここ最近、目を血走らせてコードと格闘しているのエンジニアTです。 生成AIを使ってコーディングするのが当たり前になりつつある今、私はテストコードに苦しんでいました。 なぜAIが作るとあんなに膨大な量になるのでしょうか？（削っても多いから恐ろしい） そんな悩みから勢いだけで「テストコードを増やさず、テストケースを増やす」方法について書いてみました。 同じ悩みを抱える人のヒントになれ…

この記事は、 KENTEM TechBlog アドベントカレンダー2025 8日目、12月8日の記事です。 こんにちは。2年目フロントエンドエンジニアのM.Hです。 皆さん、cssで要素を重ねるとき、どのようなプロパティを設定しますか？ すぐに思いつくのはposition:absoluteではないかと思います。あとはtransformやマイナスのマージンを付けたりする方法もありますね。 gridを使うことでも重ねられるのですが、重ねる方法をwebで検索してもあまりすぐには出てきません。ということで本記事ではgridを使って要素を重ねる方法を紹介します。 想定ケース positionを使った重ね…

この記事は、 KENTEM TechBlog アドベントカレンダー2025 7日目、12月7日の記事です。 こんにちは。KENTEMでフロントエンドエンジニア歴２年目のものです。 日々の開発業務を通じてエディタを使いやすく改良してきました。今回は、拡張機能について紹介したいと思います。 なお、私のプロジェクトではフロントエンドにReact, TypeScript, Less, バックエンドに C#, ASP.NET Core, インフラにAzureを使用しています。 拡張機能（MCPサーバも含む） 拡張機能一覧 Tips まとめ おわりに 拡張機能（MCPサーバも含む） 拡張機能一覧 Japa…

この記事は、 KENTEM TechBlog アドベントカレンダー2025 6日目、12月6日の記事です。 こんにちは！モバイルアプリの開発に日々励んでいるKENTEM開発統括部のK.H.です。 丹精込めて作成した機能がみんなに使われて、社会の役に立つ。なんて素晴らしい仕事でしょう。 ・・・・ホントですか？ほんとに使われていますか？役に立っていますか？ 開発者と利用者の認識が異なることもありますし、どんなに良い機能だったとしても使われてなかったら無駄なものです。 リリース時には良いものを作った！と思いたくなりがちですが、ちゃんと現実を把握して、次に活かしていくことが大事です。 ということで、今…

この記事は、 KENTEM TechBlog アドベントカレンダー2025 5日目、12月5日の記事です。 こんにちは！普段フロントエンドで開発しているK.Sです☃️ 皆さんは「PCではファイルがアップロードできるのにiPadではできない！」という不具合に遭遇した経験はありますか？私はあります😅 今回は実際にプロジェクトで直面した「NFC/NFD問題」について、その時の状況を交えながら原因と解決方法をご紹介したいと思います。 こちらの記事を参考にさせていただきました。 zenn.dev qiita.com 発生したときの状況 なぜ起こったのか？ 行ったこと 余談 まとめ おわりに 発生したとき…

この記事は、 KENTEM TechBlog アドベントカレンダー2025 4日目、12月4日の記事です。 こんにちは、新人エンジニアのU.Hです。 今年の4月に入社し、プロジェクトに配属されて早いものでもう半年が経ちました。 学生時代とは全く違う、仕事としてのプログラミングを続けていく中で、エンジニアとして少しずつ成長できているような気がします。 本記事では、実際にシステムエンジニアとして働いて半年間で大切だと思ったことを３つほど共有したいと思います。 品質の高いコードを目指す AIに頼りすぎない コミットはわかりやすく分ける まとめ おわりに 品質の高いコードを目指す 実際に働いて感じたの…

この記事は、 KENTEM TechBlog アドベントカレンダー2025 3日目、12月3日の記事です。 新卒1年目社員の K・K です この記事では、Web・アプリ制作に欠かせない UI コンポーネントである ハンバーガーメニュー について、その成り立ちから最新の工夫、そして進化のアイデアまでを分かりやすくまとめました。 React Native 初心者が、React Native の勉強の一環として、ハンバーガーメニューの進化を提案します。難しい内容ではないので、気軽に、温かい目で読んでいただけますと幸いです。 そもそもハンバーガーメニューって何？ 歴史と普及の理由 工夫されたハンバーガ…

この記事は、 KENTEM TechBlog アドベントカレンダー2025 2日目、12月2日の記事です。 先日、ついに .NET 10 が正式リリースされました！ 今回は３年間の長期サポート（LTS）バージョンということで、アップデートを検討されている方も多いのではないでしょうか？ .NET 10では、C#のバージョンが 14 になり、より便利な機能が追加されています。 ↓ 一例 また、Entity Framework Core（EF Core） にも多くの新機能が加わっています。 そんな中でも特に注目したいのが、SQLでおなじみの 「LEFT JOIN」 が正式にサポートされたことです。 …

この記事は、 KENTEM TechBlog アドベントカレンダー2025 1日目、12月1日の記事です。 はじめに こんにちは！新卒2年目でバックエンドを担当しているK・Mです。 気づけば今年も残り1か月ですね。振り返ってみると、私はGitHub Actionsを触り始めたのをきっかけにCI/CDへ興味が広がり、そこからコンテナの世界にハマった1年でした。 今回は、そんな私が個人開発で手放せなくなったDev Containerを紹介します！ Dev Containerとは？ Dev Containerとは読んで字のごとく、開発専用のコンテナです。Docker等のコンテナ技術を使って開発環境を…

こんにちは、Reactを中心にフロントエンド開発をしているエンジニアです。 AIコーディングエージェントが普及し始めてしばらく経ちますが、みなさんの現場ではどうでしょうか。私もGitHub Copilotを活用して半年が経ちました。 半年経った今、設計について考える時間が増えたこと。これが最も大きな変化です。 この半年の実体験を記事としてまとめました。GitHub Copilotに限らず、これからAIコーディングエージェントを導入しようとしている方の参考になれば幸いです。 課題：コーディングに時間を取られていた 設計時間の圧迫 巨大コンポーネントの発生 導入後：実装をAIに任せ、設計に集中する…

こんにちは！KENTEMのフロントエンジニア、S.W.です。 昨年React19の正式版が公開され、私のプロジェクトでは今年の夏にReact18から19へ更新を実施しました。 依存ライブラリの更新や移行作業には苦労しました…。 そして、更新直後の10月1日にReact19.2が公開されました。 すでにReact19.1へ更新済みなので恐れることなく、今回の開発でReact19.2を取り入れることにしました。 react.dev 早速、新機能 useEffectEvent の使いどころがあったので、使い方をご紹介します。 useEffectEventとは どんなときに使えるの？ 例 useEff…

こんにちは、相も変わらずスポーツカーの動画を見ているフロントエンドエンジニアのY.Kです！ 前回は、TanStack Queryの useQuery を使った状態管理についてご紹介しました。まだご覧になっていない方は、まずはこちらの記事をご一読ください。 さて今回は、「状態の更新」にフォーカスし、useMutation の活用方法を具体的なコード例とともにご紹介していきます。 useQuery と組み合わせることで、よりリアルなアプリケーション開発に役立つ内容になっていますので、ぜひ最後までご覧ください！ Reactだけでの状態更新 使い方 実装 エントリーポイント（main.tsx） アプリ…

筆者が携わっている製品では三角形の面積を求めている箇所が多くあります。 三角形の面積を求める方法として底辺×高さ÷2という公式は広く知られています。 しかし、筆者が把握している範囲ではプログラミングでこの式を用いることはあまり見たことがありません。 プログラミングでは三角形の各頂点や各辺の長さの情報から求めることが多いです。 ところが、いざ実装しようとすると「どのような公式があったか」と忘れがちで調べ直すことが多々ありました。 そこで今回は代表的な方法を整理してまとめてみました。 ヘロンの公式 外積を用いた式 三角関数を用いた式 おわりに ヘロンの公式 ヘロンの公式は三角形の各辺の長さがわかっ…