どうも。パブリテック事業部のたけだです。 株式会社トラストバンクは 2024 年 1 月に本社を移転し、目黒オフィスをオープンしました。 www.trustbank.co.jp JR東急目黒ビル 7 階全体がトラストバンクオフィスフロアになっています。 このブログでは、テックな話ゼロで超ウルトラスーパー方向音痴の私がトラストバンク本社への最短ルートでの行き方をご案内いたします。 オフィスの場所 〒141-0021 東京都品川区上大崎三丁目1番1号 JR東急目黒ビル 7階 www.trustbank.co.jp JR東急目黒ビル 駅からトラストバンクオフィスまでの経路 私たちのオフィスであるJR…

この記事は、トラストバンク Advent Calendar 2023 25日目の記事となります。 こんにちは。11月にトラストバンクにJOINした @feat2kjです。 Advent Calendar 2023. 最終日は現在取り組みを進めているプロダクト開発を効率的に行うためのProductOperationについて書いていこうと思います。 ProductOperationの概念については 【プロダクトマネジメント】 で知りました。当初は重要性を認識できていませんでしたが、チーム構成・運用プロセスを整理していると有効な概念だと思うようになり取り組むようにしました。 【Product-led…

この記事はトラストバンク Advent Calendar 2023 の21日目の記事です。 パブリテック事業部プロダクトチームの近藤です。 12月といえば、プレミアリーグの過密日程ということで、大事な試合を欠場したり出場停止にならないように、気をつけなくてはいけないところです。 とはいえ全力を出さないのはもちろん違うということで、勇気を持って戦っていく必要があるし、またチーム力が問われる期間だなと思います。（マダーズ早く返ってきて…クティは節度を持って頼むよ…） さてさて私は、自治体専用デジタル化総合プラットフォームである「LoGoフォーム」というサービスのプロダクトオーナーを担当しております…

パブリテック事業部プロダクトチームの所属のたけだです！ この記事はトラストバンクAdobent Calender 2023の記事です。 何を話すか トラストバンクにジョインと同時にパブリテック事業部立ち上げた2019年1月からいつの間にか5年経とうとしています。もう昨日の記憶すらなく（おい）一瞬で1年が終わろうとしてますが、、、今年1年を振り返り、パブリテックのプロダクトチームで挑戦したことや成果を書こうと思います。 パブリテック事業部と私 パブリテック事業部では、全国の地方自治体向けのSaaSを提供しており、私はこれらサービスのプロダクトチーム全体のマネジメントをしてます。 自治体専用ビジネ…

この記事は、トラストバンク Advent Calendar 2023の18日目です。 今年はIT健保メシとトスラブ箱根をコンプし、IT健保ジムにも通いはじめ、IT健保を満喫しているSREのbutadoraです。 私の観測範囲だとあまり採用事例を見かけない、さくらのクラウドのサービスである「シンプル監視」を推したいと思います。 死活監視に求めるもの マネージドサービスで運用できる 自前でスクリプトを作ったり、監視ソフトウェアを用意しない 小規模な組織だとそのスクリプトやソフトウェアの管理コストの方が高くなるため 別プラットフォーム 死活監視はあくまでアプリケーションが稼働するプラットフォーム自体…

はじめに この記事は、トラストバンク Advent Calendar 2023の15日目の記事となります！ こんにちは、4日目の記事も書かせていただいておりました、トラストバンクの@h0r4kです。 今回試したこと 今回の記事では、NewRelicのNerdGraph（API）を用いて、1ヶ月以内の特定のエンドポイントへのアクセス数を1分間隔で集計し、CSVファイルに出力するプログラムを作成します。 今回取得目的は特にありませんが、NewRelicのNerdGraphを使用することでNRQLと組み合わせながら条件を指定しつつ、目的のデータをループ処理で取得することを目指します。 事前準備 まず…

この記事は、トラストバンク Advent Calendar 2023の14日目の記事です。 今年からSREにジョインしているyoshiroooooです。 早いもので、入社エントリーから半年以上が経過し、入社1年が経過しようとしています。 tech.trustbank.co.jp ということで、この1年を振り返って、やってきたこや来期に向けた取り組みを書いてきます。 今年やってきた改善 アラート調査の継続とアラートノイズの低減 ログサーバーのアクセス制限 コスト（お金）削減 来年の取り組み AWS移行 1年通して感じたこと やっぱりやること多いけど・・・ フルリモートは最高 エンジニア募集 今年…

