この記事は、 KENTEM TechBlog アドベントカレンダー2024 25日目、12月25日の記事です。 はじめに メリークリスマス！今年新卒で入社したK.Mです！昨日から今日まで弊社では、開発部でテックカンファレンスが開催されていました！かくいう私も運営&登壇者として参加させていただき、ドタバタしつつも非常に有意義な時間を過ごすことができました！そんな状態でしたが、今年の集大成としてフロントエンド×バックエンド×AIを使ったローカルで動く簡単なWebアプリを作ってみたのでご紹介したいと思います！ 概要 アプリ概要 今回は、日本語を英語に翻訳するWebアプリを作成しました。ざっくりとした…

この記事は、 KENTEM TechBlog アドベントカレンダー2024 24日目、12月24日の記事です。 開発部エンジニアのY.A.です。 10月にGAされたUnity6×ARFoundation6で手振れ補正対応してみた話です。 環境 はじめに 手振れ補正を使用するには 対応手順 Unity6でARFoundation6環境を作成する AR Camera ManagerのImageStabilizationフラグをtrueにする スクリプトから設定を変更する 動作確認 まとめ おわりに 環境 Windows11 pro Unity Hub 3.10.00 Unity 6000.0.31…

この記事は、 KENTEM TechBlog アドベントカレンダー2024 23日目、12月23日の記事です。 こんにちは！今回は、愛知県名古屋市の中心、伏見エリアに位置する名古屋オフィスについてご紹介します。 アクセスと立地 オフィスの設備と環境 働きやすさ ここがイチオシ！ まとめ おわりに アクセスと立地 名古屋オフィスは、 地下鉄伏見駅から徒歩約5分の場所に位置しています。 通勤にも便利な立地で、周辺には飲食店やコンビニ、薬局も充実しており、ランチタイムの外出や急な買い物にも困りません。 都市生活の利便性を活かしながら、快適に働けるロケーションです。 オフィスの設備と環境 エントランス…

この記事は、 KENTEM TechBlog アドベントカレンダー2024 22日目、12月22日の記事です。 こんにちは！KENTEM第2開発部のK.H.です。 世はOSS全盛期。 OSからフレームワーク、ライブラリ等、様々なソースコードが公開されています。 素晴らしい世界です。 でも・・・・・・・やっぱり隠したいものもありますよね？ バックエンドサーバーのURL、シークレットキー、僕の考えた最強ロジック、色々あると思います。 ソースコードを公開しなければいいんじゃないか。いえいえ、そんなことはありません。 世の中にはリバースエンジニアリングという言葉があります。配布しているアプリからソース…

この記事は、 KENTEM TechBlog アドベントカレンダー2024 21日目、12月21日の記事です。 こんにちは、KENTEMのまつです。 今年一年を振り返って、個人的に悔しかった出来事として、リリース手順の漏れによって時限式の障害を発生させたことがあります。 この記事では、何故障害が発生してしまったのか？と再発防止策について紹介しようと思います。 何故障害が発生してしまったのか？ リリース手順書の作成が属人化している リリース手順書のレビューが形骸化している 再発防止策の検討 作成プロセスの明確化 レビューが形骸化しない環境 再発防止策について Git管理 Markdownの手順書…

この記事は、 KENTEM TechBlog アドベントカレンダー2024 20日目、12月20日の記事です。 こんにちは。KENTEMフロントエンドエンジニアのM.Sです。 3Dというのは人間を惹きつけるものがありますよね。 ゲームや映画から、ソフトウェアやWebサイトまで。 Webサイトで商品などをぐるぐる見渡せるエリアがあると、ついぐるぐるしてしまいます。 そこで今回は、普段Reactばかり触っている私でも3Dを扱うことができる、ReactThreeFiberについてご紹介していきたいと思います。 ReactThreeFiberとは？ インストール オブジェクトを表示してみる Orbit…

この記事は、 KENTEM TechBlog アドベントカレンダー2024 19日目、12月19日の記事です。 こんにちは、第二開発部でバックエンドを担当している N.Y です。 2024/11/18-22 に開催された Microsoft Ignite 2024 で、Azure Cosmos DB （以下 Cosmos DB）のフルテキスト検索・ハイブリッド検索のプレビュー機能が発表されました。 今までは Cosmos DB でキーワード検索などを高速に行うためには Azure AI Search （以下 AI Search）を使用する必要がありましたが、Cosmos DB のみで高速な検索…

この記事は、 KENTEM TechBlog アドベントカレンダー2024 18日目、12月18日の記事です。 こんにちは。私は、KENTEMでWEBフロントエンドエンジニアをしています。 私の所属プロジェクトでは、Reactを採用しています。開発中、リスト内のアイテム数が多くなるにつれパフォーマンスが悪くなるという課題がありました。この記事では、IntersectionObserverを使って、巨大なリストのパフォーマンス改善を行う方法を紹介させていただきます。 どのようなリストか パフォーマンスの課題 Windowingは銀の弾丸ではなかった IntersectionObserverを使っ…

