と呪文のように書いてきたが、いい加減ちゃんと整理して理解しよう。 いろいろ調査した結果、以下の考え方で理解できると思う。 まず、実際の液晶の解像度は一旦忘れろ。 <meta name="viewport" content="width=480">と指定したとする。 するとそこに幅480pxの仮想的なウインドウが作られる。幅480pxの液晶モニターがあることをイメージして欲しい。これをviewportと呼ぶ。 ブラウザはviewportにレンダリングする。viewportの中では、あたかも本当に480pxのモニターを使っているかのような環境になっている。なので、JSのdocument.documentElement.clientWidthなんかも480を返すし、media queryの条件判定でも480pxの画面幅が使われる。 次にviewportを実際の液晶画面に表示する。この時、view

さよならChrome。私、Firefoxに戻ります2015.02.16 12:008,225 渡邊徹則 みなさん、ブラウザなに使ってます？ Chromeですよね。ではその前はなに使ってました？ Firefoxですよね。 Chromeは、機能を最小限に絞った、その分恐ろしく速いブラウザでした。初めて試した時は、まるでコンピューターを買い替えた時のような感覚を味わったものです。しかし最近のChromeは、太りすぎて、遅くて、少なくとも私の環境では、しょっちゅうクラッシュするようになりました。もう、我慢の限界なんです。 その予兆は、数年前からありました。グーグルは2011年頃から、肥大化するChromeのファイルサイズを下げようと四苦八苦していたんです。 インストール時のサイズは問題ありません。ただ、ちょっと検索しただけでも、ここ数年のChromeに対する不満はゴロゴロ出てきます。とりあえず、タ

ブラウザを使ってネット上の情報を調べているうちに、タブをいつのまにか何十個も開いていた、ということ、ありませんか？ 大量のタブを開いていると、その分メモリやプロセッサの消費量も上がり、PCのファンが回り出したりバッテリ消費が速くなったり、といったことにつながります。 マイクロソフトが開発中のブラウザ「Internet Explorer 11」は、そうした大量のタブをうまく管理できるようになると、IEBlogの記事「The New IE11 Experience: Best of the Web with Sites and Apps Together」で説明されています。 The New IE11 Experience: Best of the Web with Sites and Apps Together - IEBlog - Site Home - MSDN Blogs IE11 s

IE11 になって機能追加やレンダリングエンジン周りの進化もかなりありましたが、それとあわせてユーザエージェント文字列が大幅に変更されました。 先月末に Windows 8.1 のプレビュー版が公開され、早速手持ちの MacBook Pro に入れてみたっていう話は先日書いたとおりですが、Internet Explorer 11 （IE11） については細かく触れなかったのでまとめておこうと思います。 IE11 になって機能追加やレンダリングエンジン周りの進化もかなりありましたが、それとあわせてユーザエージェント文字列が大幅に変更された結果、従来のブラウザ判別コードで検出できなくなる可能性もあったりします。その辺について Nicholas C. Zakas 氏が Blog 記事を上げていたので紹介しつつ触れてみたいと思います。 とりあえず、IE11 の概要とか 公式情報として、IEBlog

The Polaris Dawn crew is back on Earth after a historic mission

スマートフォンのブラウザでどの程度のグラフィック表現が可能なのか、性能が気になりませんか？　近年、HTML5を利用できる分野はウェブサイトのみならず、ゲームやSPA（シングルページアプリケーション）など多岐に渡っています。そこで、本記事ではiOSやAndroidの新旧さまざまな端末を使ってパフォーマンスを検証。記事の前半では描画性能を、後半ではJavaScriptの計算性能を測定しています。 描画性能の検証ビデオをご覧ください さまざまな端末を使って、描画検証の様子を録画しました。この80秒の動画では画像のオブジェクトの表示可能な個数を測定しています。ビデオの後半が見どころで、iPhone 5のパフォーマンスが良すぎてビデオを早送りするほどスコアがでるまで時間がかかっています。 さまざまな端末のスコアを測定しました 次の表に、2012年までに発売されたスマートフォンのスコアを掲載しました。

The Polaris Dawn crew is back on Earth after a historic mission

グーグルは、これまでChrome/Chromiumのレンダリングエンジンとして採用してきたWebKitをフォークし、新しいレンダリングエンジンの「Blink」をオープンソースで開発すると今朝表明しました。 グーグルのDeveloper Relations Japan Blogに投稿された「Chromium プロジェクトの新しいレンダリングエンジン Blink のご紹介」で、なぜWebKitからフォークしてBlinkの開発を始めるのか、その理由が記されています。 Chromium は 他の WebKit ベースブラウザーと違い、マルチプロセス アーキテクチャを採用しているため、WebKit プロジェクトと Chromium プロジェクトはここ数年複雑化の一途を辿ってきました。これにより、全体的なイノベーションの速度が低下してきたことは否めません。そこで本日、WebKit ベースの新しいオープ

The Polaris Dawn crew is back on Earth after a historic mission