この記事はトラストバンクAdvent Calender 2023の12日目の記事です。 お久しぶりになってしまいました。フロントエンドエンジニアの田口です。 しばらくSentryのお世話がおざなりになってしまっていましたが、最近またフィルタリングの設定を加えました。 そのときにSentryと直接やり取りしたり、ドキュメントを見直したりして自分の勘違いに気づくことができましたので、共有したいと思います。 今回やりたかったこと 今回追加したかったフィルタリングは、サービスの推奨環境外の古いモバイルOSを検知対象からは外すというものです。 ふるさとチョイスでは携帯端末の推奨環境を以下のように定めてい…

トラストバンク Advent Calendar 2023の6日目の記事です。 IT健保ユーザーには多くの人が夢を見ながらも、たどり着くことができない幻の地がある。 IT健保レストランだ。 我々はその謎を解き明かすべくジャングルの奥地へと向かった。 powered by iwatea 下準備 出国準備 Tips 入国 Tips 番外編 まとめ エンジニア募集 下準備 IT健保メシをコンプリートするには入念な計画と計画を実行をする根気強さが必要だ。 それには共に行くメンバーとのコミュニケーションが必須となる。 しかし、リモートの現場が増えた現在、チーム内であってもコミュニケーションにコツが必要な時…

はじめに この記事は、トラストバンク Advent Calendar 2023とNew Relic Advent Calendar 2023シリーズ3の4日目の記事となります！ こんにちは、今年でサーバーサイドエンジニア3年目となったトラストバンクの@h0r4kです。 今回の記事では、NewRelicのNRQLを利用したリクエストキャッシュの効果推定のプロセスとその際に使用したNRQLについてまとめてみました。 キャッシュ導入の動機とNewRelicによる効果推定を試みた理由 近頃、昨年私がリリースに携わった新規サービスが徐々にスケールしてきており、リリース当初よりもアクセス数が増加してきてい…

この記事は、トラストバンク Advent Calendar 2023の3日目です。 お疲れさまです。フロントエンドエンジニアの片柳です。 先日、トラストバンクからふるさと納税の控除額シミュレーションライブラリfurusato-tax-simulationがリリースされましたので、紹介と実装時に考えたことなどを紹介できればと思います。 www.npmjs.com なぜライブラリを作るのか トラストバンクが提供するふるさと納税サイト「ふるさとチョイス」では、2種類の控除上限額シミュレーションを提供しています。 「家族構成」「年収」から簡単に上限額を知ることができる簡易シミュレーション。 源泉徴収票…

おいしい秋刀魚で秋を感じているSREのbutadoraです。 直近、過負荷対策としてCloudflare WaitingRoomを導入したので紹介します。 背景 ふるさと納税の制度改正 想定以上のアクセス増 Cloudflare WaitingRoomとは？ 導入の決め手 設定の勘どころ Total active users(総アクティブユーザー数) New users per minute(1分間あたりの新規ユーザー数) Session duration(セッション時間) 導入効果 まとめ 参考記事 エンジニア募集 背景 ふるさと納税の制度改正 ふるさとチョイスのトラフィック特性により、通常…

フロントエンドチームの君田（きみた）です。 本日は半角英数が改行されない原因とその対処方法に関して書いていこうと思います。 要素の横幅は指定しているのに、半角英数がその要素のないに収まってくれない！という事象を今更ながら経験しました。 そんなときに少しでも役に立てれば嬉しいです。 なぜ半角英数は改行されないのか？ タイトルでは直面する状況がわかりやすいように書きましたが、「半角英数が改行されない」は実際は正しくないです。 正確には「長すぎる半角英数の単語がある場合に改行されずに要素幅を超えて表示されてしまう」ということが起こっています。 CSS では、非常に長い単語などの切れない文字列がある場…

2023年1月より、SREの4人目としてジョインしたyoshiroooooです。 あっという間に3ヶ月の試用期間が過ぎましたが、ジョインするまでの経緯や、ジョインしてからやったこと、感じたことをまとめます！ 入社する前から、自分の一発目の記事として、こういうタイトルで書くんだ！、という気持ちがあったんですが、「まぁ試用期間あけてからかな、、、」と思い、今です。 ジョインするまで やったこと インフラ構成の把握 アラート調査とその対策 ドキュメント整理 AWS移行 感じたこと フルリモートでもコミュニケーションは大丈夫そう メンバーに恵まれている とりあえず試してみる文化って好き 今後 最後に …

こんにちは！こんばんは！ トラストバンクデザイナーの脇川です。 突然ですが、みなさんは自社や他社のロゴガイドラインを穴が開くまで見つめたことはありますか？僕が予想するに大抵の方はまだ穴が開いてない思います。そして、一部にはガイドラインは知ってるけど見たことないよなんていう方もいるかと思います。そんな方には許されざる呪文を。。。 というのは冗談で、実際にまじまじと見る人が少ないのも現状なのですが、デザイナーとしては制作したからには理解してほしい！という微かなエゴがあるわけなのです。今回は誰でも理解できるように我らがトラストバンクのサービスである「ふるさとチョイス」のロゴガイドラインを見ながら説明…

