前回の記事ではuGUIのスクロール機能を拡張し、要素数が増減した時に幅などをソースコード上で計算するのではなくContent Size FitterやHorizontal Layout Groupの仕組みを説明しました。 スクロール機能は奥が深く、新卒で初めてUnityを扱った筆者にとって理解がしづらかった部分がたくさんあります。 本記事では前回の状態から簡易的なスライダー機能を搭載する方法について記載します。 下記では右方向のスライダー機能を紹介しますが、似た処理を行うことで左方向にも対応が可能です。 本記事の目標 実装 解説 Slideメソッド CalcPerStepメソッド まとめ おわ…

本記事ではUnityのスクロール機能を用い、要素数が変更する場合にも対応したGameObjectの配置とスクリプトについて紹介します。 本記事の目標 パネルの作成 スクリプトの作り方 Hierarchyの作り方 本作業を行うメリット おわりに 本記事の目標 Scroll ViewのContentの配下に要素を複数配置し、スクロールできる機能を作成していきます。 この際、要素数が任意の数になっても対応できるような仕組みになるようにしていきます。 パネルの作成 Hierarchy上で右クリックし「UI > Panel」の順に選択します。 PanelにLayout Elementをアタッチし、Pre…

こんにちは。KENTEMでエンジニアをしているM・Sです。 先日、KENTEM・ベガコーポレーション・Fusicの3社で、合同LT会を開催しました！ 私は運営に携わらせていただいたため、今回はそのイベントの開催レポートを書かせていただきます。 イベント概要 イベント開催のきっかけ 発表内容 Oさん Kさん Mさん 懇親会での交流 まとめ イベント概要 イベント名は 「大アウトプット会」 です。 幅広い方に登壇していただけるよう、細かいテーマはあえて設けず、それぞれがアウトプットしたい内容を自由に発表する場としました。 各社から2名ずつの指名登壇に加え、公募LTが3名の、合計9名に登壇していただ…

こんにちは！KENTEM開発エンジニアのK.I.です。 12/23・12/24の2日間で、KENTEM TECH CONF 2025 Winterを開催しました。 KENTEM TECH CONFとは？ 概要 発表内容の紹介 優勝者コメント おわりに KENTEM TECH CONFとは？ 「KENTEM TECH CONF」は、年2回開催される社内のオンライン技術発表会です。 目的や背景などの詳細は、以下の記事をご覧ください。 tech.kentem.jp 概要 今回は3種類の発表時間を設定しました。 20分枠20名、10分枠8名、LT枠12名と、 のべ40名もの方に発表していただきました！…

こんにちは。みなさんは仕様に関して次の困りごとに遭遇したことはありますか？ なぜこの仕様か？変更しても問題ないのか？ どこまでが確定仕様、どこからが暫定仕様なのか？ 知見者の記憶や根拠になる情報を探さないといけない 今回、新製品のプロト開発～製品化着手の際に、USDM（Universal Specification Describing Manner）を導入した取り組みについて簡単にご紹介します。 USDMとは 取り組み 感想 良かった点 気になった点 まとめ おわりに USDMとは USDM（Universal Specification Describing Manner）は「要求」と「仕…

こんにちは🐊 新卒フロントエンドのK.Sです。 前回はPhotonの概要とAppIDの作成まで行いました。今回は、簡易的に複数人でマッチングが行えるwebアプリを作成していこうと思います。 開発環境 SDKの準備 Photon Cloudに接続する プレイヤーやルームなどの情報を取得する 利用可能なルームのリストを取得 現在のルーム情報を取得 アクター情報を取得 サーバー時間を取得 ロビー統計を取得 コールバック関数 情報を共有する まとめ おわりに 開発環境 vite + React + Typescriptで開発していきます。 ここではviteの環境構築の説明は省きます。 SDKの準備 ま…

