日本のバージョン別ブラウザシェアグラフ （StatCounter Global Statsより）
「Microsoft vs Netscape」の第一次ブラウザ戦争は「Internet Explorer」の勝利で終焉し、いまや第二次ブラウザ戦争のまっだた中。はたしてブラウザの市場占有率（シェア）は？ アクセス解析サービス「StatCounter」（アイルランド）が提供する「StatCounter Global Stats」より日本のブラウザシェアのバージョン別統計グラフを掲載。（グラフ表示はAdobe Flash Playerが必要。） □ Source: StatCounter Global Stats - Browser Version Market Share （2015年8月1日～2015年9月1日） Microsoft Internet Explorer （Tridentエンジン） Mozilla Firefox （Geckoエンジン） Opera （Prestoエンジン ⇒
GREEのUserAgent比率を公開します(2014/10) | GREE Engineering
開発企画室の佐島です。 今月もGREEを利用して頂いているクライアントのUA比率を公開します。 グラフは以下のデータを元に作成しています。 { "os": { "iOS": 33.5, "Android": 66.4 }, "version": { "iOS": [ { "percent": 73.5, "name": "7_1" }, { "percent": 10.9, "name": "7_0" }, { "percent": 6.8, "name": "6_1" }, { "percent": 8.7, "name": "other" } ], "Android": [ { "percent": 33.1, "name": "4.2" }, { "percent": 18.5, "name": "4.1" }, { "percent": 17.7, "name": "4.4" },
[フロントエンド] ブラウザレンダリングの仕組みを理解して、ブラウザに優しいJavaScriptを書こう - YoheiM .NET
[フロントエンド] ブラウザレンダリングの仕組みを理解して、ブラウザに優しいJavaScriptを書こう こんにちは、@yoheiMuneです。 ブラウザのレンダリングの仕組みはHTML5 RocksやHow browsers workで詳しく解説されてきました。しかしそれらはとても詳細で、読破して理解するのは大変です。 今回のブログでは手軽にレンダリングの概要を理解できるように心がけました。またより詳しく学べるようなリンクも記載しました。 そしてブラウザのレンダリングの仕組みを理解した上で、どのようなJavaScriptを書くべきかについても記載しました。 目次 ブラウザのレンダリングの仕組み この章では、HTMLとCSSが読み込まれてから画面に表示されるまでの間に、ブラウザがどのような処理を行っているかを説明します。 ファイル読み込みから表示までの一連の流れは以下図の通りです。 [1]
![[フロントエンド] ブラウザレンダリングの仕組みを理解して、ブラウザに優しいJavaScriptを書こう - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/705cdef7654f2f96a242f9a2834ce643b78de75c/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F336.jpg)
脆弱性の見つけ方（初心者向け脆弱性検査入門）
WEB系の情報セキュリティ関連の学習メモです。メモなので他情報のポインタだけ、とかの卑怯な記事もあります。 ※2020.9 注記:本ブログの解説記事は内容が古くなっております。OWASP ZAPなどのソフトウェアの解説は現行バージョンの仕様から乖離している可能性があります。 EC-CUBEで脆弱性を見つけたり、mixiの脆弱性報告制度で成果を挙げたりしたせいか、「どうやって脆弱性を見つけてるんですか？」という質問をされることが時折あり、一応手順は説明するのですが、いつも口頭で細かくは説明できなくて申し訳ないので、自分のやり方をまとめてこのブログにアップしておきます。 標準的な脆弱性検査のやり方しか説明していないので、脆弱性検査のやり方を既に把握している人が読んでも得るものは少ないのではないかと思います。今回は脆弱性検査に興味があるが何をどうしたらいいか分からないような初心者向けコンテンツで
Webディレクター向けChromeアドオン10選（基本編）
目に青葉山ほととぎす初鰹。みなさまいかがお過ごしでしょうか。ディレクターをしているluckyと申します。ゴールデンウィークが終わり、早くも夏休みに思いを馳せている方々も多いかと思います。私もそのひとりですが… ここはひとつ気合を入れるべく、ビシッ！と業務改善に繋がるようなGoogle Chromeのアドオンをご紹介させていただきます。今回はディレクター業務を行う上で便利だと感じた、ごく基本的なものを10個チョイスしてみました。 目次 そもそもアドオンってなに？ Awesome Screenshot QRcode maker ColorZilla 文字数カウンタ Cache Killer Page Ruler ウェブタイムマシン Ghostery AdMatrix Analytics Evernote Web Clipper 結論 そもそもアドオンってなに？ ・ブラウザに新機能を追加できる簡
2014年4月のブラウザシェアやOSシェア ｰ NetApplications調べ | 気になる、記になる…
毎月恒例ですが、Net Applicationsが2014年4月のブラウザやOSの各種市場シェアの情報を公開しています。 2014年4月の各種市場シェアは下記の通り。 (括弧内は前月の数値) ブラウザシェア/デスクトップ 1位、Internet Explorer：57.80%（57.96%） 2位、Chrome：18.19%（17.52%） 3位、Firefox：16.87%（17.26%） 4位、Safari：5.62%（5.68%） 5位、Opera：1.13%（1.20%） ブラウザシェア/モバイル・タブレット 1位、Safari：51.66%（54.11%） 2位、Android Browser：22.51%（23.58%） 3位、Chrome：14.57%（12.05%） 4位、Opera Mini：5.04%（4.18%） 5位、Internet Explorer：2.26%（
CSS には vw, vh, vmin, vmax という単位がある | DevelopersIO
例として以下の様な HTML 構造があったとします。 <body> <!-- 画像解像度: 100 x 100 (px)--> <img src="images/thumbnail.jpg" /> </body> img { display: inline-block; margin: auto; width: 10vw; } img の幅を 10vw と指定しています。基準となるビューポートの幅を vw で表すと 100vw となります。iPhone 5S のビューポート幅をピクセルで表すと 320px な訳ですが、10vw はその 1/10 ということで32px が img の幅となります。つまり 1vw は 1% と同じ長さになります。もちろんリキッドレイアウトにも対応した動きを持っています。 Demo - viewport lengthを開く（このサンプルはChromeブラウザでの
Grid 日本語版
なぜ、レスポンシブに労力を費やすのか? 私達は全てのデバイスにおいて、スクリーンのサイズや縦横の方向といったユーザーの環境に左右されずに、ウェブサイトが利用しやすくなることを目指しています。 断片化された世界 2013年現在、数千種類のデバイスとスクリーンサイズがインターネットにアクセスしています。それら全てに対して、それぞれレイアウトを設計するのはもはや不可能です。そんなことより、デザインにより流動的なアプローチを取り入れるべきでしょう。 モバイルファースト 最近になって「モバイルファースト」という言葉がそこらじゅうで聞かれるようになりました。その言葉は、モバイル向けのスタイルから始めて、必要とされる時に大きなスクリーンに最適化したスタイルを適用するということを意味します。言い換えると、作成したモバイル向けのスタイルがデフォルトになり、それ以降に書き換える必要はないということです。それは
はてなブログにおけるページ表示速度改善の取り組みについて - Hatena Developer Blog
こんにちは、id:hakobe932です。はてなブログではユーザ体験の改善のために、ページ表示速度を向上させるための様々な取り組みを行っています。このエントリーでは、はてなブログで行っている、ブラウザキャッシュの活用、JavaScriptのページ最下部での読み込み、JavaScriptの圧縮、という3つの取り組みについて解説します。 ブラウザキャッシュの活用 同じ内容のJavaScriptやCSSを、ページを表示するたびにダウンロードすると、余分なHTTPリクエストが発生しますし、読み込み時間がかかります。 ブラウザのキャッシュを利用できれば、余分なリクエストを減らすことができます。はてなブログでは、なるべく長い間ブラウザにキャッシュを保存するために、JavaScriptなどの一部の種類のファイルのレスポンスに、以下のようなヘッダを指定しています。 $ curl -I http://hat
HTML5 CanvasとCSS3のスマホブラウザでの描画性能 - ICS MEDIA
スマートフォンのブラウザでどの程度のグラフィック表現が可能なのか、性能が気になりませんか？ 近年、HTML5を利用できる分野はウェブサイトのみならず、ゲームやSPA（シングルページアプリケーション）など多岐に渡っています。そこで、本記事ではiOSやAndroidの新旧さまざまな端末を使ってパフォーマンスを検証。記事の前半では描画性能を、後半ではJavaScriptの計算性能を測定しています。 描画性能の検証ビデオをご覧ください さまざまな端末を使って、描画検証の様子を録画しました。この80秒の動画では画像のオブジェクトの表示可能な個数を測定しています。ビデオの後半が見どころで、iPhone 5のパフォーマンスが良すぎてビデオを早送りするほどスコアがでるまで時間がかかっています。 さまざまな端末のスコアを測定しました 次の表に、2012年までに発売されたスマートフォンのスコアを掲載しました。
双日システムズ、Windows XPから7/8への移行向けにIE6互換ブラウザを開発
双日システムズは、VMware ThinAppによるアプリケーション仮想化の専門組織である「ThinApp事業部」を立ち上げ、2014年4月にサポート終了を迎えるWindows XPからWindows 7/8へのアプリケーション移行支援サービスに本格参入すると発表した。 同時にInternet Explorer互換ブラウザを新規開発し、Windows XP上で稼働するIE 6を利用したアプリケーションの仮想化で課題となっているメーカーのライセンスポリシーやアプリケーション改修の課題を解決する。 互換ブラウザを使用することによりメーカーのライセンスポリシーに違反せずに仮想化対応できるだけでなく、自社開発ブラウザであるためユーザ環境やアプリケーションに合わせた改修も行うことができるという。
Mobile Safariで最後の１文字が改行されてしまうバグ - くらげだらけ
スマートフォンブラウザ関係のバグは（Android browserを中心に）たくさんありますが、今回はかなりレアケースなバグの話と回避方法についてです。 タイトルどおり、iPhone/iPadのmobile safariやWebViewで日本語文字列の最後の１文字が不自然に改行されて表示されてしまうバグなのです。 どういうことかというと↓下のように表示されるということです。 くだくら げサンプルページも作りましたので、以下のページをiPhone, iPadで表示してみてください。 Sample: http://kudakurage.com/test/mobile_safari_line_break/ 発生条件 発生条件は少し複雑なため、そんなに遭遇することはありません。 （ただその分googleで検索しても、遭遇した例など出てきません） mobile safariで閲覧している PCブラウ
なぜ Mozilla 以外のブラウザでも "Mozilla" がユーザーエージェントに含まれているの？ - Knoh (ノウ) | The Knowledge Hub
これは、とても歴史的な話で、僕たちの知っている現在の “Mozilla” よりも時はさかのぼる (とはいえ、現在の Mozilla もその精神を受け継ぐ末裔だ)。 質問をブレイクダウンしよう: 最初に: この文脈でいう “mozilla” はなにを指すのか？ ヒント: それは Mozilla Corporation や Mozilla Foundation のことではなく、Gecko エンジンのことでもない。 90 年代初頭、Mosaic というブラウザがイリノイ大学・米国立スーパーコンピュータ応用研究所 (NCSA) のとあるグループによって開発される。Mosaic の使いやすさや特徴的な機能は当時の “world wide web” の一般化に役立った。Mosaic の共同開発者の一人は Netscape という会社を設立し、この会社は Netscape という商用ウェブブラウザを生み
ブラウザのロケーションバーをパンくずリスト化する拡張『Location Bar Enhancer』 | ライフハッカー・ジャパン
疲れやすい、呼吸の浅さを改善。ストレッチポールは毎日使いたいほど気持ちがいい!【今日のライフハックツール】
さよなら -apple- に -khtml- - fragmentary
3月半ばに書いてそのままになってた下書きを発見。 なんで放置してたんだっけ……引用多すぎるからかな。まあいい。 WebKitにこんな変更が加わった。 Changeset 146025 – WebKit ― Legacy CSS vendor prefixes should only work for Dashboard 先日Paulが公開した “WebKit for Developers” （日本語訳）を読んだHacker Newsの読者があることに気がついた。 "CSS parsing is the same, though. Slurping up your CSS and turning it into CSSOM’s pretty standard. Yeah, though Chrome accepts just the -webkit- prefix whereas Apple
アドレスバーの時代は終わった！ 最新版「Sleipnir 4 for Mac」リリース | ライフハッカー・ジャパン
フェンリルは本日1月24日より、ウェブブラウザ「Sleipnir」の最新版となる「Sleipnir 4 for Mac （4.0）」をリリースしました。本バージョンはSlepnir for Macにおいて初のメジャーバージョンアップとなります。 今回、Sleipnirが目指したものは「究極の先端的ウェブブラウザ」。デザイナーは「人々にとってのウェブを、もっと人間的でストレスのないものにするため」に、まったくの白紙からウェブブラウザを作り上げたといいます。早速触ってみると、たしかにMacに似合いそうな洗練された印象を受けます。MacBookをはじめ、画面が小型の人には特にオススメできる機能もありました。 以下、3つの機能にしぼって紹介します。■アドレスバーがない！ 「検索フィールド」からスムーズにアクセス 「現代において、アドレス（URL）を直接入力する機会は減り、ユーザーは検索やブックマー
これは快適！Mac OS X上でWinのIE6/7/8/9/10など、さまざまなブラウザの確認ができるアプリ -Sauce
Macでウェブ制作に携わる人全員に伝えたい、Windows, Linux, Mac OS Xのさまざまなブラウザでの表示確認ができる無料のMac OS Xアプリを紹介します。 Boot CampやParallelsなどは必要なく動作します。 Sauce -App Store Sauce for Mac -Website Sauceは、約100種類のブラウザとOSの組み合わせでブラウザの表示確認ができるOS X用のアプリケーションで、簡単に起動・操作ができます。 Windows用のIE6/7/8/9/10をはじめChrome, Safari, Firefox, Opera、iPhone4/5/6, iPad4/5/6, Android4なども揃っています。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
Internet Explorer デベロッパー センター
TEST CORDING » Sassの@functionの使い方まとめ – プログラマブルな処理は@function