ecspresso+ecschedule+lambrollでCI/CDを作った話

前回の記事から間が空いてしまいました、SREのbutadoraです。 年末に向けた準備で忙しなくしているこの頃です。 今回はとある環境で実装したCI/CDのフローを紹介したいと思います。 今回のサービスアーキテクチャ 今回はPHP製WEBサービスをデプロイする環境…

JAWS DAYS 2022に今年も参加・登壇してきました!

初めてテックブログ書きました。CTO室 兼 新規事業本部パブリテック事業部 所属の武田と申します。 今回JAWS DAYS 2022に登壇させてもらいましたのでレポートを残します。 JAWS DAYS 2022の武田のセッションタイトル JAWSUGとは?JAWS DAYSとは? JAWSUGは「…

JAWSDAYS2022に「さいつよのEC2オートスケーリング環境CI/CDパイプライン2022オータム」というセッションで登壇しました!

どうもお久しぶりです! CTO室でSREやってる香西です! さて、タイトルの通りJAWG-UG最大のイベントである「JAWSDAYS2022 -Satellites- 」に登壇させて頂いたので登壇レポートを書いていきたいと思います🎉 jawsdays2022.jaws-ug.jp なんで登壇したの? CTO室…

トラストバンクのフロントエンドを支える(予定の)ESlint

こんにちは。フロントエンドエンジニアの片柳です。 先日、トラストバンク内での開発における共通ルールeslint-config-trustbankをリリースしました。 www.npmjs.com もともと、トラストバンクのフロントエンドではリンター兼コードフォーマッターとしてESLi…

検索結果をわかりやすく・リッチに表示! 〜 構造化データとは 〜

こんにちわ、トラストバンク開発部・フロントエンドチームの君田(きみた)です。 本日は、Google検索結果でより多くの情報をユーザーに届けることができる、構造化データについて書いていこうと思います。 構造化データを使用することは、たくさんの検索結…

JavaScript不要!?cssのline-clampでテキストを省略表示!

トラストバンク開発部・フロントエンドチームの君田(きみた)です。 本日はテキストの省略表示に使用することができるcssプロパティ「line-clamp」について書いていきます。 最近業務で業務で使用する機会があり、大変便利で感動を覚えたので是非記事にしよ…

Event.preventDefaultとEvent.stopPropagationの違いを調べた

テックブログ初めての投稿になります! フロントエンドエンジニアの君田(きみた)です。 タイトル通り、Event.preventDefaultとEvent.stopPropagationの違いを調べたので記事にしようと思います。 調べようと思ったきっかけ 自分自身、preventDefaultとstop…

第1回 CSSBattle in トラストバンク レポート

皆さんこんにちは。フロントエンドエンジニアの片柳です。 今回はフロンドエンドチーム内で行われた「CSSBattle」第1回目の様子をレポートします。 CSSBattleとは? cssbattle.dev CSSBattleとは、指定されたお題をCSSだけで、いかに早く・綺麗に模写できる…

OEMサービスのUIをStorybookで管理する

はじめまして。フロントエンドエンジニア兼サーバーサイドエンジニアの片柳です。 先日、トラストバンクから「Bonchiふるさと納税」がリリースされました! www.trustbank.co.jp ふるさとチョイスのOEMサービスとは、パートナー企業がブランドデザインを維持…

NRUG (New Relic User Group) SRE支部 Vol.1 「俺たちのSREとNew Relic」に登壇しました!

こんにちわ! CTO室でSREやっている@Tocyukiです! 先日、5/13にNRUG (New Relic User Group) SRE支部の記念すべき第一回目のイベントに登壇したので、参加した経緯とか振り返りをしていきたいと思います nrug-sre.connpass.com そもそもなんで登壇したの? …

リモートワークだからこそ取り入れたい!スウェーデンの雑談文化「Fika」のススメ

スウェーデンではFikaという雑談習慣が根付いていて、どんなに忙しくても一旦仕事の手をすべて止め、コーヒーを飲みながら甘いものを取り入れる時間を一日数回、15分程度設けられています。

Sentry運用日記 - 検知されるエラーをbeforeSendでフィルタリングする