u{ text-decoration: none; background: linear-gradient(transparent 50%, yellow 50%) !important;} この記事は、 KENTEM TechBlog アドベントカレンダー2024 17日目、12月17日の記事です。 こんにちは、KENTEM第1開発部のD.Sです。 みなさん通学・通勤時間はどれくらいありますか？ 私は運動も兼ねて駅まで歩いているので1時間くらいあります。 そんな通学・通勤や運動、就寝前などに聴くとお勧めのPodcast(ポッドキャスト)番組を紹介します。 Podcast(ポッドキャスト)とは…

この記事は、 KENTEM TechBlog アドベントカレンダー2024 16日目、12月16日の記事です。 皆さん普段の業務でAIは利用していますか？ ChatGPTの登場から早いもので二年が経過。 始めの頃は「すげー！AIが喋ってる！」と感動はしたものの、 ちょっと難しい質問をすると、「違う、そうじゃない」とサングラスの男性の顔がちらつく状態。 業務で頼りにするにはちょっと怪しいかなー？というのが正直な感想でした。 それから時間が経ち、GPT-3.5, GPT-3.5 Turbo, GPT-4, GPT-4o, GPT-4o mini... と様々なモデルが登場。 最近ではo1シリーズな…

この記事は、 KENTEM TechBlog アドベントカレンダー2024 15日目、12月15日の記事です。 アドベントカレンダーも折り返しとなってきました。日曜日ですので、ここで箸休めの記事を投稿したいと思います。 皆さんは新しい技術を選定する際、どのような基準で選んでいますか？ 私は選定基準の１つに「すぐに廃れないこと」を入れています。 多くの人に使われている技術は、壁に当たった時のノウハウも豊富に提供されているためです。 「広く使われているかどうか」を調べるのに参考になるのが、State of 〇〇 といったサイト群です。 State of CSS State of JavaScrip…

この記事は、 KENTEM TechBlog アドベントカレンダー2024 14日目、12月14日の記事です。 Azure でサーバー管理を行っていて開発用に同じ環境を何度も作るのが嫌になる。作った環境の設定ミスに気づくのに時間がかかった。という経験はございませんか？ そんな私の様なあなたに Bicep をご紹介します。 Bicep とは Bicep と Terraform Bicep の利点 Terraform の利点 Bicep を使う準備 Bicep を作る 反省点 SQL 接続 API Management のサブスクリプションキー モジュール化 まとめ おわりに Bicep とは B…

この記事は、 KENTEM TechBlog アドベントカレンダー2024 13日目、12月13日の記事です。 みなさんこんにちは！ KENTEM第二開発部でフロントエンドを担当しているO・Aと申します😺 この記事では、一般家庭の要らなくなったPCを活用して、自宅で分散型SNS（Misskey）サーバーを構築する方法を、12/9～12/13の5日間に分けて、毎日丁寧に解説していきます。 シリーズ目次 第1回：分散型SNSとは何か？ tech.kentem.jp 第2回：Ubuntuの環境構築手順 tech.kentem.jp 第3回：ドメイン取得とCloudflare Tunnelの設定 te…

この記事は、 KENTEM TechBlog アドベントカレンダー2024 12日目、12月12日の記事です。 みなさんこんにちは！ KENTEM第二開発部でフロントエンドを担当しているO・Aと申します😺 この記事では、一般家庭の要らなくなったPCを活用して、自宅で分散型SNS（Misskey）サーバーを構築する方法を、12/9～12/13の5日間に分けて、毎日丁寧に解説していきます。 シリーズ目次 第1回：分散型SNSとは何か？ tech.kentem.jp 第2回：Ubuntuの環境構築手順 tech.kentem.jp 第3回：ドメイン取得とCloudflare Tunnelの設定 te…

この記事は、 KENTEM TechBlog アドベントカレンダー2024 11日目、12月11日の記事です。 みなさんこんにちは！ KENTEM第二開発部でフロントエンドを担当しているO・Aと申します😺 この記事では、一般家庭の要らなくなったPCを活用して、自宅で分散型SNS（Misskey）サーバーを構築する方法を、12/9～12/13の5日間に分けて、毎日丁寧に解説していきます。 シリーズ目次 第1回：分散型SNSとは何か？ tech.kentem.jp 第2回：Ubuntuの環境構築手順 tech.kentem.jp 第3回：ドメイン取得とCloudflare Tunnelの設定 ←本…

