最近のプロジェクトではフロントエンド開発のフレームワークとして Next.js を採用しています フロントエンドの成果物は静的ビルドを行いサーバに配置 or バックエンドの成果物に含めることが基本ですが、Kubernetes 上に展開する場合はフロントエンド用に個別に Pod を用意してアプリケーションを立ち上げています Next.js プロジェクトの Docker Image の作成 Next.js は開発環境以外にも本番稼働向けの Node.js サーバをスクリプトを用意しています # プロジェクトの依存パッケージのインストール yarn install # プロジェクトのビルド ...
Hi, this is Nidhi, a new member of Tagbangers. I am just starting to learn Java, Spring Boot, AWS etc. without any prior coding knowledge. I have tons of questions, and there are so many things you won't get answers for with a simple Google search! I am particularly struggling with not understanding...
## OAuth2 巨大なシステムをMicroservice化する場合、 開発者は機能の種類と関連性に基づいてサービスを分割する。 もし各サービスに独立な認証機能を持たせると、 利用者に大量のアカウントとパスワードを覚えさせなければならない、 一方で、もし全てのサービスに 共通なアカウントとパスワードでの認証機能を持たせると、 ユーザーの機密認証データが頻繁にネットワーク上に流され、 万が一何らかのシステム脆弱性に関わる原因で漏れた場合、 そのユーザーの認証情報がいつでもどこでも悪用される可能性がある。 それらを避けるため、専用の認証サーバーを設け、 認証結果を共有する中心化認証機能(Sing...
styled-components でスタイリングしたコンポーネントがあります const StyledButton = styled.button` border-radius: 6px; padding: 16px; background-color: coral; color: white; font-size: 1.5rem; font-weight: bold; ` export default StyledButton あらかわいい このコンポーネントを styled の引数に入れることでスタイルの上書きができます import Styl...
スクラムマスター認定のための研修を受けてきました。 社内でもスプリントを回して振り返りを行っていますが、本当にこれでいいのかな？ということや スプリントを回す = スクラム ... ではないよな??? といった基本的なこともあやふやだったので 今回、改めて研修を受けることにしました。 一番の収穫としては、エンジニアだけでなく、色々なバックグラウンドを持った方々(アナリスト、マネージャー、すでにスクラムマスターの方)と一緒にスプリントを回しながら、 お互いの疑問や悩みについて共有できたところです。 理想的なスクラムマスター像や、運用にあたり注意したり、検討していく必要のある点などを学んでいけたの...
こんにちは、シルベスターです 今回は mapbox で月を再現したいです sky layer で太陽をカスタマイズすることができて、それを月っぽくすればいいのかなーと思います ↓ これが既存のスタイルですが、どんどん変えていきます まず、太陽の中心を変えます（210, 30）→（110, 85） 次は太陽周りの色を青っぽくします #ffffff → #2483ff 月っぽくしたいので intensity を 10 → 2.5 まで落としました 最後に atmosphere color を変えます 月のあるところにそんな変わらないが、少し回転したら違いがわかると思います ↓ before ↓ a...
こんにちは、そして久しぶりです！ タグバンガーズのシルベスターです。 今回紹介するのは、mapbox studio の 3d terrain です。 最近追加された 3D 機能少し気になったので少し触ってみました。 せっかくの 3D terrain なので今回は Outdoors テンプレを使いたいと思います。 早速富士山の方へ 3D terrain を enabled にすると 真上から見るそんな変わらないが、pitch を変えてみると… 富士山が3Dに！ そして、色のないところもあるんですが、 空を有効化すると、このように空のスタイルを変えることもできました さて、 少しずつスタイルを変え...
おはようございます、BE 側の JK です Spring で REST API を設計した際にドキュメント化する方法として Spring REST Docs があるのをみなさんご存知でしょうか Spring REST Docs 公式のサンプルがいくつかあるので試しに見てみましょう 今回は唯一 Maven を使用したサンプルである "Spring Data REST" プロジェクトを使います（他は Gradle でしたねー） git clone https://github.com/spring-projects/spring-restdocs.git cd spring-restdocs/s...
こんばんわ、FE 側の JK です 業務で使用するちょっとしたツールを Deno で作ってみたかったので調べてみました Deno とは Deno - A secure runtime for JavaScript and TypeScript Node.js の作者によって作られた新しいランタイム環境で 2020 年にリリースされたばかりです TypeScript がゼロコンフィグで使用できるのが嬉しい点です node の文字を入れ替えると deno になる話は有名だそうです node -e "console.log('node'.split('').sort().join(''))" 準備 ...
Cost Anomaly Detection は、いくつか簡単な設定をするだけで異常なコストが発生していないか監視することができ、任意のしきい値でアラート通知を受け取ることができる機能のようです。 今回は Cost Anomaly Detection を使用し、コストモニターが異常を検出したときにAmazon SNS によって指定した Slack チャンネルへ通知するように設定したところまでを紹介します。 運用した結果については別途ご紹介したいと思っています。 設定してみた 全体の流れは以下の通りです。 Slack API を作成 Lambda 関数を作成 SNS トピックを作成 コストモニタ...