3. Developers Summit 2013 ⾃自⼰己紹介 n 1997-‐‑‒2003  Palmscape  /  Xiino  の開発 ⁃  Palm  OS⽤用ウェブブラウザ •  実質世界初 ⁃  Sony,  IBM,  NTTドコモ等が採⽤用 n 2004  「Webアプリ統合開発環境の開発」 ⁃  IPA未踏スーパークリエータ 3 Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved. 4. Developers Summit 2013 ⾃自⼰己紹介 n 2005-‐‑‒2010  サイボウズ・ラボ ⁃  ウェブ関連のR&D業務 ⁃  Japanize  /  Pathtraq •  ウェブブラウザ拡張を使うサービス ⁃  Q4M •  メッセージキュー（MySQLプラグイン） •  Mixi,  NHN,  

8 March 2022 by Danny Yao in Blog By supporting the Opera Crypto Wallet, Dapp developers can gain access to millions of crypto users on Opera platform. To do so, Dapp developers need simply add a few lines of code to set up integration with the Opera Crypto Wallet. 23 January 2019 by Daniel Bratell in Blog Opera 58 (based on Chromium 71) for Mac, Windows, Linux is out! To find out what’s new for u

全世界で3億人のユーザーを持ち、独自のHTMLレンダリングエンジン「Presto」を開発し続けていた「Opera」がGoogle ChromeやSafariと同じWebKitに移行することを発表しました。JavaScriptエンジンはV8になるとのことなので、見かけはOpera、中身はGoogle Chromeみたいな感じ(オープンソースのChromiumを使うため)になるようです。 Opera Developer News - 300 million users and move to WebKit http://my.opera.com/ODIN/blog/300-million-users-and-move-to-webkit この新生Operaの最初の製品として、モバイル向けのOperaが今月末のバルセロナで開催される「Mobile World Congress」にてデモが披露され

WebブラウザでJavaScriptをテストする「js-test-driver」とQUnit、Jasmineを連携してテストするには：フレームワークで実践！ JavaScriptテスト入門（4）（1/4 ページ） しっかりとJavaScriptをテストするために、今注目のJavaScript用のテストフレームワークをいくつか紹介し、その概要から実践的な使い方まで解説する連載。今回は、js-test-driverの概要や基本的な使い方、非同期処理のテスト方法、QUnitやJasmineと連携したテスト方法などを紹介します 前回まではWebブラウザを使わないJavaScriptテスト 前回「QUnit＋PhantomJSでJavaScriptのヘッドレスなテスト」、前々回「PhantomJSとJasmineで振る舞い駆動開発なJavaScriptテスト」と、「PhantomJS」を軸としたJa

「Chrome」はモバイルブラウザ市場に足掛かりを得たが、今のところ「Android」版だけのことに過ぎない。 Googleは6月に「iOS」版のChromeをリリースしたが、このChromeは11月にiOSで使用されたブラウザの0.01％を占めるにとどまることがNet Applicationsの最新の統計で明らかになった。Chromeの同月のシェアはAndroidでは4.03％であり、モバイル市場全体では1.14％であった。 ChromeはモバイルOSであるAndroidのバージョン4.0以降を搭載したデバイスでのみ利用可能で、これはChromeを使いたくても使えない人が多くいることを意味している。iOSではAppleのルールに従い、ChromeはApple版のWebKitレンダリングエンジンを使用しているが、その上にGoogleのユーザーインターフェースや他の機能を搭載している。Chr

ドットインストール代表のライフハックブログ

8/18におこなわれたCSS Nite in OSAKA, Vol.32での発表用スライドです。4/27のCSS Nite in OSAKA, Vol.29で使用したスライドをベースに、若干の追記・修正をした内容となっています。Read less

iPhoneとiPad向けにもリリース！ まさかここからブラウザーのシェア争いにニューフェースが登場してくるとは予想もしませんでしたね。しかしながら、このところ業績低迷に苦しむ米ヤフーが起死回生の一発に放ったのは、なんと新たなブラウザー｢Axis｣ですよ。 Axisの最大の特徴は、あの検索結果が縦にズラリと並ぶのではなく、見やすいサムネイルが横に並んで一発確認できてしまうサーチエンジンページの新デザインにあります。左下コーナーに検索ボックスが常駐し、そこから検索を実行すると、なんとも革新的なAxisのサーチデザインを堪能できますよ。 そもそも米ヤフーは、すでにツールバーの形で｢IE｣｢Firefox｣｢Chrome｣｢Safari｣などのデスクトップブラウザーで多数のユーザーを獲得しており、まずはこうしたブラウザーへのプラグインという形からAxisの普及を図っていく方針ですが、この使いやす

成熟市場においては、品質の高さでは優位性を築けなくなると言われます。しかし、だから品質にこだわらなくても大丈夫、と考えるのは早計です。裏を返せば、品質の高さが当たり前になっているため、少し品質が低いだけでブランドを大きく傷付けやすい環境になっているとも言えます。 そういった考えもあって、今年行っている当社のブランド再構築活動の中では、高い品質を担保するためのレギュレーションの整備に力を入れてきました。あわせて、当社として利用する品質を維持するためのツールや機能も改めて洗い出してみました。今日はこの内容を公開させていただきます。 JavaScriptエラーを無くす JavaScriptのエラーは、大きな問題が起こっていないように見えても、大事な機能が動かなくなったり、スペックの低いマシンで極端に挙動が遅くなったりすることがあります。各ブラウザのデフォルト機能で簡単にチェックできますので、エラ