KENTEM TechBlog

建設業のDXを実現するKENTEMの技術ブログです。

フロントエンドのビルドツールについて

この記事は、 KENTEM TechBlog アドベントカレンダー2025 16日目、12月16日の記事です。 こんにちは、フロントエンド開発のY.O.です。 フロントエンドの業務に携わるようになって4年目になりますが、なんとなくの理解で日々の開発をやり過ごしているものの一…

AIによるドキュメント作成のポイント

この記事は、 KENTEM TechBlog アドベントカレンダー2025 15日目、12月15日の記事です。 みなさん AI は使っていますか? 今回は AI に教育用コンテンツを作らせてみたので作成時のポイントをご紹介したいと思います。 作成時のポイント ポイント1 - バージ…

"応用"情報がエンジニアの"基礎"だった話

この記事は、 KENTEM TechBlog アドベントカレンダー2025 14日目、12月14日の記事です。 来る12月25日への時を刻むアドベントカレンダー。 これをお読みのあなたも、待ちきれず、小躍りし、ソワソワしていますよね。 そう、応用情報技術者試験の合格発表の日…

Reactでタッチスクロールを条件付きで止めたい? Pointer Eventsでは難しい理由

この記事は、 KENTEM TechBlog アドベントカレンダー2025 13日目、12月13日の記事です。 こんにちは、 React を中心にフロントエンド開発をしているエンジニア T・M です。 タッチデバイス向けのUIを作っていて、 「onPointerMoveでpreventDefault()してるの…

KPT を改良してチームの振り返りを活性化した話

この記事は、 KENTEM TechBlog アドベントカレンダー2025 12日目、12月12日の記事です。 こんにちは!バックエンドエンジニア兼、プロジェクトリーダーをしている N.Y. です。 みなさん KPT はご存じですか?もしくは実践されていますか?? 私のプロジェク…

ReactHooksとインスタンス更新の注意点

この記事は、 KENTEM TechBlog アドベントカレンダー2025 11日目、12月11日の記事です。 今回紹介するのは、React初心者の私が実際に経験した「クラスとReactの挙動」に関する問題です。 機能実装の過程で計算基準を保持する計算クラスを作成しました。この…

Shift_JISファイルを文字化けなしでUTF-8に変換する小技

この記事は、 KENTEM TechBlog アドベントカレンダー2025 10日目、12月10日の記事です。 こんにちは、KENTEM4年目のY.Tです。 突然ですが皆さん、Shift_JISとUTF-8のエンコードの違いに苦しめられたことはありますか? 特にWindowsで開発をしている方だと、…

「テストコードを増やさず、テストケースを増やす」の正体!プロパティベースドテストの可能性

この記事は、 KENTEM TechBlog アドベントカレンダー2025 9日目、12月9日の記事です。 「くっ... このレビュー、どこまで見ればいいんだ...」 「テストケースこれで...足りてるのか...?」 ここ最近、目を血走らせてコードと格闘しているのエンジニアTです。…

cssで要素を重ねるなら、gridでも良くない?

この記事は、 KENTEM TechBlog アドベントカレンダー2025 8日目、12月8日の記事です。 こんにちは。2年目フロントエンドエンジニアのM.Hです。 皆さん、cssで要素を重ねるとき、どのようなプロパティを設定しますか? すぐに思いつくのはposition:absoluteで…

【vscode】KENTEM2年目フロントエンドエンジニアの導入している拡張機能の一例を紹介

この記事は、 KENTEM TechBlog アドベントカレンダー2025 7日目、12月7日の記事です。 こんにちは。KENTEMでフロントエンドエンジニア歴2年目のものです。 日々の開発業務を通じてエディタを使いやすく改良してきました。今回は、拡張機能について紹介した…

アプリの利用状況を見てみよう

この記事は、 KENTEM TechBlog アドベントカレンダー2025 6日目、12月6日の記事です。 こんにちは!モバイルアプリの開発に日々励んでいるKENTEM開発統括部のK.H.です。 丹精込めて作成した機能がみんなに使われて、社会の役に立つ。なんて素晴らしい仕事で…

iPadでファイルが添付できない!?NFC/NFD問題について

この記事は、 KENTEM TechBlog アドベントカレンダー2025 5日目、12月5日の記事です。 こんにちは!普段フロントエンドで開発しているK.Sです☃️ 皆さんは「PCではファイルがアップロードできるのにiPadではできない!」という不具合に遭遇した経験はあります…

システムエンジニアとして働き始めて半年間で大切だと思ったこと

この記事は、 KENTEM TechBlog アドベントカレンダー2025 4日目、12月4日の記事です。 こんにちは、新人エンジニアのU.Hです。 今年の4月に入社し、プロジェクトに配属されて早いものでもう半年が経ちました。 学生時代とは全く違う、仕事としてのプログラミ…

ハンバーガーメニューの進化を考えてみた

この記事は、 KENTEM TechBlog アドベントカレンダー2025 3日目、12月3日の記事です。 新卒1年目社員の K・K です この記事では、Web・アプリ制作に欠かせない UI コンポーネントである ハンバーガーメニュー について、その成り立ちから最新の工夫、そして…

【C#】.NET10 EF Coreで「LEFT JOIN」が正式サポート!

この記事は、 KENTEM TechBlog アドベントカレンダー2025 2日目、12月2日の記事です。 先日、ついに .NET 10 が正式リリースされました! 今回は3年間の長期サポート(LTS)バージョンということで、アップデートを検討されている方も多いのではないでしょ…

