今回説明する部分は以下になります。ファイルの命名規則や、インスタンスタイプのエラー、非推奨の構文、未使用の宣言など、静的解析してくれるフレームワークです。Engineering)チームの高畑です。ケーブルでしょんぼりしました。修正を行なってレビュー&リリースをしていました。userstech.visasq.comはじめまして。紹介ができればと思います。本編に入る前に、簡単に自己紹介をさせてください。年ほど経っていました。ビザスクに入社する以前は、インフラ系のメーカーで開発職として製品開発に従事していました。ビザスクに入社するまではプログラミングとは無縁のいわゆるエンジニア未経験として異業種異分野からジョインして、今は既存サービスの改善であったり、プロジェクトの開発に日々従事しています。Twitter)です。最近は月一のキャンプを楽しみに日々を生きていて、栃木県のとあるキャンプ場が最高すぎてリピートしまくっています。ビザスクではアプリケーションの定期メンテナンスを行う際に「メンテナンスモード」へと移行して、メンテナンス期間中にアクセスされた場合にメンテナンス画面を返すようにしています。その際、アドバイザー用の画面、クライアント用の画面、社内の管理画面のそれぞれでメンテナンス用のインスタンスをデプロイ・トラフィックの切り替えを行なっていました。弊社では既存サービスのマイクロサービス化を進めており、GCPベースのインフラはTerraformを利用して整備するようにしています。一方で、サービス数の増加などに比例してtfファイルのコード量も増えていき、ディレクトリ構成や個別のリソースの定義などマイクロサービスのインフラ整備において負担になる部分があり、昨年末からSREチーム主導でリファクタリングを行っています。今回は、そのリファクタリングの背景や進め方についてお話しできればと思います。v1.3系を前提にしています。リファクタリング後のTerraformのディレクトリ構成は下記をベースにしているので、下記の記事も合わせてどうぞ。Twitter)です。最近、スノーボードだけでなくキャンプにも手を出してしまった結果、どんどん沼にハマっていっている私ですが皆さまいかがお過ごしでしょうか。連休それぞれキャンプに出かけていたのですが、両日とも台風の影響で生憎の大雨となり雨濡れ耐性が格段に向上してしまいました。ディレクトリ構成について、改めてベストプラクティスってなんだっけというものを考えてみたのでご紹介いたします。コードが増えてきている状態となっています。userstech.visasq.comこんにちは。SREチームでリーダーをやっている木村です。座右の名は「明日自分が交通事故にあっても、システムの運用を滞りなくする」です。責任者の役割をしていますが、その中でいわゆるマネジメントという業務を行っています。本日は、この答えのないマネジメントについて少しお話をさせていただけたら。大きく分けると2つに分類されるかと思います。userstech.visasq.comこんにちは。SREチームでリーダーをやっている木村です。座右の名は「明日自分が交通事故にあっても、システムの運用を滞りなくする」です。こちらの内容を生々しくお伝えしていきたいと思います。日々の中だとどうしても目の前の課題にフォーカスした内容になり、中長期的なちょっと遠い目線の話しは後回しになりがちです。いう思い込みによる無駄が発生します。Twitter)です。屋さんたちがザワザワしていたようですが、皆さんいかがお過ごしでしょうか。雰囲気を思い出してきたのでご紹介します。カラムなどが存在しており、ユーザが増えていくにつれて段々とパフォーマンスに影響が出てきていました。SREチームの西川です。現在、ビザスクではサービスのインフラ基盤のリプレイスに伴い、Sentry+Datadogを用いたサービス監視体制を整備しています。その中で、継続的に抱えていた「運用の属人化」という課題に対して、ツール面からアプローチできないかという思いがありました。今回は、「運用の属人化」に対する課題意識、ツール利用の観点から属人化へのアプローチについてまとめます。関しては、各サービスチーム+SREチームで実施しています。上記の運用作業を行う中で、下記のような課題が挙がっていました。フロントエンドエンジニアの小柳(@mascii_k)です。導入することになりましたが、当時の判断で古いバージョンのものを導入してしまいました。ついて、はじめて触るときに押さえておきたい基本操作をまとめてみました。復元について解説したいと思います。※今回はブラウザ版を前提に解説を進めるので、アプリ版をご利用の方は若干ボタンの位置などが違うかもしれません。時点での仕様に基づいて書かれています。自由に配置することができます。権限が不要なため、誰でもビルド可能。userstech.visasq.comこんにちは、ビザスクアドバイザー開発チーム、フロントエンドエンジニアの山元(@yamagen0915)です。有効な環境へ移行を進めようとしています。環境に慣れてもらう必要がありました。有効な環境で開発ができるようにし始めたのでその方法を紹介したいと思います。userstech.visasq.comビザスクlite事業部フロントエンドエンジニアの小柳(@mascii_k)です。リプレイスしている状況です。「事前相談画面」のデザインリニューアルと同時にフロントエンド実装もリプレイスすることとなり、フロントエンド設計・実装を担当することになりました。導入するに至った経緯やモチベーションを紹介いたします。デザインリニューアルの経緯について、デザイナーの長岡の記事(UI/UX改善!事前相談リニューアルの歩み)もぜひご覧ください。userstech.visasq.comビザスクlite事業部フロントエンドエンジニアの小柳(@mascii_k)です。系で実装する開発がスタンダードとなっております。正式リリースが間近とされていて、弊社としても積極的にマイグレーションをしていきたいと思っております。系へのマイグレーションに向けた検証結果を公開します。コンポーネントを作って開発しています。仕事をする上での座右の銘は「明日交通事故にあってもシステムと仕事を回せるようにすること」です。Code再入門ということで書かせていただきます。仕事をする上での座右の銘は「明日交通事故にあってもシステムと仕事を回せるようにすること」です。Code再入門ということで書かせていただきます。前回はAnsibleの基本的な用語の説明から初回のAnsibleの実行迄を説明しましたので今回はAnsibleを使った実際のPlaybook,taskの書き方等を説明していきます。仕事をする上での座右の銘は「明日交通事故にあってもシステムと仕事を回せるようにすること」です。Code再入門ということで書かせていただきます。仕事をする上での座右の銘は「明日交通事故にあってもシステムと仕事を回せるようにすること」です。Code再入門ということで書かせていただきます。書いていきたいと思っております。userstech.visasq.comはじめまして!11月よりビザスクにジョインした渡部と申します。現在UXチームに所属して、Visasqの使い勝手の向上に日々奮闘しております。本投稿ではAngular2の簡単なTIPsをご紹介します。こちらの画像は今回の内容を元に実際のサービスに組み込んだものになります。私自身Angular2を使うのは初めてで、勉強しながら覚えたことを記載しています。拙い部分もあるかと思いますがご容赦くださいませ。実はビザスクでのAngular2の利用はまだ一部に留まっています。AngularJS(いわゆる1.x系)をfrontendのフレームワークとして採用していて、ある機能をリニューアルするにあたり新規実装部分をAngular2で実装した、というのが経緯のようです。Reserved.設定を変更しましたx。