ソフトウェアアーキテクチャのおさらい

Webシステムでよく議論されるソフトウェアアーキテクチャについて記憶が曖昧になってきたので改めて整理してみました。 レイヤードアーキテクチャ 関心事にレイヤーを分けたアーキテクチャで、リクエストは全てのレイヤーを上から下 … 続きを読む ソフトウェアアーキテクチャのおさらい

ひらがな(カタカナ)をローマ字に変換するツール

ひらがな(カタカナ)をローマ字に変換するJavaScriptライブラリを作成したのでデモとしてWebツールを置いておきます。ヘボン式や訓令式、長音の扱いを柔軟に切り替えられます。 ローマ字変換方式 ヘボン式 訓令式 長音 … 続きを読む ひらがな(カタカナ)をローマ字に変換するツール

Contentfulのコンテンツ(エントリー)を一括更新する

Contentfulのコンテンツ(Entry)を一括で更新したい機会がありコードを書いたのでサンプルコードを残します。 エントリを一括更新するにはContentful Management APIを使用します。各言語向け … 続きを読む Contentfulのコンテンツ(エントリー)を一括更新する

Nuxtで画面遷移した際に表示が更新されない

Nuxtで作成されたページで、リンクをクリックして画面遷移しても画面の表示が更新されない問題に遭遇した。正確にはasyncDataが呼び出されず、dataが更新されていないような挙動になった。 原因 NuxtLinkタグ … 続きを読む Nuxtで画面遷移した際に表示が更新されない

Nuxt axiosでunable to verify the first certificateが発生した時の対処方法

nuxt-axiosで通信を行った際に以下のエラーが発生した。 原因 通信先のサーバーが自己署名証明書を使用しているなどの理由で証明書に不整合があると発生するらしい。 自分のケースではローカル環境が自己署名証明書を使って … 続きを読む Nuxt axiosでunable to verify the first certificateが発生した時の対処方法

CloudFrontを経由したLambdaから別のCloudFrontに通信を行うとエラーになる

CloudFrontを経由したLambda(中身はNuxt)から、更に異なるCloudFront(またはLambda)にリクエストを送信しようとした所、以下のエラーに遭遇した。 原因 CloudFront(またはLamb … 続きを読む CloudFrontを経由したLambdaから別のCloudFrontに通信を行うとエラーになる

OGP画像をLambda+Vueで描画する

以下の画像のようにLambda+VueでOGP画像を生成してS3に保存する仕組みを作ったので記録を残します。 これはContentfulというヘッドレスCMSを使用してメディア(セリフデータベース)を作成した際の副産物に … 続きを読む OGP画像をLambda+Vueで描画する

Figmaで線と線を結合する

Figmaで線と線を結合する方法を説明します。 まずは線を2本用意します。Penツールを選択します。 2本の線を書きました。 Shiftを押しながら2つの線をクリック(選択)し、ctrl+Eを押します。2つの線が1つのグ … 続きを読む Figmaで線と線を結合する

NuxtのローカルサーバをHTTPSに対応させる

NuxtのローカルサーバをHTTPSに対応させる方法を調べたので記録を残します。経緯としては、navigator.mediaDevices.getUserMediaでマイクにアクセスしようとした際にHTTPSでないとアク … 続きを読む NuxtのローカルサーバをHTTPSに対応させる