JavaScript

拡張機能でsandboxではなくWASMでeval()してみた

拡張機能のManifest V3ではsandbox環境で安全にeval()を実行できますが、FirefoxではこのAPIがサポートされていません。そこで、ChromeとFirefoxの両環境での単一実装と安全性を考慮してQuickJS(WASM)を利用したeval()を試してみました。

Cloudflare Workersで手軽にRESTful APIを公開する

今回は、OpenAPI Specification から良い感じのドキュメントサイトを提供してくれるサービス bump.sh を見つけたので、RESTful API を用意して試してみます。 ドキュメントサイトがあることで、API が公開されていることがより分かりやすくなるでしょう。 こ…

YouTube の iframe を埋め込んだまま PageSpeed Insights のスコアを改善する

4行で YouTube から提供される動画の埋め込みコードをそのまま使うと PageSpeed Insights のスコアが落ちる。 しかし、lite-youtube-embed などのライブラリでダミー画像を表示しておくと再生するまでは偽物感が残ってしまう。イヤだ! そこで、ページが表示…

Vue3でFirabaseログイン

zenn.dev 2年前に書いたVue vuexでfirebaseのログイン保持を、Vue3+Composition APIで書き直したものです。 未だにちょくちょく読まれているようなのですが、流石に2年前のバージョンのチュートリアルは申し訳ないと感じたので書き直すことにしました。 需要…

Amplify AppSync 自動生成したコードのsubscriptionで引数を利用する。

Amplify AppSync amplify add apiを行った時に、クエリ・ミューテーション・サブスクリプション用のコードを自動生成するか聞かれます。これは、自動生成を行った場合に悩んだ箇所です。 生成もとのschemaが以下 type Subscription { onCreateMessage(roomId…

angular amplify publishで403 forbidden

amplify publishを行なった場合にデプロイが終わり、配信ページを訪れるとforbidden になる。

VuePress theme デフォルトをいじる

VuePress theme Noto Sans JPに変更