電通総研 の技術ブログ

Next.js: Static Exports のi18n(多言語)対応

こんにちは、XI本部プロダクト イノベーション センターの瀧川亮弘です。 現在、Next.jsの Static Exports により、Webサイトの構築を行っています。 本記事ではStatic Exportsの i18n (多言語)対応の実装方法を紹介します。 Static ExportsはNext.jsのアプリケーションを静的コンテンツ(HTML/ JavaScript / CSS /Image)としてエクスポートできる機能です。 Nodeサーバーが不要なため、S3などで簡単

JSTQB認定テスト技術者資格 Foundation Level試験 Version 2023V4.0.J02を公開初日に受験してきた話

はいどーもー! 閲覧履歴を表示させるためにCtrl+H( Windows )やcmd+Y( Mac )を押下するつもりが誤ってCtrl+Yやcmd+Hを押下してしまう、コミュニケーションIT事業部の宮澤響です! 本記事では、2024年11月1日より新 シラバス Version 2023V4.0.J02 準拠となった JSTQB認定テスト技術者資格 Foundation Level試験 を受験してきた話をまとめます! なお、その場で結果が表示されるタイプの試

電通総研IT パッケージ開発 新卒3年目社員の働き方紹介

こんにちは。 電通 総研IT入社3年目の木ノ原です。 現在は第3ビジネスユニットに所属しており、金融機関向けソリューションである、 LINKGATEWAYというパッケージの開発・保守を担当しています。 この記事では、私のこれまでの仕事内容などについてお話しします。 1.自己紹介 私は2022年に新卒入社し、半年の研修を経て第3ビジネスユニットに配属となり、現在は3年目と

MicroProfile Configで始めるJavaアプリケーションの設定管理

みなさんこんにちは、 電通 総研コーポレート本部システム推進部の佐藤太一です。 設定管理は開発段階だけでなく、運用フェーズでも重要な課題です。MicroProfile Configを活用すれば、設定値の変更が及ぼす影響を最小限に抑えつつ、柔軟な設定管理が実現できます。 このブログエントリでは、MicroProfile Configの基本概念と使い方を初心者向けに解説します。アプリケーシ

FlutterFlowでサクっと開発する社内業務スマホアプリ

XI本部 プロダクト イノベーション センター アジャイル 開発グループの徳山です。 前回の記事「 FlutterFlowでFirebaseと連携する方法 」では、FlutterFlowとFirebaseを活用したバックエンドのセットアップ方法を詳しく解説しました。今回は、FlutterFlowを使って開発できる 社内業務向け スマホ アプリ の作成方法を紹介します。これまで解説した内容を確認しながら、実際の アプ

電通総研IT 大規模基幹システム開発 6年目社員の働き方紹介

始めまして。 電通 総研ITに6年間在籍する小椋と申します。 今回は、入社してから今までの業務を振り返りつつ、記事にいたしました。 弊社を知りたいと考えている皆様のお役に立てると幸いです。 経歴 まずは私の今までの経歴を簡単に紹介したいと思います。 2019年3月 大学卒 2019年4月 電通 総研ITへ新卒入社 4月~6月末 電通 総研グループ研修を受講 7月~9月末 電通

FlutterFlowでFirebaseと連携する方法

XI本部 プロダクト イノベーション センター アジャイル 開発グループの徳山です。 前回の記事「 FlutterFlowに制約はある?できることとできないこと 」では、FlutterFlowを使った開発における制約や注意すべきポイントをお伝えしました。今回は、FlutterFlowと相性の良いバックエンドサービスであるFirebaseとの連携について詳しく説明いたします。 はじめに Firebaseとは何か Flu

AWS CDKでElastiCache for Valkeyクラスターを作ってみた

