Posts

概要 Serverless フレームワークを使用して Lambda Layer を作成し、別の Lambda から Layer にあるライブラリを利用する例です。 serverless.yml の設定 Lambda 関数が実行されるサーバーのデフォルトのラ...

概要 React 公式のチュートリアルで紹介されている三目並べゲームを Vue.js で作ってみます。 スターターコードを用意する チュートリアルではスターターコードが用...

概要 URL 短縮サービスを AWS API Gateway + Lambda で実装した例になります。 データストアには DynamoDB を使用しています。 掲載しているコードはこちらでも公開しています。 セッ...

概要 API Gateway の機能である Lambda Authorizer を Ruby で実装してみました。 オーソライザーの中身は AWS Cognito を利用したトークンベースで行っています。 デプロイには Serverless を使用しまし...

概要 Vuetify は Vue.js 用のコンポーネントフレームワークです。 今回はこの Vuetify のテキストフィールドを含むコンポーネントのユニットテストの書き方について紹介しま...

概要 API Gateway の WebsocketAPI を ServerlessFramework で実装してみました。 こちらのレポジトリにて公開されている Node.js で書かれたコードを Ruby で書き直しています。 掲載したコードはこちらでも...

概要 外部から取り込んだ CSV ファイルを JSON に変換して表示させる Vue コンポーネントの実装例です。 コンポーネントのコード <template> <div> <input type="file" @input="handle" /> <div>{{ data }}</div> </div> </template> <script> export default { data()...

概要 グラフ表示ライブラリ Plotly.js のラッパーコンポーネントである vue-plotly を使って時系列データをグラフに表示させます。 プロジェクトのセットアップ VueCLI でプロジェ...

概要 別の AWS アカウントにある S3 へアクセスする方法を解説しています。 説明のためここからはアクセス元のアカウントをアカウントA、アクセス先のをアカ...

概要 S3 への直接のアクセスを制限して CloudFront からのみ S3 のコンテンツを閲覧できるように設定します。 アクセスの制限には OAI (オリジンアクセスアイデンティテ...