はてなブックマーク

SREチーム(新卒)の市川恭佑です。 カヤックのサービスでは、信頼性の担保を目的として、ステージング環境を作成する方針を取っています。 ステージング環境では、検証の精度を高めるために、量・質ともに本番環境に類似したデータベースが求められる局面が頻出します。 そこで今回は、Tonamel という自社サービスにおける、検証用データベースの立ち上げを自動化する取り組みについて紹介します。 サービスの置かれていた状況と解決方針 Tonamel の実行基盤は Amazon Web Services (AWS) 上にあり、本番環境とステージング環境は別のアカウントとして、同一の AWS Organizations 組織内に構築されています。 もともと、ステージング環境では、本番環境のデータは利用せず、手作業でダミーデータを作成していました。 それゆえに、データベースに格納されているデータ量は本番環境と

カヤックSREの今です。 今年も4月に新卒社員を迎え、4月の後半には技術部研修を行いました。 技術部研修の締めには毎年なにかしらのイベントを行うのが恒例になっており、昨年は社内CTFを開催しました。 今年は、カヤックでは2年ぶりとなる社内ISUCONを開催しました。 新卒のみなさんはオフィスへ集まってもらいました ISUCON1とは Iikanjini Speed Up CONtestの略で、出題されたwebサービスを競技時間内にいい感じにスピードアップするコンテストです。 参加者にはWebサービスが動作する環境と初期実装のソースコード、MySQL等などのソフトウェアの初期設定ファイルが配布されます。 制限時間内でWebサービスの動作が変わらないように変更を加えて、最終的にベンチマーカーが計測するWebサービスのスコアを競います。 Webサービスの構成は問題によって変わります。アプリケーシ

SREチームの橋本です。 アジャイル開発（ウォーターフォールとの対比の意味で）では「ドキュメントを書かない」、とまで言う人はなかなかいないと思いますが、「コードを読めばOK」といった声は実際の開発者からも聞こえることがあります。 ただ現場でドキュメントにより労力が削減できる場面は間違いなく存在し、またそのときには、軽いメモ程度のドキュメントでも間違いなく役に立つものではないでしょうか。 ややメンタル寄りの内容にはなりますが、ここではそうした観点からドキュメンテーションの「ミニマムスタート」を提案したいと思います。 何のためのドキュメント？ 要件定義書、基本設計書、詳細設計書……こうした「ドキュメント」を基盤として開発を行うウォーターフォールモデルの開発と比べれば、アジャイルではドキュメントが必須でない、というのは確かにそうでしょう。 しかし何の役にも立たないのか？　と言えばそれは間違いなく

SREチームの長田です。 5/14(土)・5/15(日)に開催される「SRE NEXT 2022」にカヤックSREチームの藤原が登壇します。 sre-next.dev 「1年間のポストモーテム運用と、そこから生まれたツールsre-advisor」というタイトルでポストモーテムの運用と、 そこから生まれたツールについて紹介させていただきます。 sre-next.dev カヤックではSREが関わっている社内の複数プロダクトで、ポストモーテムを2020年末から運用してきました。 社内には多数のプロダクトがあるため、エンジニアは自分が関わっているもの以外の事故や事例に疎くなりがちでした。ポストモーテムの運用を通して、それがどう変わっていったかを紹介します。 ポストモーテムからは、普段は問題なく動いていても高負荷時や長期間の運用で問題になる、インフラやミドルウェアの設定が要因として見つかることもあり

SREチームの藤原です。今回は、SREチームが主導してポストモーテムを書く取り組みを、社内で1年半ほど運用してみたという話です。 ポストモーテムとは? 「ポストモーテム」(postmortem=事後検証)とは、システムにインシデントが発生したことによる影響、緩和や解決のために取られた行動、インシデントの原因、再発防止策などをまとめた文書です。 カヤックのSREチームは、各メンバーがそれぞれのプロダクトに参加し、他のエンジニアとともに開発と運用を行う、いわゆる「Embedded SRE」という形態を取っています。そのため、SREチームのメンバーでも自分が関わっていないプロダクトで発生したインシデントについては詳しく把握できないことがありました。SRE以外で運用に携わっている、プロダクト専任のサーバーサイドエンジニアにはなおさら困難でした。 また、インシデント発生時に実際に手を動かす人がどうし

