こんにちは！アルダグラムでエンジニアをしている渡邊です！弊社で提供しているモバイルアプリ「KANNA」は、主に React Native で開発されていますが、一部の機能や画面では Kotlin と Jetpack Compose を積極的に採用しています。このようなハイブリッドな構成において、BottomSheetDialogFragment は React Native から Jetpack Compose で構築した画面や機能をシームレスに呼び出し、表示することが可能になります。今回は、Android 開発で BottomSheetDialogFragment を使用して Je...

こんにちは！アルダグラムでQAエンジニアをしている千葉です！最近AIの進化が目覚ましく、画像生成とかコードを書くAIとか何にでもAI使えるようになってきて、技術の進歩が凄まじい勢いだなって感じている今日この頃です。突然ですが、私が担当している業務として、E2Eテストの自動化があります。弊社でのE2Eテストの自動化は、MagicPodとPlaywrightを利用しており、併用してテストの自動化を進めている状況です。開発のメンバーでは、様々なAIを駆使して開発業務の効率化を行っていますが、QAメンバーでもAIを利用してテスト自動化の工数を削減する取り組みを行っていきたいと考えています...

こんにちは！アルダグラムでエンジニアをしている @sukechannnn です。アルダグラムでは企画・開発・採用とプロダクト開発に関わることを色々やってます。今回はアーキテクチャのお話です。アルダグラムのサーバーサイドは、元々は Ruby on Rails で実装されたモノリシックな構成でした。そこから、新プロダクトの開発をきっかけにサーバーを分離して開発し始め、直近ではサービスの責務に応じてサーバーを新しく立てる方針を取っており、だんだんとマイクロサービスみが出てきました。そこで、どんな進め方で完全なモノリスからマイクロサービス化を進めていったのかをご紹介しようと思います！ ...

こんにちは！アルダグラムでQAのお手伝いをしているmiyashitaです！昨今AI活用スキルの必要性が増してきて、私も今AIスキルを身に着けていこうと必死にもがいていますところです。そんな中で、「これいいかも！」と思ったAIツールがあったので、ご紹介します。 1. 使っているAI現在、NotebookLMというGemini2.0を搭載しているAIツールを使用しています。 2. AIの担当領域今のところ、QAの領域の内でAIが担当しているのは以下の工程になります。仕様理解の要約テスト観点抽出生成AI全般に言えることですが、情報要約が得意な側面が大きいので、特に仕様...

みなさんこんにちは！株式会社アルダグラムでエンジニアをしている大木です。今回は何もわからんけどAIエージェントを作っていこうと思います。せっかくなので、自社サービスの劣化版を作りつつAIエージェントを実装していきます。 1. システムの構成今回は主に3つのシステムを利用して、AIエージェントを作成します。概要使用する技術SDK等フロントエンドNext.jsAI SDKAIエージェントPythonOpenAI Agents SDK / FastAPIMCPGomcp-go図に表すとこんな感じです(雑ですみません) 2. ...

みなさんこんにちは！株式会社アルダグラムでエンジニアをしている大木です。昨今AIの隆盛がとんでもなく、ついていくのに精一杯なのが正直なところです。けどついていけないと時代に取り残されそうなので頑張ります！ってことで何もわからんけど、とりあえずMCPサーバーを作っていこうと思います。 準備今回は mcp-go を使って実装していきたいと思います。TypeScriptやKotlinはMCPの標準のSDK が用意されていますが、Goに関してはまだ存在しないようですね。mcp-goの詳細は以下から確認いただけます！(サンプルも記載されていて、とてもありがたい…)https://git...

