いよいよ 2024 年に開始される Chrome による 3rd Party Cookie の Deprecation。 これはおそらく「Web の歴史上最大の破壊的変更」と思って差し支えない。 一方、そのインパクトに対してエコシステム側に万端の準備が整っているかというと、必ずしもそうとは言えない。 単に「3rd Party Cookie がなくなるから、代わりに何を使えばいいのか」といった浅い知識ではなく、「そもそもなぜ 3rd Party Cookie が無くなるのか？」「行き着く先はどのような Web なのか」について、 25 回に分けて解説を試みる。

This is a huge time-saver! No more typing long repetitive texts and also, no more copy-pasting! A simple shortcut key is all it takes and you're done! And yes, there is an option to set variables and easily change specific parts of the prompt or message. Try it for free and you will see! :) We purchased PromptBox initially for AI prompts. But now, we are also using it for emails and social media r

Chrome Theme StudioはChromiumベースのブラウザ向けのテーマを簡単に作成できるWebアプリです。 Chromeを始め、OperaやEedge、BraveといったChromiumをベースとしたWebブラウザで任意のカラーテーマを作成できる、というもの。 Chromeウェブストア等でも各クリエイターが作成したテーマが紹介されていますが、こちらのWebアプリはブラウザの外観の様々な箇所の色を自分で設定し、利用できるようになっています。 作成方法は直感的な操作で分かると思いますので任意のカラーテーマの変更法を念のため。 ブラウザを開いて拡張機能ページ(hogehoge://extensions)に移動し、開発者モードをONにします。Chrome Theme Studioで作成、DLしたファイルを解凍し、中のフォルダを読み込めば即反映されます。 本WebアプリはGithubに

Googleのビデオ会議ツール「Google Meet」が無料開放され、2020年9月30日までは、誰でも制限なく使えるようになりました。 【全画像をみる】「Google Meet」で使える拡張機能5選｜Web会議の生産性アップ間違いなし！ Googleはこのサービスをすでにロールアウトしているので、Gmailのメールアドレスを持っている人なら誰でも、無料でビデオ会議を開催できます。 ほかのビデオ会議アプリと比べると、Google Meetの機能はやや見劣りしますが、ブラウザの拡張機能を活用することで、必要度の高い機能を追加できます。もちろん、この拡張機能も無料です。 目次 1. 複数参加者を同時に表示する「Google Meet Grid View」 2. 絵文字でリアクションができる「Nod - Reactions for Google Meet」 3. 出席の確認ができる「Meet

Quick emoji reactions for muted team members

Watch video using Picture-in-Picture Picture-in-Picture (PiP) allows you to watch videos in a floating window (always on top of other windows) so you can keep an eye on what you’re watching while interacting with other sites, or applications. Keyboard shortcut: Alt + P (⌥ + P on macOS) Source code: https://github.com/GoogleChromeLabs/picture-in-picture-chrome-extension By installing this item, you

拡張機能を使わずに、Chromeでスクロールするページ全体のスクリーンショットを撮る方法を紹介します。 例えばプレゼン資料を作っているときに、PCサイトでページ全体のスクリーンショットが必要なことがあります。 また、モバイルサイトでページ全体のキャプチャが必要なこともありますよね。 そんな時には、Chromeに標準で搭載されている機能を使えば、拡張機能を使わずに、ページ全体のスクリーンショットを撮ることが可能です。 PCサイトでページ全体のスクリーンショットを撮る方法 PCサイトでページ全体のスクリーンショットを撮る方法についてです。 次の手順で行ってください。 デベロッパーツールを立ち上げる 詳細機能を呼び出す 「capture」もしくは「full」と入力し、「Capture full size screenshot」を選択 ページ全体のスクリーンショットがダウンロードされる 1. デベ

Stylus でウェブのデザインを変更しましょう。これは、ユーザースタイルを管理するツールです。Stylus を利用すると、多くの人気サイト向けのテーマやスキンを簡単にインストールできます。 お気に入りのWebサイトをStylusでデザインしましょう。Stylusは、アクティブに開発されているコミュニティ主導型のユーザースタイル管理ツールです。有名なオンラインリポジトリからカスタムテーマを簡単にインストールしたり、あなたの個人用のCSSスタイルシートを作成したり、編集したり、管理したりすることができます。 特徴 * テーマのインストール方法の多様性。Stylusは、有名なオンラインリポジトリからのインストールをサポートしています。加えて、.user.css や .user.styl のURLから、スタイルをインストールすることも可能です（詳細については、我々のgithubのウィキにあるUs

◆ Chrome Extension CLI https://github.com/dutiyesh/chrome-extension-cli 紹介 「Chrome Extension CLI」は、npmを使って簡単にChrome拡張機能の初期セットアップができるオープンソースのテンプレートです。 $ npm install -g chrome-extension-cli /usr/local/bin/chrome-extension-cli -> /usr/local/lib/node_modules/chrome-extension-cli/index.js + chrome[email protected] added 21 packages from 11 contributors in 2.879s まずは、Chrome Extension CLIをインストールします。 $

この記事は2017年3月10日に書かれたものです。 現在は内容が古い可能性もありますのでご注意ください。 google Chrome を使っていて、「あれ？これどうやるんだっけ」と思い出すのにしばらく考えてしまった事があったので、備忘録として書き留めておきます。 Chromeには「アプリ」へのショートカットがあって、拡張機能や、Webベースのgoogleのサービス等を登録しておくことができます。 ここに新たにショートカットを追加したいと思ったんですが、アプリ内にはそういった機能が無いし、Chromeメニューを見ても「◯◯のショートカットを作成」みたいな項目が見当たらない…。 色々迷った結果、どうにか方法が分かりました。 まず、登録したいWebサービスの画面を開きます。今回は「google keep」を登録してみます。 次に、Chromeのメニュー「」をクリックして、「その他のツール＞デスク

Chrome拡張を長年造ってきたなかで 手法や自作ライブラリが充実してきたのでこの辺で公開します。 Chrome拡張は本当に効果的に改善できて、すばらしい仕組みです。 これで皆さんが簡単に現場改善が進んだら嬉しい限りです。 (なお、これは 2017-08-05 Builderscon Tokyo 2017 でのトーク用に作成した資料です) わりと ウケた 改善 どんなことができるのか、ざっと見てみましょう。 サンプルページ ※各項目ごと、「拡張を有効化」をクリックすることで拡張が入った状態を見ることができます。 Chrome拡張を作るのに必要な 環境 必要な環境はシンプルです。 Google Chrome Text Editor or IDE(UTF-8 が扱えるなら何でもいい) （公開するなら）Zip 圧縮ができるソフトウェア （公開するなら）クレジットカード これだけ。 あとは、ソース

ページをどのくらいスクロールし、どこをクリックするのか、マウスやキーボードをどのように操作し、コンテンツを見るのか、ブラウザで行った操作を記録し、さらに完全再生もできるChromeの機能拡張を紹介します。 ユーザビリティテストに利用するだけでなく、操作を編集・再生することもできるので、プレゼンなどでページの操作を再現することも可能です。 Wildfire Wildfireの特徴 Wildfireのインストール Wildfireの使い方 Wildfireの特徴 Wildfireはユーザーがページをどのように操作するのか、どのように見るのか、手軽にユーザビリティテストができるChromeの機能拡張です。また、アクションをシミュレーションし、新しいデザインの確認にも利用できます。 ブラウザで表示したページのアクションを記録します。 記録したアクションは、すべて再生可能。 アクションを編集し、シミ

Add new features to your browser and personalize your browsing experience.

概要 Google Chrome の検索エンジン機能を利用することによって、 Redmine や Backlog などの BTS にて課題ページを簡単に開くことができます。 「◯◯番のチケットに書いといたからー」と言われた時などに重宝しています。 利用イメージ (Backlog) cmd + l でアドレスバーに移動して 「キーワード（変更可能） チケット番号」を入力 該当のページが開かれる 手順 アドレスバーを右クリックし「検索エンジンの編集」を選択する 「その他の検索エンジン」の「新しい検索エンジン」「キーワード」「検索キーワードの代わりに %s を含む URL」を入力する <例> 新しい検索エンジン: タイトル キーワード: hoge 検索キーワードの代わりに %s を含む URL: https://xxx.backlog.jp/view/XYZ-%s cmd + l でアドレスバー

Google Chromeでタブを複製するには、タブを右クリックし、メニューから「Duplicate」を選択するのが一般的な方法ですが、ショートカットキーのみを使って同様の操作ができるそうです。 基本的な流れとしては、対象となるタブのアドレスバーを反転させ、このURLから新しいタブを作成するというもの。実際の方法は、以下の3ステップです。 ステップ1: ショートカットキー「Alt+D」でアドレスバーを反転させる ステップ2: ショートカットキー「Alt」のみ、押したままにする ステップ3: ショートカットキー「Alt」を押した状態で、「Enter」を押す マウス操作よりもキーボードショートカットがお好みの方は、とてもシンプルな方法ですのでぜひお試しくださいね。 ちなみに、Firefoxでも同様にキーボードショートカットが使えます。ライフハッカー過去記事「このFirefoxアドオンがすごい！

今回は私が実際に使っていて便利だなぁと日頃思っているおすすめのChrome拡張機能を紹介します。 Google Mail Multi-Account Checker https://chrome.google.com/webstore/detail/google-mail-multi-account/mcpnehokodklgijkcakcfmccgpanipfp メインのアカウントとSNSやブログ関係のアカウントを使い分けているのでこれが無いとめちゃくちゃ不便。これのおかげでメーラーアプリはめったに立ち上げなくてもよくなりました。 HD for YouTube™ HD for YouTube™ - Chrome Web Store YouTubeを開くと強制的に最高画質に変更してくれる優れもの。 ちょっとの手間だけどあったらやっぱり便利。 Speed Dial [FVD] Speed D

# この記事は名古屋クリスマソン2011で書かれました Redmine でチケットを検索する場合 ログイン プロジェクトを選択 チケット一覧を表示、チケットを検索 チケットを選択 とやたら手数がかかります。 この手数を大幅に削減するプラグインを作成しました。 機能 Google Chrome で r 検索キーワード と打つことでチケットのタイトルと本文とURLから検索します。 環境 Redmine 1.2 以降 リポジトリ https://github.com/suer/redmine_my_search 同梱している Chrome 拡張は、Myはてブサーチをアドレスバーから検索する my-bookmark-seach.crx を改造する形で取り込ませてもらっています。 http://d.hatena.ne.jp/Cside/20111215/p1 ライセンスが明記されていないため、REA

30歳（31歳）の男が事務所で泣いたマナちゃんじゃない方の人です。っていうだけでブログが炎上しかねないあの風雲児、セナ氏が使っているエクステンションが便利すぎて、泣きました。 今まで知らなかった自分を地獄にたたき落としてやりたいです。とりあえず一読してください。まずは一読してください。 Chromeと過ごした3年間！日英共に様々な情報を参考にしまくったWEB屋の厳選エクステンション27選！ | バンクーバーのWEB屋 全く、全部便利すぎますね。はっきり言って、コレだけ入れとけば、昨日始めてwebデザインはじめた人でも、達人クラスの腕前になれます。がちです。 さて、さらに言うと、実は私がむせび泣いたのはこのエクステなのです。早速便利だったので、ちょこっと紹介します。 Code ColaChrome ウェブストア – Code Cola どんなエクステかというと、開いているページ上でCSS3を