Chrome拡張

Chrome拡張のポップアップ英和辞書機能にて、選択語句の周囲の語句を先読みして、関連する英熟語の検索結果を追加するようにした。例えば「The plane bursts into flames at Haneda.」という文の「bursts」を選択するだけで、「burst」（破裂する）の意味だけではなく、「burst into」（突入する）や「burst into flames」（炎上する）の意味も教えてくれる。これによって、どこからどこまでが英熟語なのかを事前に知る必要がなくなり、初学者により優しい辞書になった。

Sentry - エラー収集 https://sentry.io/ 言わずとしれたエラー収集サービス。アラートを Slack に流してる。 💡エラーに個人情報が混じってる場合は適切にマスクした上で送信すること。 無料プランだと Slack 連携が使えないので Sentry の Webhook → Vercel に立てているリクエスト中継アプリ → Slack の Incoming Webhook みたいな感じで Sentry の Webhook を Slack までリレーしている。 Vercel のリクエスト変換アプリのコードはこんな感じ。(クリックで展開) const { IncomingW…

を作った。 インストール Windows で動作検証できてないので、もし Win ユーザーで動かない人いたら教えてください。 Chrome / Edge Firefox 仕様 入力補完に対応してる記法 順序なしリスト（ - , * , + ） 順序付きリスト（ 1. ） 引用（ > ） 自動インデントも、勿論よしなにやる Markdown 記法のみ対応。はてな記法では動きません お気持ち Github とかのリストの補完に慣れてしまうと、はてなブログでも同じものが欲しくなったので、作った ちなみにはてなブログのスマートフォン版ではリストの補完機能があり、なぜか PC 版には無い ... 。本家…

GitHub Compare URL Generatorのデモ GitHubでコミット差分のページURLを生成するChrome拡張を作りました。 一度コードレビューして貰ったPRの再レビューで、修正した部分のみをレビュワーに共有したい時に、コミット比較のページを共有することがありました。例えば、このようなリンクです。 https://github.com/octocat/linguist/compare/master...octocat:an-example-comparison-for-docs リポジトリURLの後に /compare/{変更前}...{変更後} のようなパスを指定すること…

注意事項 この記事は、Notion AIに対して 問題と解決策の概要 例示用のコード を渡して生成した実験的な記事になります。 はじめに 既に多くの方々が似たChrome拡張を作っているため何番煎じかは分かりませんが、Chrome拡張を作成しました。 今回は、自身の勉強のためにOpenAI APIと連携して、選択している文字列を操作する拡張でbr1eflyという名前にしています。 github.com この記事では、br1eflyの使い方や設定方法などについて紹介します。新しい操作方法に挑戦したい方は、ぜひお試しください。 機能概要 br1eflyが現時点でできる機能は以下になります。 要約 …

作業が捗るChromeの拡張機能まとめ

日常的な苦痛を少しでもITで緩和したい（解決するにはかなり大変なのでそこまでしなくても自分が使うだけを考えれば少しの知識と努力で何とかなるという信念なので「解決」とはかかず「緩和」としています←言い訳がましい）、以下のコントローラ？を作成して使ってきました。 memorandums.hatenablog.com 上記案には以下に示すかなり致命的な問題がありました。 ジョブカンはAPIを一般には提供していないためあくまでブラウザを操作するだけです。そのブラウザを操作するためにChrome拡張でWebシリアルでコントローラ側（Arduino）から要求があったらジョブカンのWebページ内のボタンをJ…

マルチテナントSaaSアーキテクチャ構築ガイド LLM活用によるソフトウェア開発自動化 PostgreSQL履歴テーブルからの最新データ取得 初心者向けサイバーセキュリティ情報 ALTER TABLEによるMySQL障害と再発防止策 曖昧な指示による作業ミスと改善策 ベゾス氏出資AI半導体による日本市場参入 OpenAIのLLMにおける悪巧み行動 YouTubeのAI日本語吹き替え機能開始と不正視聴対策強化 エンジニアの主体性向上のための取り組み Google系ロボットAIスタートアップPhysical Intelligence Microsoftの水を使わないデータセンター技術 ソフトウェア…

この記事では、Chrome拡張機能「Auto Copy」について、実際のユーザーレビューを詳細に分析し、その特徴や使い方、メリット・デメリットを徹底的に解説します。 この記事の結論は以下の3つにまとめられます： Auto Copyは選択したテキストを自動的にコピーする機能により、作業効率を大幅に向上できる拡張機能です 一部のウェブサイトや最新のChromeバージョンで動作しない場合があり、注意が必要です 豊富なカスタマイズ設定により、ユーザーの好みに応じて機能を調整できます Chrome拡張機能「Auto Copy」レビュー分析の詳細 機能性 使い勝手 要望 問題点 レビュー分析のポイント ま…

本エントリは「Bluesky Advent Calendar 2024 - Adventar」の10日目のエントリです。 Chromeブラウザでweb版TOKIMEKIを使ってる方、webページ見てるときにBlueskyのリンクを開くと「これ、TOKIMEKIで開けたらいいのに…」と思いつつアドレスバーのURLを手入力したことありませんか？ そんなときにピッタリなChrome拡張を作りました。 chromewebstore.google.com このChrome拡張は、(2024.12.07のver0.2.0時点で)3つの機能があります。 「こういう機能もあったらいいんじゃない？」みたいなネタ…

