個人開発をしていて、全く開発せずに1日中Twitterをしている日がありました。 もしこれが受託開発だったらヤバいですよね...。 このSNS問題については僕だけではなく、色々な人から話を聞くことがあり、なんとか解決したいなーとずっと思っていました。 開発や仕事に支障が出ないように、Twitterときちんと付き合うためのサービスを色々と探していたのですが、自分が求めているサービスが見つからなかったのでChrome ExtensionのAPIを使ってクローム拡張アプリ「BLOCK CLOCK」というサービスを自作しました。 今更感はありますが、Chrome Extensionの情報などを共有したいと思います。 以下のリンクからインストールのできます↓↓（Chromeのみになります...） BLOCK CLOCK - ChromeWebStoreサイト 作ったもの BLOCK CLOCK -

A few months back, I wrote a popular article called Making Chrome Headless Undetectable in response to one called Detecting Chrome Headless by Antione Vastel. The one thing that I was really trying to get across in writing that is that blocking site visitors based on browser fingerprinting is an extremely user-hostile practice. There are simply so many variations in browser configurations that you

Nintendo Switch 2: Everything we know about the coming release

4年近く前の2012年に僕が考えたChrome拡張機能を作るときのデザインパターンというエントリを書きました。最近参加したイベントで「よういちろうさんの拡張機能の記事見て作ってみました〜」と声をかけてくれた人がいて嬉しかったのですが、2012年のそのエントリは、すでに内容が古くなってしまっています。最近の状況を踏まえて、内容を新しくした「2016年度版」を書いてみようと思います。 変更しようと思った点は、以下です。 prototype.jsは使わず、ECMAScript 2015で書く。 Background Page(常駐型)ではなく、Event Page(非常駐型)にする。 そもそも最初のコードセットは自分で書かない。 本文やコード的には、2012年度版をコピペしています。 （この投稿の内容は、自分のブログエントリと同じです。） 前にいくつかのChrome拡張機能を作っていて、すでに数

Mac小技・裏技・初心者Chrome拡張機能Chromeの負担が軽くなる、隠し機能「タブのメモリを自動解放する」を有効にしてみる2016年7月18日313 @JUNP_Nです。Chromeがメモリを使いすぎるからMac(PC)全体の動作が遅くなって困る。そんな悩みを持っている人は、Chromeの隠し機能「タブのメモリを自動解放する」を試してみては？ Chromeの「試験運用機能」にある機能を利用して、メモリを自動解放する Chromeはその特徴上、どうしてもたくさんのタブを開くと大量のメモリを使用してしまいます。これのおかげでブラウザクラッシュなども起こらず、安定して利用できるのですが、大量のメモリ使用によって、Mac(PC)本体の動作が重くなることも。 Chromeには「試験運用機能」と呼ばれる隠し機能が存在します。この機能はGoogleが正式に採用していないものなので、利用については全

Fire TV Stick対応のこれをパパっと取り付ければ...車の中でエンタメ満喫できるぞ #AmazonスマイルSALE

「Papier」はGoogle Chromeの新規タブをメモ帳に変身させる拡張機能です。書き込んだ内容は永続的に保存されますよ。ブラウザで作業しているとき、コピーした内容の一時保存場所としても使えそうです。 以下に使ってみた様子を載せておきます。まずPapierへアクセスしましょう。Google Chromeに拡張機能をインストールして新規タブを開きましょう。 新規タブがメモ帳のようになっており、自由にテキスト入力ができます。TODOリストとして使ってもよいですし、コピーした内容の一時保存場所としても使えそうです。 新規タブを開くだけですぐにアクセスできるのは便利ですね。わざわざメモをとるためにメモ帳を開く必要もありません。ブラウザでの作業がメインの方には重宝するかと思います。ぜひご活用ください。 Papier （カメきち）

みなさんはChromeの拡張機能を活用していますか？　拡張機能を使えば面倒な作業でも効率良くこなすことができます。今回はWebデザインのときに使うと仕事が圧倒的に捗るChromeの拡張機能を紹介します。 1. FireShot ダウンロードURL：FireShot ページのキャプチャを撮影できる拡張機能です。ページ全体をキャプチャ、目に見える部分をキャプチャ、選択してキャプチャすることができます。ランディングページなど縦長のページのスクリーンショットを撮影するときに便利です。 2. PerfectPixel by WellDoneCode ダウンロードURL：PerfectPixel by WellDoneCode ページ内に任意の画像を重ねることができる拡張機能です。画像を動かしたり、透過させたり、サイズを変更したりしてレイアウトすることができます。ボタンやロゴの配置を迷っているときにコ

Web 開発者の方であれば今開いている Web ページにどのような技術が利用されているのか気になる事がありますよね。ソースを表示したり Developer Tools を起動したりして調べるのも良いですがさくっと確認するだけであれば BuiltWith Technology Profiler という拡張機能を利用するのが便利です。 この拡張機能を入れるとメニューバー上にアイコンが表示されるので、調べたい Web ページを開いてアイコンをクリックするだけです。 例えばこのブログだと上記のような感じに表示されます。 かなーり縦に長いので文字で書きますが以下のような情報を取得しています。 Web サーバの種類, バージョン ネームサーバ ホスティングしているサーバ CMS の種類, バージョン 使用しているフレームワーク 広告の種類 ユーザ統計情報(Google Analytics 等) Jav

