Chrome 69 になってタブ移動のショートカットキーが変わった？ - F.Ko-Jiの「一秒後は未来」
(追記) Chrome 70 になって元に戻りましたね。よかったよかった。 大幅アップデートしているらしい Chrome 69 に更新してみたら、今まで使えていたタブ移動のショートカットキーの動作がおかしくなっていました。 従来の Mac の日本語キーボードの場合、 Cmd + Shift + [ で前のタブ Cmd + Shift + ] で次のタブ だったのが、 Cmd + Shift + [ で次のタブ Cmd + Shift + ] は何も反応しない という状態になっています。前のタブに移動しない上に今までと逆の動き！ で、試しに色々押してみたら次のように変更されていることが判明しました。 Cmd + Shift + @ で前のタブ Cmd + Shift + [ で次のタブ 恐らくタブが左右に切り替わるのでショートカットキーも左右に位置しているほうが分かりやすいだろうという意図か
GoogleのエキスパートがChromeのフリーズを直すまでの奮闘記
「24コアもあるCPUを積んでいるハイエンドPCであるにもかかわらずGmailを使っている際にChromeがフリーズしてしまった」という現象に遭遇したブルース・ドーソンさんが、その原因を発見するまでの取り組みをブログに書き残しています。なお、ドーソンさんはGoogleでChromeを開発しているエキスパート開発者です。 24-core CPU and I can’t type an email (part one) | Random ASCII https://randomascii.wordpress.com/2018/08/16/24-core-cpu-and-i-cant-type-an-email-part-one/ ある日の朝、ドーソンさんは極めて日常的な「メールを書く」という作業をGmailで行っていたところ、入力した文字が遅れて表示されるなどの怪しい挙動を見せた後、突然Gma
GitHub - puppeteer/puppeteer: Node.js API for Chrome
import puppeteer from 'puppeteer'; (async () => { // Launch the browser and open a new blank page const browser = await puppeteer.launch(); const page = await browser.newPage(); // Navigate the page to a URL await page.goto('https://developer.chrome.com/'); // Set screen size await page.setViewport({width: 1080, height: 1024}); // Type into search box await page.type('.devsite-search-field', 'auto
Emmet LiveStyle
Ayyo Movies launched a new design of Smart TV application The main goal of the update — to create a new interface to the Smart TV applications, based on user behavior in the old version Ayyo simultaneously changing all the technical background is. Now, instead of the endless windows with films, the application consists of four sections, corresponding to the four types of audience.
これは衝撃的！CSS開発を爆速化する「Emmet LiveStyle」:phpspot開発日誌
Emmet LiveStyle ? live bi-directional CSS edit of new generation CSS開発を爆速化する「Emmet LiveStyle」。 ブラウザのDOMインスペクタの方でCSSを修正するとSublimeTextに反映され、またSublimeTextを編集するとブラウザに即反映されるというプラグインです。 ブラウザで編集しちゃえば簡単にカスタマイズはできるけど、テキストエディタにコピーが必要で、逆にテキストエディタで書くのもブラウザのリロードが必要といった具合に手間がかかりますが、その手間がなくなります 更に、複数のブラウザウィンドウに即座に反映されるため、横幅を小さくしたブラウザ、通常のブラウザを開けば、レスポンシブデザインのプレビューが同時に終わります。 片方のブラウザのDOMインスペクタでCSSをカスタマイズしてももう一方のブラウザ
ChromeのDownload APIリファレンスを和訳してみました
そろそろStableになるんじゃないかと思って、Chromeの拡張機能で利用可能になる予定の Download APIのリファレンスを和訳してみました。Chrome Canaryでは実際に試すことができます。Download APIは、ファイルダウンロードをプログラムから制御可能にするAPIであり、chrome://downloads/ ページ相当の機能をプログラムで実現可能というものです。 結構このAPIを待っていた人は多いと思います。Stableに入るまでに、ぜひAPIの使い方をマスターしておきましょう。 chrome.downloads ダウンロードAPIは、ダウンロードに関してプログラムから開始、監視、操作、そして検索を行うことを可能にします。 Manifest このAPIを利用するために、拡張機能のマニフェストファイル内で、’downloads’パーミッションを定義する必要があり
Google Cloud Messaging for Chromeを体験してみた | コーヒーサーバは香炉である
Google Cloud Messaging for Chromeキター! これでChrome Extensionに対してサーバからプッシュ通知ができる。 グーグル、「Chrome」でプッシュ通知を可能に–「Google Cloud Messaging for Chrome」発表 – CNET Japan Chromium Blog: Building efficient apps and extensions with push messaging Google Cloud Messaging for Chrome – Google Chrome もともとGCM (Google Cloud Messaging) はAndroid向けのテクノロジーで、C2DM (Android Cloud to Device Messaging) の後釜のようなものだった。それがGoogle Chro
おすすめ！サーバサイドのログをGoogle Chromeのデバッグツールで確認·Chrome Logger MOONGIFT
Chrome LoggerはPython/PHP/Ruby/node.jsに対応したGoogle Chromeでサーバサイドのログが表示できるChrome機能拡張です。 Google Chromeを使ってWebシステムを開発している時に、サーバサイドはログを見て、JavaScriptなどのクライアントサイドはコンソールを見ます。しかしこれでは面倒、という人にお勧めしたいのがChrome Loggerです。Google Chromeのデバッグツールにサーバサイドのログが出力できるようになります。 こんな感じのコードを書きます。 コンソールにサーバからのデバッグメッセージが出力できるようになります。 PHPの連想配列もJSONとして取得できています。 オプション画面です。 こんな感じに行数を出力することもできます。 Chrome Loggerの面白い点は、ツールとしてはChrome Logge
■ - hitode909の日記
Google Chromeの開発者ツールのネットワークのタブ，右クリックしたらCopy as Curlっていうのが出て，ターミナルに貼り付けたらcurlで同じリクエストを発行できるようになってた． だいぶ前に同じようなことするGoogle Chrome拡張作って使ってた． wget，curlコマンドを生成するGoogle Chrome拡張 - hitode909の日記 今でも使ってるけど，慣れてるから使ってるだけで，本体に入ってるのを使うほうが便利だと思う．本体に入ってるのは画像とかもcurlできる． エゴサーチしてたらロシア語でhitode909とかkojikiとか言ってる人を発見して思い出した．
Google Chrome で超手軽にスマホ向けデザインを確認する方法
最近、Google Chrome のデベロッパー ツールにスマートフォンでの表示を確認する機能があることを知りました。 いままでは、レスポンシブデザイン Web デザインをするときに、ちまちまとブラウザーのサイズを変えたり、Web サービス (Responsive Design Testing とか Responsive Web Design Test Tool とか) を使っていたのですが、こちらの手順のほうがお手軽なので紹介します。 設定は超簡単！！ Google Chrome のデベロッパー ツールを開いて、右下の歯車のアイコンをクリックします。 左側から [Overrides] を選んで、[User Agent] と [Device metrics] にチェックを入れます。 これだけです！ Google Chrome 32 からは設定方法が変わっています。ちょっとややこしい。 右上
Top 10 Best Luxury Watches News | Invisible – 2019 Most Popualr Watches News
An excellent timepiece is a signal of success and confidence. Unfortunately, that also means they come at a hefty price tag. Brands like Omega, Patek Phillipe, and Tag Heuer are extraordinary watches (with extraordinary costs, too). If you want all the style and prestige that comes with a luxury watch but are looking to be sensible with your money, a replica watch might be the right fit for you. G
はてなブックマーク
キーボードショートカット一覧 j次のブックマーク k前のブックマーク lあとで読む eコメント一覧を開く oページを開く ✕
bizmash.jp - このウェブサイトは販売用です！ - ビジネス モバイル クラウド スマートフォン インターネット マンガ リソースおよび情報
このウェブサイトは販売用です！ bizmash.jp は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、bizmash.jpが全てとなります。あなたがお探しの内容が見つかることを願っています！
僕が考えたChrome拡張機能を作るときのデザインパターン
最近いくつかのChrome拡張機能を作っていて、すでに数千人のユーザを獲得できているものが出てきてたりします。 Image collector extension goo.gl URL Shortener extension mixi Check button extension Semantic inspector これだけ作ってると、何となく自分でのChrome拡張機能を作り出す際のデザインパターン・・・っていう大それたものじゃないけど、ようはテンプレが確立されてきます。全く褒められない書き方をしているかもしれませんが、ここでそのテンプレ達を晒しておこうかな、と思います。 manifest.json まずはChrome拡張機能の要であるマニフェストファイルです。これは誰が書いてもさほど変わらない記述内容となるでしょう。 { "manifest_version": 2, "name":
Google Chrome上で動くMarkdownエディタ·TextDown MOONGIFT
TextDownはGoogle Chrome上で動作するMarkdownエディタです。 Webアプリケーションはどんどん増えていますが、それでもまだ物足りない分野があります。それがテキストエディタです。そこで今回はWebアプリではなくGoogle Chrome機能拡張として動作するMarkdownエディタ、TextDownを紹介します。 インストールします。 完了しました。Google Chromeのアプリタブに入ります。ここから起動します。 最初にドキュメントのタイトルを決めます。 メイン画面です。左側がエディタ、右側がプレビューになります。 キーボードショートカットは多数用意されています。 エディタ部の幅を広げてみました。 TextDownは左右にエディタとプレビュー画面に分かれており、まさにMarkdownテキストを表示、編集するのにテキスト機能拡張になっています。現状は保存機能はも
Chrome で、Google 日本語版と英語版を素早く検索する方法、およびその他の便利な検索ワザ - 僕は発展途上技術者
前回の » プログラマーがてっとり早く検索スキルを上げる方法 で Google 日本語版と Google 英語版とをうまく使い分けることを説明しましたが、その具体的な方法を紹介します。 紹介する方法は Chrome での方法です。他のブラウザでも似たようなことはできると思います。 Chrome には、あらかじめキーワードを登録して、アドレスバーにそのキーワードと文字列をつなげて打ち込むと素早く検索できる機能があります。たとえば、「ruby」を検索したいなと思ったら、アドレスバーに「g ruby」と入力するだけです。 これを実現するにはあらかじめ g というキーワードを登録しておきます。Chrome のメニューから「環境設定」を選択、なかほどの「検索エンジンの管理...」というボタンを押します。 「検索エンジン」というウィンドウが開くので、一番下にいって、名前、キーワード、URL の順に登録
ニコニコ動画をダウンロードできるChrome拡張機能「動画ゲッター」 | フリーソフトラボ.com
動画ゲッター 「動画ゲッター」は、ニコニコ動画など動画が埋め込まれたあらゆるサイトから動画ファイルをダウンロードできるGoogle Chrome拡張機能。動画配信サイトに限らず、ブログなどでも動画が埋め込んであればどのようなサイトからでもダウンロードできるのが特徴です。 本拡張機能をインストールし動画ファイルの埋め込んであるウェブページにアクセスすると、Google Chromeのオムニバー（アドレスバー）にボタンが表示され、これをクリックすることで動画をダウンロードを開始できる仕組み（動画の埋め込まれていないページではボタンは表示されない）。 一つの動画に対してFLV形式やMP4形式など複数の動画ファイルが用意されている場合は、任意のフォーマットの動画をリストから選んでダウンロードすることが可能ですが、冒頭に広告が挿入されているものなど、一部の動画においては再生を開始しないと認識されない
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【やじうまWatch】消えたページのアーカイブを自動表示、Internet ArchiveからChromeの拡張機能が登場
Postman
タブをたくさん開いてしまって重くなったブラウザを一瞬で軽くするChrome拡張『OneTab』 | 100SHIKI