前置き こんにちは。うしおです。 前回の記事の続きになります。 今回の話は、エンティティとリポジトリの実装についてです。 ソースコードはこちらに置いています。 やりたいこと 下記のようにユースケースを書けることを目指します。 <?php // 注文受付のユースケース final class Interactor { public function __construct( private readonly OrderRepository $orderRepository, ) { } public function execute(string $id): void { $order = $t…

トラストバンク開発部・フロントエンドチームの君田（きみた）です。 本日はCSS擬似クラス関数である:is()について気になったので記載していきます！ CSSの擬似クラス関数:is()とは？ CSSの擬似クラス関数:is()とは、引数にCSSのセレクタを渡すと、その条件に一致した要素を選択することができる便利なCSS擬似クラス関数です。 今まで1つ1つ記述していたCSSをまとめて記載できるようになるので、かなりスッキリ記載することができてハッピーになれそうですね。 基本的に現在使用されている主流なブラウザでは対応しているので、問題なく使用できそうです。 developer.mozilla.org…

トラストバンク開発部・フロントエンドチームの君田（きみた）です。 本日はinputタグのpattern属性について書いていこうと思います。 フロントエンド開発をしていると、入力値の検証はどこかで実装する機会がある機能です。 そんなときに少しでも役に立てれば嬉しいです。 patern属性について pattern属性とはinput要素に正規表現を適用させることができる便利な属性です。 どんなinput要素にも指定できるわけではなく、以下のtype属性を指定した場合に有効になります。 text tel. email url password search 正規表現を設定することによって、入力欄が空文…

トラストバンク開発部・フロントエンドチームの君田（きみた）です。 先日以下のような記事を目にして、とても気になったので記事にしようと思いました。 www.builder.io 自分もフロントエンドの開発時によく使用したり、見かけたりするFetch APIです。 このFetch APIのエラーハンドリングについて言及されていた記事で、書かれていた内容を実際に試してみたので書いていきます。 Fetch APIはステータスコード200以外の場合でもエラーをスローしない 任意のステータスコードを返却してくれるサービスを使用して記載していきます。 httpbin.org 例えば以下のようなコードがあった…

トラストバンク開発部・フロントエンドチームの君田（きみた）です。 本日はiOSにて入力フィールドをクリックした時に自動でズームされてしまう挙動を防ぐ方法を書いていこうと思います。 iOSでは入力フィールドの文字サイズ（font-size）が16px以下だとズームされる iOSの挙動では入力フィールドの文字サイズによって、少し画面がズームされます。 見出しにもあるとおり、具体的には16px以下の文字サイズを設定しているとクリック時にズームされます。 実際の挙動はこんな感じです。 （現状のふるさとチョイスでは以下の挙動は起こりません。疑似的にズームされるようにしています。） この挙動をそのまま保持…

この記事は、トラストバンク Advent Calendar 2022の23日目です。 こんにちは！CTO室でSREやっている@Tocyukiです！ 夜はまさに大クリスマス時代、という感じで気づいたら年の瀬で明日はクリスマスイヴで明後日はクリスマスでグランドライン目指してWe are !!という感じですね！ というわけでアドベントカレンダー書いていきたいと思います！ ふるさとチョイスのではなくトラストバンクのSREとして 採用活動 伝家の宝刀リファラル テックブログ開設 コミュニティ活動 登壇 JAWSDAYS2022への登壇 Cloud Native Days Tokyo 2022 改善活動 …

こちらは、トラストバンク Advent Calendar 2022の17日目の記事です。 入社エントリーを書こう書こうと思い、気がついたらすでに半年経っていましたiwateaです。 しかしふるさと納税も12/31日までにやればセーフなので、弊社的にセーフでしょう、うん！ iwateaってどんな人？ 入社の経緯 実際に入社してやったこと DevOpsの第一歩 DevOpsの第二歩 普通に新規インフラ構築もする これから何をする？ おわりに エンジニア募集 iwateaってどんな人？ バックエンドをメインにWebシステムを作ってきた人です。 エンジニア歴も15年ということで、昔ながらの開発会社でJ…

この記事は、トラストバンク Advent Calendar 2022の16日目です。 トラフィックの増加から年末を感じているSREのbutadoraです。 実は昨年のアドベントカレンダーでほぼ同じタイトルの記事を書きましたが、 今年からテックブログの運用がスタートしたということもあるので、 再掲しつつ、変化したデプロイフローについて書いていこうと思います。 サービス構成図 ふるさとチョイス ふるさとチョイスCMS OEMサイト OEM API 読むふるさとチョイス 特設サイト トラフィック特性 CDN WEB 今年のおもしろ特性 マシンスペック デプロイフロー 開発・ステージング環境 本番・L…

