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

バグフィックスチャレンジ全体のルールはこちらに掲載しています. フロントエンド問題はこちらで公開しています. フロントエンド問題は HTML, CSS, JavaScript それぞれ1つのファイルからなるシンプルなアプリケーションに複数のバグが仕込まれており, バグを修正して仕様どおりに動作するようにするというものです. この問題のポイントの一つとしては最新の Google Chrome の安定版 (当時 41.0.2272.101) で動作すればよいとされているため, HTML5 や CSS3, ECMAScript 6 のような最新の技術を用いて作成されているということがあります. もう一つはこの問題がバグフィックスチャレンジであり, ソースコードを全面的に書き換えて仕様通りに動くようにすればいいというのではなく, 既存のコード中のバグを修正してもらう問題だということです. 実際にあ

イラストの線や塗りに使える、インクをはじめ水彩・ペイントなど40種類の豊富なバリエーションが揃っているSAIのブラシの設定をご紹介。

デザインやHTML, CSS, jQueryなど、Web制作に関する勉強を基礎からしっかりと学べるオンラインの学習サイトを紹介します。 当ブログで紹介するものは英語圏内が多いですが、この学習サイトは国内運営で、解説も当然日本語です！

初心者向けとは言いがたいが、なかなかおもしろかったのでご紹介。 Elevagtor Sagaではエレベーターのシミュレーションを通じてプログラミングを学べるサイトだ。 レベルごとに課題が与えられて、独自のアルゴリズムを組むことでクリアーしていく。 APIなどはサイトで公開されているのでそれを組み合わせればいいだろう。 自分なりのコードを組んで「Start」ボタンを押すとグラフィカルに結果がわかってなかなか楽しい。ちょっと難しいかもしれないが興味がある人は是非どうぞ。

1月25日に開催された「HTML5 Conference 2015」の中継動画や講演資料をまとめました。 ※リンクミスや追加情報などありましたら、コメントまたは@unsoluble_sugarあてにお知らせいただけるとありがたいです オープニングセッション（10:00-10:50）基調講演