はてぶ・Qiita・Zennのトレンド記事を紹介
[FrontEnd Replace] アーキテクチャ設計篇 🔖 1
こんにちは。FE チームの Maple です。前回の記事「[FrontEnd Replace] エコシステム設計篇」では、私たちが選択した技術スタックについてお伝えしました。Next.js、bun、CSS Modules、Storybook など、数々の選択肢から厳選したツール
はじめにFlutter 開発では Widget テスト と ゴールデンテスト が品質確保の鍵を握りますが、手作業で書くには時間がかかります。そこで注目したのが OpenAI Codex です。Codex はChatGPTのようなインターフェースで自然言語でコーディング作業を処理
Athenaを活用してログ調査コストを98%削減した話 ($1,552→$32) 🔖 1
ログ監視・分析サービスを用いた過去ログ調査では、時にそのコストが大きな課題となります。本記事では、あるケースにおいて$1,500以上と見込まれた過去ログ調査の費用を、Amazon Athenaの活用により$32まで大幅削減（98%カット）した実際の事例をご紹介します。具体的な
AI x FlutterでリアルタイムにUIを生成する 🔖 21
!こちらは、5月9日にSODAオフィスで開催されたオフライン勉強会、SODA Flutter Talk #2での登壇内容を記事化したものですスニダンを開発している@natsuk4zeです！今回は生成UIというリアルタイムにUIを生成する技術を、Flutterで試してきたの
Material Design3の進化形、Material 3 Expressiveを追いかける 🔖 10
2025年5月13日にGoogleがMaterial 3 Expressiveが発表されました。こちらはMaterial Design3の進化形に位置します。この記事ではMaterial 3 Expressiveとはなにか、どんなところが変わったのかをまとめています。 Ma
[FrontEnd Replace] エコシステム設計篇 🔖 1
こんにちは。FE チームの Maple です。あなたは今、フロントエンド開発の迷宮で道に迷っていませんか？ライブラリの選定、アーキテクチャ設計、テスト戦略...様々な選択肢に囲まれ、何を選べば良いのか頭を抱えていることでしょう。私たちのチームは、まさにそんな迷宮を抜け出すため
GASでMagicPodにアップロードされた複数のアプリを削除する
こんにちは。SODAでクオリティエンジニアをやっているokauchiです。今回はMagicPodにアップロードされたアプリをUIに頼らずGASで削除するというテーマになります！紹介するのはモバイルアプリ版ですが、Web版も似たような仕組みで実装できるかもしれません。以下のG
一行まとめ最初に諸々の手続き・ルール・注意点を含んだプロンプトを完成させて、記憶がない（新規スレッド）の状態からでも期待するアウトプットが出る状態にする 補足技術的負債脱却など諸々の目的でライブラリ移行を行うことがしばしばあるが、そのライブラリが大規模なプロジェクト全体で
執行役員 CTO を辞任し、VP of Technology として再出発します2025 年 4 月より、僕は株式会社 SODA の執行役員 CTO を辞任し、開発部署のマネージャーとして VP of Technology（VPoT）という役割に専念することを選びました。まずは
APIを安全にフルリプレイスするためには？結論：リプレイス前後のAPIを外から呼び出し、入出力と副作用について挙動が変わらないことを確認する技術的負債返済のためにAPIをリプレイスすることが多々あるが、危険なのはリプレイス後のAPIに特化したテストしか書かないことである。それ
[Zenn Books] コードで比較！ React19を執筆しました。
こんにちは。FEチームのMapleです。私たちのチームは、現在のアーキテクチャを見直し、Reactを用いた新しいアーキテクチャへの移行を行うプロジェクトを開始しました。React19の知見をチーム全体で向上させるため、読み合わせの為に執筆を行いました。 初のZenn Bo
[ECサイトのテスト自動化落とし穴]出品と購入、リトライの落とし穴
こんにちは。SODAでクオリティエンジニアをやっているokauchiです。今回は、出品から購入までの一連の流れをE2Eテスト自動化した時の失敗談をお話しします！出品から購入までのテストシナリオ作成ECサイトのテスト自動化において、出品から購入までの一連の流れをテストするシナ
あなたのUI/UXを上げる "アニメーション" の基礎 🔖 22
こんにちは！最近Zennで本を出版しました！ 🚀🚀🚀アニメーションを始めとした、ユーザー体験をこだわりたいと思って書いた本です！ただ、ごめんなさい、有料にしちゃってるので、まずこの記事読んでもらって面白いと思ったら、ぜひ本を購入を検討してくれると嬉しいです！https:/
多くの開発で以下のような課題に直面したことはありませんか？Color.greyや#F5F5F5など、具体的なカラー値をハードコードしているデザインと実装でカラー名の定義が異なるアクセシビリティを考慮したカラー設計になっていない本記事では、カラーの設計方法やアクセシビ
Flutterのスキルを上げるにはIssueを見る 〜キャッチアップの実践方法〜 🔖 2
エンジニアは一生勉強と言われますが、最新情報やトレンドをいち早くキャッチアップするにはどうすれば良いのでしょうか?今回は私が普段得ている情報源を紹介します。この記事ではFlutterに特化していますが、別の技術でも応用可能だと思います。!最近本を書きました。この記事を面
背景: LLM を商品推薦に応用できないだろうか？自社のECサイトに、Item 2 Item, User 2 Item的な商品推薦を実装したい従来推薦システムの構築には膨大な行動データが必要だった。しかし、自前で膨大な行動データを持っていなくとも、LLM の膨大な訓練データ