今閲覧しているURLとタイトルを簡単にコピーできるChrome Extensionを公開しました。 ダウンロードはこちらから↓ chrome.google.com このブログでは、なぜこのChrome Extensionを作ったのか、どういう機能があるのかを簡単に紹介したいと思います。 実は同機能を持つ色々なChrome Extensionを試していたのですが、どうしても自分の欲しい機能を満たすものが見つからず、自分で作ってしまいました。 1ヶ月使ってみてかなり便利に使えているので紹介させてもらおうと思いました。 作成した背景 「タイトルとURLをコピーする」Chrome Extensionは検索すると他にも出てくるのですが、自分が欲しかった次の項目を満たす見つかりませんでした。 ショートカットキーで動作する。 余計な文字が入っていない。必要最低限のスタイルがある。 例えば「タイトル：UR

経緯 もともとMouseoverDictionaryという素晴らしいFirefox用辞書があったのですが、Quantumの登場とXULの廃止とともに使えなくなってしまったため、自分用にChrome拡張をつくった次第です。 ソースコード 実装に関わる技術寄りの用語: React, esbuild, chrome.storage.local, chrome.storage.sync, Cross-extension messaging, Hogan, debounce, resizable/draggable, intl.v8BreakIterator, deinja, クロスブラウザ, など。 ※詳細は「Mouse Dictionaryの技術的な話」をご参照ください https://qiita.com/wtetsu/items/2a5568cb0b5a38c003fb 使い方 インストール

ウェブ開発者の皆さまにおかれましては、少なくとも本番環境・開発環境の2種類に常に接していると思いますが、ブラウザで両方を開いているような場合にこの区別をつけることが難しい。この問題には、環境によって Favicon の色を変えるという手法が有効であると知られています。たいてい実装は難しくないとはいえ面倒なことに変わりはないし、GitHub と GitHub:Enterprise のように直接手を入れることができないようなものもある。そこで Chrome 拡張によってこれを実現しようというものです。 Chrome Web Store - Flavoured Favicon https://github.com/motemen/chrome-Flavoured-Favicon 設定するにはオプションに JSON を直接書く必要がある（手抜き）のですが、単純なので難しくはないはずです。特定のドメ

拙作ブラウザ拡張機能「アマゾン注文履歴フィルタ」では、インボイスや電子帳簿保存法といったものには適切に対応できない（機能的に追加するのも困難な）ため、個人事業主の方等は必要に応じてこれらに対応したアプリやサービス等をお使いください…— 風柳 (@furyutei) 2023年12月2日 ■お知らせ 2020年12月下旬より、アマゾン注文履歴フィルタが突然使えなくなったというご報告をいただいており、調査したところ、今後使用できないユーザーの方が増えていく可能性が高いです。 詳しくは下記の記事をご参照ください。 memo.furyutei.work 漫画家の方などが、確定申告用にアマゾン（Amazon.co.jp）の注文履歴から Kindle を検索して領収書を個別に表示・印刷するのが手間がかかる、というようなことを Twitter でつぶやいておられたので、まとめて印刷出来たら少しは楽かな？

Contact the domain owner here gmork.in 2024 著作権. 不許複製 プライバシーポリシー

弊社では弱いネットワークや容量の小さい端末が普及しているような国にアプリを配布していることもあり、リソースを出来る限りVectorDrawableに置き換えています。 元SVGファイルを自動でVectorDrawableに変換し、取り込んで利用しているのですが、今までxmlを見るだけでは以下の問題点がありました。 稀に表示が崩れるものがあり、QA時点で発覚するとデザイナーへの負荷が大きくなる。 色指定が異なることに気付けない。 Export名のミスによる上書きに気付けない。 つまり全ては VectorDrawableを読める人が少ない という問題点に帰結します。 いちいち手元に落として一個ずつAndroid Studioでプレビューするのも・・・ということもあり、題の通り Github上でVectorDrawableを見るChrome Extensionを作成しました。 chrome.go