序文 この記事は ノバセル Advent Calender 8 日目です。 ノバセルで CTO をしている戸辺です。 ノバセルはいま AI を "使う" ということに力を入れており、AI を使って徹底的に社内外の生産性を改善したいと考えています。もともと私たちの親会社であるラクスルの Vision は "仕組みを変えれば、世界はもっとよくなる" ということで、レガシーな産業に IT 等の仕組みを取り入れることで、世界を良くするということにアプローチしてきました。ノバセルもそこは同じで、特にそれをマーケティング領域で実現していこうという事業体なだけです。 この観点にたつと、before AI の…

「この曲なんだろう？」そんな経験、誰にでもありますよね。カフェで流れる素敵な曲や、テレビCMのバックミュージック。でも、Googleで検索してもなかなか見つからない...。そんなときどうすればいいのでしょうか？ 今回は、Googleで音楽が検索できないときの対処法から、スマートフォンやPCでの音楽検索方法まで、詳しくご紹介します！ Googleでの音楽検索に関する基礎知識 まずは、音楽検索をスムーズに行うための基礎知識をおさえていきましょう。 音楽検索で重要なのは、できるだけクリアな音声を拾うことです。以下のポイントを意識すると、より正確な検索結果が得られます： 1. 周囲の雑音を最小限に抑え…

Next.jsからSPAへの移行とパフォーマンス改善 Chrome DevToolsとLighthouseを用いたWebサイトパフォーマンス計測 マインクラフトにおけるAIエージェントによる社会シミュレーション テキストのコピペにおけるスタイルの挙動と制御 ダイヤモンドを用いた高密度データストレージ技術 ソニーにおけるステルスプロジェクトとイノベーション ChatGPT登場後の生成AI活用に関する課題と展望 Rust言語入門チュートリアル Amazon Aurora DSQLの発表と特徴 docker buildx bakeを用いた高速並列ビルド Windows 11におけるTPM 2.0の必…

はじめに、株式会社iimonでエンジニアをしている須藤です。 最近フロントエンドを触る機会が多く、E2Eテストについて気になっていたので、 今回はPlaywrightでE2Eテストを書いてみようかと思います。 本記事はiimonアドベントカレンダー4日目の記事となります。 E2E(End to End) Testとは メリット デメリット Playwright概要 初期設定 テストを自動生成 テストの実行 エラーの挙動を確認 テスト内容の追加 HTMLレポートを確認してみる Chrome拡張機能のテスト まとめ 参考 募集 E2E(End to End) Testとは エンドユーザーの視点で、…

こんにちは。株式会社バトンズでエンジニアをしている鈴木です。 バトンズでは2024年度からMagicPodを導入し、QAチームでのテスト自動化を推進しています。 私自身も今年の11月からMagicPodを使用し始め、日々のテスト業務をより効率化し、快適にする方法を模索しています。その中で、MagicPodのUIや挙動をカスタマイズすることで、さらに使い勝手を向上させられるのではないかと考えました。 そこで活用したのが、私が普段愛用しているWebブラウザArcに搭載されているBoost機能です。この機能を活用して、以下のようなカスタマイズを実現しました。 テスト実行時のスクロール追従 テスト実行…

そろそろ本格的にBlueskyを使い始めた。快適そのものだ。bsky.app まずあまり人がいない。おかげでXのように、うっかり変なことを書いて変な人に絡まれる心配が少なくてすむ。今のところは。 別にXで誰かに絡まれた経験があるわけじゃないし、そうならないように注意はしている。でもBlueskyであればそもそも注意する必要がない。ごくまっとうに、公序良俗に配慮すればいいだけだ。 自分が日記用のブログを別個で運用しているのは、Xにつぶやきたくてもつぶやけないことを書いている、みたいな面がある。 Blueskyには余計な機能がない。Xが押し付けてくるような必要のない付加機能がない。 もっとも自分は…

この記事では、AI文字起こしサービスNottaの新機能「リアルタイム翻訳」について詳しく解説します。この機能を使うことで、外国語での会議やウェビナーの内容をその場で即時に理解できるようになります。2024年3月現在、リアルタイム翻訳機能はエンタープライズプランの新機能として提供されています。 【Notta】無料体験はこちら Nottaの新機能：リアルタイム翻訳で多言語コミュニケーションを革新 録音開始からリアルタイム翻訳を利用する方法（0:02-1:08） Web会議でのリアルタイム翻訳の利用方法（1:09-1:40） NottaのChrome拡張機能を使用したリアルタイム翻訳（1:41-2:…

目次 はじめに 解決したい課題 解決策の検討と具体化 開発プロセス 準備と学習 実装の概要 作った拡張機能の使い方を紹介 開発の成果 公開の手順 おわりに はじめに こんにちは！フォースタートアップス株式会社のエンジニアの山﨑（@flashlight999）です。 皆さん、日々の業務で「この作業、なんとかならないの？」と感じることはありませんか？ 私もそんな悩みを抱えながら、ある日ふと思いつきました。 「それなら、自分でツールを作ればいいんじゃない？」 そこで挑戦したのが、Chrome拡張機能の開発です。 この記事では、私が開発した拡張機能を使ってどのように課題を解決したのか、そしてその成果に…

この記事は何 突然の技術ブログです。感想記事ではない。*1 先日、私の勤める会社で Chrome 拡張を公開しました。 chromewebstore.google.com ジョブミルというのは HERP が開発する人材紹介エージェント（以下、単にエージェント）が利用する Web サービスで、この上で求人や求職者の管理ができます。 エージェントは各 ATS（採用管理システム）上で求職者の推薦を行うのですが、その際に求職者の情報（氏名や履歴書など）をフォームに手動で入力していく必要があり、非常に手間がかかります。今回開発した Chrome 拡張は、ジョブミル上で求職者を一度登録すれば、それ以降は …