Android × Canvas の即死ポイントとその回避策 | buccchi.jp
CreateJS を使ったWebアプリをいくつか作ったのですが、iPhone はサクサクでも Android でやたらハマる。 Android 2.3 で最適化したつもりのものが 4.0 の標準ブラウザで落ちたりする。 機種や OS のバージョンにより動作がさまざまなため確認しきれない。 というとこでハマったポイント3つを共有します。 誰かもっとよい解決策を教えてくれるとありがたい。 即死ポイントその1 Android 4.0.4 で Canvas をリサイズするとブラウザが落ちる 回避策 Canvas 領域を広めにとっておき、Canvas ではなく Container 側をリサイズ。 はみでた部分は css でトリミング。 これで落ちなくはなるが全体的にボケる。 2013.7.7 追記 その後、以下の方法を試したところ落ちずに動作すことが確認できました。 描画とかGPUアクセラレーション
Browserhacks
What’s this? Browserhacks is an extensive list of browser specific CSS and JavaScript hacks from all over the interwebs. Press the first letter of a browser to jump to the according section, like F for Firefox. How to? Pick the hack you want Copy it into your stylesheet Add the style you want between the braces Enjoy the new styles for the browser you targeted! Reminder! Please keep in mind using
【まとめ】ファミコンをブラウザで楽しめるサイト全集 | アナクロセンス-ゲーム情報-
ファミコンソフトをブラウザゲームとして遊べるまとめ かなり量が多くなりましたが、ブラウザからキーボード操作で遊ぶ事ができます。仕事の気分転換等にどうぞ。 マリオブラザーズ（任天堂） http://www.1980-games.com/us/old-games/nintendo/m/Mario_Bros/game.php ドンキーコング（任天堂） http://www.crazymonkeygames.com/Donkey-Kong.html エレベーターアクション（タイトー） http://www.flash-mania.eu/en/php/nintendo/divers/012.php ゼビウス（ナムコ） http://cat.s48.xrea.com/Xevious/XeviousB.html プーヤン（ハドソン） http://www.1980-games.com/us/old-ga
開発者のための WebKit (“WebKit for Developers” 日本語訳)
このノートは、Paul Irishによる記事 “WebKit for Developers” の日本語訳です。 僕ら開発者の多くにとって、WebKit はブラックボックスだ。HTML, CSS, JS, その他のアセットを投げると、WebKit は魔法でもかけたかのように、綺麗な Web ページを返してくれる。しかし、僕の同僚 Ilya Grigorik は本当の WebKit はこうだと言っている。 WebKit はブラックボックスではない。ホワイトボックスなんだ。さらにそれだけではなく、オープンなホワイトボックスなんだ。 じゃあ、これから次のことについて理解していこう。 WebKit ってなに？ なにが WebKit じゃないの？ WebKit ベースのブラウザで WebKit はどう使われているの？ なんですべての WebKit が同じじゃないの？ さて、世の中に数多くの WebKi
［ウェブサービスレビュー］特定ブラウザでのスクリーンショットを一括取得できる「Browsershots」
内容：「Browsershots」は、ウェブページの表示が特定ブラウザ上で崩れていないか、スクリーンショットを撮ってチェックできるサービスだ。およそ200種類のバージョンを指定するだけでオンラインでスクリーンショットを取得できるので、実環境を用意しなくとも手軽に表示チェックが行える。 「Browsershots」は、ウェブページの表示が特定ブラウザ上で崩れていないか、スクリーンショットを撮ってチェックできるサービスだ。ブラウザとバージョンを指定するだけでスクリーンショットを取得できるので、実環境を用意しなくともオンラインで手軽に表示チェックが行える。 本サービスの最大の特徴はなんと言っても対応ブラウザの細かさだ。前回紹介した同種サービスの「browserling」はInternet Explorer（IE）、Chrome、Firefox、Safari、Operaとメジャーブラウザに限定され
10個以上ブラウザタブを開いてはいけない理由
ブラウザが遅い、不安定だという不満をよく聞きます。｢雑なコードを書きやがって｣とデベロッパーに文句を言うのは簡単です。しかしもっと大事なことを忘れている気がします。ブラウザタブを一度に10以上も開いていたら、PCが不安定になるのは当たり前です。生産性が下がる無意味な行動なので、今すぐ止めた方がいいでしょう。これはChrome、Firefox、Internet Explorer、Safari、Operaのどれでも同じです。システムが遅くなると、ブラウザがフリーズして、最悪パソコン全体が落ちてしまう可能性もあるのです。そんなPCのパフォーマンスが落ちること以外に、ブラウザタブを開きすぎてはいけない理由が4つあります。ページタイトルが読めないと時間の無駄 タブをたくさん開く人は、基本的に｢後で読みたいから｣と思って開きっぱなしにするようです。しかし、ファビコンすら見えないくらいたくさんのタブを開
業種別のブラウザシェア2013年版 | パシのSEOブログ
毎年恒例になってきた「業種別ブラウザシェア」の2013年版をお届けします。過去2年間の記事はこちらです。 業種別のブラウザシェア2011年版 業種別のブラウザシェア2012年版 年々Internet Explorerのシェアが少なくなっており、Google Chromeがシェアを広げています。また、最近はスマホユーザーの増加によりSafariやAndroid Browserのシェアも増えてきており、サイトによっては最も多くなっています。 今回は、業種別にサイト全体のブラウザシェア＋Internet Explorerのバージョン別シェアの2つを掲載していきます。 »業種別の検索エンジンシェア2013年版 Web SEO 建築・不動産 自動車 健康 美容 保険 年金 投資 教育 芸能 趣味(釣り) 感想 PC経由のアクセスのみで見ればまた違ってくるのでしょうが、PC・スマホ込みのデータだと、ど
PS Vitaでmrubyが動いた！ - @masuidrive blog
布団でふと思いついたので、PS Vitaでmrubyを動かしてみました！ やり方は簡単！Vitaのブラウザでhttp://bit.ly/vitamrubyを開くだけ！ ごめんなさい・・・・ このサイトはC言語で書かれているmruby本体を、EmscriptenでJavascriptに変換してブラウザで動かしています。なのでPS Vita上でmrubyは動きましたが、残念ながらコレでゲームなどは動かせません。いつかネイティブで動くといいなぁ。 現在のmrubyだと不正なバイトコードへの対策などがされていないので、Vitaにmrubyが載ってユーザに開放！的な使い方は厳しそう。その辺の対策をするとコードサイズが大きくなってしまってメモリの少ないデバイスで動かなくなってしまうので難しい所。実装が落ちついてくれば、設定によってチェックするけどバイナリサイズは大きくなるか、チェックしないでバイナリサ
［ウェブサービスレビュー］特定ブラウザでの表示をオンラインでエミュレートできる「browserling」
内容：「browserling」は、特定のウェブページが指定したブラウザおよびバージョンでどのように表示されるかをエミュレートできるサービスだ。実際のブラウザ環境を用意することなく、各ブラウザおよびバージョンごとの表示をチェックすることができる。 「browserling」トップページ。URLを入力するフォームと、ブラウザおよびバージョンを選択するメニューで成り立っている。表示は英語だが問題なく使えるだろう 「browserling」は、特定のウェブページが指定したブラウザおよびバージョンでどのように表示されるかをエミュレートできるサービスだ。実際のブラウザ環境を用意することなく、各ブラウザおよびバージョンごとの表示をチェックすることができる。特別なプログラムをインストールする必要もない。 使い方は簡単で、ウェブページのURLをトップページのフォームに入力し、ブラウザおよびバージョンを選ん
ウェブブラウザの時代は終わるのか 〜スマホアプリとHTML5の未来〜
Developers Summit 2013【15-B-6】開発者の "資産形成" につながる Action とは?インフラジスティックス・ジャパン株式会社
OperaがWebKit＋V8エンジンに移行することを発表、18年の歴史に幕
全世界で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」にてデモが披露され
自称UIエンジニアのマラさんとエレベーターのUIについて議論した - キモブロ
14:32 kimoto: https://twitter.com/bulkneets/status/296085437599059969 14:33 kimoto: エレベーターの話マジレスすると、 14:33 kimoto: 開くボタンセンサーでいいとか言ってるけど 14:33 kimoto: そんなことしたら、一生閉まらないエレベーターになるよ 14:34 mala: 閉じるボタンを押せば閉まる 14:34 kimoto: あわてて乗ろうとするあほな人いっぱいいるし、無限に開きっぱなし 14:34 kimoto: 閉じるボタン押した後に誰か走ってきて開くよ 14:34 mala: 誰もいなくなったタイミングで閉まる 14:34 kimoto: で、誰かが走ってきて開く 14:34 mala: ひかりえのはもう付いてるよね 14:34 kimoto: 走ってきてる側の人間は 14:34
独学でフロントエンド・エンジニアを目指す人のための基礎カリキュラム - DESIGNMAP
本記事は2013年に書いた記事で内容がだいぶ古くなっております。 フロンドエンドは3年間で大きく状況がかわりました。下記の2016年に書いた改訂版の新しい記事をおすすめします。 「フロントエンドエンジニアとは／Webアプリケーションの歴史／フロントエンドの勉強が難しくみえる理由 － まったくのゼロからフロントエンドエンジニアを目指すための独学カリキュラム vol.1」 2011年に『まったくのゼロから、独学でWebデザイナーになる方法』、2012年に『19のステップで、まったくのゼロから、独学でWebデザイナーになる方法』を書いて、独学でWebデザイナーを目指す人向けの具体的な独学方法を書いた。今回は、Webデザイナーという大まかなくくりではなく、フロントエンドエンジニアにしぼって独学方法をまとめてゆきたい。 フロントエンド・エンジニアとは フロントエンドとはWebブラウザ側（クライアント
[JS]便利で簡単！スクリプトやスタイルシートをブラウザ・OSごとに分岐して利用できる超軽量高速のスクリプト -Conditionizr
IE6/7/8/9/10, Firefox, Chrome, Safari, Operaなどのブラウザだけでなく、Win, Mac LinuxなどのOS、iPadやiPhoneのRetinaディスプレイ用に条件分岐して、外部スクリプトやスタイルシートをロードさせたり、classを付与してHTMLで利用できたりする超軽量高速の単体で動作するスクリプトを紹介します。 Conditionizr Conditionizrの特徴 Conditionizrの使い方 Conditionizrの特徴 ConditionizrはjQueryより50%高速に動作し、条件付きのJavaScriptとCSSをサポートする3KBの超軽量スクリプトです。 条件付きのHTMLタグ 条件付きの外部スクリプトやスタイルシートのロード カスタマイズされたスクリプトにも対応 IE, Firefox, Chrome, Safar
アドレスバーの時代は終わった！ 最新版「Sleipnir 4 for Mac」リリース | ライフハッカー・ジャパン
フェンリルは本日1月24日より、ウェブブラウザ「Sleipnir」の最新版となる「Sleipnir 4 for Mac （4.0）」をリリースしました。本バージョンはSlepnir for Macにおいて初のメジャーバージョンアップとなります。 今回、Sleipnirが目指したものは「究極の先端的ウェブブラウザ」。デザイナーは「人々にとってのウェブを、もっと人間的でストレスのないものにするため」に、まったくの白紙からウェブブラウザを作り上げたといいます。早速触ってみると、たしかにMacに似合いそうな洗練された印象を受けます。MacBookをはじめ、画面が小型の人には特にオススメできる機能もありました。 以下、3つの機能にしぼって紹介します。■アドレスバーがない！ 「検索フィールド」からスムーズにアクセス 「現代において、アドレス（URL）を直接入力する機会は減り、ユーザーは検索やブックマー
主要ブラウザのスピード対決・2013年冬！（Chrome 24、Firefox 18、IE 10、Opera 12.12） | ライフハッカー・ジャパン
Windows 8ではInternet Explorerの最新版が搭載されました。新しいFirefoxはJavaScriptが高速化、メモリー使用量も改善しています。Chromeもスピードが向上しています。この記事では、主要ブラウザ最新版のスピード対決をお届けします！ 米Lifehackerではこれまでもブラウザのスピードテストを繰り返してきました。テスト方法にも磨きがかかっています。体感速度の手動計測、ハードコアなJavaScriptベンチマーク、さらにChromeのプレレンダリングや、Firefoxのタブのオンデマンド読み込みなど、特定機能にフォーカスしたテストも実施します。今回、すべてのテストはWindowsで行いました（これがSafariをテストしていない理由です。SafariはWindowsでは主要ブラウザではありません。また、Mac版を使うと適正な比較になりません）。 もちろん
各種ブラウザーで Java (applet) を無効にする方法
こちら（米国）では、見つかった Java のセキュリティホール（＋それを利用した実際のアタック）が大問題になり、米国政府が「ただちに Java を無効にするように」と声明を出し（参照）、全国ニュースでも大きく取り上げられている。 実質的な危険があるのは Java applet なのだが、Java と Java applet の違いの分からない報道機関は、大々的に「Java が危険」と報道しており、Sun Microsystems を買収して Java を入手した Oracle にとっては大きなブランドイメージの損失だ。Oracle は火曜日には５６カ所のセキュリティホールを塞いだパッチを提供するそうだが、そんなパッチでは、今回作られてしまった「Java は危ない」というイメージは拭えない。 どのみち、Java applet にはほとんど価値がないので、これを機会に無効にする人も多いようだ（
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ggsoku.com
TechCrunch | Startup and Technology News
IDEA * IDEA
