Chrome拡張

はじめに 開発環境における検証作業で地味に時間がかかるのは、検証用アカウントの切り替えです。 クラウドサインには複数のプランやオプションがあり、機能によってはそれを切り替えながら検証する必要があります。これがなかなか大変です。 クラウドサインの通常の画面では、アカウントの切り替えは以下の手順で行います。 画面右上のプロフィールアイコンをクリック ログアウトをクリック ダイアログで「ログアウト」をクリック トップページに遷移するので、右上の「ログイン」をクリック メールアドレスを入力して「次へ」をクリック パスワードを入力して「ログイン」をクリック 完了 この間 20-30 秒程度かかります。こ…

Spotify、昔の印象と全然ちがった話（無料で十分＋Tranceposeが神） だいぶ前にSpotifyを使ったときは、 ・とにかく使いづらい ・検索もしにくい ・有料にしないと使えないのかな… という印象で、 それ以来ずっと YouTube頼み でした。 正直、 「Spotifyは私には合わない」 と思って、完全に選択肢から外していました。 久しぶりに使ってみたら、別物だった 最近あらためて使ってみたら、 びっくりするくらい使いやすくなっていて😳 ・広告も、ほとんど気にならない ・検索がしやすい ・無料でも普通に使える 「あれ？こんなに快適だったっけ？」 という感じ。 Jazz学習との相性…

吾輩は大学院生である。やる気はまだ無い。 会社を休職して学問の道に足を踏み入れたものの、毎日研究室で論文を読んでは眠くなり、コーヒーを飲んでは集中力が散漫になる日々を送っている。 そんなある日、オンラインでのプレゼンテーションをみていると、発表者がWebアプリケーションのデモをしている最中、パスワードフィールドの内容が画面共有で丸見えになっていた。発表者は気づいているが、仕方ないという様子で、見ているこちらがヒヤヒヤした。これは他人事ではない。 「画面共有中にパスワード入力、*化されるとはいえ参加者全員に見られている…」 ああ、なんという恐怖！プレゼンターの集中力を削ぎ、参加者をヒヤヒヤさせる…

こんにちは。株式会社バトンズでエンジニアをしている鈴木です。 バトンズでは日々のテスト自動化にMagicPodを活用しています。 本記事では、Chrome拡張の技術的な実装方法の詳細ではなく、MagicPodのAPIを活用することで日々のテスト業務をどのように効率化できるか、その具体的なアイデアと実践例をご紹介します。 今回のChrome拡張で実現した主な機能は以下の通りです。 ワンクリックでの一括テスト実行 PC用とスマートフォン用のシナリオを、それぞれボタンひとつで実行開始できるようになりました。 複数環境への対応 ステージング環境だけでなく、その他のテスト環境でも同様にテストを実行できま…

noteに最近のSnack Timeのアップデートについて書いたんですが、そこで脱MUIをしたことについて書きました。 note.com 今回は、MUIを導入していた経緯から脱MUIに至る理由、そして脱MUIでの具体的な作業について紹介します。 TL;DR MUIを導入した経緯 MUIを使っていて出てきた課題 またねMUI、ようこそshadcn/ui Shadow DOMでTailwind CSSを使う リリース後 さいごに TL;DR 当時、Reactで書く場合にMUIを使った方が個人的には早かったので導入した 以下の理由でやめたい気持ちがでてきた MUIがボトルネックでアップデートできない…

公開済みのChrome Extensionのタイトルを変更する方法について紹介します。 TL;DR マニフェストファイルのnameを変更して、package.jsonのversionをあげて審査に出せばOK github.com 経緯 ChromeでSnack Timeという便利な拡張を公開しているんですが、名前からして何の拡張なのか分かりづらいというフィードバックがありました。 そのため、Snack Time というプロダクト名だけでなく、 Snack Time - Online Timerのようにタイマーであることを明記しようとしました。 タイトルを変更する Chrome Extensio…

ブログのデザインを変更する際に、マウスを対象の文章に近づけるだけでフォント名が表示される、非常に便利なChrome拡張機能「WhatFont」（フリーソフト）を紹介します。 自分のブログのデザインを考えているときに、「これは何のフォントで表示されているのだろう？」と思うことがよくありました。 しかし、「WhatFont」を導入してからは、フォントについて悩む時間がなくなりました。他の方のブログで「このフォントはかっこいいな」と思ったら、すぐに調べることができるようになりました。 それでは、紹介していきます！