Android版Chromeのflags設定まとめ! おすすめジェスチャーでスマホを使いこなそう
タブの変更 – アドレスバーを左右へスワイプ タブ一覧の表示 – アドレスバーを上から下へスワイプ タブの消去 – タブ一覧で左右スワイプ ③：左右スワイプでページを進む/戻る 左右スワイプでページ切り替え（進む / 戻る）が可能です。 なお条件を満たせば、このジェスチャーを無効化することも可能です。詳細は次パートで解説しています。 ④：タブをグループ化 Chromeはタブのグループ機能が標準搭載されており、ドラッグ＆ドロップでくっつければ、新規グループができます。 同じ要領で、タブをドラッグ＆ドロップで追加すれば、複数のタブをグループにまとめることが可能です。
New in Chrome 68 | Blog | Chrome for Developers
The Add to Home Screen behavior on Android is changing to give you more control. The Page Lifecycle API tells you when your tab has been suspended or restored. And the Payment Handler API makes it possible for web-based payment apps to support the Payment Request experience. And there's plenty more! I'm Pete LePage. Let's dive in and see what's new for developers in Chrome 68! Want the full list o
Life of a Pixel
This is the evergreen copy of "Life of a Pixel". Video of the presentation at Chromium University (Nov 2020): http://bit.ly/loap-2020-video LIFE OF A Steve Kobes skobes@chromium.org Nov 2020 slides: bit.ly/lifeofapixel with special thanks to past presenters dknox@, chrishtr@, pdr@ "The unexamined...
[速報] 待望のLayoutNGがやってきた！Chrome 69は見た目も中身も大幅に刷新｜TechRacho by BPS株式会社
2018年9月にリリース予定のChrome 69では、見た目が大幅に変わりそうです。 見た目の変更 既にCanaryではUIが新しくなっていることに気づいた方も多いでしょう。 Chromeの特徴だった山型のタブではなく、よくあるタブの見た目になりましたが全体的に丸っこいです。 タッチパネルへの最適化などが考慮されているようです。なお、 chrome://flags で #top-chrome-md フラグを設定すると、見た目を変更できました。 UI Layout for the browser's top chrome Toggles between 1) Normal - for clamshell devices, 2) Hybrid (previously touch) - middle point for devices with a touch screen, 3) Toucha
![[速報] 待望のLayoutNGがやってきた！Chrome 69は見た目も中身も大幅に刷新｜TechRacho by BPS株式会社](https://cdn-ak-scissors.b.st-hatena.com/image/square/b921535f074e206fa5eef66e3ca7d7147744cae1/height=288;version=1;width=512/https%3A%2F%2Ftechracho.bpsinc.jp%2Fwp-content%2Fuploads%2F2018%2F07%2Fchrome69_layoutng_eyecatch.png)
プロキシーツールとかを使うときの小技
管理画面とユーザー機能の調和を取り戻す！~クエリパフォーマンス改善の成功物語~ / Restore harmony between administrative and user functions!
いいぞいいぞ！ 最新ベータ版Chrome、スマホブラウジングがもっと便利になりそう
いいぞいいぞ！ 最新ベータ版Chrome、スマホブラウジングがもっと便利になりそう2018.07.05 10:0060,847 塚本直樹 これを待っていた！ iOSのSafariがChromeブラウザアプリに圧倒的に勝っている点として、画面下でタブを操作できる点があります。これにより指の移動距離が短くなって使いやすかったのがポイントだったんですね。…ところが、最新ベータ版の｢Chrome Canary 69｣では｢Chrome Duplex｣が進化し、使い勝手が向上しているようなんです！ Image: Android PoliceこのChrome Duplexとは、Google（グーグル）によるChromeブラウザの改良プロジェクトのこと。つい先日のアップデートで、画面上のアドレスバー（Omnibar）が横いっぱいに広がり、タブ操作やメニュー操作が画面下のボタンに統一。上の画像は左が｢Ch
Android4系端末のTLS1.1&1.2対応について - Qiita
各バージョンの対応状況 Androidの各バージョンにおいてTLSの対応状況は以下のようになっています。 ※ Template:ウェブブラウザにおけるTLS/SSLの対応状況の変化より 5.0以降については「TLS / SSL のデフォルトの構成の変更」にも記載の通り、デフォルトで有効になっています。 Android4.0.4未満については非対応ですが、4.1から4.4.4については規定で無効となっています。本記事ではこれを有効にする方法について書いていきます。 参考：SSLSocket：Default configuration for different Android versions GooglePlayサービス経由でセキュリティプロバイダをアップデートする 公式の「SSLの脆弱性攻撃から保護するためにセキュリティプロバイダをアップデートする」へ記載の通り、 GooglePlayサ
Chrome デベロッパーツールの使い方: プロのように華麗に使いこなすための20のテクニック
Chromeのデベロッパーツールをプロのように使いこなすための20のテクニックを紹介します。 いやー、本当にデベロッパーツールは機能が豊富ですね。 How to use Chrome DevTools like a Pro 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 HTMLの要素をクイック編集 指定した行番号に移動 すべての子ノードを展開 デベロッパーツールの位置を変える CSSのセレクタによるDOM検索 Material Designとカスタムカラーパレット 複数のカーソル 画像をData URIとしてコピー 疑似クラスのトリガー 複数のコラムをドラッグで選択 「$0」で現在の要素を手に入れる 要素の表示 「Event Listeners」の表示 イージングのプレビュー Media Queriesの検証 ネットワークをフィルム
Chrome 別タブ 開発者ツール 最初から - Qiita
こんなことはありませんか？ ChromeでDevToolsを使って解析しているのに、別タブが開いてしまって 何のリクエスト投げて遷移してるか見れない ロード時に実行されるJSをデバッグできない みたいな。 開発中だと自分で作ってたりするので、あまり問題にならないのですが 運用後に発覚したバグの調査とか、急に担当者がいなくなった、 とかそんな事案が年に１回くらい発生します。 地味に方法を見つけるのに時間がかかってしまったので （開発者ツールを別タブで開く記事ばかりヒットするので） 自分がググった時の単語を記事のタイトルにしました。 設定自体は５クリックくらいでできます。 DevToolsのSettingsから [Preferences]→[Network]→[Preserve log]をONにして [Preferences]→[DevTools]→[Auto-open DevTools fo
Android 7.0 NougatではWebViewの機能をChromeが提供 | juggly.cn
Google が Android 7.0 Nougat で WebView の機能を Chrome に統合していることを Android Deelopers サイトで明らかにしました。 WebView は、サードパーティの Android アプリで WEB コンテンツをレンダリングするための仕組みです。Android 6.x までの Android には Chrome とは別のアプリ「Android System WebView」として提供されています。 つまり、Chrome 51 からは、端末が Android 7.0 Nougat の場合は WebView がなくても Chrome が同等の機能を提供するので、WebView アプリは不要になり、メモリの消費量が削減され、最新版へのアップデートといったメンテも不要になります。 Android 7.0 Nougat ではデフォルトで We
Android 7.0で「WebView」が無効のまま有効にすることさえできない理由 | juggly.cn
2023年12月 (1) 2023年11月 (116) 2023年10月 (79) 2023年9月 (28) 2023年8月 (7) 2023年7月 (6) 2023年6月 (101) 2023年5月 (229) 2023年4月 (201) 2023年3月 (206) 2023年2月 (147) 2023年1月 (193) 2022年12月 (146) 2022年11月 (54) 2022年10月 (1) 2022年9月 (1) 2022年8月 (1) 2022年7月 (3) 2022年6月 (1) 2021年9月 (1) 2021年8月 (8) 2021年6月 (3) 2021年4月 (4) 2021年3月 (6) 2021年2月 (1) 2021年1月 (3) 2020年12月 (2) 2020年11月 (2) 2020年10月 (5) 2020年9月 (12) 2020年8月 (40
Web制作者が知っておくと便利！Chrome 67でアップデートされたデベロッパーツールの新機能
先週末にリリースされたChrome 67でアップデートされたデベロッパーツールの新機能を紹介します。 Webの制作時に役立つ機能だけでなく、UIも進化しており、さらに便利になりました。 What's New In DevTools (Chrome 67) ネットワーク ヘッダとレスポンスを検索 CSS変数値のプレビュー機能 Copy as fetch Auditsパネルのアップデート 無限ループを停止する ダークテーマのアップデート ネットワーク ヘッダとレスポンスを検索 Networkパネルに検索機能が加わり、クエリのすべてのネットワークヘッダとレスポンスを検索できます。検索するキーワードは、正規表現にも対応しています。 Networkパネルを開き、command + F で検索。 「cache-control」を検索 SearchパネルUIのアップデート グローバル検索のUIが、ネット
「これは英語のページです」を回避する方法 - ディレイマニア
明らかに日本語のWEBサイトを作ったのにGoogle Chromeに「これは英語のページです」と言われて翻訳しますかしませんかって言われるトラブルがたまにあります。 そんなときの対処法を見つけました。 「これは英語のページです」の対処法 htmlタグにlang="ja"という記述をしてるのにも関わらずGoogle Chromeで日本語のサイトを表示させたときに「これは英語のページです」と言われてしまうことがたまにあります。 対処法は超簡単。 headタグ内に下記の記述をすればおっけーです。 <meta http-equiv="content-language" content="ja"> HTML5から記述しなくていいことになっていた記述 上記の一文ですが、HTML5から記述しなくていいことになっていたものなんです。 参考記事はこちら。
Google Chrome 67 DevToolsアップデート | フロントエンドBlog | ミツエーリンクス
先月3月末にiOS 11.3がリリースされ、Service Worker APIに対応しました。実際にPush通知などには対応していませんが、ホーム画面へのインストールやキャッシュによるオフライン対応などある程度の機能を搭載し、iPhoneユーザーが過半数以上を占める日本（出典statcounter）では益々PWAへの期待が高まっていると感じています。 さて、今回もWhat's New In DevTools (Chrome 67)からデベロッパーツールの一部抜粋です、Networkパネルの検索や、PWAにも関連するAudits設定の更新など目白押しの更新が多くあります。 Network HeaderとResponseの検索 Networkパネルからの検索対象にファイルのHeaderとResponseが含まれるようになりました。 例えばMIMEタイプでファイルを検索したり、特定のコード一文
What's New In DevTools (Chrome 67) | Blog | Chrome for Developers
New features and major changes coming to DevTools in Chrome 67 include: Search across all network headers CSS variable value previews in the Styles pane Copy as fetch New audits, desktop configuration options, and viewing traces Stop infinite loops User Timing in the Performance tabs JavaScript VM instances clearly listed in the Memory panel The Network tab in the Sources panel has been renamed to
就職して 6 年過ぎた
新卒のソフトウェアエンジニアとして Google に入社して丸 6 年が過ぎました。「若者は 3 年で辞める」という話があるけど、その二倍も働いていることになります。当時の気持ちを忘れないうちに今までの振り返りをしてみようと思います。 (2019/04/04 追記) 入社までの話を「新卒のソフトウェアエンジニアになるまで」という記事に書きました。 なお、すべて個人的な体験談であって会社の見解等を表しているわけではありません。 きっかけ Google を意識したきっかけは大学一年生の頃に読んだ梅田望夫さんの『ウェブ進化論』でした。多分同世代の多くの人がこの本に影響を受けたんじゃないかと思います。私も「これからネットの世界はどんどん変わっていくんだ！」と興奮し、その中心的な会社だった Google に憧れを持ったことを覚えています1 。 直接的なきっかけは修士一年生の頃。そろそろ就活に向けて動
フロントエンド・テストツール比較 Puppeteer #02テスト編 - Qiita
const puppeteer = require('puppeteer'); const loginUrl = 'http://***/' // テストするURL const pageTitle = 'React Test'; const id = 'takeda'; const pw = 'shinji'; const inputList = ['javascript', 'ruby', 'scala']; // ログイン画面の操作 async function phase1(page) { console.log('start phase1'); // ログインページに遷移する await page.goto(loginUrl); // @TODO titleのアサーション →puppeteerではアサーションは未実装 await page.screenshot({ path: 'i
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Chromium
How to run a big(ger) project as a SWE / Manager
旧Symantec系SSL/TLS証明書、3月15日以降順次、Google Chromeで失効 利用サイト管理者に対応促す