GoogleChrome（以下、Chrome）をメインブラウザとして使用しているWeb制作者の方は多いのではないでしょうか。 Chromeは標準のままでもじゅうぶんに快適なのですが、拡張機能（アドオン or エクステンションともいいます。）と呼ばれる機能があり、自分の好きなようにブラウザをカスタマイズすることができます。 この拡張機能によって、毎日のブラウジングがより快適になるだけでなく、Web制作を行うにあたっても非常に便利な機能を追加することができるのです。 しかし、非常に多くの種類があり、どれを選んでいいかわからない、という方もいるのではないでしょうか。 今回は、数あるChrome拡張機能の中から、特にWeb制作に携わっている人へ「最低限これだけは入れておきたい！」というものを厳選してご紹介します。 拡張機能をインストールする際の注意点 拡張機能は便利であるため、ついついインストール

Chromeのアドレスバーというのは一瞬しか見ません。URLを入力したら、あとはWebサイトに行くからです。しかし、使い方さえ知れば、実はもっと多くのことができます。 これまでもChromeに関する小さなコツを何度かご紹介してきましたが、アドレスバーについてはいつもスルーでした。しかし、実は色々とできることがあるのです。今回は、アドレスバーの知られざる裏技をご紹介していきましょう。 単位の変換や計算ができる ちょっとした計算をするために、いちいち計算機アプリを開くのは面倒だと思うことはありませんか？　そんな時は、計算式を入力すればChromeのアドレスバー（オムニボックス）に答えが出ます。Enterキーを押す必要すらありません。同じように、気温など基本的な単位の変換もできます。数字と単位を入れた後で「=」を入れるだけで変換してくれるのです。例えば、摂氏50度が華氏何度か知りたい時は「50

GoogleがChrome標準ブックマーク機能を拡張するアドオンをリリース。 →　Googleの新しいブックマークサービス（旧称 Stars）が一般公開 - TechCrunch さっそく入れてみたのですが、私の環境では大変なことになっています。 CPUをガンガンに占有した挙げ句、アンインストールしようにも勝手に自動復活し、消えない困った事態に。Chromeを閉じても、プロセスとして残り続けるしぶとさ。 ストアレビューは低評価もある一方で高い評価も多く（平均4/5）、環境に依るようです。 低評価のコメントをピックアップしてみると、 →　Bookmark Manager - Chrome ウェブストア ・Can't uninstall it アンインストールできない。 ・don't install if you have more than 50 or greater Bookmarks ブ

Googleは新しいブックマークサービスとして「Google Stars」を開発中と言われていましたが、Chromeウェブストアで密かにブックマーク機能を超絶改善してくれるGoogle公式Chrome拡張「Bookmark Manager」をリリースしています。一体どのようにブックマークが変化しているのか、インスト―ルしてあれこれ触ってみました。 Bookmark Manager - Chrome ウェブストア https://chrome.google.com/webstore/detail/bookmark-manager/gmlllbghnfkpflemihljekbapjopfjik ◆インストール Bookmark Managerをインストールするには「無料」をクリックするだけ。なお、一度インストールすると拡張機能一覧に表示されず、以前のブックマークUIに戻れなくなるため注意が必

Comment by PM_ME_MY_FATE みんな入れておいた方が良いと思うGoogle Chromeの拡張機能って何？ reddit.com/r/AskReddit/comments/2jsmfp/what_google_chrome_extensions_should_everyone/ reddit.com/r/AskReddit/comments/1sa2gr/what_are_some_must_have_google_chrome_extensions/ Comment by moneymonroe 530 ポイント 僕のお気に入りは「Hola」 どんな国からでもページを閲覧できるようになるしイギリスでアメリカ合衆国のnetflixを使えるようになってネットが快適になる。 Comment by jedieaston 123 ポイント ↑アメリカ合衆国でBBC iPlaye

Chrome：メールというものは、まるで飼い慣らせない動物のようです。『Sortd』は、Gmailのデザインを劇的に変えてシンプルで整理されたリストに変えてくれるChrome拡張機能です。 開発者のサイトを見ると「Gmailは壊れてる。だから直したんだ」という挑戦的なコピーがまず目に留まります。 Gmailのインターフェイスを大幅に変えてしまうこの拡張機能は、メールをリストで分類する操作がポイント。もちろん使い方は簡単で、左側にある受信トレイから、右側に作成したいずれかのリストへドラッグし、ドロップするだけです。後で見直すためにとか、レシートやその他必要などんなことにでも、リストは便利に使えるでしょう。古い受信トレイに戻したければ、Sortdを脇へドラッグするだけですが、そんなことをする人はいないでしょう。 メールがらみのミスが多い人は、Sortdを試してみると良いかもしれません。重要なメ

ホーム > マーケティング全般 > Googleアナリティクス（Google Analytics）を便利に使いこなす、Chromeエクステンション5選＋1 Webサイトを運営しているWebディレクターや分析を行っているWebマーケターにとって、今やGoogleアナリティクスに触れない日はほとんど無いのではないでしょうか。 利用頻度の高いツールだからこそ、少しでも便利に使いこなして仕事のパフォーマンスをあげたいですよね。 今回はGoogleアナリティクスをより簡単に、より便利に使うためのGoogle Chromeエクステンションを5つと、おまけの1つを紹介いたします。 1.Analytics Helper ・Analytics Helper-Chromeウェブストア 最初に紹介するのはこちら、Analytics Helper。Googleアナリティクスのトラッキングコードがきちんと設置されて