SREチームの今です。 カヤックでは、クラウドリソースの管理にはTerraformを利用することが多いです。 クラウドリソースの構成や設定をコードで管理することで、リソースの変更内容の差分をレビューできる、意図しない設定変更を発見できるなどの利点があり、SREの目的であるサービスを安定して提供する上で重要な要素の一つです。 実際の作業として、既に運用中のサービスを新たにTerraform管理下に置く場合や、多くのリソースが既にweb consoleから作成されているものをTerraform管理下に追加する場合も多いと思います。 その際にはTerraform importをする必要があります。しかし、Terraform importは単純作業とはいえ時間と手間がかかり、優先順位を下げてついつい後回しにしてしまうことも多いのではないでしょうか。 今回は、手作業でTerraform import

SREチームの長田です。 今回は私が所属している「カヤックのSREチーム」について紹介します。 SREとは Site Reliability Engineering の略です。 「サイト信頼性エンジニアリング」と訳されることが多いようです。 同名の書籍(いわゆるSRE本)が出版されたことから、SREという言葉が一般的に使われるようになったようです。 www.oreilly.co.jp この記事ではSREそのものについての説明は省きます。 ざっくり一言で説明すると、「サイト(サービス)の信頼性を技術の力で担保すること」のようになるでしょうか。 SREの何たるかのより詳しい説明については上記のSRE本や、提唱元であるGoogleのサイト(英語)を参照してください。 sre.google カヤックのSREチーム カヤックのSREチームは2018年に発足しました。 当初は3名体制でしたが、メンバー

シャン　シャン　シャン　シャン　....... シャン　シャン　シャン　シャン　....... Happy merry Christmas ★ ご機嫌よう！ この記事は Tech KAYAC Advent Calendar 2021 25日目の記事です! とうとう最終日になりました。 はじめまして、カヤックのクライアントワーク事業部デザイナーの ベル、こと鈴木菜々子です！ 21年入社の新卒です。 鈴木の鈴、からベルって呼ばれてます！単純！ りんりん ところで、カヤック意匠部では、毎日の勉強会が開催されているんですね。 そこでは、デザイナーもエンジニアもできるスーパー先輩が、 3Dモデリングの方法や、サイト制作に関するあれこれなどを伝授してくださいます。 なんて素晴らしい会なんでしょう。 その会で、今年10月から行われていたのが.... そう！JavaScript！！ その講座で三ヶ月で学ん

この記事は Tech KAYAC Advent Calendar 2021 の24日目の記事です。 こんにちは！ 意匠部のおばらです。 今日はUVアニメーションのお話です。 目次 UVとは？ なぜ`U`と`V`なのか 本題 タイヤはただくるくる回せば良いけど履帯は。。。 UVアニメーション UVアニメーションの仕組み Three.js でUVアニメーション JavaScript 頂点シェーダ フラグメントシェーダ UVアニメーションの応用 まずは動かしてみる JavaScript 頂点シェーダ フラグメントシェーダ 頂点座標の時間経過をテクスチャに格納する 頂点シェーダ（X座標用） フラグメントシェーダ（X座標用） まとめ UVとは？ 3Dの世界でUVといえばUV座標のことです。 UV座標は頂点の3次元座標がテクスチャ上のどの位置に対応するかを表す2次元座標。 きれいなUVだね〜とか、UV

この記事は Tech KAYAC Advent Calendar 2021 の23日目の記事です。 技術部2年目サーバサイドエンジニアのkolukuです。 2年経っても未だにコロナ下にある昨今、去年から引き続きリモートワークを行っている会社も多いのではないでしょうか？自分自身も入社直後からリモートワークで人と接点が無く、時々他の社員はどんなふうに仕事をしているのか思いふけることがあります。 リモートワークといえば、昨年はリモートワークでこう仕事しています！という紹介記事がたくさんありました。それを思い出した自分は社内で「2年かけて熟成されたリモートワーク環境のデスクを見てみたいので、なるべくありのままの状態を見てみたい」という要望で募集したところ、なんと14名も本企画に参加いただけました！ エンジニア編 エンジニアのデスクと聞くと「とにかくモニターがいっぱいに並んでいそう」「ガジェットでご