どうも、フロントエンドエンジニアの田口です。 以前Sentryについての記事を書いたのですが、導入してから運用として問題が出てきたので、その対処をしたという続編みたいなものになります。 Sentryについては「導入した!」という記事は多いのですが、その…

CloudflareでTorをブロックする方法

パブリテック事業部のSREを担当している大場です。 突然ですが、Torネットワークというのをご存じでしょうか? 秘匿性の高い通信を行う際に利用される技術ですが、検索するとダークウェブなど何やら怪しい言葉が並びます…。あまり一般的に利用されているもの…

Chromeのタブを自動クローズ!拡張機能xTabが作業効率UPに役立つ3つのポイント

Chromeのタブを自動クローズし、集中力アップ!拡張機能xTabが作業効率アップにつながる3つのポイントを紹介します。

S3のObjectCreated:PutイベントでLambdaが起動しなかった話

こんにちは、サーバーサイドエンジニア1年目のharukiです。 先日、AWS上でS3トリガーのLambda起動を試していたところ、なかなか上手く行かずに少しハマってしまったため、 今回はそちらの原因と対処法&プチ調査結果についてまとめたいと思います。 本題の前…

SREがLoGoチャットボットを作ってみた

パブリテック事業部でSREを担当している大場です。 先日、LoGoチャットボットの理解を深めるため、自分でボットを作成してみたのでノウハウを書き留めておこうと思います。 LoGoチャットボットとは 「daab SDK」を使ってみる 動かしてみる 最後に LoGoチャッ…

npm scriptが動かない!?Windows環境で引っかかった落とし穴

トラストバンクのフロントエンドエンジニア、田口です。 ずいぶん暖かくなってきましたね。でも花粉が舞っているので毎日家にこもってエルデンリングをやってます。神秘マンです。 さて今回は既存のnpm scriptが動かなくなったときの話になります。かなり初…

冬も終わりなのでワーケーションしてみた話🏕

コロナ禍&基本リモートワークなこともあって、今年の冬はほとんど家に引きこもっていたSREのbutadoraです。 弊社では今年からフレックス勤務とワーケーションが可能となり、 3月に入って気候も暖かくなってきたので早速試してきました 計画編 最初は単純に…

Laravelでクリーンアーキテクチャ (ディレクトリ構造編)

トラストバンクふるさとチョイス事業本部CTO室に所属の海塩(うしお)と申します。 主に新規プロジェクトの立ち上げやアーキテクチャ設計を行っております。 前置き PHP・Laravelにおけるクリーンアーキテクチャ実践の一例をご紹介します。 クリーンアーキテ…

クライアントでのエラー監視要員としてSentryを導入した話

どうもはじめまして、トラストバンクでフロントエンドエンジニアをしている田口です。 早速ですが少し前にそのふるさとチョイスにSentryを導入したので、今回はそれについて書こうと思います。 解決したかったこと Sentryへの登録と仮導入 仮導入で気になっ…

ふるさとチョイスの推奨・動作環境を厳密化させる試み

トラストバンクふるさとチョイス事業本部CTO室リーダーの礒部です。 私が所属しているCTO室というチームは、エンジニア組織の横断的な管理、プロジェクトにおける技術的側面のサポート、新技術導入の提案・検証・実行などといった業務を行っています。 その…

ふるさとチョイスのサーバー構成の変遷

トラストバンクの高橋と申します。 ふるさとチョイスのサービスが立ち上がってからもうすぐ10年。 最初は小さかったサービスが現在に至るまでのサーバー構成の変遷についてまとめてみます。 それほど革新的な内容のないごくごく平凡な構成ではありますが、 …

AWS EFSを使ったWordPressシステムをProduction Readyにするまでの道のり

トラストバンクふるさとチョイス事業本部SREの香西(かさい)です。 先月末に「読むふるさとチョイス」というオウンドメディアをリリースしました! prtimes.jp 本記事ではこのオウンドメディアをEC2+EFS+RDS+ElastiCacheでAutoScalingなWordPressシステムと…

テックブログはじめました。

はじめまして、トラストバンクのふるさとチョイス事業本部でSREテックリードをしている香西(カサイ)です。 この度、トラストバンクのサービス開発に携わるメンバーで技術や開発組織、カルチャーをお伝えするべくテックブログを開設することになりました 記…