こんにちは🐊 新卒フロントエンドのK.Sです。 私は以前、UnityとPhoton EngineのPUN2を使用して簡単なオンラインマッチングシステムを作成したことがあります。 PUN2はPhoton Unity Networking2の略の通りUnity用なのですが、Photon Realtimeを使用することで、他の開発環境のwebアプリやモバイルアプリでもオンラインマッチングを実現することができます。 今回はPhoton Engineの解説からAppIDの作成までやってみます。 こちらのサイトを参考にさせていただきました。 doc.photonengine.com zenn.dev Ph…

今回の内容は 後編です。 前編：Firebaseを使った簡単なアプリの作成 後編：Firebase Studioを活用したノーコードアプリ開発 前編を見ていなくても楽しめます！ぜひ最後までご覧ください！ Firebase Studioとは？ 実際に使ってみる まとめ おわりに Firebase Studioとは？ 2025年4月に発表された 「Firebase Studio」 は、AIに「どんなアプリを作りたいか」を伝えるだけで、プログラミング初心者でもコードを書かずにアプリを開発できる革新的なツールです。 今回は実際にFirebase Studioを使ってToDoアプリを作ってもらいました。…

先日Firebaseを使う機会があったので、その概要をまとめました。 今回の内容は 前編・後編の2部構成です。 前編：Firebaseを使った簡単なアプリの作成 後編：Firebase Studioを活用したノーコードアプリ開発 ぜひ最後までご覧ください！ Firebaseとは? 機能について 実際に使ってみる まとめ おわりに Firebaseとは? Firebase は Google が提供するアプリ開発プラットフォームです。 バックエンドの処理を自動で担ってくれるため、フロントエンドの開発に集中できます。 これにより、サーバー構築や API 管理の負担を大幅に減らし、効率的なアプリ開発が…

こんにちは！開発統括部のS.Tです。 10/29(水)にKENTEMクイズ王決定戦という社内イベントを初開催しました！ KENTEMクイズ王決定戦とは 発表内容 あなたも挑戦！実際に出題したクイズを紹介 参加者の感想 まとめ おわりに KENTEMクイズ王決定戦とは 製品の内容について、クイズ形式で発表して社内共有するイベントになります。 普段は業務で担当している製品や技術について、向き合っている時間がほとんどだと思います。 別のプロダクトや技術に触れる機会を作ることで、知見を増やし、より多くの技術的興味や着想につながる場を目指しました！ イベントでは、製品機能、生まれた背景や技術面を題材にし…

こんにちは！新卒フロントエンドエンジニアのK.Sです。皆さんは既にこちらの記事をご覧になりましたか？ tech.kentem.jp この記事で紹介されているユーティリティ型だけでも十分役に立ちますが、別のテクニックと組み合わせることでさらに柔軟な型の定義が可能になります。この記事では、私が便利だと感じた実践的に使えるテクニックをご紹介します。 基本となる型定義（共通型） 【Omit × Pick × Partial】 一部のプロパティだけをオプショナルにする 【satisfies × Record × as const】型と値の両面で安全なマップを作る 【Record × Exclude】 既…

こんにちは、KENTEMのまつです。 担当している製品のデータを集計しようとしたところ、データ構造的にトレースできないデータがありました。 Azure Batchのタスクに設定された環境変数にデータがあったので、CSVなどにしてダウンロードできないか調査しました。 取得方法の選択肢 モジュールのインストール 認証の解決 コマンドベースでの確認 ツール化 振り返り おわりに 取得方法の選択肢 今回は時間もあまり無かったためPowerShellでささっと環境変数を取得できないか検討しました。 PowerShellだけでも以下のような選択肢がありました。 Azure PowerShell Azure…

データベーススペシャリストという資格がありますが、この資格取得のために勉強していると正規化について学ぶと思います。日常業務で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が作るとあんなに膨大な量になるのでしょうか？（削っても多いから恐ろしい） そんな悩みから勢いだけで「テストコードを増やさず、テストケースを増やす」方法について書いてみました。 同じ悩みを抱える人のヒントになれ…