CSSでif~else文が使えたら、と思ったことはありませんか? もちろんifとかelseはCSSにはありませんが、CSSだけでif~else文と同じようにスタイルを設定できます。 CSSでif~else文を実現するには...記事の続きを読む
Google Chromeブラウザの開発チームが、世界の主要国でChromeブラウザがどんなスペックのデバイスで実行されているかを調査した「Chrome user device characteristics report」を公開しました。 あるソフトウェアを、PCやスマートフォンで適切に、あるいは高速に実行できるように最適化するには、対象となるデバイスのメモリ容量やコア数などを想定しなければなりません。 Chromeブラウザ開発チームはChromeブラウザが適切に実行できるように、世界各国においてどのようなデバイスでChromeが実行されているのかを知るために調査を行いました。その結果が公表されたわけです。 調査項目は、Windows、Android、ChromeOSに対応したデバイスに関するメモリ容量、プロセッサのコア数、WebGLの対応状況です。そしてこれが主要国、具体的にはブラジル
業務で使うツール(iTerm2,SequelPro,Chrome)を ShellScriptでハイパーテクニックする はじめに この記事は今年イチ!お勧めしたいテクニック by ゆめみ feat.やめ太郎 Advent Calendar 2019の20日目の記事です。 今年は「お勧めテクニック」ということで、業務効率化ッ!!を盾に業務時間の30%はShellScript遊びに当てている私にピッタリな企画ですね、ありがとうございます。 今回は業務でよく使うツールを、ShellScriptでハイパーテクニックする方法をいくつかご紹介。 今回紹介するコードは全部Githubにあげているので実際に試したい人はどうぞ。 ハイパーテクニックする対象 GoogleChrome iTerm2 SequelPro GoogleChrome ブラウザに移動せずTerminalで自在にタブ移動する Web開発を
インターネットの黎明期、1995年にMarc Andreessen氏は、飛ぶ鳥を落とす勢いの自身の企業Netscape Communicationsが、すぐにも「Windows」を「デバッグが不十分なデバイスドライバの寄せ集め」にしてしまうだろうと予言したのは有名な話だ。 だがなんと、Netscapeはとうに消滅し、Andreessen氏の大胆な主張はインターネット上の単なる伝説と化した。だが、この予言はある意味、実現したとも言える。 第1次ウェブブラウザ戦争の戦士たちが予想もしなかったことには、Netscapeはウェブブラウザ市場を支配しなかった。Microsoftもその栄誉に浴することはなかった。その代わりに25年後、Googleのブラウザ「Chrome」がインターネットで情報を公開するための事実上の標準になった。 そのすべてが、2020年1月15日を物語っている。この日、Micros
「このサイトはどのCMSや技術でつくられているのか」 それが一目で分かるGoogleChromeエクステンション「Wappalyzer」をご紹介します。「Wappalyzer」を使えば、ブラウザにこのように表示されます。 「Wappalyzer」をインストールする GoogleChromeブラウザを開き、下記ページから「Chromeに追加」をクリックします。Firefoxをお使いの方は右側のボタンからどうぞ。 Chrome版 Firefox版 以上でインストール完了し、ブラウザの右上に表示されるようになります。WordPressを使っているサイトであれば、ブラウザからひと目で分かるようになりますね。また、アイコンをクリックすると、インストールされているWordPressのPHPバージョンや使っているアクセス解析ツールなども見れるようになります。 WordPressを使っているかどうかもひと
OpenAIのChatGPTは高度な自然言語処理モデルを利用した対話型AIで、文章を入力するとまるで人間が書いたような自然な文章を返してくれます。これまでの検索エンジンでは検索クエリに複数の単語を入力する必要がありましたが、このChatGPTを応用すれば、調べたいことを直接文章で入力することでより適切な検索結果を示す次世代の検索エンジンが可能になると期待されています。そんなChatGPTの回答を実際にGoogleやBingなどの検索結果に表示させる拡張機能「ChatGPT for Search Engines」が、Chrome・Firefox・Edge向けにリリースされています。 ChatGPT for Search Engines https://chatonai.org/ ChatGPT for Search Enginesを利用するには、あらかじめChatGPTにアカウントを作成して
Microsoftが次期Microsoft EdgeでChromiumを採用したことで、Chromiumのコードベースに含まれる侮辱的・攻撃的表現を置き換える動きが進んだようだ(Issue 981129、 The Registerの記事)。 Microsoftのコントリビューターは7月初め、Microsoft内部で使用している機械学習によるツール「PoliCheck」でChromiumのコードベースをスキャンし、抽出結果の一部をバグとして報告している。このコントリビューターによればChromiumのコードベースはおおむね問題ないが、サードパーティーのコードを継承している部分に冒涜的な表現や地政学的に問題のある表現、多様性の面で問題のある表現の多くが含まれるという。 Google側ではコードベースに意図して侮辱的・攻撃的な表現を含めることはないとしつつ、これまで問題点を洗い出そうとしたことは
Microsoftの新OS「Windows 10X」のほぼ最終ビルドと見られるOSがリークされました。Windows 10Xを実際に入手した複数のメディアは新OSを、「Windows 10の軽量版で、Chrome OSに対するMicrosoftからの答えとなるものだ」と評しています。 Hands-on with Windows 10X for single-screen PCs (video) | Windows Central https://www.windowscentral.com/hands-windows-10x-single-screen-pcs Windows 10X is now Microsoft’s true answer to Chrome OS - The Verge https://www.theverge.com/2021/1/14/22230554/micr
Google Chrome、メモリの大食い、やめるってよ2023.02.20 19:00133,983 三浦一紀 これは期待大。 多機能で使いやすいWebブラウザ「Google Chrome」が、最新バージョン「Chrome 110」で、「メモリセーバー」と「省エネモード」を搭載。 順次アップデートが行なわれています。 メモリとバッテリーを節約「メモリセーバー」は、アクティブではないタブのメモリを解放して、アクティブなタブや他のアプリのために使用する機能。 「省エネモード」は、バックグラウンドアクティビティと視覚効果を制限して、バッテリーを節約する機能です。 僕のChromeにもやってきた!ということで、自分のGoogle Chromeを見てみたら、最新のChrome 110のアップデートが来ていたので、早速アップデートしました。 Image: 三浦一紀設定画面で「パフォーマンス」という項
Webアプリ版Photoshopを実現させた最新Web技術をGoogleが紹介。WebAssemblyのスレッドによる高速化、ストリーミングコンパイル、Web Componentsなど Photoshopは画像の作成や加工といった専門的な用途を目的に、長年にわたって作り込まれた代表的なデスクトップソフトウェアの1つと言えます。 プロフェッショナルな用途を満たす膨大な画像処理の機能を細かく作り込まれたユーザーインターフェイスから操作し、画像の変形や加工、フィルタリングなどの大量の複雑な演算処理が実行されるなど、Webアプリケーションへの移植を難しくする要素が満載です。 それらの困難を克服し、Photoshop Webではデスクトップ版Photoshopでよく使われる一般的な機能を、類似のユーザーインターフェイスでWebに実装し、商用サービスとして提供することに成功しました。 Photosho
AnimeSRは、Webブラウザで利用できるように軽量な高解像度化モデルを組み込んだChrome拡張機能で、Chrome 94以降に対応する。高解像度化には、弱・中・強の3段階を用意。強度が上がるほど要求されるマシンスペックは高くなる。26日時点では、DRM(※複製を制限する仕組み)で保護されているVODサービスは未対応という。 同社では、2020年にもアニメのマスターデータを高解像度化するAI「AnimeRefiner」をリリースしていた。これに対し、「YouTubeなどの配信されているアニメを高解像度化して見たい」などの要望が集まり、AnimeSRの開発を決めた。 「AnimeSRとAnimeRefinerでは異なるAI技術を使って開発している。アニメの高画質化の精度はAnimeRefinerほどは高くないが、高いマシンスペックがなくてもリアルタイムでの高解像度化を行うことが可能」(同
米GoogleのWebブラウザ「Chrome」のロゴが8年ぶりに変わる。同社のインタラクションデザイナー、エルヴィン・フー氏が2月4日(現地時間)、ツイートで予告した。開発者向けのCanaryバージョン(バージョン99)は既に新しくなっており、3月29日リリース予定のバージョン100の公式版からこのロゴになる見込み。 隣接する色の境目にあったシャドウがなくなり、中心の円が大きくなり、色も明るくなる。「Googleのより現代的なブランド表現に沿ったものになる」とフー氏は説明する。LinkedInによると、同氏は2019年からGoogleの「Material Design」に携わっている。 GoogleがChromeのロゴを変更するのはこれで3回目になる。徐々にフラットになってきているが、シャドウが気になっていた人も多いのではないだろうか。
いろいろ工夫した結果、最近 Chrome さばきが良くなってきた気がするので、やっていることを書いておく。 タブが必要になる時刻でグループ化しておく 忙しい一日の予定を立てる際に、あらかじめ必要な資料・会場をタブで開いて時刻を打っておくと便利。終わったらまとめて閉じることもできる。 Chromeのタブを必要になる時刻でグループ化しておくライフハック pic.twitter.com/P8RQLy7h9K— 美顔器 (@motemen) 2022年8月22日 ページのブックマークタイトルを自分用に変更する ブラウザのブックマークはあまり有効活用してなかったけど、タイトルを自分用につけておくとロケーションバーからの検索に便利なことを体感している。<プレフィクス> | <検索用ワード>, ... という感じでタイトルを設定していて、プレフィクスは ミーティングの議事録など会場: mtg 1on1
まもなくリリースされるChrome 115で実装されるScroll-driven Animationsにより、スクロールをトリガーにしたアニメーションの実装方法が大きく変わります。 スクロールすると要素がアニメーションで表示されたり、スクロール量で変化するインジケーター、背景が変化するパララックスなど、実装がそれなりに手間がかかりましたが、数行のコードで実装できるようになります。スクロールをトリガーにしたアニメーションを実装するこれからの方法を紹介します。 Animate elements on scroll with Scroll-driven animations by Bramus 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分が同ライセンスも含みます。 はじめに Webのアニメーション、ちょっとだけおさらい アニ
米Googleは6月17日(現地時間)、Chrome拡張機能「Link to Text Fragment」をChrome Web Storeで公開した。Webページ上の特定のテキストへのURLを生成できる。 拡張機能をインストールしたら、リンクしたいテキスト部分を選択し、右クリックで表示されるメニューで「Copy link to Selected Text」を選ぶ。 これでURLが生成されるので、後はメールなりメッセンジャーなりにペーストするだけだ。例えば記事の途中などにもリンクできる。リンクをクリックすると、リンク先として選ばれた部分が黄色く表示される。 長い論文で参照したい部分の覚え書きにも使えそうだ。 筆者の環境では、Chromium版Edgeでも使えることが確認できた。 関連記事 「Chrome 83」の安定版公開 タブのグループ化、Cookie設定や安全性チェック、拡張機能管理の
こんにちは。フロントエンドエキスパートチームの穴井(@pirosikick)です。福岡在住で、普段は福岡のweworkで働いています。他のメンバーは皆、東京に居てリモートで仕事をしていますが、モブでわいわい開発していますし、weworkが快適すぎて、毎日楽しいです! フロントエンドエキスパートチームでは、サイボウズの各プロダクトが抱えるWebフロントエンドの課題を解決するのが仕事の一つです。 blog.cybozu.io 最近の取り組みとして、Puppeteerで不要なCSSを消した事例を紹介します。 このブログは、6/19に福岡で開催した「Google I/O '19のWebをまとめる会」で登壇したときの内容を詳細に説明しつつ、アップデートした部分もあるので、発表見たぞ、スライド見たぞという方も見ていただけますと幸いです。 speakerdeck.com きっかけ とあるプロダクトのCS
Netscapeと米司法省は、Microsoftの「Windows」と「Internet Explorer(IE)」が独占禁止法に違反していると訴えた裁判では勝利したが、Netscapeは結局救われなかった。かつては最も人気のあるブラウザーであったNetscapeの運命は尽きた。同社の初期の従業員だったJamie Zawinski氏は当時、コードの公開に関して、「瀕死のプロジェクトに『オープンソース』という魔法の粉をかけたところで、魔法のようにうまくいくようなことはない」と語っている。 それでもNetscapeのコードが公開されたことは事実であり、Mozilla Projectは、そのソースコードを元に、インターネットのさまざまなアプリケーションに利用できる汎用クライアントを作った。また2002年には、そのクライアントが純粋なウェブブラウザーである「Firefox」に生まれ変わった。この年
こんにちは。虎の穴ラボのH.Hです。 今回は先日発表されたChromeの開発中の新機能であるRecorder機能について使用方法や利用する際の注意点などをまとめました。 Recoder機能とは ブラウザのChrome97で追加される予定の機能で、ブラウザの画面上で操作した記録を取得してくれる機能になります。 この記事を書いている2021年11月17日では一般に提供されているChromeの最新版は96となり、開発中の「Chrome Dev」もしくは「Chrome Canary」でRecorder機能を使用することができます。 利用している時の様子はChromeの開発者向けのページに公開されています。 developer.chrome.com 主な機能は以下の通りです。 ・操作の記録及び再実行(リプレイ)できる ・再実行時にパフォーマンスの記録・確認できる ・記録した内容の編集ができる ・操作
ファイルにタグをつけて管理できるオープンソースのファイル管理ソフトが「TagSpaces」です。このTagSpacesのブラウザ拡張機能「TagSpaces Web Clipper」を使えば、ウェブページをタグ付けでローカルに保存でき、TagSpacesと併用することで保存したページの内容を強調表示したり、テキストを追加したりと、簡単に編集することが可能になります。 TagSpaces Web Clipper - Chrome ウェブストア https://chrome.google.com/webstore/detail/tagspaces-web-clipper/ldalmgifdlgpiiadeccbcjojljeanhjk TagSpaces Web Clipper – Get this Extension for ???? Firefox (en-US) https://addo
米Googleは5月19日(現地時間)、ユーザーがお気に入りのWebサイトの更新を確認できる新機能「Follow」のテストを、米国のAndroid版Chrome Canary(早期β版)ユーザーを対象に開始したと発表した。SNSでのフォローに似ているが、実際には今はなき「Google Reader」のようなRSSベースのサービスだ。 Followを利用するには、お気に入りのWebサイトを開いた状態で右上の縦3点メニューを開き、Webサイトのファビコンとサイト名の右に表示される[+Follow]ボタンをタップする(画面左)。これで、フォローしたWebサイトからの更新が、カバー画像、見出し、更新時期を示すカードとしてChromeの「新しいタブ」画面に新設される「Following」セクションに表示されるようになる(画面右)。 Webサイトのオーナーは、フォロー対象になるにはWebサイト側はRS
2月上旬にマイクロソフトがChatGPTを検索用にカスタマイズし、さらに高速で正確に動く対話式のAIをWebブラウザの「Edge」と「新しいBing」に導入すると発表しました。私も、先日やっと順番がまわってきたので、新しいBingを試すことができました。 とりあえず、信ぴょう性含めて判断するには、自分のことを調べるのがいいので、自分の名前で検索してみましたが、サジェストされた候補を4回ほどクリックするだけで、私と私がデザインしたカバンがあること、そして、そのすてきなレビュー動画をあるところまで辿り着きました。 まだまだレスポンスは少し遅いですし、リンク先の情報がマウスオーバーで表示されるまでには少し時間がかかりますが、なんとなく分かっているんだけど思い出せない言葉やその周辺情報、全く知らないジャンルのことをなんとなく把握したいときなどには十分に使えます。 ChatGPTの、ただテキストが並
HTTP/3: the past, the present, and the future Loading... This post is also available in 简体中文, 日本語, 한국어, Français, Español. During last year’s Birthday Week we announced preliminary support for QUIC and HTTP/3 (or “HTTP over QUIC” as it was known back then), the new standard for the web, enabling faster, more reliable, and more secure connections to web endpoints like websites and APIs. We also let
macOS上で使用する場合、ChromeブラウザはSafariブラウザの10倍以上ものRAMを消費していることがわかりました。 Chromeのウィンドウを閉じたらファンが止まった WebサービスをmacOSのネイティブアプリのように利用することを可能にするアプリ「Flotato」の開発者であるモーテン・ジャスト氏が自らのブログにおいて、macOSにおいてChromeブラウザがどれだけRAMを消費するかの実験結果を公表しています。 そもそもジャスト氏がこの実験を思いついたのは、次のようなことがきっかけでした。MacでPodcastを聴こうとしたところ、冷却ファンの音があまりにもうるさくてまったく聞こえません。そこでふと思い立って、開いていたChromeのウィンドウをすべて閉じたところ、冷却ファンが止まったそうです。 2タブ、54タブを開いて比較実験 そこで同氏はChrome、Safariのそ
2023年11月1日の時点の情報です。 先にまとめを書きます。興味があれば詳細もどうぞ。 まとめ 10月16日のChrome 118からHTTPS ファーストモードがデフォルトでオンに 条件によってHTTPS Upgradeが働いてhttpのサイトにアクセスするとhttpsに優先的にアクセスさせる挙動(Chromeが内部で擬似的に307リダイレクトを返してhttpsに誘導) HSTSサイトではないhttpサイトでもこの挙動となるケースがある httpsにアクセスできない場合やレスポンスに3秒以上かかる場合はフォールバックでhttpに誘導(Chromeが内部で擬似的に307リダイレクトを返して元のhttpに誘導) 詳細 条件 307で擬似的にリダイレクトする条件は、いくつかあるようです。把握しているものを列挙します。 HSTSサイト(HSTSヘッダ指定、Preloadリストのサイト) HST
Scrapbox のような Wiki 的なツールでは URL にページ名が入ることが多く、URL を見るだけでどんな内容なのか想像がついてよい一方で、こういう URL を Slack や Google Docs のような別の場所に共有するとパーセントエンコーディングされた URL になってしまい意味がわからなくなる。日本語を書いていることだけが分かる状態。 マルチバイトしかないと本当にわからないね Slack がアクセスできない URL だと、プレビューも展開してくれないしね。かといってデコードした状態の URL を貼っても、変なところで途切れたりする。 ・(中黒)でリンクが途切れている 文字は難しい……。URL の解釈はものによって異なってくるのもまた困る。これはプレーンな文字列を渡しているのでこういう困難が出てくるのであって、最近はクリップボードでリッチなコンテンツを受け渡しすることが
by Stephen Shankland Googleは「ユーザーデータや検索広告を独占することにより、競合他社を排除している」として、独占禁止法違反の疑いで調査されています。Googleに対する調査を進めるアメリカ司法省や検察官らが、「ウェブブラウザ・Chromeの売却をGoogleに命じる」ことを検討していると、海外メディアのPOLITICOが報じました。 Feds may target Google’s Chrome browser for breakup - POLITICO https://www.politico.com/news/2020/10/10/feds-may-target-googles-chrome-browser-for-breakup-428468 1600億ドル(約1兆7000億円)を超える規模のデジタル広告市場において、Googleは大きな支配力を有してい
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads 71 Ads API 11
Bleeping Computerは10月30日(米国時間)、「Google Chrome now auto-upgrades to secure connections for all users」において、GoogleがすべてのChromeユーザーに対し、HTTPリクエストを自動的にHTTPSリクエストに変更する「HTTPSアップグレード」を開始したと報じた。Googleはこれまでにも同機能を限定的に展開していたが、2023年10月16日に安定版のすべてのユーザーが対象になったという。 Google Chrome now auto-upgrades to secure connections for all users 歴史的に、ブラウザはHTTPSをサポートするサイトにおいて安全ではないHTTPリクエストを行うことがある。Google Chromeでは、次のような条件でHTTPリソー
11月末にリリース予定のChrome 108で、ビューポートのサイズ変更動作が変更されます。簡単に言うと、Android版Chrome 108の挙動はiOS版Safariと同じになり、より一貫性のあるクロスブラウザの動作が実現されます。 サイズ変更動作の内容とサイズ変更の仕組み、Chrome 108のリリースまでに何を準備しておけばよいのかを紹介します。 特に、position: fixed;を使用している要素やビューポート相対単位に依存している要素は配置がずれてしまう可能性があるので、対応が必要です。 Prepare for viewport resize behavior changes coming to Chrome on Android by Bramus 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。 はじめに レイアウトビューポートと
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く