poriweb

備忘録とか

備忘録

@vue/composition-apiで縦と横のwindowサイズの変更検知する

最近 @vue/composition-api を触っていて、ウィンドウサイズを検知して値を取得する処理を書いたので備忘録として残します。 以下そのまま書いてもたぶん動きますが確認してないです。 import { defineComponent, reactive, onMounted, onBeforeUnmount, } f…

AWS Lambda(python) / API Gateway / DynamoDB / SES でWebサイトのお問い合わせAPIを作る(DB保存,メール,slack連携)

サーバーレスでwebサイトを構築をすることがあったので、Lambdaネタです。 ググればすぐ出てくるような話が主ですが、ユースケースが合う人の参考になれば。 作成部分は簡単にしか書いていませんので詳しくはドキュメントを参照願います。 また、pythonで書…

v-htmlにscopedでcssをあてる

例えば以下のようなデータが渡されてきて、それをそのままHTMLとして解釈して表示したいとします。 contents = [ '<div>ふがふが</div>', '<div><a href="hogehoge.poriweb.com">リンクはこちら</a></div>' ] データを受ける側が下記のようになっているとします。 <div class="contents"> <span v-for="(content, i) in contents" :key="i" v-html="content" /> </div> この時、aタグの色を red にしたいとします。

Nuxt.jsでビルド後にenvを差し替えたい時

Nuxt.jsを使ってspa modeでWebアプリケーションを構築しています。 local/productionなど環境による変数(例えばAPIのURLなど)は通常build時に自動で切り替わるように設定を行うと思いますが、デプロイ手順の都合で後からENVを差し替えたい場合がありました。…