アドビ製品には色弱の方が見るとどう見えるのかをシミュレーションできる色弱シミュレーター機能が搭載されているというような話を聞いたので、アドビ以外ではどうなんだろうと思い探してみました。 （注意） 色弱シミュレーターは色弱への理解を深めたり、色弱でなくても見え方は人によって違っている事への理解を深めるために使えると思います。 反面、おもしろいから等の安易な気持ちでコンピュータ実習等で行うと結果として色弱検査のようになってしまい人権侵害へと発展する可能性があります。色弱は遺伝子の特性によって起こる事が分かっているため色弱検査は間接的な遺伝子検査という考え方があるためです。遺伝子検査であれば当然ですが本人や保護者の同意が必要となります。ご注意下さい。 また、ここでいう「色弱」という呼称はCUDO（カラーユニバーサルデザイン機構）の提唱する色覚の呼称となり、P型（protanopia）、D型（de

疑惑どころか 99.99% くらい黒な話。 （後記：セッション盗まれたと思ってたけど、よくよく考え直してみると生パスワードごと盗まれてる可能性もあるしやばい） 追記：続報 11月3日 今回指摘した HTTP Headers 以外にも、「Tab Manager」「Give Me CRX」「Live HTTP Headers」等で同様（？）の問題が報告されています。第三者が元の作者からソフトウェア権利を買い取って悪用する、というケースが割とある模様（？）。皆さま情報ありがとうございます。 11月4日 Zaif については、「不正な Chrome 拡張」と「スクリプトから保護されていなかったクッキー」のコンボによりセッションが盗まれていた可能性あり。 Zaif のセッション情報が盗まれた原因のひとつについて。JavaScript からクッキー値を取得させない方法。 - clock-up-blog

Import SVG files as editable vector layers and export clean SVGs directly from Photoshop. Introducing SVG Layers SVG Layers is a Photoshop plug-in that enables you to open, edit, and save SVGs as vector layers. This lets you take full advantage of Photoshop as a vector editor, and allows for a simpler and more efficient workflow. How is it different from native SVG support in Photoshop? When impor

閲覧しているウェブサイトの選択された範囲のスクリーンショットを撮ってSVG形式でダウンロードできるChrome拡張機能をつくりました．SVGで出力しているため，普通のPNGやJPGと比べると，以下のような少しだけ高度なことができます． スクリーンショットを撮ったページのURLを<svg>のdata属性として保持できる スクリーンショットの範囲内のリンクをそのまま残すことができる． ページ中の<a>の位置に，外部ページヘのリンクを持つ<rect>を挿入しています．クリックするとリンク先のページが開きます． ブラウザで通常リンクと同じように扱われるため，rectをホバーするとChromeの左下にジャンプしようとしているURLが表示されるので，移動先もしっかり確認できます． まだかなり荒いベータ版ですが，GitHubで公開しています．クローンして，そのままChromeの拡張機能管理ページから読み

以前、プラグインで拡張可能な文章校正ツール textlint で小説の作法を検証するための規則を作ったのですが、textlint はコマンドラインツールであるために利用するまでのハードルが高い状況でした。 Sublime Text や Atom などのプログラマ向けエディタを利用していれば、textlint のプラグインが使えたりするのですが、今回はより簡単に利用できるように Chrome の拡張機能として textlint をブラウザ上で使えるようにしてみました。 インストールはこちら: 【Chrome ウェブストア】 textlint: 文章チェッカー インストールすると、ページ内の編集領域で文章入力中にリアルタイムで校正してくれるようになります。（もちろん ON/OFF できます） textlint に最近追加された自動修正機能にも対応しているので、ボタン一発で自動で修正されたりしま

