JavaScriptでAlgoliaのAPIを叩くときに、APP IDとAPIのKEYを引数に渡す必要があるんだけど、それらを外部ファイルにして、Gitにコミットしないようにしたかったけど、webpackの設定をどう書けばいいのかよくわかんなくてつらかったのでメモ。 Vue.jsをwebpac…

Chrome拡張機能のバックグラウンドスクリプトから特定のサイトのcookieの値を取得したくて、その方法について調べた。 developer.chrome.com といっても、の公式ドキュメント書かれてるとおり、 chrome.cookies っていうAPIがChromeに用意されているので、そ…

ユーザーが入力した文字列を元にして、そのキーワードの検索結果ページへリンクしたいけど、そのキーワードをJavaScriptでShift_JISにエンコードしないといけないという仕様を実装した。JavaScriptで文字コードを変換するというのをしたことがなくて調べたの…

かなり疲弊した。バージョンは次のとおり。 "nuxt": "2.4.0" "@storybook/vue": "5.0.11" Nuxt.jsにStorybookを追加 Storybookの公式ドキュメントを参考にした。手動で入れる方法もあるみたいだけど、CLIの方が簡単そうなので任せることに。 npx -p @storybo…

アバター画像とかをCSSで丸くくり抜くときに、img要素にborder-radius: 50%を指定するか、以下のような感じにすれば丸くくり抜きできるけど、画像が正方形じゃなかった場合に縦横比が伸びておかしくなってしまう。 <span class="avatar"> <img src="https://github.com/tacamy.png" alt=""> </span> .avatar { display: inline-block; over…