この記事はトラストバンク Advent Calender 2022の14日目の記事です。 久しぶりの投稿になってしまいました／(^o^)＼ どうも、トラストバンクのフロントエンドエンジニア、田口です。 今年一番嬉しかったことは先日の某ゲームの約10年ぶりの新作発表です。トレーラー見て気を失いかけました。 昨日のAdvent Calender 2022の記事は飯島さんによるレンダリングエンジンとJSエンジンについてでした。 qiita.com フロントエンドエンジニアとしてブラウザ自体を知ることはとても大事ですよね。 私も数年前にChromiumのソースを読むためにC++を学習しようかと考えたと…

はじめに この記事は、トラストバンク Advent Calendar 2022の12日目です。 こんにちは、今年サーバーサイドエンジニア２年目になった石川です。 本記事では、現在私が社内で開発に携わっているAPIのアーキテクチャに関する解説記事となっています。 APIのアーキテクチャ では早速APIのアーキテクチャについてご紹介したいと思います。 まず、本APIのアーキテクチャには、クリーンアーキテクチャが採用されています。 こちらはAPIチームのテックリードによってAPIの設計/実装に落とし込まれており、 私も日々お世話になっているアーキテクチャなわけですが、 現状、外向けの解説記事があまり…

この記事は、トラストバンク Advent Calendar 2022の記事です。 フロントエンドエンジニアの君田（きみた）です。 3Dグラフィックとかってなんとなくカッコいいイメージがあり、前々から触ってみたかった技術だったので、 Advent Calendar を機に使ってみることにしました！ せっかく記事として投稿するなら、ふるさとチョイスのオリジナルキャラクターである「チョイタ」を3Dコンテンツとして ブラウザに表示させたいなと思ったので本日はチョイタを回してみたいと思います。（笑） また、チョイタの誕生秘話はここから読めますので、ぜひ目を通してください！ Three.jsとは Java…

新規事業本部パブリテック事業部 兼 CTO室 所属のたけだです。 この記事はトラストバンクAdvent Calender 2022の記事です。 何を話すか パブリテック事業部では、自治体専用ビジネスチャット「Logoチャット」、行政手続きデジタル化総合プラットフォーム「Logoフォーム」、LoGoチャットアカウントでログインできるスケジュールや掲示板サービス「LoGoチャットPlus」などの開発・運営を行っており、私はそのLoGoシリーズ全般のプロダクトチームのマネジメントをしています。 パブリテック事業の立ち上げが2019年1月だったのでいつの間にか4年経とうとしています。（はや！） 今回は…

前置き こんにちは。うしおです。 トラストバンク Advent Calendar 2022の7日目を担当させていただきます。DDDやクリーンアーキテクチャを実践するにあたり、個々のテクニックは理解できても実務へ落とし込みがうまくできないといった悩みを抱えていませんか？ わたしは抱えています。ならばモデリングの練習だ、ということでさっそくやってみましょう。今回の主題はモデリングとコードへの落とし込みのため、InfrastructureとPresentationはありません。従ってLaravelも登場しません。 が、もちろんLaravelアプリケーションへの組み込みをゴールとして設計します。ソース…

この記事は、トラストバンク Advent Calendar 2022の5日目です。 フロントエンドエンジニアの片柳です。 新米フロントエンドエンジニアから、ワンステップ踏み出すための機能のひとつに、ダイアログ（通称モーダル）があります。 シンプルなUIゆえに様々なサイトに多用されますが、いざ実装するとかなり複雑な要件を含んでいることがわかります。 明日からダイアログを作るフロントエンドエンジニアの皆さんが、少しでも簡単に実装するためのヒントを、私なりに書いてみようと思います。 ダイアログ VS モーダル ダイアログ（Dialog）とは、対話のことです。 ダイアログは、ユーザーの行動をトリガーと…

こんにちは、トラストバンク文系担当のシンドウです。 相変わらず日々勉強・日々精進の身として、いろんなものをかじっている中で、今年最も興味深かったものに【IA】があります。AIとよく間違われますが、Information Architecture（情報アーキテクチャ）でIAです。 後述しますが、IAとは「情報をいかに探しやすく分かりやすく構成するか」を追求する視点・取り組み・スキルの総称、つまり概念です。 概念の悪いところは実態がはっきりしないところですが、概念のいいところは、その1ワードであらゆる先駆者の知恵を集結できるところにあります。 IAと付されたいくつかの本や取り組みを見るうちに、これ…