innerHTML += ... な書き方について - hogehoge @teramako
DOM操作の最適化によるJavaScriptチューニング（前編） | HTML5Experts.jp はてなブックマーク - DOM操作の最適化によるJavaScriptチューニング（前編） | HTML5Experts.jp はてなブックマークで『後でツッコミする』と書いたとおり、ちょっとツッコミたいと思う。 ツッコミ記事のつもりが、自分がツッコミされることとなり、ダメダメな記事です。それでも良ければお読み下さいｗ // サンプル1: パフォーマンスが悪い var ul = document.querySelector('#output'); for ( var i = 0; i < data.length; i++ ) { ul.innerHTML += ‘<li>’ + data[i] + ‘</li>’; } 上記コードはダメなコードであり、理由は、 li要素をループが回るたびに追
【IT×ブランド戦略＜特別寄稿＞】電王戦タッグ・マッチが生んだ、将棋界のニューヒーロー
本連載で注目してきた将棋界で、大きなイベントが2013年8月31日に行われた。「電王戦2.1 棋士とコンピュータによるタッグ・マッチ トーナメント戦」である。来年３月から４月にかけて行われるプロ棋士対コンピューターソフトの対戦「第３回将棋電王戦」に向けた一種の“お好み対局”という仕立てではあったが、結果としては、プロ棋士ブランドにとって大きな希望をもたらすものになったと筆者は考える。前回の結びでは、今回はブランドの類型化をテーマにしたいとの予告をしていたが、タイミングを重視して特別寄稿の形で本記事を公開させていただきたい。 予定通りに進まないプロジェクトを“前に”進めるための理論「プロジェクト工学」提唱者。HRビジネス向けSaaSのカスタマーサクセスに取り組むかたわら、オピニオン発信、ワークショップ、セミナー等の活動を精力的に行っている。大小あわせて100を超えるプロジェクトの経験を踏まえ
デシリットル問題 - 檜山正幸のキマイラ飼育記 (はてなBlog)
長男：「おとうさん*1、デシリットルって習った？」 父親：「あー、習ったよ」 長男：「俺も習った。けどさ、デシリットルって見たことないんだよね。おとうさんは使う？」 父親：「リットル、ミリリットル、キロリットルは使うけどなー …」 長男：「デシリットル使う？ 見たことある？」 父親：「ウーン、ないな。君よりはるかに長く生きてるけど、小学校の教科書以外で見たことないわ」 長男：「おとうさんも見たことない。じゃ、なんでアレ習うの？」 父親：「アレねぇ、デシリットルねぇー」 長男：「意味ねーじゃん」 父親：「いやまー、すぐに役に立つもんばかりが教育じゃないからね」 長男：「役に立たなくてもいいけどさ、どんな意味があるの？」 父親：「デシリットル教える意味ねぇ、エーと、ウーンと …」 よくわかりません。 *1:オヤジと呼ばれることも最近多い。
サトシンの将棋と私生活５０－５０日記 決勝
2023.12 << 12345678910111213141516171819202122232425262728293031 >> 2024.02 三浦GPSチームとの決勝戦を迎えるにあたって、山本さんとの事前の作戦会議はなし。ただ舞台の袖口で「今まで通りでいきますけど、勝算は薄いです」というような事は話していた。普通に考えて三浦さんと自分ではかなり差があるし、GPSにしても悪手を指したところを今まで見たことがなかったから。 対局が始まって序盤の作戦は角換わりで行くことに。１局目は矢倉、２局目は横歩取りだったので決勝は角換わりで行こうと思っていた。この辺はやはり「魅せる」ことも頭に入れての毎回違った戦法選択だった。 また解説が森内名人、特別ゲストに谷川会長に来て頂いていて、角換わりやりたいなと思うのは自分としては必然だった。奨励会時代から両永世名人のタイトル戦の将棋で勉強してきた自分に
型グロブを理解する - Perl入門ゼミ
Perl › モジュール作成 型グロブは、シンボルテーブルのエントリーを表現します。 *main::num # $main::{num} とほぼ同じ意味。 *num # パッケージ名を省略することもできます。 シンボルテーブル上の、 $main::{num} には、'*main::num' という文字列が代入されていますが、ずばりこれを表します( シンボルテーブルのエントリーと呼ばれている。たぶん )。ただし、文字列ではなく、型グロブというものになります。 パッケージ名を省略すると、現在のカレントパッケージのシンボルテーブルのエントリになります。 型グロブと変数 my $num_from_typedglob = ${*main::num}; # $numと同じ my @num_from_typedglob = @{*main::num}; # @numと同じ my %num_from_ty
perlのサブルーチンのこと - cipher
perlのサブルーチンについてのおさらい。 サブルーチンの定義 perlでは、サブルーチンの定義にはsub関数を使います。 sub show_message { print "Hello, World!\n"; } 定義したサブルーチンを実行するときは、サブルーチン名の後ろに、「()」を付けます（実はほかにもいくつか方法が有りますが、ここでは割愛します）。 show_message(); 無名サブルーチン 名前が無いサブルーチンを定義することもできます（無名サブルーチンといいます）。 (最後のセミコロンを忘れずに) use warnings; sub { print "Hello, World!\n"; }; でも、use warningsを付けて実行すると、警告が出ます。 Useless use of reference constructor in void context at su
DOM操作の最適化によるJavaScriptチューニング（前編）
連載「Webサイト・アプリ高速化テクニック徹底解説」の第4回は、JavaScriptのチューニングのうち、ボトルネックになりやすいDOM操作の最適化について解説します。前編・後編にわたって、DOM操作が遅くなる原因と仕組み、その解決策について詳しく解説します。 CodeIQとの連動企画！ この記事で学べるJavaScriptチューニングのテクニックを、実際にCodeIQの問題で試すことができます。もう既に自信がある方は腕試しに、もしくは理解度チェックのための復習として是非ご活用ください！こちらから問題にチャレンジ！ DOM（Document Object Model）とは、HTMLをアプリケーション（ここではJavaScript）から利用するためのAPIです。JavaScriptによるユーザーインターフェースの構築やレスポンスの表示など、インタラクティブな部分はほとんどがDOM操作によるも
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
