YOUTRUST Tech Blog

フィード

記事のアイキャッチ画像
社内のReact公式ドキュメント輪読会に参加してみた
YOUTRUST Tech Blog
はじめに🚀 はじめまして!YOUTRUSTでWebエンジニアをしている林(YOUTRUST)です。 先日誕生日を迎えたのですが、YOUTRUST上でたくさんのお祝いコメントをいただけて嬉しかったです! 社会人になってから祝われる機会が少なくなっていたのですが、こうやってお祝いコメントを送る場があるのは素晴らしいですね。 みなさんもよろしければYOUTRUST上でお祝いコメントを送ってみてください! YOUTRUSTの誕生日投稿画面 さて今回は、社内で開催されたReact公式ドキュメントの輪読会に参加しましたので、その内容と感想をご紹介していきます。 今回参加した輪読会について📚 同じくWebエ…
1日前
記事のアイキャッチ画像
Firebase Dynamic LinksからAdjust True Linkへの移行体験記
YOUTRUST Tech Blog
1. 導入 こんにちは、YOUTRUSTでFlutterエンジニアをしているオカ ( YOUTRUST / X )です。モバイルアプリ開発を10年ほど、直近2年はFlutterの開発を行っております。 2025年8月25日でサービス終了が予定されているFirebase Dynamic Linksから、新しいディープリンクソリューションとしてAdjust True Linkへの移行を行いました。 この記事の内容 移行先の選定理由と実装方法 iOSの特定OSで発生した問題と解決策 段階的移行による安全な切り替え手法 同じような課題に直面している方の参考になれば幸いです。 2. 背景・課題 まず取り…
8日前
記事のアイキャッチ画像
CloudFrontキャッシュ削除でコストを抑えながら画像の向き問題を解決した話
YOUTRUST Tech Blog
こんにちは。YOUTRUSTでWebエンジニアをしている井上(YOUTRUST)です。 今回は、ユーザーがアップロードした画像が正しい向きで表示されない問題を解決した話を紹介します。Lambda関数での修正実装と、CloudFrontキャッシュの削除でコストを抑えた方法について詳しく説明します。 YOUTRUSTで発生していた画像の向き問題 Exif情報のOrientationとは なぜこの問題が起きたのか 問題の調査プロセス 実装した解決策 実装の概要 新たな課題:CloudFrontの1年間キャッシュ なぜ1年間のキャッシュ設定だったのか 解決策:CloudFrontのキャッシュ削除 ワイ…
15日前
記事のアイキャッチ画像
入社1ヶ月で新規事業の開発を任された話
YOUTRUST Tech Blog
🚀 はじめに こんにちは。YOUTRUSTでエンジニアをしている平野(YOUTRUST / X)です。 今年3月(2025/03)に入社し、もう少しで半年が経とうとしています。 今回は初めてのテックブログですが、入社して間もないタイミングで任せていただいた先日リリースした新サービス「YOUTRUST SALES」の開発について、振り返りをまとめました。 新規事業の立ち上げということで、仕様が固まりきっていない状態からのスタートだったり、ほぼひとりで全体の開発を担ったりと、正直プレッシャーも大きかったのですが、それ以上に得られた学びが多く、今の自分にとってとても大きな経験になりました。 この記事…
22日前
記事のアイキャッチ画像
これは、僕がFlutterのGoogle Developer Expert (GDE)になるまでの物語 🏆
YOUTRUST Tech Blog
こんにちは👋 FlutterとDartのGoogle Developer Expertのアプリチームのルーカス (YOUTRUST / X) です これは、僕が Flutter エンジニアとして成長し、 Google Developer Expert にたどり着くまでの物語だ。 最初は、ただのゲーム好きな高校生だった。 コードも書けなかったし、日本語だって話せなかった。 でも、出会いと挑戦を重ねていくうちに、少しずつ変わっていった。 全部で6章。 長いかもしれないけど、きっとどこかに、あなたの物語と重なる部分があると思う。 よかったら、どこからでも読んでみてください。 目次 目次 🎓 第1章:…
24日前
記事のアイキャッチ画像
データの可視化を実装する際に使用した便利なライブラリについて
YOUTRUST Tech Blog
こんにちは! YOUTRUSTでWebエンジニアをしている中谷 ( YOUTRUST )です! 前回の記事の登場から半年以上経ってしまっていました😢 私の記事の更新を心待ちにしてくださっていた方、本当にお待たせしました!🙏 🎉 前回の登場の際は、入社直後で admin(社内用の管理画面)の実装を行っていましたが、その後スプリントに参加し、開発を進めています! 今回は D3.js を用いた時系列データの可視化を実装したことについてお話ししたいと思います。 D3.jsとは? D3.js は、データを柔軟に可視化するための強力なJavaScriptライブラリです。 d3js.org YOUTRUST…
1ヶ月前
記事のアイキャッチ画像
キャリアSNS YOUTRUSTの所属データの構造を抜本的に変えた話
YOUTRUST Tech Blog
こんにちは!YOUTRUSTの春日(YOUTRUST / X)です。 今回は、長年のサービス運用上の悩みのタネであったユーザーの所属データにおける「二重管理問題」を解決し、よりシンプルで直感的なユーザー体験を実現したプロジェクトについてお話しします。 背景:なぜデータ構造の見直しが必要だったのか YOUTRUSTでは、ユーザーの所属・経歴情報を主に3つのテーブルで管理していました: 所属テーブル: 現在の所属企業名・所属学校名などを保持 職歴テーブル: ユーザーの職歴を記録 学歴テーブル: ユーザーの学歴を記録 旧データ構造の簡易図 これらのテーブルはそれぞれ独立して存在しており、所属と職歴・…
1ヶ月前
記事のアイキャッチ画像
絵文字が文字化けする?バリアントセレクタが原因の不具合と対策
YOUTRUST Tech Blog
こんにちは。Webエンジニアの奥村一貴(YOUTRUST / X)です✨ 7月でYOUTRUSTに入社して1年になりました! 今回は絵文字のUnicode、バリアントセレクタを理解しておらずQAで不具合が見つかった話を紹介します。 不具合の内容 ユーザー登録後に運営から送信されるチャットメッセージにて、チェックマークの絵文字が一部崩れて表示されていました。 ※ 実装背景としては、プロフィール入力率を上げるためのオンボーディング施策の一貫として実装していました。 特徴的だったのは以下の点です - iOS端末では正常に表示される - WindowsとAndroidの端末のみで発生 不具合の原因 実…
1ヶ月前
記事のアイキャッチ画像
Claude Code×Obsidianで作るナレッジベース開発環境
YOUTRUST Tech Blog
この記事で得られること ✅ 30分の会議を5分で議事録化する自動化フロー ✅ 開発量を2.5倍に増やした具体的な環境構築方法 ✅ 情報検索を30秒以内に短縮するナレッジ管理術 ✅ PRレビューを10点満点で自動評価する設定 ✅ すぐに使えるCLAUDE.md設定テンプレートとスクリプト TL;DR Claude CodeとObsidianを組み合わせることで、議事録作成時間を66%削減、開発コントリビューションを2.5倍に増加させました。Tactiq→Google Drive→Obsidianの自動化フローと、AIに最適化されたナレッジベース構築により、マネジメント業務をこなしながらも効率的な…
2ヶ月前
記事のアイキャッチ画像
Flutter界を揺るがしたLiquid Glass議論と、その実装方法まとめ
YOUTRUST Tech Blog
目次 目次 Apple最新ニュース Flutterエンジニアとしてどうすればいい? Flutter界隈に激震が走った! コメント全体の印象 主な論点と意見 まとめ Flutterチームのスタンス FlutterでLiquid Glassの実装 Liquid Glassの特徴 Level 1 シンプルなLiquid Glass実装 Level 2 別のシンプルなLiquid Glass実装 Level 70:先進的なLiquid Glass実装 by ImadeTheseWorks さん Level 80 超先進なLiquid Glass実装 〆 Apple最新ニュース こんにちは👋 Flutt…
2ヶ月前
記事のアイキャッチ画像
Terraform plan は通るのにapplyで失敗...ブランチデプロイ戦略で解決した運用改善事例
YOUTRUST Tech Blog
こんにちは!SRE一年生が終わりかけている墨(YOUTRUST/X)です! 「terraform planは成功したのに、いざterraform applyしたらエラーで失敗...」 こんな経験に悩まされているインフラエンジニアの方は多いのではないでしょうか? 今回はその打開策として弊社で行なった取り組みをご紹介します。 修正前の状態 現状把握のため、弊社のインフラ構成を整理します。 弊社では過去記事でも記載しましたが、インフラをTerraformにて管理しています。 環境 ほぼ同じインフラ構成のsandboxとproductionが存在しています。 リポジトリ Terraformリソースをモ…
2ヶ月前
記事のアイキャッチ画像
RuboCopカスタムルールでテストの記法統一と品質向上を実現した話
YOUTRUST Tech Blog
こんにちは、YOUTRUSTのしぶしゅん(YOUTRUST / X)です。 今回は、YOUTRUSTのNotificationJobに関するテストの品質向上を目的としたRuboCopカスタムルールの導入について紹介します。 なぜこの取り組みをしたかというと、NotificationJobのエンキューテストで引数を誤って記述していたため、ジョブはエンキューされるものの引数不備により実際の通知処理が実行されない状態のテストがありました。 この問題はYOUTRUSTのヘルパーメソッドを使っていれば防げていました。 そこで、RuboCopカスタムルールを導入し、テスト記法の統一と品質向上を図ることにし…
2ヶ月前
記事のアイキャッチ画像
Metabaseの変数で、データ抽出の工数を削減できた話。
YOUTRUST Tech Blog
こんにちは。データアナリストのMomoko(YOUTRUST)です✨ データに関連する皆様!!!! 日々いろんな部署から「この数字見たい!」「あの集計を別の条件で見れない?」といった相談をもらうこと多くないですか? その中でも同じような集計を条件だけ変えて作り直すといった作業を減らしたい… 今、そんなニーズに応えるのに弊社で活用しているツールがMetabase(メタベース)です。 Metabaseとは オープンソースのビジネスインテリジェンス(BI)ツールで、 エンジニアやアナリストでなくても簡単にデータの可視化や分析が可能です。 Metabaseの機能の中でも私が特に助かっているのが、ネイテ…
2ヶ月前
記事のアイキャッチ画像
ニンニン!Flutterの術を極めるでござる!FlutterNinjas2025 参上(Day2)
YOUTRUST Tech Blog
こんにちは!YOUTRUSTのアプリエンジニアの葉(YOUTRUST)です。 今回は朝日(YOUTRUST / X)とルーカス(YOUTRUST / X) と3人で FlutterNinjas🥷 に参加してきました! この記事では Day2 を中心に印象に残ったセッションをピックアップしてお届けします。 Day1 は弊社のルーカスがまとめてくれていますので、ぜひそちらもあわせてご覧ください tech.youtrust.co.jp セッション 🛠️ Let’s Talk About Memory Leaks in Dart and Flutter (Majid Hajian) Dart/Flut…
2ヶ月前
記事のアイキャッチ画像
拙者、FlutterNinjas2025にて修行して参った!
YOUTRUST Tech Blog
はじめに 拙者👋 江戸時代が大好きなアプリチームのルーカスでござる。 (YOUTRUST / X) 今日は朝日(YOUTRUST / X)と葉(YOUTRUST)と3人でFlutterNinjasに参加しました。🎉この記事では初日の体験についてお話しします。 昨年は朝日さんだけが参加していましたが、僕と葉さんにとっては初めての参戦です。忍者ゆえ、まず侵入ルートを調査し…会場はdocomo R & D OPEN LAB ODAIBAが主催しているため、まずはお台場へ。🚆今回、埼京線で40分の遅延がありましたが、実際の忍者は諦めませんでした。💪混雑した電車を乗り越え、ようやく到着です! Flutt…
3ヶ月前
記事のアイキャッチ画像
Devinを使用してCIのテスト実行時間を62%削減した話
YOUTRUST Tech Blog
こんにちは!YOUTRUSTでWebエンジニアをしている大竹(YOUTRUST)です。 最近は気温が涼しくなってきて、過ごしやすいですね。しばらくこれくらいの気温が続いてくれると嬉しいです。 本日のテーマ 弊社ではAI開発エージェントのDevinを積極的に本番活用しています。 今回は、Devinを活用してCIのテスト実行時間の削減に成功したので、そのことについてお話しします。 Devinやその他AI活用については、過去に記事を出しているので、そちらを参照ください。 tech.youtrust.co.jp CIのテスト実行について 弊社では、PRを作成すると、GitHub Actionsで自動的…
3ヶ月前
記事のアイキャッチ画像
WebアプリケーションにCursorのようなタブ補完機能を実装した話
YOUTRUST Tech Blog
こんにちは、YOUTRUST のやまでぃ(YOUTRUST/X)です。 今回はWebアプリケーションのテキストフォーム内におけるタブ補完機能の実装例をご紹介します。 エンジニアのみなさんにとっては GitHub Copilot や Cursor でおなじみの超便利機能ですが、一般的なWebアプリケーション内での実装例はまだ少ないんじゃないかなと思います。 弊社が開発・運用するキャリアSNSのYOUTRUSTでもテキストフォームを利用する機能が複数あり、一部の機能においてはタブ補完によるテキスト入力の負担の軽減を図っています。 これからタブ補完機能を実装してみたい方の参考になればうれしいです。 …
3ヶ月前
記事のアイキャッチ画像
美味しいチーズ牛丼を通じて、ListView.builderのfindChildIndexCallbackについて学びませんか?
YOUTRUST Tech Blog
はじめに こんにちは👋 チーズ牛丼大好きなアプリチームのルーカス (YOUTRUST / X) 正直に言うと、YOUTRUSTの画面は一覧表示がほとんどですよね。しかし、それは良くある事で、どんなアプリでもリスト表示は欠かせません。FlutterのListView.builderは、アイテム数が多いときこそパフォーマンス:zap:を発揮する重要なWidgetです。多くのFlutterエンジニア🧑‍💻👩‍💻が毎日のように使っていますが、読者のみなさんはどこまでご存知でしょうか? 今回は、ほとんど知られていない変わった挙動の解説や、実践的な改善方法をご紹介します。まずは、チーズ牛丼を準備してから学…
3ヶ月前
記事のアイキャッチ画像
PdM×エンジニア 若手2年目コンビで挑んだ“大型アップデート“を振り返る
YOUTRUST Tech Blog
こんにちは、YOUTRUSTのWebエンジニア今井(YOUTRUST / X)です。 今回は同じくYOUTRUSTでPdMをしている竹中(YOUTRUST / X)と共同で執筆し、一緒に進めた大型プロジェクトについてエンジニアとPdMそれぞれの視点から振り返ります。 簡単に自己紹介 竹中優太(PdM) 神戸大学卒業後、YOUTRUSTに新卒入社。カスタマーサクセスやインサイドセールス、新規事業責任者を担当し、その後プロダクトマネージャーに就任。現在はキャリアSNSのYOUTRUST、採用担当者の管理画面、新規事業のPdMとして管掌している。 今井優佑(Webエンジニア) 2020年5月にYOU…
4ヶ月前
記事のアイキャッチ画像
【Flutter】TextField のカーソル位置がズレるバグ、原因はカスタム Controller の改行処理だった話
YOUTRUST Tech Blog
こんにちは!YOUTRUSTのアプリエンジニアの葉(YOUTRUST)です。 今回はYOUTRUSTアプリ内のTextFieldで発生した改行バグの調査と修正についてご紹介します。 TL;DR 自社カスタムのTextEditingController内のbuildTextSpan()で \r\n を \n に変換していたことが原因で、カーソル位置がずれる問題が発生しました。TextFieldの内部実装である表示用のinlineSpanと実際のvalue.textの文字数が一致しないと、カーソルの位置情報(Selection)が壊れるということを学びました。 何が起きたのか? こちらは墨(YOU…
4ヶ月前
記事のアイキャッチ画像
RubyKaigi 2025 参加レポート
YOUTRUST Tech Blog
こんにちは、YOUTRUST Webエンジニアの寺井(YOUTRUST/X)です。 今年もRubyKaigiに参加してきたので、参加レポートを書きたいと思います! RubyKaigi 2025 開幕 1. はじめに RubyKaigi 2025 2. セッションのレポート Keynote:Ruby Taught Me About Under the Hood (@ima1zumi) Introducing Type Guard to Steep (@tk0miya) Goodbye fat gem 2025 (@ktou) Automatically generating types by r…
4ヶ月前
記事のアイキャッチ画像
MCPに関する勉強会をしたらPdMが社内実装確認をCursorで作った件
YOUTRUST Tech Blog
こんにちは!SRE一年生の墨(YOUTRUST/X)です! 「AIを業務に取り入れたいけど、どう始めればいいか分からない…」 「チームにAI活用を広めたいけど、なかなか浸透しない…」 このような課題を感じている方は多いのではないでしょうか? 本記事では、非エンジニアの方々がAIツールを自走的に活用し始めるきっかけとなった、取り組みについてご紹介します。 きっかけは他者の成功体験 エンジニアの私自身、かつてはAIを業務に活用すべきだと漠然と思いながらも、具体的な一歩を踏み出せずにいました。 転機となったのは、上司と参加したセミナーでの出来事です。 上司がセミナー中に議事録を取る代わりに、Chat…
4ヶ月前
記事のアイキャッチ画像
グラデーションはこう使う!Flutter × UI表現の幅が広がる実装ガイド
YOUTRUST Tech Blog
こんにちはYOUTRUSTのアプリエンジニアの優依那(YOUTRUST / X)です。 最近YOUTRUSTのアプリでグラデーションデザインを実装しました! 今回はFlutterで使えるグラデーションの種類や実装方法を、実例を交えてご紹介します🌈 早速ですが、SNSで実装されているグラデーションをパッとイメージできますでしょうか🤔💭 Instagram Instagramではグラデーションの実装箇所が多く、 アイコン/ストーリーズの活性状態/いいねタップ時のハートアイコン/ QRコード画面の背景/メッセージの背景 などでグラデーションが実装されています。 DM機能のメッセージの背景は、スクロー…
4ヶ月前
記事のアイキャッチ画像
全エンジニアにCursor配布。Devinも本番活用中です。
YOUTRUST Tech Blog
こんにちは、YOUTRUSTでエンジニアリングマネージャーをしている須藤(YOUTRUST/X)です。 最近の生成AI界隈、アップデートのペースが本当にすごいですよね。毎週のように新しいツールやエージェントが登場していて、開発のあり方そのものが変わり始めていると感じています。 YOUTRUSTでは、こうした流れを受けて生成AIへの投資を経営レベルで意思決定し、プロダクトチーム全体での活用に向けた予算を確保しています。 CursorやDevinのようなツールを単に「試す」にとどめず、日々の開発に自然に組み込まれている状態を目指して取り組んでいます。 私自身も、メール対応やYOUTRUST上でのス…
4ヶ月前
記事のアイキャッチ画像
RDSのアップグレードにBlue/Green Deploymentを使用してみた
YOUTRUST Tech Blog
こんにちは!SRE一年生の墨(YOUTRUST/X)です! 今回はRDSアップグレードの際にブルー/グリーンデプロイを使用した事例について共有します。 弊社特有の環境や要件により一般的ではない対応となりましたので、皆様の参考になれば幸いです。 対応背景 要件 調査と対応方針 アップグレードバージョン アップグレード方法 事前検証 Greenリソース作成 神頼み🙏 ブルーグリーン切替とTerraformの整合対応 ブルーグリーン切替 Terraformの整合対応 学び 最後に 参考リンク 対応背景 2024年XX月AWS Healthより下記のようなありがたくも嬉しくはないRDS MySQLバー…
5ヶ月前
記事のアイキャッチ画像
Datadogを活用して5XXエラーを解消したらサービス全体が高速化した話
YOUTRUST Tech Blog
こんにちは!SRE一年生の墨(YOUTRUST/X)です! 5XXエラーを解消したらサービス全体が高速化した話をしようと思います。 チームで調査を進めた結果、根本原因を特定することができました。 この記事では、問題解決に至るまでの過程についても共有したいと思います。皆様の参考になれば幸いです。 アラート通知 エラー内容の把握 エラーコード ALBの5XXエラー整理 ダッシュボードを読み解く ログを確認 仮設立て 検証、実装 vCPU増強 Pumaの設定ファイル見直し 実装結果 起動時間の短縮 サイト全体が高速化 学び 1. 障害対応プロセスの重要性 2. オブザーバビリティの価値 3. 多角的…
5ヶ月前
記事のアイキャッチ画像
AndroidでFlutterアプリでイメージ選択に気をつけろ
YOUTRUST Tech Blog
はじめに こんにちは👋、アプリチームのルーカス(YOUTRUST / X) です。 今回、Flutterアプリで画像選択を実装する際、Androidならではのあまり知られていない衝撃の3つのポイントを大公開します!😮 個人的にはこれらについて全く知識がなかったのですが、不具合のご報告をいただいたため、しっかりと調査を行いました。 なお、AndroidデバイスはメーカーやOSのバージョンによって大きく異なるため、本記事のテストはPixel 7aとSamsung Galaxy M23で実施しました。Androidの世界は、時として迷路のように感じられることがありますので、僕がその道筋を丁寧にご案内…
5ヶ月前
記事のアイキャッチ画像
プロダクトチームってこんな雰囲気!
YOUTRUST Tech Blog
こんにちは!YOUTRUST人事の大桃(YOUTRUST / X)です。 普段はプロダクトチームの採用を担当しております。テックブログには今回で2回目の登場です。前回はOPEN CODEのレポートを書きました。 tech.youtrust.co.jp わたしは普段、YOUTRUSTに興味を持ってくださった方とカジュアル面談でお話しをするのですが、「どのような雰囲気のチームですか?」というご質問を多くいただきます。 その時にわたしの中で明確にこういう雰囲気です!というイメージはあるのですが、それをいざ伝えようとすると、熱くプロダクトチームのことを語ってしまい、熱く語りすぎてうまく伝えることができ…
7ヶ月前
記事のアイキャッチ画像
【3分で読める】面接でよくいただく質問集
YOUTRUST Tech Blog
こんにちは、YOUTRUSTで人事のマネージャーを担当している石原(YOUTRUST / X)です。 テックブログで人事が登場?と思われる方もいらっしゃるかもしれません。 私は、ファーストキャリアがエンジニア採用担当だったりエンジニア組織づくりの副業をしていた過去があったりと、エンジニア組織大好き人事です。 とはいえ、今日はせっかく人事としてテックブログに登場させていただくので、面接の中でよく聞かれる質問とそれに対する回答をまとめたいと思っています。 3分で読めるので、YOUTRUST気になるなという方は読んでいただけるとうれしいです! 入社理由を教えてください これは本当によくいただく質問で…
7ヶ月前
記事のアイキャッチ画像
Datadog導入時に行ったこと
YOUTRUST Tech Blog
こんにちは!SRE一年生の墨です! (YOUTRUST / X) 先日SRE Kaigi 2025に弊社SREの須藤、寺井と参加してきました! セッション、ブース共に楽しく、タメになりすぎるカンファレンスでした。 (弊サービスのYOUTRUST内でもSREコミュニティが細々運営中ですのでもしよろしければ🙌) SRE Kaigi 2025集合写真 さて、本題ですが、今回は「Datadog導入に際し、実施したこと」を書いていこうと思います。 「公式ドキュメントを直接参照した方が早いのでは?」という方もいるかもしれませんが、Datadogの機能は幅広く各社必要な機能はバラバラです。 そのため体系的に…
7ヶ月前