Beeeat’s log

Beeeat’s log

プログラミングで出くわした知識やツール、日常生活、働き方その他色々なことをメモしていくブログ

フロントエンド

「ゆるWeb勉強会@札幌 OnLine #9」で Jest + Puppeteer で E2E テストを導入した話をしました

この記事は マイナビ Advent Calendar 2020 の1日目の記事となります. (なんか去年も1日目だった気がする...) 今年の10月頃になりますが「ゆるWeb勉強会@札幌 OnLine #9」という勉強会で登壇しました. mild-web-sap.connpass.com 私の地元は札幌で前々から…

「Microsoft Clarity」という行動分析ツールが無料で使えるようなので試してみる

チームメンバーと雑談している時に「Microsoft Clarity」という行動分析ツールがあることを教えてもらいました. clarity.microsoft.com どうやら無料でヒートマップやセッションのレコーディングを使うことができる優れもののようです. なんか凄そうなツー…

create-nuxt-app で現在のディレクトリにNuxtプロジェクトを作成する時に気をつけること

Nuxt.js の勉強していた時に最新のcreate-nuxt-app(v3.3.0)を使ってNuxtプロジェクトを作成した時にCan't create . because there's already a non-empty directory . existing in path.というエラーを踏んでしまったのでその時にどう対応したのかのメモをま…

「Web Developer」を使いこなすとフロンエンド開発がかなり捗りそうなことがわかった

フロントエンドの開発をしている時に自分が書いた HTMLの要素 や CSS セレクタやプロパティが実際にどのように組まれて表示されているかを確認するために Chrome DevTools を立ち上げてインスペクト機能や Elements を見ながら確認をする必要がある. しかし…