KENTEM TechBlog

https://tech.kentem.jp/

KENTEM(建設システム)の技術に関するブログです。

フィード

記事のアイキャッチ画像
CosmosDBのRU消費量についてまとめてみる
KENTEM TechBlog
ここ一年程、新規製品の開発でAzure CosmosDBに触れることができました。 CosmosDBはMicrosoft Azureで手軽に使用できるNoSQLサービスですが、 いざリリースしてみると消費RUが想定以上となり金額面で苦労するケースがありそうです。 今回はCosmosDBの各処理毎のRU消費についてまとめてみようと思います。 前提 ReadItemAsync()で取得した場合 ReadManyItemAsync()で取得した場合 GetItemLinqQueryable()で取得した場合 GetItemLinqQueryable()でデータの一部を取得した場合 CreateIte…
10時間前
記事のアイキャッチ画像
ASP.NET Core の依存関係の挿入を使おう
はてなブックマークアイコン 1
KENTEM TechBlog
ASP.NET Core の依存関係の挿入って知っていますか?依存関係の挿入を使う事で効率的なリソース管理を行ったり、テストコードが書きやすかったりします。今回は ASP.NET Core を使ったクラス管理について MVC パターンでまとめたいと思います。 シンプルに登録して使う サービスの有効期間を使い分ける 登録メソッド AddSingleton AddScoped AddTransient インターフェイスを使ってダミーに差し替える 運用コードの変更 テストコードの実装 まとめ おわりに シンプルに登録して使う クラスを依存関係に登録します。この記事では登録するクラスの事をサービスクラ…
3日前
記事のアイキャッチ画像
.NET MAUI でアプリを作ろう(基礎編)
KENTEM TechBlog
こんにちは!KENTEM第2開発部のK.H.です。 1年半ほど前にMAUIでアプリ開発を行う機会があり、その流れでMAUIの記事を書かせていただきました。 その際は苦しかった思い出が強く、MAUIに対する恨みから、ちょっと否定的に書いてしまいました。 ただ、そこから時を経て、恨みの記憶が薄まり、MAUI自体も.NET7⇒.NET8⇒.NET9という進化の中で一番の問題であった不安定さやパフォーマンスが改善されてきたことで、MAUIと仲直りしました。 ということで、MAUI開発者が増えることを祈って、MAUIで実際にアプリを作成する記事を書きたいと思います。 ※VisualStudio2022を…
5日前
記事のアイキャッチ画像
Azureの利用料金にムダがないか調べてみた【初心者向け】
KENTEM TechBlog
最近、社内のAzure利用料が高くなっており「無駄なコストや節約できる方法があるのでは?」と不安に。 そんな時に手軽に確認できるのが Azure Advisorで、無料で使える最適化アドバイザーです。 普段からリソース利用コストの最適化には人手をかけて定期的にチェックしていましたが、 今回はAzure Advisorで調べてみたところ、開発環境だけでも 全体コストの約10%に相当する節約の提案 をしてくれたのには驚かされました。 今回はAdvisorで見つけた無駄の候補や、今後コスト削減につながりそうなアクションをまとめました。 Azure Advisorの「コスト」提案を見てみた Advis…
7日前
記事のアイキャッチ画像
【5/15:静岡市開催】Azure CosmosDBのベクトル検索を利用して類似検索を自作しよう!
KENTEM TechBlog
5月15日に、下記の通りイベントを開催いたします。 <概要> Azure CosmosDBのベクトル検索を利用して類似検索アプリをC#でつくります。 ハンズオン形式で手を動かしながら開発します。 当日、Visual Studio Codeでコーディングする予定です。事前にVisual Studio Codeをインストールして頂く、もしくは、当日少し早めにきて頂ければ、ご一緒にインストールをサポート致します。 <開催日時> 2025年5月15日(木) 18:30~20:00 <場所> SHIP静岡県静岡市葵区呉服町2丁目7−26 静専ビル2F <費用> 無料 <定員> 10名 <お申込方法> 以…
18日前
記事のアイキャッチ画像
【App Router】Next.jsでページの離脱防止を実装する
KENTEM TechBlog
こんにちは。フロントエンド開発を担当している Y.O. です。 現在開発中のプロダクトでは、Next.js(App Router) を採用しています。 開発を進める中で、フォームやデータを編集中にページを離脱しようとした際、警告を表示する処理を実装する必要がありました。 いわゆる「入力内容が消えますがよろしいですか?」のようなやつですね。 こんなの もし入力中の内容が、ユーザーの意図しない操作でクリアされてしまったら、「もういいや」と、そのままタブを閉じられてしまうかもしれません。 この離脱防止の処理、Pages Router 時代にはrouter.eventsを使って比較的簡単に実装できたの…
18日前
記事のアイキャッチ画像
Unity歴1年目が考えるUnityの長所と短所の比較
KENTEM TechBlog
Unityを用いたプロジェクトに配属され、早1年が経とうとしているエンジニアです。 Unityを1年間使ってみて、便利だ!と感じる一方で、使いにくい...と思う場面が言語化できるようになったと考えております。 本記事では、私の考えるUnityを用いる長所と短所を紹介いたします。 長所 3Dモデルの作成が得意 シーン上やインスペクター上で直感的にオブジェクトを移動、回転、拡縮させられる エフェクトに関する機能が豊富 短所 Unityファイルのソースコードの変更箇所が多くなりやすい 実行環境の管理が複雑 UIを作るのが苦手 おわりに 長所 3Dモデルの作成が得意 UnityではMeshという形式を…
21日前
記事のアイキャッチ画像
【React】PointerEventで要素を動かそう
KENTEM TechBlog
はじめに こんにちは。KENTEMでフロントエンドを担当しているM・Sです。 ユーザーのドラッグやタッチによって要素を移動させたいときありますよね。 基本的にはDragEventやMouseEvent, TouchEventなどを使うことが多いかと思いますが、今回はPointerEventを強く推していきたいと思います。 結論から言うと、PointerEventを用いることでマルチデバイス対応が非常にシンプルになります。 はじめに PointerEventとは? サンプル イベントを快適にするプロパティ currentTarget.setPointerCapture(pointerId) cu…
1ヶ月前
記事のアイキャッチ画像
新米テスターが心掛けていること
KENTEM TechBlog
こんにちは。品質管理部のM.Yです。 キャリア採用にて入社し社歴は丸2年ほど、社会人歴は長くともKENTEM社員としてはまだまだ経験の浅い私が新米テスターとして心掛けていることについてお話します。 不具合報告は具体的に 仕様を鵜呑みにしない 実装者に敬意を持って接する 当事者意識を持つ 小さなことも口に出してみる まとめ おわりに 不具合報告は具体的に テストを行っているとどうしても遭遇するのが不具合(バグ)です。 バグを発見した際にはそれを開発エンジニアの方にお伝えし修正対応をお願いする必要があります。 修正対応を行うためには修正対応者の手元でバグの再現が取れる必要がありますが、再現手順が不…
1ヶ月前
記事のアイキャッチ画像
【チートシート】JavaScriptのfor ofとfor inの使い方
KENTEM TechBlog
こんにちは!普段ReactとTypeScriptを使ったフロントエンド開発をしているT.C.です。 配列操作はarray.map()やarray.forEach()といった便利なメソッドを使うことも多いですが、いざfor文を書く必要が出たとき for of なのか for in のどちらを使うべきか迷ってしまうことが多いです。 本記事では for of なのか for in なのかをはっきりさせつつ、その使い方を例示します。 for of なのか for in なのか 配列のループ 値だけを取得する 値とインデックスを取得する インデックスだけを取得する オブジェクトのループ 値だけを取得する…
1ヶ月前
記事のアイキャッチ画像
ざっくり把握する暗号技術の仕組み~前提知識編~
KENTEM TechBlog
春が来たとコートを脱げば、翌日から寒くなり体調を崩す今日このごろ。 どうも、布団からなかなか出られないエンジニアTです。 私も入社して2年目に突入しましたので、後輩が入ってくるという恐怖が怖いです。 まだまだ経験も知識も足りないので、どーにか後輩に良く見られたい願望から大学時代の参考書などを読み漁っていたところ、なにやら暗号化通信(TLS)がすこし変わっていたことに気付きました。 というわけで、 「ざっくりと従来の暗号技術を把握」 (←本稿)しつつ 「暗号化通信(TLS)がどう変わったのか」 を全2本の記事で紹介しようと思います。 注意点:本稿の正しい読み方 本稿は新卒2年目エンジニアが作成し…
1ヶ月前
記事のアイキャッチ画像
新卒エンジニアが初めてのチーム開発で学んだこと
KENTEM TechBlog
こんにちは!KENTEM 第2開発部のH.Kです。 新卒エンジニアとしてReact + TypeScript を使った初めてのチーム開発に参加し、多くのことを学びました。 個人開発とは異なり、自分の作業がチーム全体にどう影響するのかを意識すること が求められます。 最初は「どのようにチーム開発を進めれば良いのか?」といった不安がありましたが、Git等のツール習得とそれらの運用ルールの理解、コードレビューの重要性を実際に経験・体感する中で、少しずつ自身の成長を感じられるようになりました。 本記事では、チーム開発の基本的な流れや実際に経験した課題、成長を加速させるための工夫 について、新卒エンジニ…
1ヶ月前
記事のアイキャッチ画像
エンジニアが成長し続けるKENTEMのリスキリングの仕組み
KENTEM TechBlog
生涯学習が必要なエンジニアのリスキリングに対して、どのようにモチベートしてどんな仕組みで行動を促しているのかを解説します。
1ヶ月前
記事のアイキャッチ画像
キャリアパス再考:スタッフエンジニアという選択
KENTEM TechBlog
こんにちは。 ITエンジニアにとって、キャリアパスってなんかモヤモヤしませんか? 私は以前からそんな想いを抱えていたんですが、先日参加したセミナーで少しだけ腹落ちできたので書き綴ってみたいと思います。 当社ではキャリアパスとして管理職と専門職という2つのキャリアが定義されています。 一般的イメージに照らし合わせると、 みたいな感じでしょうか。 しかし、現実的にはどちらのキャリアパスも望まない場合もあって然るべきだし、 実際にそのようなケースも多いと感じていました。 理想論としては、マネージャーかスペシャリストという二択なのかもしれませんが、管理職を選択しない=スペシャリストってのはちょっと違う…
1ヶ月前
記事のアイキャッチ画像
ASP.NET Coreのミドルウェアって何?
KENTEM TechBlog
開発部のM.Tです。 最近ASP.NET Coreのカスタムミドルウェアを作る機会がありました。 普段はコントローラの処理を実装することが多く、アプリケーションパイプラインやミドルウェアについて気にすることがあまりなかったのですが、やはりこの辺りの知識もアプリケーションを開発する上で大事だと感じたので学んだ内容を簡単にまとめようと思います。 ASP.NET Coreのミドルウェアとは ミドルウェアの実行順 ミドルウェアの実装を覗いてみる ミドルウェア間のデータの受け渡し まとめ おわりに ASP.NET Coreのミドルウェアとは ASP.NET Coreのアプリケーションは受け取ったリクエス…
2ヶ月前
記事のアイキャッチ画像
【C#】Azure Cosmos DB for NoSQL でチャットボットを想定したベクトル検索を実装してみた
KENTEM TechBlog
第2開発部でバックエンドを担当している N.Y です。 先月、「Azure Cosmos DB のベクトル検索を用いたチャットボット」を作成する機会がありました。 ベクトル検索って、数学が苦手な人には少々ハードルが高く聞こえませんか? まさに私がそうでした。 実際のところ、ベクトル検索で内部的に使用されている技術はがっつりベクトルが使用されているのですが、 Cosmos DB ではそのあたりをあまり意識せずにベクトル検索を実装することができます。 今回は、その Cosmos DB を用いたベクトル検索 について、チャットボットで使用されることを想定した実装方法をアウトプットしようと思います。 …
2ヶ月前
記事のアイキャッチ画像
美しいバグ票を書いただけで満足していたら、三流かも
KENTEM TechBlog
こんにちは、品質管理部の Y.K です。 品質管理部のメンバーからお届けする、二本目の記事になります。 初めは、二番打者らしく、"分かりやすいバグ票の書き方" みたいな記事を書くつもりでした。 けど、そんなものは今さら私が書かなくても、ググればいくらでも出てくる。 そこで、もっと自分の経験に基づいた記事を書いてみよう、と思いました。 この記事では、 「なぜ、バグ票が意図通りに処理されないのか?」 …について、私が感じた原因と、対策をお話しします。 きちんと書いたのに… バグ票管理の落とし穴 私が意識していること 直接声をかける 自分の意見を伝える バグの報告と改善提案を区別する まとめ おわり…
2ヶ月前
記事のアイキャッチ画像
古い CentOS で『yum install』したい!
KENTEM TechBlog
こんにちは、開発でインフラ担当をしているエンジニアです。 今となっては懐かしくなりつつあるかもしれませんが、CentOS には大変お世話になりました。 皆さんも、学校や会社、様々なシーンでお世話になったのではないでしょうか? 残念なことに、2024年6月30日をもって CentOS 7 のサポートが完全に終了してしまいました。 今まで CentOS にお世話になっていた身としては、次は RockyLinux か?AlmaLinux か? あるいは違うOSを選択するのか、悩ましいところです。 悩んだ挙句に新しい OS を選択したとしても、急にすべてを切り替えることは難しいですよね。 悩ましいのが…
2ヶ月前
記事のアイキャッチ画像
commitlint + Lefthook でコミットメッセージを統一する
KENTEM TechBlog
はじめに commitlint とは? commitlint のメリット Lefthook とは? Lefthook のメリット commitlint + Lefthook の導入手順 必要なパッケージをインストール commitlint の設定を追加 シェルスクリプトを追加 Lefthook の設定を追加 動作確認 まとめ おわりに はじめに こんにちは!フロントエンド開発を担当しているY.O. です。 チーム開発では、Git のコミットメッセージのフォーマットを統一することが重要です。 統一されたフォーマットがあれば、そのコミットで何を実施したのか、変更の意図を素早く把握することができます…
2ヶ月前
記事のアイキャッチ画像
セキュリティ・バイ・デザインの考え方
KENTEM TechBlog
皆さんはセキュリティ・バイ・デザインという考え方をご存じでしょうか? とあるセミナーでセキュリティ・バイ・デザインという考え方を学ぶことができましたので、簡単ですがご紹介しようと思います。 セキュリティ・バイ・デザインとは メリット デメリット スモールスタートの推奨 まとめ おわりに セキュリティ・バイ・デザインとは 皆さんのセキュリティ対策は、開発のどの段階で実施していますでしょうか。 私の感覚ですが、アプリのおおよその機能が付いた後に、「あとはセキュリティ対策をするか」という感じで対策していくと思います。 このセキュリティ・バイ・デザインは、設計段階でセキュリティ要件やセキュリティ設計を…
2ヶ月前
記事のアイキャッチ画像
KENTEMの品質管理部を紹介
KENTEM TechBlog
初めまして。KENTEMの品質管理部でマネージャーをしているF.Sです。 私たちは、お客様に「安心」と「信頼」をお届けするために、日々、製品の品質管理に情熱を注いでいます。 そんなKENTEMの品質管理部を今日は紹介します。 メンバー構成 業務内容 良いところ 課題や今後について なぜ?品質管理部のメンバーが? おわりに メンバー構成 現在のメンバーは32名です。拠点は静岡県の富士市と静岡市に分かれています。 32名中21名が女性という部署で、女性の活躍が目立っています。 子育て中のメンバーも多く、仕事と育児を両立しているのが特徴です。 近年は新卒の採用も積極的に行っており、部署内は活気に満ち…
2ヶ月前
記事のアイキャッチ画像
WXTのすゝめ ~俺だけのブラウザ拡張機能を作りたい~
KENTEM TechBlog
目次 目次 はじめに 拡張機能の作り方 manifest.json action content_script background WXTを使った拡張機能開発 作成できる拡張機能の例 まとめ おわりに はじめに こんにちは!今年新卒で入社したK.Mです!私は昨年末に開催されたKENTEM TECH CONF 2024に出場し、そこで自作のブラウザ拡張機能について紹介しました。今回はその内容を踏まえて、拡張機能の作り方についてご紹介したいと思います! 拡張機能の作り方 拡張機能を作るには、設定ファイルであるmanifest.jsonが必要です。また、必要に応じてJSファイルやHTMLファイルが…
2ヶ月前
記事のアイキャッチ画像
これが私の、Obsidian
KENTEM TechBlog
こんにちは。皆さん、ノートツールは何がお好みですか? タイトルでお分かりかと思いますが、私はObsidianが好きです。 先日ちょっとしたニュースがあったので、今回はObsidianについて紹介します。 Obsidianとは 商用利用が無料に! Obsidianの良いところ ローカルで使える プラグインのテンプレート機能が便利 mermaidがデフォルトで使える ファイルのつながりグラフ まとめ おわりに Obsidianとは まずはObsidianの基本的な情報について紹介します。 obsidian.md Obsidianはノートアプリケーションで、次のような特徴があります。 使い方が簡単 …
3ヶ月前
記事のアイキャッチ画像
Unityで動的メッシュ作成の落とし穴
KENTEM TechBlog
開発部エンジニアのY.A.です。 今日はUnityを使って動的に3Dモデルを作成していた際にはまった点をお話ししたいと思います。 はじめに 今日のゴール 現実 原因と対応方法 参考記事 対応方法 まとめ おわりに はじめに UnityではMeshクラスを用いて、任意の3Dモデルを作成できます。 具体的な方法は省略しますが、以下のような手順で作成します。 頂点一覧を渡す 頂点をどのような順番でつなぐかの一覧を作成する Meshクラスに渡す 今日のゴール 私が目指しているゴールは以下のような3Dモデルを表示できるようにすることです。 色も鮮やかでとても見やすいですね。 いくつかのモデルを動的に読み…
3ヶ月前
記事のアイキャッチ画像
ソースコード管理今昔物語
KENTEM TechBlog
こんにちは!皆さんはソースコード管理にどんなツールを使っていますか? ソースコード管理と言えば、現在ではGitが主流となっていると思います。 私は普段はGitを使ったプロジェクトに携わっていますが、久しぶりにSubVersion(SVN)を使う機会がありましたので、KENTEMのソースコード管理の歴史を振り返ってみました。 黎明期:ファイルサーバー一括管理時代 転換期:SubVersion時代 発展期:Git時代 まとめ おわりに 黎明期:ファイルサーバー一括管理時代 初期の頃は、ソースコードのバージョン管理ツールなどは何もありませんでした。 とは言え、チームで開発をしているので、全員で同じソ…
3ヶ月前
記事のアイキャッチ画像
KENTEMの技術共有ってどうしてます?
KENTEM TechBlog
第2開発部マネージャーです。 「情報共有」「技術共有」って大事ですよね。 今回は、社内の技術共有で特に工夫している点をご紹介します。 はじめに:なぜ、技術共有が重要? どんな方法で技術を共有しているのか? 日々の情報共有は「アウトプット」チャネルで 興味のある技術だけ共有する場「テックサークル」 月次「テックミーティング」と「チャレンジ表彰」 半年の技術共有の集大成は「テックカンファレンス」 まとめ おわりに:PR はじめに:なぜ、技術共有が重要? KENTEMの開発拠点は、北は北海道、南は九州まで5つの拠点に分かれています。 それに加えて、出社/リモートワークといった働き方が多様化しています…
3ヶ月前
記事のアイキャッチ画像
【Unity】ShaderGraphを体験してみよう!
KENTEM TechBlog
どうも!普段Unityを使っている開発部のH.M.です。 皆さんは「シェーダー」というものを聞いたことがありますか? 最近のゲームはグラフィック設定を変更できたりするので、知っている方も多いかもしれません。 シェーダーとは大雑把に3Dモデルの見た目を表現するコードのことです。 3Dゲームの光の反射や質感をはじめとするリアルな表現は、大体シェーダーによるものと言っても過言ではありません。 風が吹いて草原が揺れる表現なども実はシェーダーによって作られているのです! 今回は、普段コーディングをしない人や、グラフィックデザイナー以外でも直感的にシェーダーを作ることができる、Unityの「Shader …
3ヶ月前
記事のアイキャッチ画像
【GitHub Models】最近のアップデート紹介【2024年12月 ~ 2025年1月】
KENTEM TechBlog
皆さんGitHub Models使っていますか? 私はChatGPTもどきを作って遊んでいました。 昨年末に行われた社内向けの技術イベントでも取り上げるなど、 個人的にGitHub Modelsは今イチ推しサービスです。 前回の記事の執筆後にも重要なアップデートがいくつか入っていました。 今回はそれらのアップデートについてご紹介します。 GitHub Modelsとは?に関しては前回の記事をご覧ください。 tech.kentem.jp 対応モデル追加 o3-mini (Public Preview) DeepSeek-R1 (Public Preview) Phi-4 (GA) Codestr…
3ヶ月前
記事のアイキャッチ画像
ローカルマシン上の生成AIで遊んでみた!
KENTEM TechBlog
生成AIをローカルマシンで動かしてみたいと1度は思ったことありますよね? ・・・ですよね、ということで遊んでみました! 準備 Ollamaのインストール Ollamaの起動 モデルのダウンロード&実行 質問してみる チャットで コードで 回答1回目 回答2回目 まとめ おわりに 準備 Ollamaのインストール 今回は軽量フレームワーク Ollama を使います。 ダウンロードページからWindows版を取得してインストールします。 ollama.com ollama.com Ollamaの起動 コマンドライン or PowerShell を起動してollamaを実行します。 コマンド一覧が表…
4ヶ月前
記事のアイキャッチ画像
KENTEM TECH CONF 2024 Winter を開催しました!!
KENTEM TechBlog
こんにちは!新卒開発部エンジニアのH.Rです! 今回、クリスマスの12月24日と25日の二日間にわたり、KENTEM TECH CONF 2024 Winterを開催しました!! KENTEM TECH CONFとは? 注目ポイント 新卒メンバーがKTC運営に挑戦 個別賞の導入 10分枠の導入 あとがき おわりに KENTEM TECH CONFとは? 「KENTEM TECH CONF」は、KENTEM社内で半年に一度開催されるオンライン技術発表会で、エンジニアが技術や経験を発表し学び合う場です。 目的や背景など詳しいことは、以下の記事をご覧ください。 tech.kentem.jp 注目ポイ…
4ヶ月前