Windows 10のサポートが2025年10月で終了すると大量のジャンクが発生するという懸念がある中、Googleが「ChromeOS Flexをインストールすることで廃棄せずに使い続けることができます」とアピールしています。 11 Ways You Win with ChromeOS Flex | Google Cloud Blog https://cloud.google.com/blog/products/chrome-enterprise/11-ways-you-win-with-chromeos-flex/ Windows 10は2025年10月14日でのサポート終了が決定しています。Windows 11への移行があまり進んでおらず、まだまだWindows 10が圧倒的なシェアを誇っているため、サポート切れに伴い大量の廃棄品が発生すると懸念されています。 Windows 10サ
GoogleChrome | アドレスバーから I'm Feeling Lucky する (Googleで検索順位1位のサイトに飛ぶ)Chrome I'm Feeling Lucky とは 検索結果の1位に自動的に飛ぶ検索方法だ。 (インターネット接続がすごく遅かった時代は重宝されていたらしい) 設定方法 設定ページの「検索エンジンの管理」を開く 検索エンジンの追加 次のとおり、検索エンジンを新しく追加する。 名前: 適当なもの キーワード: \ (ここで設定した文字がショートカットになる) URL: http://www.google.com/search?ie=UTF-8&oe=UTF-8&sourceid=navclient&gfns=1&q=%s 使ってみる アドレスバーで \ => スペース の順に入力すると、I'm Feeling Lucky での検索モードに切り替わる。 この
Googleの「ChromeOS Flex」は、古いPCや「Mac」にインストールすることで、それらを実質的に「Chromebook」に変換するOSだ。同社は2月に早期バージョンをテスト向けに公開しており、このほど安定版を提供開始した。ChromeOS Flexのページから無料でダウンロードできる。 Googleは、アーリーアクセスプログラムの素晴らしい成果の一部を公式ブログで明らかにした。まず295機種のデバイスをChromeOS Flex対応として認定したという。引き続きさまざまなデバイスをテストし、認定機種のリストを更新していくとしている。ただし、認定機種でなくても、ChromeOS Flexは動作する可能性が高そうだ。 Googleは、アーリーアクセスプログラムによって600以上のバグを修正できたとも報告した。 ChromeOS FlexはUSBドライブから直接実行することもできる
Google Chromeのデベロッパーツール（＝chrome devtools）の使いそうな機能についてまとめました。 デベロッパーツールはWEB制作者にとって役に立つ機能が詰まっているのでぜひマスターしたいところです。 今回の記事ではWindows版のChromeをもとにしているので、Mac版のChromeとはショートカットキーなど誤差があります。 要素の色を調べる スタイルパネルの右下に出てくるアイコンをクリックすると、 カーソルがスコープっぽくなって色を調べられます。 Hover状態で適用されるCSSを固定する エレメントパネルで右クリックしてメニューを表示させます。 そして [:hover] を選択するとDOMの左側にオレンジのアイコンが追加され、hover時のCSSが適用されます。 この方法はjQueryなどのjsによるhoverイベントには効きません。 DOMエレメントをHT
CSSの新しい機能は便利で魅力的なものばかりですが、ネックになるのがサポートブラウザです。レイアウトではCSS GridやFlexbox、また@supportsによる機能検出、画像をレスポンシブ対応にするためにobject-fitやスクロールコンテンツにposition: sticky;など、それぞれをサポートしていないブラウザでどのように表示されるか、フォールバックはうまく機能しているか確認できるデベロッパーツールの機能拡張を紹介します。 CSS Feature Toggle -GitHub CSS Feature Toggleの特徴 CSS Feature Toggleのインストール CSS Feature Toggleの使い方 CSS Feature Toggleの特徴 CSS Feature Toggleはデベロッパーツールの機能拡張で、CSSのさまざまな機能をサポートしていないブ
« [Chrome] Google Chromeのマルチプロファイル設定 Google Chrome を使って、Webサイトの開発をしている人向けの情報です 自分のChromeのユーザプロファイラを使わずに、開発は別のプロファイラを使いたいってこと、ありますよね…？ [プランA] ユーザプロファイラを切り替える Google Chrome のユーザデータを、開発用と自分個人用とに分けたい 開発用のモバイルモードで見てるときに、普通にPCブラウジングがしたい とかいうときのために（か、どうか分かりませんが…） Google chrome は複数ユーザに対応しています chrome://settings/ にアクセス もしくは、メニューの「設定」を押す 「ユーザ」の設定項目があるので、追加します アイコンと名前を選択して「追加」します （わたしの場合は適当に Development と付けまし
DOMノードの強調表示 Consoleタブを選択。 DOMノードに評価される式を入力。 入力する式 以下の便利な式を使用できます。 「document.activeElement」で、現在フォーカスのあるノードを強調表示。 「document.querySelector(s)」で、任意のノードを強調表示。sはCSSセレクタで、DOMツリー内のノード上をホバリングするのと同じ。 「$0」で、DOMツリーで現在選択されているノードを強調表示。 「$0.parentElement」で、現在選択されているノードの親を強調表示。 パフォーマンスパネルの最適化 今までのパフォーマンスパネルは大きなページをプロファイリングする際にはデータの処理とビジュアル化に時間がかかりました。Chrome 70ではこの処理とビジュアル化が高速になりました。 パフォーマンスパネルの最適化 信頼性の高いデバッグ Chro
Web ブラウザで利用できる翻訳サービスとして有名な Google 翻訳だが、スマートフォンアプリはあってもデスクトップ向けにはリリースしていない。非公式のソフトウェアはいくつかあるが Web 版をそのまま使っていたり広告が表示されるなどあまりメリットを感じられない。 Google 翻訳 どうせなら公式の Google 翻訳をそのままデスクトップアプリとしたほうが安心且つ使い勝手を損なわずに利用できる。この記事では Google 翻訳をデスクトップアプリとして利用する方法を紹介する。 Google Chrome のショートカットを作成機能を利用して Google 翻訳をデスクトップアプリのように利用する Google 翻訳をデスクトップアプリのように利用する方法はいくつかあるが、 Google Chrome のショートカットを作成機能を利用するのが手っ取り早い。 Chrome で Web
それぞれのボタンをクリックすると別タブが開き、編集画面になります。 フロッピーディスクのアイコンをクリックすると、PNGまたはJPGで画像が保存されます。ちなみにフロッピーディスクって現在使われているんでしょうか^^;。 （画像の保存形式は「ツールバーのアイコンを右クリック→オプション」から変更できます） その右のボタンではそれぞれ、「PDFで保存」「クリップボードにコピー」「サムネイル画像として保存」「印刷」が可能です。 「PDFで保存」「クリップボードにコピー」は地味に使えるので便利ですね。 下のボタンからは、Gmail・Dropbox・Evernoteなどに共有ができます。 また、キャプチャして保存する前に、左上のツールで直接画像を編集することができます。 気になったサイトを画像保存してアーカイブとして残しておきたいという時に重宝しますね。 DLリンク：Openscreenshot
Fullscreen API - Web API | MDN Fullscreen API は、特定の Element (およびその子孫) を全画面モードで表示したり、必要なくなったときに全画面モードを抜けたりする方法を追加します。これによって、要求されたコンテンツ — オンラインゲームな… https://developer.mozilla.org/ja/docs/Web/API/Fullscreen_API 入口ページを作ってユーザーに承諾クリック後、最大化させるようなテイザーサイトやランディングページにはFullScreen APIが向いてます。 ＊FullScreen APIでブラウザの最大化するためには、セキュリティ上の理由で必ずユーザーがイベントを起こす必要があり、onloadで最大化はできないので。 ブラウザを機能制限したい 学校や会社・病院・役所など公共機関のPCでWEBア
既に2ヶ月前の2016年9月8日、Google Developers Japan Blogに、僕にとって非常に興味深いブログが掲載されました。 Chrome アプリからウェブアプリへ 簡単にまとめると、「Chromeアプリは（ChromeOSを除いて）終了します」という内容でした。薄々感じ取ってはいたものの、改めて正式に言われてしまうと、とてもショックです。まあ、でも、確かに仕方のないことなんですけど、特に日本においてはChromebookを目にする機会はほとんどありませんし、そのためChromeアプリ開発者の数も非常に少なかったと思います。OpenSocialといい、Chromeアプリといい、そろそろ僕も「お前が注目した技術は数年後になくなる」とか声が聞こえてきそうですが、2年近く、かなり本気を出して取り組んできたChromeアプリの世界だけに、立ち直れるまでかなりの時間がかかったという
Google Chromeですが、タブやアドオン単位でどれぐらいのメモリを使ってどれぐらい利用しているかを確認するタスクマネージャ機能が搭載されてます。 タブを開きすぎて動作が重くなった際などに、どのタブが悪さをしているかなどを確認するのに有効に使えるかと思います。 Chromeタスクマネージャの起動方法 設定ボタン→ツール→タスクマネージャ 起動すると、こんな感じで表示されます。 この画面から「プロセスを終了」をクリックしてあげればプロセスが終了してメモリが解放されますが、タブ自体は自動には閉じられないので注意が必要です。 Chrome自体はWindows側から見るとタブ単位でひとつのプロセス扱いとなるため、どれかひとつが応答なしになってもChromeごとダウンしてしまう心配はありません。 しかしながら、Windows側のタスクマネージャだと、Chromeのプロセスは全てそのまま「chr
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Google Chrome拡張機能のアクセシビリティチェックツールAlixが簡単便利でかなり使えたので紹介します。 概要 Alixはa11y.cssを元にしたChrome拡張HTML lintツールで、閲覧中のHTMLコードにチェック用のCSSを当てることによってアクセシビリティ上のエラーを検証し、マークアップに関するアドバイスをしてくれます。 Alix Chrome ウェブストア GitHub ##使い方 Chromeを立ち上げ、Chrome ウェブストアよりインストールします。 Chromeの右上に><という形をしたAlixのアイコ
スマートフォン（スマホ）が広く普及し、昨今では多くのWebサイトが、画面の狭いスマホに最適化した専用のビュー（表示）を備えるようになってきました。 サイトがスマホでどう見えるのかは、もちろん実際にスマホで表示してみるのが確実です。ただ、スマホやタブレットにはさまざまな機種があり、画面の解像度も異なるため、どう見えるかを全て実機でテストするのは困難です。 このような場合は、デスクトップ版Webブラウザの「スマホ表示」機能（スマートフォンのWebブラウザのエミュレーション）を利用すると、PCで簡単にスマホサイトの確認ができます。操作方法もそれほど難しくありません。 本記事では、Windows OS／macOSのデスクトップ版Google Chrome（以下、Chromeと略）の「デベロッパーツール（開発者ツール）」でスマホ表示を確認する方法を紹介します。このツールは名前に「デベロッパー（開発者
普段、メインのブラウザとして 「Google Chrome」 を使っています。 最近、 「Google Chrome」 の面白い機能というか発見がありました！ ※ 「Google Chrome」 をご使用でない方は、「へぇ〜」という感じでお読みくださいm(_ _)m 皆さん、自宅や外出先でインターネットを使用することが多いと思います。 Wi-Fiなどを使用されている方は時々、うまく接続できなくて、イライラしてりすることありませんか？ 「Chrome」を使っていて、うまくインターネットに接続できなかったとき、 こんな画面表示されますよね。 そうなんかやる気なさそうな恐竜のキャラクターが表示されます。 このキャラクターの画面が表示された時に、スペースキーを押してみてください… そうすると…、 なんとゲームが始まるんです笑 これは開発者の方がイライラしないようにと、入れてくれた機能なんですかね・
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