この記事は、 KENTEM TechBlog アドベントカレンダー2024 10日目、12月10日の記事です。 みなさんこんにちは！ KENTEM第二開発部でフロントエンドを担当しているO・Aと申します😺 この記事では、一般家庭の要らなくなったPCを活用して、自宅で分散型SNS（Misskey）サーバーを構築する方法を、12/9～12/13の5日間に分けて、毎日丁寧に解説していきます。 シリーズ目次 第1回：分散型SNSとは何か？ tech.kentem.jp 第2回：Ubuntuの環境構築手順 ←本記事 tech.kentem.jp 第3回：ドメイン取得とCloudflare Tunnelの…

この記事は、 KENTEM TechBlog アドベントカレンダー2024 9日目、12月9日の記事です。 みなさんこんにちは！ KENTEM第二開発部でフロントエンドを担当しているO・Aと申します😺 この記事では、一般家庭の要らなくなったPCを活用して、自宅で分散型SNS（Misskey）サーバーを構築する方法を、12/9～12/13の5日間に分けて、毎日丁寧に解説していきます。 シリーズ目次 第1回：分散型SNSとは何か？ ←本記事 tech.kentem.jp 第2回：Ubuntuの環境構築手順 tech.kentem.jp 第3回：ドメイン取得とCloudflare Tunnelの設定…

この記事は、 KENTEM TechBlog アドベントカレンダー2024 8日目、12月8日の記事です。 寒い季節になりましたね。 先月頃までは気分よく外出もできたのですが、最近は寒さに負けて家にこもりっきりの日々です。 となると家での時間が増えてきましたので、久々にちょっとした実験でもやろうかなと思った次第です。 ということで、最近よく耳にするWebAssemblyを使って、ブラウザ上で高度な画像処理ができるようになったのかを実験してみました。 はじめて触る技術ですので、若干の曖昧さがありますが、温かく見守っていただけたらと思います。 WebAssembly（Wasm）とは WebAsse…

この記事は、 KENTEM TechBlog アドベントカレンダー2024 7日目、12月7日の記事です。 🐱<突然ですが、問題です。 こちらの画像、実際に撮影されたものか、AIで生成したものか、どちらだと思いますか？ 自信を持って答えるのは難しいのではないでしょうか。 今回はこれをAIで見分けてやろうという内容です。 ちなみに正解は本記事の最後で発表します。 AIで画像を生成する 実際に撮影された画像を準備する AI vs AI 正解発表 おわりに AIで画像を生成する 最近すごく流行っていますよね。特に2次元の絵が大量に生成されている印象があります。その一方で、実際の風景のような画像を生成…

この記事は、 KENTEM TechBlog アドベントカレンダー2024 6日目、12月6日の記事です。 KENTEMマネージャーです。当社のテックブログをはじめて1年半がたちました。 今回は、テックブログの運営を振り返り、工夫したポイントをご紹介します。 きっかけ：テックブログがない会社＝開発体験が悪い会社 文書力がない私は、会社テックブログを開設することについて、どちらかというとネガティブでしたが、下記の記事を見て考えを改めることになりました。 prtimes.jp 超巨大企業が上位にいる一方で、スタートアップや中小企業がランクインしています。 エンジニア体験をより良くするのは当然ですが…

この記事は、 KENTEM TechBlog アドベントカレンダー2024 5日目、12月5日の記事です。 私のプロジェクトでは、C#を用い、メソッドの変数名そのものを取得する実装を作っていました。 しかし、可変長引数が含まれるメソッドでは少し工夫が必要でした。 今回は、C#において、呼び出し元のメソッド名を取得する方法をまとめました。 CallerMemberName属性を用いる 概要 CallerMemberNameを用いた問題点 解決方法 StackTraceを用いた方法 概要 StackTraceを用いたメリット StackTraceを用いたデメリット おわりに CallerMembe…

この記事は、 KENTEM TechBlog アドベントカレンダー2024 4日目、12月4日の記事です。 C#erの皆さん「リフレクション」って分かりますか？ 分かるようで分からない、ちょっと難解で敬遠しがちな技術だと思います。 というか使ったことないや、という人のためにも初心者向けに簡単な形で説明していきます！ リフレクションとは？ アセンブリ、モジュール、型の取得 動的に型のインスタンスを作成、メソッドを呼ぶ フィールドやプロパティにアクセス 属性にアクセス リフレクションの使い道って？ プラグインや動的モジュールのロード デバッグやテストフレームワークの実装 リフレクションの注意点 セ…

この記事は、 KENTEM TechBlog アドベントカレンダー2024 3日目、12月3日の記事です。 こんにちは、KENTEM第２開発部のS.H.です。 本記事では今年の4月に新卒でプログラマとして入社した私がこれまで経験したツマヅキを3つ紹介しようと思います。気楽に読んでいただけると幸いです。 この記事の想定読者 こんな人が書いています 入社前のプログラミング経験 入社してから担当した業務 本題 ツマヅキその１ コマンドを打つ場所が違う 原因と対策 ツマヅキその２ コンフリクトの解消 原因と対策 ツマヅキその3 社内の知識リソース活用不足 まとめ おわりに この記事の想定読者 実務未経…