任意のサイトで任意のJavaScriptを自動実行させる拡張機能の紹介です。 nakajmg/ScriptAutoRunner 使い道 スニペットを実行させておきたいときに jQueryなどのライブラリを挿入しておきたいときに デバッグに devtools-snippets/にあるconsoleを拡張するスニペットなど、スニペットをあらかじめ実行しておく必要があるものなどに使えます。 ブックマークレットなどで挿入していたjQueryなども自動で挿入することができます。 ホスト名でフィルタリングできるので、デバッグにも使えると思います。 使い方 まず実行させたいスクリプトを追加します。スクリプトの追加は拡張のオプションページから行います。 オプションページは次の3つの方法で開くことができます。 拡張機能のアイコンを押して歯車アイコンをクリック 拡張機能のアイコンを右クリックして"オプション"

12/11追記・・・JPEG書き出し追加とファイル名の拡張子が重なる場合のバグを修正しました。 9/10追記・・・保存先指定と、オブジェクト名からファイル名を付ける機能を追加しました 以前、画像切り出し用のスクリプトを作成しましたが、スクリプトの宿命というか実行するたびに「ファイル＞スクリプト＞何々スクリプト」という操作の手間があってビミョーに使いにくい操作性になっていました。 なんとかもっと簡単に書き出しできるようにならないか・・・と色々と調べていくうちに、スクリプトだけでもExtensionのような常駐型のウィンドウで作れるということが分かり、これを使ってより使いやすいスクリプトとして作り直しました。 このスクリプトのコンセプトは「とにかく、手間なく素早く書き出す！！」です。設定や書き出す前の下準備などは最小限に抑え、ワンクリックで書き出せる！ぐらいの気持ちで設計しました。UIもかなり

「Animated Gif Capture」というアニメーションGifを作るChrome拡張を公開しました。 Chromeに表示中のWebページをアニメーションGifに変換します。また、オプションページから設定を変更すると、デスクトップやChrome以外のウィンドウもアニメーションGifにすることが出来ます。 Chrome Web Storeに登録してあるので、ここからインストールできます。 Chrome Web Store - Animated Gif Capture - アニメーションGifキャプチャ キャプチャ例 Flashもキャプチャできます。 ※http://demouth.net/sketch/016/ 以前私がAS3で作ったやつ FlashのキャプチャできるのでVimeoでもYouTubeもいけます。 フレームレートを高めると滑らかなアニメーションGifになります。 ※これは

Google Chrome 拡張「はてなのお知らせ拡張」をリリースしました 本日、Google Chrome 拡張「はてなのお知らせ拡張」をリリースしました。 はてなのお知らせ拡張の紹介ページChromeウェブストアからダウンロードする 「はてなのお知らせ拡張」では、はてな各サービスのヘッダーにある「あなたへのお知らせ」同様、あなたのブログにコメントが付いたり、ブックマークされた、あなたの投稿にスターが付いた、などのとき通知を受け取ることができます。 新しい通知が届いたときは、Chromeのデスクトップ通知にも表示されます。未読の通知がある場合は、拡張アイコンに未読の通知数が表示されます。 拡張アイコンをクリックすると通知が一覧で表示されます。未読の通知の場合、通知一覧では背景が黄色で表示されます。 本拡張により、はてな以外のWebサイトを閲覧しているときでも、はてなの各サービスからの通知

1週間ほど前より、FirefoxアドオンのTomblooのメンテナンスを目的とする派生版「Tombfix」の開発を行なっていましたが、まもなく行われるFirefox 22.0のリリースによってTomblooの設定がしにくくなる不具合が顕在化するのを機に、Tombfixを正式にリリースする事にしました。まだまだ様々な不具合がありますので積極的におすすめはできませんが、もしよろしければ使ってみてください。 インストール方法はRepositoryのREADMEに書いてあります。READMEの他の項目についても確認してみてください。 実際に使用してみて、GitHubのIssuesに報告されていない不具合、要望などがありましたら、そちらに報告してくださるとありがたいです。 Tomblooとの主な違いFirefox 22.0以上で設定ダイアログの「デフォルトのポスト先」でチェックマークが表示されない不