こんにちは。コーポレート本部 サイバーセキュリティ推進部の耿です。 ElastiCache for Valkey が 日本時間 2024/10/9 に利用できるようになりました 。Valkey とは、ライセンス変更が発生した Redis をフォークしたインメモリデータベースであり、今後も継続して OSS として使用できるよう開発を進めていくことが発表されています。 Redis の代替の選択肢となり得る ElastiCache for Valke

FlutterFlowに制約はある?できることとできないこと

XI本部 プロダクト イノベーション センター アジャイル 開発グループの徳山です。 前回の記事「 FlutterFlow vs Adalo:ノーコードモバイルアプリ開発ツールの比較 」では人気のノーコード開発ツールのAdaloと比較することでFlutterFlowとの機能の違いやメリットを紹介しました。今回は、FlutterFlowの制約について焦点を当てることでFlutterFlowを利用した開発ではどのような注意点

JBangを使って複数のJavaをWindows上で管理する。

皆さんこんにちは。システム推進の佐藤太一です。 このエントリでは、 Windows 上にインストールした複数の JVM を上手く切り替える方法について説明します。 はじめに JBangのインストール JBangを使ったJavaのインストール デフォルトのJavaを設定する JBangを使ってJavaを切り替える PowerShellの補助関数を使って切り替える PowerShellのプロファイルを作りこんで自動で切り替え

FlutterFlow vs Adalo:ノーコードモバイルアプリ開発ツールの比較

XI本部 プロダクト イノベーション センター アジャイル 開発グループの徳山です。 前回の記事「 FlutterFlowとは?ノーコードでスマホアプリ開発を始める方法 」ではFlutterFlowについての特徴や機能といった基本知識を紹介しました。今回は、FlutterFlowを同じく人気のあるノーコードツールであるAdaloと比較することで両者の特徴や違いを解説します。よりFlutterFlowへの理解を

Azure Cosmos DB for MongoDBのデータベース移行: Azure DatabricksとAzure Data Factoryの比較

はじめに 背景 Azure Data Factory利用時の注意点 Azure DatabricksとAzure Data Factoryの比較 Azure Databricksの利用方法 Azure Databricksの作成 クラスターの作成 PySparkの記述方法 storesコレクション ordersコレクション merged_storesコレクション 終わりに はじめに 電通 総研XI本部AIトランスフォーメーションセンターの岩本です。この記事では、Azure Cosmos DB for MongoDBのデータベース移行手段として

FlutterFlowとは?ノーコードでスマホアプリ開発を始める方法

XI本部 プロダクト イノベーション センター アジャイル 開発グループの徳山です。 私たちのグループは現在ローコードツール、その中でも マルチプラットフォーム 向けにアプリケーションを開発できるFlutterFlowの活用を行っており、業務アプリのMVP開発などに活用しています。 昨年「 ノーコードツール「FlutterFlow」を利用すると5時間でどんなアプリを作ることができる

SupabaseとDrizzle ORMを利用する場合のDBスキーマの管理方法

こんにちは、 電通 総研の瀧川亮弘です。 本記事ではSupabaseとDrizzle ORMを利用する場合のDB スキーマ の管理方法について記載します。 テーブル定義は、Drizzleのお作法に則り、TypeScriptで管理しています。 schema.ts import { boolean, pgEnum, pgTable, primaryKey, timestamp, uuid, } from "drizzle-orm/pg-core"; export const roleEnum = pgEnum("Role", ["admin", "general"]); export const users = pgTable(

Supabase: 参照はRLS(Row Level Security)、登録更新削除はEdge Functionsで認可制御を実装した話

こんにちは、 電通 総研の瀧川亮弘です。 現在、Supabaseによる アプリ開発 を行っています。 本記事ではSupabaseの認可制御をどのような方針で実装しているのか紹介します。 前提 アプリからSupabaseへのリク エス トは2つの API を使い分けています。 一つ目にSupabaseが スキーマ 情報をもとに自動生成するRESTful API です。 内部的にはPostgRESTというライブラリが用いられていま