DOM操作の最適化によるJavaScriptチューニング（後編）
連載「Webサイト・アプリ高速化テクニック徹底解説」の第5回は、前回の「DOM操作の最適化によるJavaScriptチューニング（前編）」に続く後編です。後編では、createElement()などのDOM操作メソッドを使ったさまざまなテクニックや、パフォーマンスを劣化させるよくあるパターンについて詳しく解説します。 CodeIQとの連動企画！ この記事で学べるJavaScriptチューニングのテクニックを、実際にCodeIQの問題で試すことができます。もう既に自信がある方は腕試しに、もしくは理解度チェックのための復習として是非ご活用ください！こちらから問題にチャレンジ！ 前回は、DOM操作が遅い原因と仕組みについて簡単に説明し、チューニングのサンプルをいくつか解説しました。その中で、innerHTMLを利用したコードをサンプルにあげていますが、innerHTMLを利用する場合、いくつかの
JavaScriptで速いDOM操作を行うために、結局どの方法がよいのか？
経緯JavaScriptには、DOMを操作する方法がいろいろある。 私が初めてJavaScriptを触ったときのことだ。 ネイティブなJSと外部ライブラリ(jQuery)との区別がついておらず、混乱したことを覚えている。 検索だとDOM操作のやり方がいろいろ出てきて、結局どの方法で操作すればいいのかよくわからない。いろいろあるけど何が違うの？、となったものだ。 同じような人が迷わないで済むように、どれを使えばよいのか書き残しておく。 ここで述べる原則に従えば、フレームワークを使わないVanillaなJSでも十分に、もしくはそれ以上に処理が速くなるはずだ。 Vanilla JSとは？ フレームワークを使わないネイティブのJSのこと JS界隈のフレームワーク偏重主義に対する皮肉らしい vanilla：ありきたりな、普通の
【山梨県甲府市夫婦殺害事件】爪を剥ぐためのペンチ、体に針を打つためのホームパンチャーを調達……犯人が用意していた「拷問道具」
アパートの隣室に“隔離”され……《弁護側冒頭陳述概要》 対する弁護側冒頭陳述では、母の離婚や再婚、養父による不適切な養育などがあったことが明かされた。遠藤被告が小学5年生の頃に両親が離婚するまで、両親は遠藤被告の目の前で夫婦喧嘩を始め、時には物が飛び交い、包丁が持ち出されるほどの激しさを見せた。実父はしつけの時に口よりも手が先に出るタイプで、しばしば遠藤被告に体罰を加えた。祖母からは実父の悪口を聞かされて育ったという。 離婚後に実母は再婚し、養父と養子縁組。妹が生まれ、4人暮らしとなった。ところが遠藤被告は養父との関係が悪く、川遊びで遠藤被告が溺れている様子を見て養父が笑っていたこともあるという。また「誰のおかげで生きていられると思ってるんだ」などと言われ、遠藤被告は養父を恐れるように。そのうち養父は、家族が住むアパートの隣室を借り、そこに遠藤被告をひとりで住まわせた。隣から家族3人の笑い
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
