Next.jsで構築するSPAビルド環境
Next.jsの公式チュートリアルに従いプロジェクトを作成すると、既定でSPAをビルドする環境にはなっていない。 「ちょっとしたツールをつくりたいんじゃ」という場合に筆者はよくSPAを作りたくなるが、 Next.jsでS … 続きを読む
Web
ブラウザで音声認識してみた
このページはマイクへのアクセス許可を求めますが、マイクに入力された音声が筆者「もち」に届けられることはありません。グーグルには届くみたいですが。マイクを利用される方はこのことをご留意の上でお願いします。 デモ マイクをO … 続きを読む
Vueアプリのソースコードからコンポーネントのドキュメントを生成してみた
もくじ やりたかったこと 筆者の環境 ツールの候補 Vue Styleguidistを試してみた（失敗） Vueseを試してみた 結論 今後 やりたかったこと Vue.jsはとても便利だ。 ひと昔前のjQueryで開発し … 続きを読む
[AWS] Lambdaでpost_to_connectionを呼び出すとタイムアウトしてしまうときの対処法
使用言語はPython3.8 boto3のpost_to_connectionメソッドを呼び出す箇所で頻繁にタイムアウトするようになり、ちょっとハマった。 post_to_connectionメソッドを使う前にそのcli … 続きを読む
[Vue.js] 配列の変更が画面に反映されない件への対処法
はじめに Vue.jsを使っていて、配列を変更しても画面に反映されないことがある。 たいていは配列を直接編集せずにpushメソッドやsliceメソッドを使うようにすることで解決するんだけど、 それでも解決できないケースが … 続きを読む
[AWS] Lambdaに入力されたJSONデータを読み込む方法
前提 通信経路 クライアント →(WebSocket通信)→ API Gateway → Lambda という経路でLambdaに対してデータが入力されることを想定している。 クライアントのデータ形式 クライアントからは … 続きを読む
[AWS] API Gatewayとクライアントとの間でWebSocketの接続確立が失敗したときのチェックポイント
クライアント側 指定したURL（wss://〜）は正しいか。 WebSocketクラスのインスタンスはnewしたか。 サーバ側 APIのURL（wss://〜）を変更したか。変更した場合、クライアントに反映したか。 最新 … 続きを読む