こんにちは！アルダグラムでエンジニアをしているkageyamaです。最近のAIの発展は目覚ましく、普段の開発業務における生産性向上に大きく貢献しています。弊社開発部でも、今年から積極的にAIツールの導入・活用を進めており、AI戦略ユニットも発足しました。現在は色々なツールを各自が試しながら知見を共有して、より良い開発体験を模索しています。2025年4月時点で、開発部では以下のAIツールを全社員が利用できる環境を整えています。ChatGPTClaudeOpenAI PlatformDevinGemini Code AssistCursorJunieCline (R...

こんにちは、アルダグラムでSREを担当している okenak です。今回は、2024年末に実施した KANNA の AWS インフラ基盤の全面リプレースについてご紹介します。このプロジェクトは、昨年下期に実施した大規模な基盤移行であり、構成の見直しから段階的な切り替え、本番移行に至るまで、多くの検討と労力が求められました。本記事では、移行に至った背景、当時直面していた課題、具体的な取り組み内容、そして移行を通じて得られた学びについてまとめています。どこか一部でもご参考になれば幸いです。▶️ KANNAのサービス紹介ページはこちらhttps://lp.kanna4u.com/...

こんにちは！アルダグラムでエンジニアをしているshige_sです今回、Magicpodに新しくリリースされた「繰り返し処理」機能についてご紹介します。また、弊社でのE2E自動テストの取り組みについても触れながら、この機能の活用方法をお伝えします。 繰り返し処理とは「繰り返し処理」は、特定の条件が満たされるまで処理を繰り返すことができる新機能です。例えば、以下のようなケースで活用できます。カレンダーUIで特定の年月が表示されるまで「月送りボタン」を押下する弊社では、カレンダーUIを操作するシナリオが多く存在していました。これまでは、毎月「特定の日付」をクリックする際に、ロケ...

こんにちは！アルダグラムでエンジニアをしている今町です。弊社では、2022 年 2 月から、zenn の Publication 機能を利用して、テックブログを運営しています。エンジニアメンバーの協力もあり、祝日や長期休暇を除くとほぼ毎週欠かさずにブログ記事を投稿できています！これはとんでもないことだと思います（自画自賛になってしまいますが）社内にテックブログ運営チームがあり、記事を書いてくれるエンジニアメンバーのアサインやスケジュール調整を行っています（アルダグラムにおけるテックブログ運営の詳細は、こちらの記事も参照ください）そんな中で、運営チームから「日々、テックブログを...

こんにちは！アルダグラムでエンジニアをしている今町です。皆さん、React アプリケーションでアニメーションを実装してみようと思ったことはありますか？私自身、「いや…、アニメーションとか敷居が高そう…」と思って尻込みしていました。そんな中で、シンプルで直感的にアニメーションを実現できるライブラリを見つけたので紹介します。 react-spring とは？react-spring は、React アプリケーションで自然で滑らかなアニメーションを実現するためのアニメーションライブラリです。主な特徴は以下です。物理ベースのアニメーションバネ（スプリング）の動きを模倣することで、...

こんにちは！アルダグラムでエンジニアをしている渡邊です。Compose Multiplatform での開発において、2025年2月時点では Android Studio において Composable 関数のプレビュー表示が commonMain[1] では行えないという問題があります。しかし、IntelliJ IDEA EAP 251 では commonMain でも Composable 関数のプレビュー表示が行えるようになったようです。今回は、Compose Multiplatform における現在のプレビューの状況と commonMain で表示する方法について紹介します...

こんにちは！アルダグラム でエンジニアをしている渡辺です。今回は、iOS アプリ開発で写真や動画を扱う際によく使う PHPickerViewController を使って、ユーザーが選択した順番通りに PHAsset を取得する方法について紹介します。私自身、開発中に少しつまずいたポイントもあるので、同じ問題に直面した方の参考になれば嬉しいです！ 📸 KANNA アプリのアップロード機能私たちが開発しているアプリ KANNA では、複数の写真や動画を選択し、選択した順番通りにアップロード する機能があります。この機能を実装する際、写真選択後の順序保持が思ったよりも厄介だったので、...

こんにちは！KANNA の開発のお手伝いをしております、フリーランスエンジニアの len_prog です。最近、Stable Audio という機械学習を用いた音楽生成モデルに興味を持ちました。簡単なプロンプトを入力するだけで音楽を作成できるとのことで、ローカル環境で試してみることにしたのですが、セットアップには想像以上のハードルがありました。今回は、その環境構築と試行錯誤の記録をまとめてみます。 実行環境とセットアップ 環境MacBook Air M3 (2024)Python 3.9PyTorch (MPS)GradiotorchaudioHuggin...

こんにちは！アルダグラムでエンジニアをしている秋田です。弊社では以前、 フロントエンドのライブラリ134個を一気にアップデートしてリリース しました。今回はその中で起きたVRT(Visual Regression Testing)の課題と対応について紹介したいと思います。 前提弊社サービス KANNA のフロントエンド開発にはVRTを導入しています。使用技術としては Storybook + storycap + reg-suit で、GitHubへのpushをトリガーにして GitHub Actions のワークフローとして自動実行します。実行結果は Amazon S3 に保存...

みなさんこんにちは！株式会社アルダグラムでエンジニアをしている大木です。今回は、Storybook を学び直していこうかなと思います。現在弊社ではStorybookを利用しており、レビューやデザイナーとの連携で活用しています。特に何かに困っているわけでもないのですが、もっとうまく使いこなせないのかなぁと考えていたところでした。今までは6系を使っていたのですが、とあるチームが8系へのアップデートの作業をしてくださいました(ありがたい限りです)。 そういったキャッチアップのためにも学び直しをしていこうかと思います。 インストールインストールに関しては以下のページが参考になるかと思い...

エンジニアとしての歴も少し積み重なってきたせいか、レビューをしているといくつか過去の経験が浮かんでくることが最近ちらほらありました。覚えてるうちにそれらを言語化してみようかなと思います。 テストのないコードはapproveしない「変更とテストは必ずセットにすること」。昔、大先輩からいただいた言葉です。一方で「テスト書いてください」って言いづらいですよね。わかります。うざいやつだって思われたくないし、目上の人が相手なら尚更。僕の場合は、この先輩が本当にすごい人だったというのが大きいかもしれません。ちゃんとやってる人ってやっぱちゃんとしたすごいコードを書くんですよね。最近の言い...

こんにちは！アルダグラムの @sukechannnn です。JUnit 5 でテストを実行するとテストの実行ログは出るのですが、最終的な実行結果のサマリーは 5 tests completed, 1 failed しか表示されません。IDE上ではあまり困らないのですが、CI で全てのテストを実行して一部が失敗した時に「どこでテストが失敗してるんだ？」と FAILED で検索するのが地味に面倒で、RSpec のように失敗したテストが最後にまとめて表示されたら嬉しいなと思いました。JUnit Platform の TestExecutionListener を利用することで、失敗したテ...

こんにちは！アルダグラムでレポートチームのエンジニアをしている志茂です。レポートチームでは、お客様が利用されているExcelファイルをKANNA上にアップロードし、Webから編集できるような機能を開発しております。 今回の記事のスコープスクラムの話をする際に、取り組んでるかそうでないかの話をよく聞くのですが、実際に導入した上で、今のチームには効果的だったが、前のチームにはあまり効果出来でなかったような、具体的なケースを前提とした話はあまり聞かないような気がするので、自分が過去に所属した開発チーム(現職も含め)の体制を振り返って、帰納的にこんなケースだとスクラム効くんじゃないか...

こんにちは、アルダグラムの田中です。今回はフロントエンドで利用している npm package を合計134個、最新バージョンへ更新し、最終的に不具合を発生させず一括リリースできた話について紹介します。一例として以下のライブラリのバージョンアップを行いました。beforeafterNext.js12.2.015.0.3React17.0.218.3.0Node.js16.14.222.11.0@apollo/client3.3.63.11.10Storybook6.5.108.4.7ESlint8.22.09...