Dev Containerのすすめ

この記事は、 KENTEM TechBlog アドベントカレンダー2025 1日目、12月1日の記事です。 はじめに こんにちは!新卒2年目でバックエンドを担当しているK・Mです。 気づけば今年も残り1か月ですね。振り返ってみると、私はGitHub Actionsを触り始めたのをきっか…

React エンジニアが GitHub Copilot と半年暮らしてわかった。「設計する時間」が増えた話

こんにちは、Reactを中心にフロントエンド開発をしているエンジニアです。 AIコーディングエージェントが普及し始めてしばらく経ちますが、みなさんの現場ではどうでしょうか。私もGitHub Copilotを活用して半年が経ちました。 半年経った今、設計について考…

【React19.2】新機能useEffectEventの使いどころと注意点

こんにちは!KENTEMのフロントエンジニア、S.W.です。 昨年React19の正式版が公開され、私のプロジェクトでは今年の夏にReact18から19へ更新を実施しました。 依存ライブラリの更新や移行作業には苦労しました…。 そして、更新直後の10月1日にReact19.2が公…

useMutation×useQueryで非同期処理と状態更新を最適化する方法

こんにちは、相も変わらずスポーツカーの動画を見ているフロントエンドエンジニアのY.Kです! 前回は、TanStack Queryの useQuery を使った状態管理についてご紹介しました。まだご覧になっていない方は、まずはこちらの記事をご一読ください。 さて今回は、…

プログラミングで三角形の面積を求める方法をまとめてみた

筆者が携わっている製品では三角形の面積を求めている箇所が多くあります。 三角形の面積を求める方法として底辺×高さ÷2という公式は広く知られています。 しかし、筆者が把握している範囲ではプログラミングでこの式を用いることはあまり見たことがありませ…

宇宙を破壊!?4種類の変わり種ソートを紹介します!

こんにちは。KENTEMでフロントエンドを担当しているS・Kです。 あっという間に10月も終わり、今年も残すところあと2ヶ月となりました。時間経つの早すぎじゃない?と思う今日この頃です。 皆さんも残りの2か月、体調管理には気をつけながら一緒にラストスパ…

【Unity】多角形の内外判定を行う方法 #4 (Ray Casting Algorithmを用いる)

前回の記事では指定された点が多角形の内部に存在するか否かを、平面を用いて判定を行う方法を紹介しました。 本記事では、Ray Casting Algorithmを用い多角形の内外判定を行う方法を紹介します。 中身は複雑に見えますが参考URLや本文中のWikipediaからもわ…

【Unity】多角形の内外判定を行う方法 #3 (平面を用いる)

前回の記事では指定された点が多角形の内部に存在するか否かを、ベクトルの成す角度を用いて判定しました。 本記事では平面を用いて判定する仕組みについて紹介します。 本記事に関して 多角形の内外判定を行う方法のシリーズの3本目です。 UIや必要な事前準…

【Unity】多角形の内外判定を行う方法 #2 (角度を用いる)

前回の記事では指定された点が多角形の内部に存在するか否かを、ベクトルの外積を用いて判定しました。 本記事では角度を求めることで判定する仕組みについて紹介します。 本記事に関して 多角形の内外判定を行う方法のシリーズの2本目です。 UIや必要な事前…

【Unity】多角形の内外判定を行う方法 #1 (外積を用いる)

Unityのようなゲームエンジンを用いて作られたアプリケーションでは多角形(ポリゴン)を作成し、さまざまな処理を行うことがあります。 本シリーズでは任意の点が多角形の内部に存在しているかを判定する手法を4種類紹介いたします。 [1] 外積を用いる方法 [2…

外部イベントLT初登壇レポ

こんにちは!24卒、2年目エンジニアのM.Hです。 今回は、先日参加したオフラインイベントの参加レポです。 私たちは普段からオンライン、オフライン関係なく色々なセミナーやイベントに参加していますが、今回はちょっと違います。 タイトルにもありますが、…

プロダクト中心の開発組織へ──KENTEMの組織再編とマネージャー評価の変革

こんにちは。KENTEMの開発部門のマネージャーです。 2025年7月、私たちは開発組織を大きく再編し、「プロダクト中心」の体制へと舵を切りました。 今回は、その背景や狙い、そして評価制度の変更についてご紹介します。 プロダクト中心の組織へ:開発部門を…

SRE入門

皆さんSREという言葉はご存知でしょうか? 耳にしたことはあるけど、実際何をするのか知らないという方が多いのではないでしょうか。 この7月よりSREチームを立ち上げることになりましたので、今回はSREについて書いてみたいと思います。 概要 目的 サービ…

useQueryを使った非同期処理と状態管理のスマートな解決法

こんにちは!最近はスポーツカーの動画を見るのにハマっている、フロントエンドエンジニアの Y.K です。 フロントエンド開発において、データフェッチの管理は意外と悩ましいポイントのひとつですよね。 Reactで非同期処理を書いていて、「これ、もっとスマ…

ブラウザ間のnew Date()の取り扱いの差異を調べてみた

こんにちは、KENTEMでフロントエンドを担当しているM.Sです。 普段の開発においてDateオブジェクトの使用は避けては通れないですよね。 皆さんはこのDateオブジェクトの取り扱い(パース)がブラウザ間によって差異があることをご存知ですか? 私はつい先日…