この記事は、 KENTEM TechBlog アドベントカレンダー2024 2日目、12月2日の記事です。 こんにちは。KENTEM 第２開発部のS.Eです。 会社に勤めていれば当たり前のように朝会を実施している方が多いと思いますし、学生さんでも部活動・サークルやホームルームでも同じ様なことをやっているかもしれませんね。 弊社の開発部でも、プロジェクト毎に様々なスタイルで朝会を実施しています。 一日の作業を円滑に進める上でも朝会は重要です。 今回は私が所属しているプロジェクトの朝会を紹介したいと思います。 朝会の目的 とあるプロジェクトの特性 とあるプロジェクトの朝会紹介 朝会の開催方法 朝会…

この記事は、 KENTEM TechBlog アドベントカレンダー2024 1日目、12月1日の記事です。 はじめに こんにちは！今年新卒で入社したK.Mです！弊社では社内プログラミングコンテストとして、チームでアプリ開発を行う取り組みがあります。私自身も同期同士でチームを組んでアプリ開発を行っていますが、プルリクについていたメンションの通知が来なくて修正依頼に気づかない・・・なんて自体が発生しました。 GitHubのSettingからWebHooksを使ってDiscordに通知を送ることができますが、怠惰な私はそれだけではDiscordを開かず修正依頼を放置していました笑 なので、GitHu…

こんにちは、KENTEM第一開発部のS・Mです。 数年前までは考えられなかった生成AIが、今や盛り上がりを見せています。 私としても仕事が様変わりする…とまでは行かないまでも、頼れる相棒として日常的に活用するようになりました。 しかし品質の担保が課題となり、コードとして採用することを躊躇してしまいます。 また、生成AIが出力したコードのチェックに時間を費やし、効率化にならないという声も聞かれます。 そこで、テスト駆動開発と組み合わせることで、安心して使えるのではないかと考えています。 テスト駆動開発について 生成AIを用いた開発手順 おわりに テスト駆動開発について まずテスト駆動開発について…

システム開発をする上で他社が開発しているシステムとインターフェイス連携を実現する機能を盛り込むということは、それなりに難易度の高いものだと感じています。 要件・仕様・インフラ等、あらゆる点でお互いの前提や思惑が異なることが多いので、それらをすり合わせてお互いの落としどころを見出すだけでも一苦労だと思います。 今回は、そんなインターフェイス連携をする際に、インフラ面（ネットワーク設定）で苦労したことをお話させていただきます。 経緯 ネットワーク、得意ですか？ いざ、VPN構築 若手エンジニアに望むこと おわりに 経緯 今回我々が開発しているシステムと、他社が開発し運用している既存のシステムとをイ…

今回は、2024年11月に新たに開設した札幌オフィスをご紹介します。 これまで札幌では営業所と開発室がそれぞれ別の拠点で運営されていましたが、このたび札幌オフィスに移転・統合することで、一体感のある新しい拠点が誕生しました。 札幌駅から徒歩3分の好立地！ オフィスのテーマは『YELLOW GRID』 各エリアのご紹介 まとめ おわりに 札幌駅から徒歩3分の好立地！ 札幌オフィスが入るビルは、2023年8月に竣工したばかりの新しい建物です。 JR札幌駅に隣接しており、アクセスの良さが魅力です。 オフィスのテーマは『YELLOW GRID』 KENTEMのロゴの由来やコーポレートカラーを空間デザイ…

こんにちは。第2開発部のR.Iです。 高校生の子供を持つ母なので、年々進化・新化する学生向けのプログラミング教育は他人事ではなくとても気になっています。 現在の状況や実際に現場で何が行われているのか調べてみましたので紹介します。 (全て2024年11月時点の情報です) 背景 学校の授業・取り組みについて 小学校での取り組み 中学校での取り組み 高等学校での取り組み 民間のプログラミング教室について プログラミング教室のカリキュラム例 小学生向け 中高生向け その他の小噺 アウトプットの方法 「マインクラフト」を使った授業？！ まとめ おわりに 背景 いまやスマートフォンを持つことも、学校の授業…

こんにちは、KENTEM第二開発部のM・Sです。 今回はgh-pagesを使ってReactを爆速でGitHub Pagesにデプロイする方法を爆速でお伝えしたいと思います！ 事前準備 gh-pagesのインストール 設定ファイルを修正 GitHub Pagesの設定 まとめ おわりに 事前準備 Viteを使ってReactアプリを作り、心行くまで開発する。 gh-pagesのインストール まずはgh-pagesをnpmからインストールしてきます。 npm install gh-pages --save-dev 設定ファイルを修正 下記の設定ファイルを変更します。 package.json { "…