![メモリ食いのGoogle Chrome、ついに消費量削減へ](https://cdn-ak-scissors.b.st-hatena.com/image/square/2a125e9f41192b3fa8c76a8c1d072ba1e04610d9/height=288;version=1;width=512/https%3A%2F%2Fpc.watch.impress.co.jp%2Fimg%2Fpcw%2Flist%2F1260%2F086%2F1.jpg)
1月のKyoto.JSの休憩時間にMIDIコントローラとWeb MIDI APIでVJできるとよさそうって話になったので買ってみて、ちょっとずつ触ってみた。過去に作ったツールをMIDI対応する、とか、MIDIの入力に応じて絵を出す、という使いみちに加えて、既存のページにコードを差し込んでエフェクトをかけるのを作ってみた。 Scrapboxにエフェクトをかける Scrapboxのプロジェクトのトップページには四角いカードが並んでいるので、これをパーティクルとみなして毎フレーム見た目を書き換えると愉快なビジュアルを出せると考えた。 MIDIコントローラで操作するために、動きのパターンを座標、大きさ、色、背景、ページ全体の変形、などチャンネルがいくつかに整理して、縦フェーダーでエフェクトの種類がかわり、各チャンネルに対応するつまみでエフェクトの掛かり具合が変わるようにした。 こういう構造があって
1. Chrome でEV証明書の組織名表示がなくなる ついにGoogleからChromeのURLバーからEV表示を削除する正式なアナウンスが出ました。 Upcoming Change to Chrome's Identity Indicators EV UI Moving to Page Info 現在(2019年8月) StableのChrome76では、以下の様にURLバー左側にEV証明書を利用していることを示す「組織名+国名」表示が付いています。 Chrome76のEV表示 2019年9月10日Stableリリース予定のChrome77からはEV表示がURLバーから削除され、鍵アイコンをクリックして表示されるPage Infoに「組織名+国名」が表示されるようになります。 Googleのアナウンスでは、 "on certain websites" と書いてあることから一気にではなく
アプリの方はまだ日本語版のみですが少しずつ改善を続けています。このnoteの中でオススメの英語ツールについて記事を書くと宣言していたものの、なかなか時間がとれず遅くなってしまいすみません。数年前の記事の書き直しではありますが、誤っていた部分を修正し、情報を最新版にして改めて書いてみます。 というわけで、今回は英語の補助ツールの紹介です。知っている人からすれば定番中の定番ではありますが、だからこそ英語を勉強中の方でも設定してしまえばきっと長い間使うことになると思うので、まだ設定していない方はぜひこの機会にやってみてください。パソコンでのGoogle Chromeを使った設定になります。 爆速ポップアップ辞書 英文のドキュメントを読んでいるときに意味を知らない単語が出た場合、いちいち翻訳サイトに飛んだり、辞書を開いたりするのは面倒ですよね。そんなときに使えるのがポップアップ辞書になります。ポッ
タチの良い時間泥棒ことNetflixを、最強の英語学習ツールに変えるChrome拡張機能が登場!2019.04.06 15:00115,170 山田洋路 どうせ今日も観てしまうんだから、ついでに英語も学んじゃいなよ。 時間がない、時間がない、と公言しつつ、なぜかNetflixのマイリストだけはしっかり消化していませんか。このやめたくてもやめられない最優先タスクを、なかなか続かない英語学習と抱き合わせにできる発明が、Chrome拡張機能「Language Learning with Netflix(LLN)」です。 Video: David Wilkinson/YouTubeLLNの開発者の1人、David Wilkinsonさんは、「たとえばペルシア語のように、言語によっては教材の選択肢が狭いものもある」とThe Vergeへのメールで語っています。その点、我らがNetflixの字幕は主要
MacでProgressive Web Apps(PWA)を実現、Chrome 73安定版がリリース。主要プラットフォームすべてでPWAの実行環境が整う GoogleはChrome 73安定版をリリースしました。Chrome 73ではmacOSでのWeb App Manifest対応などによるProgressive Web Apps(PWA)対応とダークモード対応、Signed HTTP Exchangesへの対応などの新機能が追加されています。 PWAの実行環境があらゆるところに行き渡った PWAとは、HTML、CSS、JavaScriptなどのWeb技術によって開発されるWebアプリケーションの一種です。Webサーバから配信されて実行されるだけでなく、リソースをローカルに保存しオフラインでの実行にも対応。Service Workerによるバックグラウンド処理やプッシュ通知なども可能。デ
Googleは「Chrome」の10周年を記念して、新しいデザインを導入した。丸みを帯びた角を多用した新しい見た目になり、複数の新機能が追加されている。 新しいバージョンでも、PC版Chromeの上部にタブが並ぶ構造は変わらない。2008年9月2日に初めてリリースされたChromeのどちらかといえば必要最小限のインターフェースにおいて、タブは決定的な特徴だった。しかし今回、タブとChromeの「オムニボックス」(アドレスや検索語を入力する場所)のデザインが変更されている。「Android」搭載スマートフォンや「iPhone」、タブレット向けのモバイル版Chromeにも、同じデザインが採用されている。 Chromeのすべてのバージョンに「より丸みを帯びた形状、新しいアイコン、新しいカラーパレット」が採用されるようになったと、Chromeチームに所属するEllie Powers氏とChris
Googleの年次イベント「Google I/O」で、「Chrome OS」でLinuxが利用できるようになると発表された。 Chrome OSは「Ubuntu Linux」のスピンオフとして始まった。その後ベースとなるOSが変更されるなどの動きがあった。しかし現在も、インターフェースはウェブブラウザ「Chrome」のUIのままだ。 確かに、オープンソースソフトウェアの「Crouton」を使えば、chrootしたコンテナの内部で「Debian」やUbuntu、「Kali Linux」を実行することはできる。あるいは、Chromebook専用に作られた「Xubuntu」ベースのサードパーティー製Linuxである、「Gallium OS」を使う手もある。しかし、どちらも技術に詳しくない人には向かないかもしれない。 Chrome OSではすでに、「Android」用のプログラムが動作するようにな
「BLOCK CLOCK」という、Chrome拡張のサービスを作りました。リリースの記事をQiitaにも投稿してサービスの紹介をさせていただいたのですが、技術的な内容が全くなかったので、開発に使用したChrome ExtensionのJavaScript APIsにも触れておきたいと思います。 Chrome拡張を作るためのGoogoleが提供しているChrome ExtensionのJavaScript APIsを呼び出しています。公式リファレンスは存在していますが全て英語で書かれており、APIの内容を調べるのに苦労しました。 Chrome拡張の開発で、同じように苦戦する方がいると思うので、少なくとも僕が使ったAPIだけは今回まとめておこうと思います。 JavaScript APIs BLOCK CLOCK - 仕事の時間をSNSから守るクローム拡張 マニフェストファイル chrome拡張
Microsoftは米国時間4月18日、「Chromeウェブストア」で同社のフィッシング対策製品「Windows Defender」の無料プラグイン版を公開した。 このプラグインは見たところ、「Chrome」が独自に搭載しているセキュリティ保護機能を無効にするわけではないようだ。 Microsoftのサイトには以下のような説明がある。 Google Chrome向け拡張機能「Windows Defender Browser Protection」は、オンラインでの閲覧時に、「Microsoft Edge」で用いられているのと同様の、信頼性の高い情報に裏付けられた追加の保護レイヤを提供する。この拡張機能は既知の悪質なリンクについてアラートを発し、安全なブラウジングに戻れるようガイドする。 このプラグインはChromeブラウザを使用する「Windows」ユーザー向けに提供されており、「Chro
Google Chrome向けのアプリを提供する公式ウェブストアで不正な拡張機能が相次いで見付かっている。特定の企業を狙ってそうした拡張機能をダウンロードさせ、銀行口座などの情報を盗み出す事件も発生した。 米セキュリティ機関SANS Internet Storm Centerによると、不正な拡張機能を使って企業をだます事件はブラジルで発生した。何者かが特定の企業に狙いを定め、銀行の担当者を装って標的とする企業の会計担当者に電話をかけ、「銀行のセキュリティモジュールの新しいバージョンが公開された」と告げ、これをインストールしないと口座にアクセスできなくなると通告。そのモジュールをインストールするためのアドレスを通知した。 表示された画面で「インストール」をクリックすると、「Interface Online」というChrome拡張機能のインストールページが表示されたという。Googleの公式ア
Chromeのデベロッパーツールは、Web制作に欠かせないといっても過言ではありません。DOMインスペクター、スタイルパネル、JavaScriptコンソールなど基本的な機能だけでも便利ですが、さらに便利になる機能も数多くあります。 デベロッパーツールを使って、Webページやアプリの制作・デバッグのワークフローが大きく改善される実用的で便利な機能とテクニックを紹介します。 Mastering Chrome Developer Tools: Next Level Front-End Development Techniques 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 01. ダークテーマ 02. 要素をすばやく選択できる選択モード 03. グローバル変数として格納 04. アニメーション用のツール 05. 要素の疑似状態をシ
5日にリリースされたChrome 59で、ブラウザと共にアップデートされたデベロッパーツールの新機能を紹介します。 What's New In DevTools (Chrome 59) Chrome 59 - What's New in DevTools -YouTube ページの軽量化: 未使用のCSSとJavaScriptを見つける フルサイズのスクリーンショットをキャプチャ リソースのロードをブロック 非同期コードの検証 コマンドメニューの統一 ページの軽量化: 未使用のCSSとJavaScriptを見つける 新機能の一つ目は「Coverage tab」。ページで使用されていないCSSとJavaScriptを見つけることができます。 command + shift + P で、「Show Coverage」を入力して選択。 ※「cov」まで入力すれば、上位に表示されます。 Show
URL shorteners can turn any long and unwieldy website address into a short and sweet URL at the click of a button. Not only are short links easier to digest, but they can help you meet certain character limits and make your link performance seamless to track. It sounds like magic, I know, but anyone with an internet browser can use link shorteners: social media managers, regular everyday Facebook
By Azzazello 開発者版が2016年5月19日にリリースされたGoogleのブラウザ「Chrome 52」ですが、「バックスペースでページを戻る」機能が削除されていることが明らかになりました。入力フォームからバックスペースでページを戻ってしまい入力データを失ってしまうことを防ぐために、同機能を排除したとされています。 Issue 1854963002: Remove the default backspace event handler. - Code Review https://codereview.chromium.org/1854963002 Issue 608016 - chromium - Can't navigate back using the backspace key - Monorail https://bugs.chromium.org/p/chromiu
Admin Console 43 Android WebView 19 Beta 21 Beta updates 1950 chrome 15 Chrome Dev for Android 109 Chrome for Android 883 Chrome for iOS 341 Chrome for Meetings 5 Chrome OS 1146 Chrome OS Flex 21 Chrome OS Management 12 Chromecast Update 6 ChromeOS 161 ChromeOS Flex 161 Desktop Update 1038 dev update 264 Dev updates 1459 Early Stable Updates 39 Extended Stable updates 111 Flash Player update 5 Han
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く