KENTEM TechBlog

https://tech.kentem.jp/

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

フィード

記事のアイキャッチ画像
Xcode 27 における SwiftUI の @State マクロ化とその対応
KENTEM TechBlog
Xcode 27 における SwiftUI の @State マクロ化の調査まとめとその対応について
2日前
記事のアイキャッチ画像
新卒開発社員が紹介!札幌オフィスのビジネスカジュアル
KENTEM TechBlog
こんにちは!2026年4月に新卒入社し、札幌オフィスで開発業務を担当しているM.Tです。 今回は少し技術の話から離れて、私が普段働いている札幌オフィスの服装についてご紹介します。 入社前の私は、ビジネスカジュアルと聞いても、具体的に何を着ればいいのかわかりませんでした。 スニーカーは大丈夫なのか、Tシャツはアリなのか。 そもそも、実際に働いている人たちはどんな服装をしているのか。 そこで今回は、入社前の自分が知りたかった「札幌オフィスのリアルな服装」を、写真とともにご紹介します! 普段のオフィスの雰囲気も、開発職として働く私の視点から少しでもお伝えできればと思います。 ビジネスカジュアルって何…
4日前
記事のアイキャッチ画像
重たい EF Core クエリを調査したら Include が生成する ORDER BY が影響していた話
KENTEM TechBlog
こんにちは。今回は、負荷テスト環境で実行時間が約 73 秒になっていた API のクエリを改善した話を書きます。 負荷テスト環境には大量のデータが投入されており、通常の開発環境では気付かなかった性能問題が顕在化していました。 最初は、関連データ取得に使っていた Include が原因ではないかと考えました。が、SQL と実測値を順番に確認していくと、どうやら EF Core がコレクションの Include に自動で追加する、親子関係を保つための ORDER BY が大きく効いていそうだと分かってきました。 最終的には、Include で関連データを一度に取得する方法をやめ、クエリを分けて必要…
6日前
記事のアイキャッチ画像
過去に書いたプログラムをAIにレビューさせてみた
KENTEM TechBlog
KENTEMに新卒で入社して2年目のS・Kと申します。 さっそくですが、皆さんは昔の自分が書いたコードを見返すことはありますか? 今回は、昔書いたコードをAIにレビューしてもらって問題点がないかを確認してみた記事です。 当時作成したプログラムの概要 Claudeにコードをレビューしてもらう 特定の入力値だけ動かない 原因:85回のはずのループが86回動いていた 他にもこのような指摘がありました まとめ おわりに 対象は今から約4年半前、私がまだ大学生だったころに書いた「迷路の自動生成と最短経路探索」のプログラムです。 コードの日付を確認してみると、ChatGPTが公開される約7か月前でした。 …
9日前
記事のアイキャッチ画像
メールなりすまし防止技術のSPFを理解する
KENTEM TechBlog
入社して3年目にメールのなりすまし防止技術のDMARCについて調査しました。 DMARCで認証を成功させるには、別の認証技術であるSPFとDKIMのうち、少なくともどちらか一方がPassし、かつその認証ドメインがヘッダーFromのドメインと一致している必要があります。 今回の記事では、DMARCの前提となる認証技術のひとつであるSPFについて紹介いたします。 SPFと前提知識 SPFの設定方法と仕組み 設定方法 仕組み SPFの限界 おわりに SPFと前提知識 SPF(Sender Policy Framework)は端的に表現すると、メールを実際に配送してきた送信側サーバーのIPアドレスが、…
13日前
記事のアイキャッチ画像
C++出身、Web開発でつまずく
KENTEM TechBlog
こんにちは、KENTEMのMです。 C++とOpenGLで1年ほど開発に携わった後、Web開発に移って2か月。今はTypeScriptとReactと格闘しています。 Webに来て最初につまずいたのは、意外にも見覚えのあるコードでした。 ||、new、delete。 C++と同じ見た目なのに、C++のつもりで読むと結果が少しずつ食い違います。 全部書くと多すぎるので、今回は、Web新人の私がつまずいたポイントを、JavaScriptから2つ、TypeScriptから2つ紹介します。 JavaScript:同じ||・new・deleteなのに、結果が違う ||がtrueではなく123を返す del…
16日前
記事のアイキャッチ画像
Smalltalkにルーツを持つ技術たち
KENTEM TechBlog
こんにちは。開発統括部のM.Mです。 さて、みなさんが最初に本格的に書いた言語は、何でしょうか。 私の場合はSmalltalkという言語でした。 大学の卒業研究(最適化がテーマ)で使っていましたが、就職してからは一行も書いていません。 先日、Smalltalkについて調べると、MVCやテスト駆動開発、GUIなど、今では当たり前の技術の多くがSmalltalkにルーツを持っていることを知りました。 本記事では、その代表例を紹介しながら、Smalltalkについて少しでも知っていただけたらと思います。 Smalltalkとはどんな言語か Smalltalkにルーツを持つ技術たち ① MVC ─ W…
18日前
記事のアイキャッチ画像
Claude CodeでAndroidアプリを作ってみた
KENTEM TechBlog
こんにちは!開発統括部のK.Sです。 私は趣味で卓球をしているのですが、試合の後に「あの場面でこうするべきだったな」と反省しても、次の練習時には忘れてしまいます。 試合の結果と反省を残して、あとから見返せるアプリが欲しかったのですが、探してもしっくりくるものがありませんでした。 そこで、ないなら作ろうと思い、Claude Codeと一緒にAndroidアプリを自作してみました。 本記事では、Claude Codeをどう使ったかと、途中でつまずいたことを体験記として紹介します。 卓球の試合を記録するアプリを作った Claude Codeとの進め方 最初のたたき台づくり 完成後のレビュー つまずい…
20日前
記事のアイキャッチ画像
MediaPipe FaceLandmarkerで顔認識してみる
KENTEM TechBlog
先日開催されたKENTEM TECH CONF 2026 Summerで、Webカメラから顔の動きを取得してLive2Dキャラクターに反映させる、というものを作っていました。 その中でフェイストラッキングに利用したのがGoogleのMediaPipeです。 無事に動いたのですが、実際に利用するまでは 何が取得できるの? 顔の向きって取れるの? Live2Dのパラメータに使えそうな値はあるの? とあまりよく分かっていませんでした。 せっかくなので今回は、MediaPipeのFaceLandmarkerを使うと実際にどんなデータが取得できるのかを見ていきます。 KENTEM TECH CONF 2…
23日前
記事のアイキャッチ画像
Changesets v3 を触ってみた
KENTEM TechBlog
こんにちは、KENTEMでフロントエンドエンジニアをしているK.Hです。今回は Changesets の v3 を触ってみたお話です。 最近パッケージ管理について調べ物をしており、そこで Changesets というものを知りました。KENTEMでは社内ライブラリ活用による開発効率の向上を目的として、各製品で共通で使えるパッケージの開発が徐々に増えてきております。 まだ導入には至っていませんが、この Changesets は今後社内でのパッケージ管理に非常に役立ちそうだったので今回触ってみました! この記事では実際に動かすところまで解説しているので是非一緒に手を動かして触ってみてください。 C…
25日前
記事のアイキャッチ画像
レビューコストを下げるプルリクエストの書き方
KENTEM TechBlog
こんにちは、開発統括部のT.Mです。(Revolutionではないです) みなさんは自分が出したPRのレビューが返ってくるまでどれくらい待っていますか? レビューが遅いなと感じたとき、実はその原因はレビュアーの忙しさだけではなかったりします。 いちレビュアー側の本音を明かすと、 「意図を読み解くのに脳のエネルギーを使うPRは、気合いを入れないと見られない...」 結果として後回しにしてしまうというのもあったりします。 今回は、レビュアーの立場から こう出してくれると助かる! というPRの作法を整理してみました。 チーム開発でPRを出し始めて日が浅い方や、AIにコードを書かせるようになってPRの…
1ヶ月前
記事のアイキャッチ画像
全国の拠点でこんな開発をしています。建設DXを支えるプロダクト開発の現場をご紹介
KENTEM TechBlog
KENTEMでは、全国の開発拠点ごとに担当するプロダクトやサービスを定めています。 これは単に開発業務を分担するためだけではありません。私たちはソフトウェアを「作って終わり」ではなく、お客様に長く安心して使っていただくために、「開発から運用、改善まで責任を持って取り組む」ことを大切にしています。 そのため、各拠点がそれぞれのプロダクトに主体性を持ち、お客様の声を聞きながら継続的に機能改善や品質向上を行っています。 今回は、そんなKENTEMの各拠点がどのようなプロダクトを担当し、どのような技術で建設DXに挑戦しているのかをご紹介します。 開発拠点別主要開発プロダクト 各開発拠点の紹介 札幌オフ…
1ヶ月前
記事のアイキャッチ画像
Playwrightのカバレッジをlcovで出力する
KENTEM TechBlog
フロントエンドを担当しているK.Sです。 Playwrightにはカバレッジを計測するAPIがあります。公式ドキュメントには取得したデータをistanbul形式へ変換する例が載っていますが、結果をファイルとして出力する話は出てきません。 playwright.dev どうやら返ってくるのは実行された範囲を示す配列のようで、lcovとして出力したい場合は別途対応する必要があります。今回はその手順をご紹介します。 検証環境は以下です。 Next.js 16.3.4(App Router) Playwright 1.63.0 monocart-reporter 2.13.0 Windows 全体の流…
1ヶ月前
記事のアイキャッチ画像
GitHub issueの添付画像がAPIトークンで404になる理由とgh CLIでの回避策
KENTEM TechBlog
こんにちは!Claude一途の3年目エンジニアのH.Rです! 今回は、GitHubのissue添付画像がAPIトークンでは404になってしまう仕様と、gh CLIの認証を使った回避策、そして実際に作ったCLIツールについて紹介します。 なぜ作ったか 最初にぶつかった壁(404の洗礼) 調べて分かったこと gh CLIの認証を使えばいけた 実際にどんなツールにしたか おまけ:Claude Codeのスキルとして配布してみた おわりに なぜ作ったか 最近、issueを読み取って実装を進める部分をClaudeに任せるようにしていました。 ただ、issueに貼られている添付画像をClaudeが毎回うま…
1ヶ月前
記事のアイキャッチ画像
【Dependabot】パッケージの脆弱性を検知してTeamsに通知する方法
KENTEM TechBlog
こんにちは!開発統括部のH.Tです。 ソフトウェア開発では外部パッケージやライブラリを利用する機会が多くありますが、利用しているパッケージに脆弱性が発見されるケースも少なくありません。 本記事では GitHub Dependabot(以下Dependabot)でパッケージの脆弱性を検知し、画像のようなアダプティブカードを自動で Teams のチャネルに投稿する方法をご紹介します。 Dependabot とは? Dependabot が脆弱性を検知する仕組み Dependabot alerts を有効化する方法 Dependabot alerts を Teams に通知する方法 Teams のワ…
1ヶ月前
記事のアイキャッチ画像
SIerでフルスタックエンジニアをしていた時のお話
KENTEM TechBlog
はじめまして、4月にキャリア採用にて入社したAと申します。 前職はいわゆるSIerに勤めておりまして、デスクトップアプリやwebアプリを含む様々な案件を担当しました。 今回は自己紹介もかねて、PLを担当していた案件の体験談をお話しします。 体制図。私が3人いる 案件について インフラ構築 環境 役割分担 顧客折衝 営業のフォロー ゴールを疑う 開発 運用保守 KENTEMへの入社 おわりに 案件について 学校の成績管理や入試管理システムの改修/保守を行う案件です。 いずれも10年以上前に開発されたシステムでドキュメントは残っていませんでした。 高卒3年目くらいにPLを引き継ぐことになったときは…
1ヶ月前
記事のアイキャッチ画像
TypeScriptを信じて、型を書きすぎない方がいい
KENTEM TechBlog
こんにちは、KENTEMでフロントエンドエンジニアをしているM・Sです。 今回はTypeScriptの型推論のお話です。 TypeScriptでコードを書いていると、「型注釈していない箇所」が少し不安に見えることがあります。 変数にも関数の戻り値にも型注釈を付ければ、より安全になるように感じます。(特に初学者のうちは) 今回は、TypeScriptの型推論に任せられる箇所と型を明示すべき箇所を整理し、型を書きすぎないための考え方を紹介します。 型注釈とは? 型推論とは? 型推論に任せられる箇所 型を書くか、推論に任せるか 型注釈が推論結果を広げる場合 推論結果が意図と異なる場合 型推論だけでは…
1ヶ月前
記事のアイキャッチ画像
ClaudeでGitHub MCPを利用してみた
KENTEM TechBlog
こんにちは。 KENTEM でバックエンドを担当しているおかおかです。 7月から開発統括部に Claude を本格導入しました。 【5月に1か月の試験導入】→【導入した効果・分析】→【7月から本導入】となり、本導入を迎えられた時は本当にうれしかったです。 まだ全員の利用には至っていませんが、一度 Claude を使うと手放せなくなります。 今回は GitHub MCP を利用した効率化をご紹介させていただきます。 GitHub での各種設定 リポジトリや権限設定 GitHub Client ID と Secret を発行 Claude での各種設定 組織設定 個人設定 Claude アプリで …
2ヶ月前
記事のアイキャッチ画像
Azure SRE Agent でアラートから自動 Issues 投稿を試してみた
KENTEM TechBlog
Azure SRE Agent を使ってサーバーのエラーや遅延を AI に自動分析させてみました。 Azure SRE Agent に「アラート検知 → ログとソースコードで原因分析 → GitHub Issues 起票」まで任せる 全体の流れ 前提とする環境 手順 1. エージェントを作成する 2. 監視対象リソースグループを追加する 3. メトリックアラートを用意する 4. Azure Monitor を接続する 5. ソースコードを接続する 6. Issue を書く経路を用意する(=「書く」経路) 7. インシデント対応プランを作る 8. 動作確認 起票された Issue(抜粋) ハマり…
2ヶ月前
記事のアイキャッチ画像
【AZ-104合格体験記】IaC布教の印籠を求めたら、無知が手に入った 話
KENTEM TechBlog
はじめに きっかけ Azureのことをまだまだ知らなすぎる IaCの布教活動を行う上での印籠が欲しかった 受験日まで 申し込み お盆までの勉強状況 勉強時間 勉強方法 お盆 勉強時間 勉強内容 模擬試験のスコア推移 受験日当日 所感 受験したことで得られたもの インフラやコンピューターの知識が多少身についた Microsoft Learnが多少読めるようになった 受験前に期待していたけど、期待通りではなかったもの 別にAzureを使いこなせるようにはならない IaCを広めるためのバックボーンには、思ったほどならない まとめ おわりに はじめに こんにちは!積読に追われている3年目エンジニアのK…
2ヶ月前
記事のアイキャッチ画像
Visual Studioのコードカバレッジ機能
KENTEM TechBlog
こんにちは。開発統括部のK.T.です。今回はVisual Studioにおける.NETのコードカバレッジ機能について書こうと思います。 ついにVisual Studioにコードカバレッジ機能が標準搭載 Visual Studio 2026でのコードカバレッジ機能の使い方 ステップ1:カバレッジ付きでテストを実行する ステップ2:結果の確認とエディタ上のハイライト表示 参考:除外設定(.runsettingsファイル) まとめ おわりに ついにVisual Studioにコードカバレッジ機能が標準搭載 Visual Studioにコードカバレッジ機能が搭載されたのはかなり前のことですが、長年にわ…
2ヶ月前
記事のアイキャッチ画像
プログラミング自由研究:BNF
KENTEM TechBlog
こんにちは。開発統括部のK.F.です。 突然ですが、BNF(バッカス・ナウア記法)って知ってますか? 基本情報技術者試験の勉強をしたことがある人ならこんな問題を解いたことがあると思います。 次のBNFで定義される<変数名>に合致するものはどれか。 <数字> ::= 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 <英字> ::= A | B | C | D | E | F <英数字> ::= <英字> | <数字> | _ <変数名> ::= <英字> | <変数名><英数字> ア: _B39 イ: 246 ウ: 3E5 エ: F5_1 出典:令和元年 秋期 基本情…
2ヶ月前
記事のアイキャッチ画像
昔、DBAをやっていてやらかしたお話 〜全件DELETEとDDLの暗黙コミット〜
KENTEM TechBlog
まだデータベースを触りだして2年目くらいの話です。とても厳しい先輩の下でDBAをやっていたときの経験と、そこから得た教訓となります。特に若い人たちに読んでいただけると幸いです。 背景 発生した事故 報告と復旧 再発防止策 上司になった今、思うこと おわりに 背景 ある日、急なDBメンテナンスを依頼されました。日中はオンライン業務が稼働しているためメンテナンス作業は夜間の実施となります。作業内容としては、 特定レコードの物理削除 ALTER文によるカラム追加 etc… という、予め準備をしておけばさほど難しくないものでした。なので、事前にSQLを作成して検証環境で動作を確認した上で、自分としては…
2ヶ月前
記事のアイキャッチ画像
空白しか書けない言語!? 難解プログラミング言語で「Hello, KENTEM!」書いてみた
KENTEM TechBlog
プログラミング言語は、人間が読み書きしやすいように進化してきました。……が、世の中にはその真逆を突き進む言語たちが存在します。 その名も 難解プログラミング言語(Esoteric Programming Language、通称 esolang)。 実用性はほぼゼロ。いや、完全にゼロです(キッパリ) でも「言語処理系ってこういう仕組みなんだ」「結局、ループと条件分岐さえあれば何でも書けるんだな」という学びが詰まった、エンジニアのオモチャです。 今回はそんな esolang たちで、定番の Hello, World! ならぬ 「Hello, KENTEM!」 を出力するプログラムを書いてみました。…
2ヶ月前
記事のアイキャッチ画像
入社前に思っていたエンジニア像と実際のギャップ
KENTEM TechBlog
こんにちは!今年入社した新卒エンジニアです! 私は学生時代、ITの専門学校でプログラミングやシステム開発を学んでいました。 そのため「働くイメージはある程度できている」と思っていたのですが、入社してみると、想像と違うことがたくさんありました。 今回は、入社前に抱いていたイメージと、実際に働いて感じたギャップについて3つご紹介します! エンジニアはコードを書く仕事だと思っていた 仕事は想像以上にチームで進めるものだった 入社したら勉強は終わりだと思っていた これから社会人になる皆さんへ まとめ おわりに エンジニアはコードを書く仕事だと思っていた 学生時代は、エンジニアの仕事はプログラミングが中…
3ヶ月前
記事のアイキャッチ画像
Gitのすゝめ 〜たどり着く先は皆lazygit〜
KENTEM TechBlog
早いことに4カ月でフロントエンドを卒業し、新機能のバックエンド開発に行かされる新卒エンジニアTYです。 入社以来、Reactに囲まれた幸せな生活を送っていましたが、気づけばバックエンドの開発をすることに怯える生活ワクワクを隠せない生活を送っています。 しかしながら技術スタックが変わっても変わらないものもあります。 そう、Gitです。 皆さんは普段どのようにGit操作しているでしょうか? CLI派、VS Code派、SourceTree派さまざまな流派が存在するかと思います。 私はすっかりlazygitの信徒と化しているのですが、ふと みんな何使ってるんだろう? という疑問が湧きました。 そこで…
3ヶ月前
記事のアイキャッチ画像
KENTEM TECH CONF 2026 Summer 開催レポート
KENTEM TechBlog
こんにちは、開発部のA.K.です。 2026年6月24日・25日の2日間にわたり、KENTEM TECH CONF 2026 Summerを開催しました。 今回もためになる技術の発表から、ユニークな内容まで、さまざまな発表がありました。 この記事では、その中から3名の発表内容を抜粋して紹介します。 KENTEM TECH CONFとは? 発表内容の紹介 Hさん「座学 AIの歴史と今と今後」 Mさん「狂気」 Yさん「対空レーダーを作ってみた」 おわりに KENTEM TECH CONFとは? 「KENTEM TECH CONF」は、年2回開催される社内のオンライン技術発表会です。 前回同様に20…
3ヶ月前
記事のアイキャッチ画像
ITエンジニアが2級土木施工管理技士補に挑戦してみた
KENTEM TechBlog
こんにちは。開発統括部のM.M.です。 開発統括部ではユーザー業務の理解を深めるため、2級土木施工管理技士補の取得を推奨しています。 社内向けに情報発信や勉強資料の作成を行う推進チームがあり、私もそのチームに所属しています。 令和8年度前期試験には、私を含む7名が受験しました。 先日合格発表があり、無事🎉合格🎉しました。 自己採点では91%の正答率でした😊 今回は私の受験体験記と、受験者に実施したアンケートの結果をご紹介します。 2級土木施工管理技士補とは 受験体験記 勉強期間・スケジュール 勉強方法・教材 過去問サイト Web検索、生成AI、YouTube 社内Wiki 試験当日 受験者への…
3ヶ月前
記事のアイキャッチ画像
Web とデスクトップをつなぐ ― カスタムプロトコル vs localhost
KENTEM TechBlog
こんにちは!Web製品のマネージャーをしているT.Kです。 弊社はWeb製品も多いですが、昔からあるデスクトップ製品のラインナップも多い会社です。 Web アプリとローカルのデスクトップアプリを連携したいと考えた時、最初に必ず直面する問題があります。 ブラウザから、ローカルのデスクトップアプリとどう連携するのか。 実はブラウザとローカルデスクトップが連携したアプリは世の中にたくさんあります。 例えば、ブラウザで Zoom の会議リンクをクリックすると Zoom アプリが起動したり、Web サービスからファイルを開くとローカルアプリで編集画面が開いたりします。 今回は、その問題に対する定番アプロ…
3ヶ月前
記事のアイキャッチ画像
Pull Requestでレビューするブログ運用 〜はてなブログ × GitHub〜
KENTEM TechBlog
こんにちは!KENTEM TechBlog 編集部です。 普段複数人でブログを書いている皆さま、記事の作成やレビューなどの運用はどうしていますか?? 我々編集部では最近新たな取り組みとして、はてな様が公開している HatenaBlog Workflows Boilerplate の導入を試みました! 今回はこの取り組みに関してお届けしたいと思います。 現在の入稿フロー 困っていたこと レビュー内容が編集部に伝わらない 指摘がしづらい 新しい入稿フロー 導入のポイント 下書き記事作成から入稿までをターゲットにする 記事の管理は従来通りはてなブログ上で行う まとめ おわりに 現在の入稿フロー 現在…
3ヶ月前