フロントエンド

国土地理院の地図を使ってみた

こんにちは。第1開発部でマネージャーをしている時田です。 私は現在、クラウドサービスプロジェクトの開発リーダーを務めています。 本プロジェクトでは、地図の表示とそこに線やマーカーを描画する機能を提供しています。 元々デスクトップアプリだったも…

ブラウザキャッシュ問題を解決!キャッシュバスティングについて

こんにちは、第2開発部の増子です。 Webアプリを作る上であるあるな話である「キャッシュ問題」 開発中やアップデート直後に何か動かなくなる時がある・・・ ファイル差し替えたのに古いものが表示されてしまう・・・ スーパーリロードやキャッシュ削除を試…

ブラウザからAzureBlobStorageにファイルをアップロードしてみた

この記事は、 KENTEM TechBlog アドベントカレンダー2023 14日目、12月20日の記事です。 こんにちは、KENTEM 第2開発部の松井です。 ブラウザからAzureBlobStorageにファイルをアップロードする機会があり、azure-sdk-for-jsのstorage-blobを使用しました。…

【React】パフォーマンスの最適化について

この記事は、 KENTEM TechBlog アドベントカレンダー2023 12日目、12月18日の記事です。 こんにちは、第2開発部の木下です。 Reactを学び始めてまだ2週間程度の超初心者ですが、 パフォーマンスの最適化についてご紹介させていただければと思います。 はじ…

reg-suit + Storycapのビジュアルリグレッションテストをクラウドストレージ不要で構築してみた

この記事は、 KENTEM TechBlog アドベントカレンダー2023 4日目、12月6日の記事です。 こんにちは。KENTEMでフロントエンドを担当している吉村です。 前回、デザイン崩れを恐れずコンポーネント修正をしよう!~BackstopJS編~という記事を投稿しましたが、 …

複数の責務を負うReactコンポーネントの型定義

この記事は、 KENTEM TechBlog アドベントカレンダー2023 1日目、12月1日の記事です。 初めまして。KENTEMでWEBフロントエンドエンジニアをしている千葉です。 TypeScriptは型を全く使わずに全てanyにすることもできる一方で、複雑な型関数を構築することも…

Azure OpenAI Serviceで学生向けイベント開催してみた

こんにちは、KENTEM 第2開発部の福原です。 KENTEMでは学生の方を対象に『KENTEM1Dayプログラミング体験』というイベントを毎年行っています。 今年度はMicrosoft Azureで2023年1月に一般公開された「Azure OpenAI Service」を使用したプログラムを扱って…

デザイン崩れを恐れずコンポーネント修正をしよう!~BackstopJS編~

こんにちは。KENTEMでフロントエンドを担当している吉村です。 現在、私たちのチームではNext.jsを用いてクラウド製品の開発を行っています。 その中で頭を悩ませているのが、 特定の画面に対応するため、コンポーネントを修正したところ、 他の画面への想定…

daisyUIでサクッとポップな画面作成

こんにちは!開発部エンジニアの高野です。 フロントエンドを主に担当しています。 最近、心ときめくUIライブラリに出会いました・・・・ それは daisyUI です 今回はNext.jsでdaisyUIをさわってみた感想などをお伝えします! daisyUIとは? ライブラリのイ…