この記事はKAYAC Advent Calendar 2021の22日目の記事になります。 こんにちは！ハイカジチームの深澤と申します。 今回は実際の業務とは関係なく、自由研究的にやってみたことの記事になります。 数ヶ月ほど前に iOS15, macOS Monterey が登場し、ついに iOS / macOS ともに safari で WebGL2 が標準で使えるようになりました。この出来事はWebフロント界隈からするととても嬉しいお知らせでした。 そのことを思い出し、アドベントカレンダーでは WebGL2を使った何かを題材にしようと決め、前々からやってみたかった「ブラウザでCPUベースでレイトレをし3Dモデルを表示する」ことに取り組んでみたという経緯になります。 ここでいう「CPUベース」とは、「レイトレのピクセル計算をjavarcript側で行うこと」を指します。 目次 目次 はじ

この記事は Tech KAYAC Advent Calendar 2021 の21日目の記事です。 こんにちは！意匠部のおばらです。 今回は アドベントカレンダー14日目の記事 でご紹介した 「すき焼きの写真にすき焼きの3Dモデルなど任意のファイルをバイナリとして埋め込む方法」 の解説記事です。 【解説編】すき焼きの写真にすき焼きの3Dモデルを埋め込む方法 techblog.kayac.com 任意のファイルを ArrayBuffer として取得する fetch() を使う場合 See the Pen sukiyaki.lib.urlToArrayBuffer.jsm by Tohl SMALLFIELD (@tsmallfield) on CodePen. これだけ！便利な時代になりました。 XMLHttpRequest と overrideMimeType('text/plain; c

この記事は Tech KAYAC Advent Calendar 2021 の20日目の記事です。 こんにちは、バックエンドエンジニアの @commojun です。今年のTech KAYAC Advent Calendarは3度めの参戦です！よろしくお願いいたします！ 本日の記事は、昨年の記事の続きで、Amazon EC2のプロダクトをAmazon ECS構成へと乗り換えた話になります！ techblog.kayac.com 目次 目次 背景 Amazon Linuxのサポート終了 ついでにPerlのバージョンもあげた 苦労したポイント 1，デプロイ方法がめっちゃ変わる デプロイのために都度コンテナイメージを焼く 2階建て作戦 2，batchサーバどうするの問題 sqsjfr + SQS + sqsjkr 作戦 3，泥臭い戦い ecspressoの存在 非エンジニアにもわかってもらおう 「

SREチームの長田です。 KAYAC Advent Calendar 2021の16日目です。 今回はSREとはあんまり関係ないエディタのおはなしです。 TL;DR プロジェクトとしてまとまっているものはVisual Studio Code 単体のテキストファイルはEmacs 登場人物 Emacs www.gnu.org ほぼEmacs一本で生活していた Spacemacsを導入してからはカスタマイズコストも下がって快適に Visual Studio Code code.visualstudio.com (以下VSCodeと表記) 今年の9月頃からメインの開発用エディタとして使用中 前から軽く触ってはいたけど、やりたいことやるために設定ちょっといじっては放置を繰り返していた なぜVSCode使うようになったのか 開発環境をリモート化したい*1、というのが一番の理由です。 GitHubのCo

魔改造された様子 この記事は KAYAC Advent Calendar 2021 17日目の記事です。 昨日はみんとさんによる Unityを用いた肉体の進化について でした。 この記事をざっくり要約すると GitHubのIssue, Pull Requestにつけられる👎リアクションは、目にするとしんどくなる時がある ユーザーCSSで絵文字を魔改造して、見た目のしんどさを軽減してみた 魔改造を簡単に試せるChrome拡張も作ってみました chrome.google.com はじめに こんにちは！技術部の熊谷です。TonamelというWebサービスでフロントエンドエンジニアをやっています。Nuxt.jsをComposition APIで書きつつ、最近は新規機能開発におけるコンポーネントのパフォーマンス改善に取り組んでいます。リリースされたら技術ブログにその件もぜひ書いてみたいですね。 T

完成したイラスト 絵師、憧れますよね。 私は普段主にunityの実装やらテクニカルディレクションやらの仕事をしていますが、幼き頃は絵描きになりたいとか漫画家になりたいとか思っちゃってるような典型的なお絵描き少年でして、今でも時折思い出したように絵の練習をしたりするわけです。 さて、カヤックには、そんな絵描きワナビーから本職のグラフィッカーまで、スキルを問わず趣味のお絵描きを投稿してはいいねスタンプをつけるというclub_oekakiというSlackチャンネルがあります。 私も何か絵を作ったら投稿して自尊心を高めていたのですが、 ある日つくっていいとも運営の人からこんな募集が来ました。 表紙画像募集 小さい発表の機会があることはいいことですね。ということでこの募集に反応したところ依頼を受け、 最終的に出来上がったのが冒頭のgif画像です。 本記事では、この画像をどのように作ったのかを解説しま

この記事は Tech KAYAC Advent Calendar 2021の14日目の記事です。 こんにちは！意匠部のおばらです。 今日は、知っていても役に立たないかもしれない、 WEBページでの画像の変な使い方をご紹介しようと思います。 題して「すき焼きの写真にすき焼きの3Dモデルを埋め込む方法」です。 すき焼きの写真にすき焼きの3Dモデルを埋め込む方法 WEBページで読み込んでいるファイルは全部丸見え！ ブラウザのデベロッパーツール、便利ですよね。 特に Network や Source タブ。 読み込んでいるファイルがぜ〜んぶ丸見えです。 いけてるWEBサイトを見つけたら どうやって作ってるんだろう？ ふむふむ、3D部分はThree.jsで、モデルはglTFか〜 お、テクスチャはKTXを使ってる！ みたいに調べちゃいますよね？？ そう、デベロッパーツールは 覗く側としては、すご〜く勉

この記事はTech KAYAC Advent Calendar 2021の13日目の記事になります。 こんにちは！技術部ひめのです。 最近はDARK SOULS IIIを今更ながらはじめ、死んではうなる日々を繰り返しています。 今年からTonamelというサービスのフロントエンドを担当しており、ひとつのプロダクトにフロントエンドに複数の開発環境がある状況での開発をやっています。 そこで感じたTypeScriptとコンポーネント開発におけるよいところと改善点について、アドベントカレンダーというタイミングでまとめておこうと思います。 Tonamelとは Tonamelはトーナメント開催プラットフォームです。 大会の開催と進行をかんたんにするために、さまざまな大会形式や機能を提供しています。 2016年7月からサービスを開始し、今年で6年目を迎えたウェブアプリケーションです。 tonamel.c

この記事は Tech KAYAC Advent Calendar 2021の12日目の記事です。 こんにちは！バックエンドエンジニアの @commojun です！先週ぶりですね！前回のバカ記事に引き続き、今回も性懲りも無く記事をしたためさせていただきます。 日報 みなさんは、日報を書いていますか？日報といえば、社会人のたしなみ。その形態は様々かと思いますが、上司や所属部署に対し、1日の仕事内容や、気付き、思ったことなどを報告するのが一般的なのではないでしょうか？特に社会人になりたての人ならば、まずは毎日の業務終了後、日報を書きなさいと教育されることも多いのではないでしょうか？ カヤックでの日報 カヤックにも日報の文化はあります。制度として強制などはありませんが、特に入社してすぐの人は、仕事に慣れるためや、組織に早く馴染むため、はじめのうちは日報を書くことを推奨されます。その日の業務内容や、

出来らぁっ！！！（出来ません） こんにちは。tonamel チーム所属の瀬戸です。 最近 メルブラ新作 が出てめちゃくちゃテンション上がってしまって近頃は毎週末友人の都合が付いたときは５、６時間対戦してボコボコにされる生活を過ごしてます。もうすこし強くなりたい。 弊社、格ゲーおじさんがたくさんいるので中にはメルブラおじさんもいるような気配を感じているのですが、自分みたいな舞い上がり方してるおじさんはいないみたいでちょっと寂しいです。 またキーボードでメルブラやりたいな〜って思います。(steam版はキーボードに対応してるのですが、メニューと対戦のボタンで重複設定が出来ないみたいで良い感じに設定できず。残念) あと UNI もメルブラが落ち着いたら更新来ると嬉しいな〜 期待してます 鴨音さん ！ ということで（？）この記事は Tech KAYAC Advent Calendar 2021 1

SREチームの藤原です。 このエントリは KAYAC Advent Calendar 2021 兼 Mackerel Advent Calendar 2021 の9日目の記事です。 カヤックとMackerelとわたし カヤックで運用している自社サービスやソーシャルゲームでは、サーバの監視に Mackerel を利用しています。弊社と Mackerel さんとのお付き合いは相当古くからあり、最初期の2014年からトライアルをはじめて、2015年から多数のサービスで利用してきました。もう7年になるんですね。 以来、自社で便利に使うために Mackerel 関連の OSS を書いたり、mackerel-agent や mackerel-plugin にコントリビュートをしてきました。イベントで登壇させて頂いたことも何回もあり、そのようなご縁もあって、藤原は2019年に「Mackerelアンバサダ

こんにちは！ Tech KAYAC Advent Calendar 2021 7日目を担当する荒賀(@ken39arg) です。 カヤックのエンジニアブログには2008年にPHPを使ったガラケー関連の記事を書いたのが最初になります。 それから10年以上たち、ガラケーも弊社でのPHPのプロジェクトもほぼなくなり、メンバーもかなり入れ替わり、私自身も20代だったのがついに40歳になりました。そんな私にとってこのアドベントカレンダーは私は今でもここにいるよというPingのような役割になっているため、年に一度若者に混じってアドベントカレンダーに参加しております。 例年ですと、趣味のマラソンなどに関する実績も書いているのですが、昨年同様、今年も続くコロナ禍により多くの大会が中止となったためこちらに関しては特に特記すべき実績はありません。ただ2020年に走るはずだった東京マラソンは権利は移行を続けてお

この記事は Tech KAYAC Advent Calendar 2021の6日目の記事です。 ごきげんよう、Tonamelサーバサイドエンジニアの谷脇です。GUILTY GEAR -STRIVE-ではラムレザルを使っています。ランクマで出会ったらよろしくおねがいします。 さてこの記事では、最近リリースしたTonamelのスポンサー機能に関する設計の進め方と実装の振り返りをつらつら記述していきます。 Tonamelとは tonamel.com Tonamelとはeスポーツ大会などをエントリーからトーナメント表構築および進行をサポートするWebサービスです。以下の機能を主に提供しています。 Tonamelの特徴 スポンサー機能とは スポンサー機能は2021年9月に一部の大会主催者向けにリリースした機能です。以下の画像のように、大会に対してお金を使ってスポンサーが出来る機能です。 Toname

この記事は Tech KAYAC Advent Calendar 2021の5日目の記事です。 こんにちは、バックエンドエンジニアの @commojun です。昨年のアドベントカレンダーでは、6年続いているサービスのPerlのバージョンを5.16から5.30にアップデートさせようとしたときの話を書かせてもらってりしていました。 最近は、絶滅危惧種Perlエンジニアのために、#Perlから逃げるなというハッシュタグを流行らせたいなーと思っています。 愛されキャラとは ところで皆さんの身の回りには、愛されキャラと呼ばれるような人はいるでしょうか？仕事場や学校など、身近に愛されキャラがいると、場の空気がとても良くなりますよね。そんな愛されキャラとはどんな特徴を持っているのでしょうか？ 雑にググってみると、例えば以下のような特徴を持っていることがわかります。 人に優しい 素直 寛容 たまに天然 弊

SREチームの藤原です。KAYAC Advent Calendar 2021 4日目の記事です。 早速ですが Amazon ECS をお使いの皆様、何か新しく起動したい ECS タスクがあって、タスク定義を書き起こして(もしくはマネージメントコンソールで定義して)、一発で起動に成功できますか？？ ……なかなかこれが難しいんですよね。 ということで、とある ECS タスクに関連するイベントとログを全部時系列で出力するツールを書きました。どうぞご利用ください。 github.com 以下はそこに至るまでの背景です。 ECS タスクが立たない。なぜだ！ 自分は Amazon ECS を業務で使い始めて早4年になります。新規プロダクトはもちろん、かつて EC2 で動いていたワークロードもほぼ全て ECS に移行しました。 ECS デプロイツール ecspresso の開発者でもあるため、日々機能ア