タグ

Javascriptとhtml5に関するhalohalolinのブックマーク (4)

  • ユーザーの体感速度を高めるためのJavaScriptチューニング(後編)

    連載「Webサイト・アプリ高速化テクニック徹底解説」の第3回は、前回の「ユーザーの体感速度を高めるためのJavaScriptチューニング(前編)」の続きです。この後編では、「ユーザーの操作を阻害しない」方法についてJavaScriptのシングルスレッドやイベントループを交えて解説し、HTML5のWeb Workersについても紹介していきます。 前回は、ユーザーの体感速度を向上させるための方法として、3つのうち「ページを素早く表示する」と「ユーザーに素早くインタラクションを返す」を解説しました。今回は、最後の「ユーザーの操作を阻害しない」について詳しく解説していきます。 ユーザーの操作を阻害しない JavaScriptによる処理が重くなると、いつまでも画面が更新されなかったり、ユーザーの操作が止まってしまったりということがあります。止まっている時間が長すぎると、ブラウザから応答がないという

    ユーザーの体感速度を高めるためのJavaScriptチューニング(後編)
    halohalolin
    halohalolin 2014/06/09
    非同期でJavaScript処理を進めるにあたって、2013年7月ではWebWorkersという仕様が存在する。IEはバージョン10とPCモダンブラウザ、iOSが対応、Androidの標準ブラウザが未対応なのでfakeworker-jsなどのPolyfillを利用する。
  • Web ブラウザーや OS のシェアが確認できる Web サービスまとめ - monoe's blog - Site Home - MSDN Blogs

    In Visual Studio 2022 17.10 Preview 2, we’ve introduced some UX updates and usability improvements to the Connection Manager. With these updates we provide a more seamless experience when connecting to remote systems and/or debugging failed connections. Please install the latest Preview to try it out. Read on to learn what the Connection ...

    Web ブラウザーや OS のシェアが確認できる Web サービスまとめ - monoe's blog - Site Home - MSDN Blogs
    halohalolin
    halohalolin 2014/03/04
    FileSystemAPIは2014年3月時点ではGoogleChromeしか使えない。しかしファイルをキャッシュさせるのが目的であれば、画像をBASE64に変換しローカルストレージに保存してキャッシュさせる方法がある、但しlocalstorageの容量が膨らむ。
  • 『ガールフレンド(仮)の「声」実装』

    1 pixel|サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。こんにちわ。 「ガールフレンド(仮)」でフロントエンドの開発をしている秋山と申します。 「ガールフレンド(仮)」とは、ユーザーが主人公となり、様々な女の子と出会っていく“声が出る♪”学園恋愛カードゲームです。各カードには、人気声優のボイスが付いていて、さまざまな演出に合わせてキャラクターの声を聞くことができます。スマホのブラウザ版カードゲーム × 声ガールフレンド(仮)の開発に入る時点で、スマホブラウザゲームで音声を出しているサービスは他にもありましたが、カードに声が付いているものは少なかったかと思います。 また、スマートフォンのブラウ

    『ガールフレンド(仮)の「声」実装』
    halohalolin
    halohalolin 2013/04/03
    HTML5の音声に関するバッドノウハウ/mp3を商用で利用する際にはライセンス料が発生しますのでご注意ください/iOSは音声ファイルの先読み不可/currentTime設定に注意
  • GWTをスマートフォンでも活かす·GWT Mobile Webkit MOONGIFT

    GWT Mobile WebkitJava製、iPhone向けのオープンソース・ソフトウェア。JavaScriptを用いずにWebアプリケーションを開発するためにGoogleが開発しているGWT(Google Web Toolkit)。PC向けの開発が容易になるのはもちろんだが、最近シェアが広がりつつあるスマートフォンに対しても使えるともっと便利だろう。 ストレージAPI そこで作られているのがGWT Mobile Webkitだ。特にiPhone向けを意識している。PC向けブラウザでは多数のバージョンが存在するが、iPhone向けであればSafariに限定できる。さらにHTML5にも対応しているので高度な機能を使えるようにしているのが特徴だ。 現時点では3つの機能が提供されている。一つはDatabase APIだ。もう一つはストレージAPIで、最後に位置情報取得用のAPIとなっている。

    GWTをスマートフォンでも活かす·GWT Mobile Webkit MOONGIFT
    halohalolin
    halohalolin 2009/11/24
    GWT Mobile Webkitだ。特にiPhone向けを意識している。PC向けブラウザでは多数のバージョンが存在するが、iPhone向けであればSafariに限定できる。さらにHTML5にも対応しているので高度な機能を使えるようにしているのが特徴だ。
  • 1