先頭を0で埋めて桁をそろえる（解説付き） - 素人がプログラミングを勉強していたブログ
使いたい場面はけっこうあるのにいざ作ろうとなると難しい。 Number.prototype.fillZero=function(n)(new Array(n).join('0')+this).substr(-n); var n=1234; n.fillZero(5);//01234 妙なテクニック使いまくりだから後で読んでわかるようにコメント付きのソースも載せておく。 Number.prototype.fillZero=function(n){ var zero=new Array(n).join('0');//0をn-1文字分つなげた文字列を作る。n==4だと'000' var str=zero+this;//zeroとthisをくっつけた文字列を作る。 var result=str.substr(-n);//strの後ろから、n文字分の文字列を取ってくる。 return result;
HTML5のcanvasでテトリス - 素人がプログラミングを勉強していたブログ
canvas thisに置いた。 JavaScriptの部分は下記の通りで、テトリスの画面の二次元配列とブロックの二次元配列を保存して、画面の上にブロックを重ねるように描画するというごく普通の実装。 画面の端を壁にしておくことで、はみだしチェックなどを省くことができる。番兵と呼ばれるテクニックで、よく使われる。 だいたいの部分の作成は1時間くらいで終わって、ブロックが落ちてくる+ブロックを動かせる/回転させられるようにするところまでで1時間30分。 あとは、描画まわりのバグ取りとブロックに色をつけるところ、次のブロックを左上に表示、ブロックの回転の調整（最初はブロックの左上を軸に回転していたが中央に軸をもってくるように+回転済みのブロックを保持しておく）を、リファクタリングをしつつやった。 全体で3時間くらいかかった。 どこかの動画で1時間でテトリスを作っていたのを見たので、自分でも作って
スタイル - 素人がプログラミングを勉強していたブログ
最近はこう書いている。 /* copyrightやlicense情報は必要だったら最初に複数行コメントで書く */ // グローバル変数を初めにvarで宣言する var global = window; // 関数を使用する前に関数本体を書く function times(func, n, self) { // var宣言は最初に書く。 var i; if (!self) self = global; // 式が一つの場合、一行で書く for (i = 0; i < n; ++i) { // 必要がない場合、i++ではなく++iとする try { func.call(self, i); } catch (error) { if (error instanceof global.StopIteration) { break; } else { // elseが必要な場合、ブレースは必ず付ける
文字列から要素を作りたいときはinnerHTMLではなくcreateContextualFragmentを使う - 素人がプログラミングを勉強していたブログ
追記：ベンチマークをコメントを元に修正 文字列から要素を作りたい場合、 var temp = document.createElement('div'); temp.innerHTML = '<span>foo bar fizz buzz!</span>'; とやることが多い。 だが、不要なdiv要素ができて気持ち悪いし、for文でchildNodesをひとつずつ処理する必要があって、不便。 divの中にhead要素を入れることはできないので、innerHTML=''としても、要素は作られない。 RangeのcreateContxtualFragmentを使うと、こういった問題を避けることができる。 例えば、上のコードをcreateContextualFragmentを使って書き直すと、 var range = document.createRange(); range.createCon
もっと簡単にJavaScript実行したいからいろいろ調べた - 素人がプログラミングを勉強していたブログ
一番メジャーなのが、アドレス欄に「javascript:ほげほげ〜」とやる方法。ブックマークレットもこの方法。 Firefoxには、ツールメニューのところに「エラーコンソール」というものがある。Firefoxは毎日使ってるのに今日知った。code:の欄にjavascriptを直接入力し、evaluateボタンを押す。javascript:はいらない。 あと、FirebugというJavaScript書くのとかに便利な拡張があるから、それを入れた。Ctrl+Shift+Lで出てくるコード入力欄にJavaScriptを入力してEnterを押せばいい。Copyボタンを押すとブックマークレットとしてコピーされる。 今後は短いものはFirebugを使って書くことにする。エディタとブラウザ行き来してF5押すとか面倒くさいことしなくてよくなるし。すごく助かる。デバッガ？とかいう機能が便利と聞くが、それはも
素人がプログラミングを勉強するブログ
特に技術的に新しいものではないので公開せずに放置していたが、XSS Auditorをバイパスする方法はいろいろあるので気をつけましょうという話。 XSS Auditorをバイパスする方法は、Chrome XSS Auditor - SVG Bypass - Hack 2 Learnを参考にした(最新版ではすでにこの手法は塞がれた)。 実演と解説 見た方がわかりやすいと思うので、動画にしたので見てほしい。 これはある大学のログイン画面に存在するXSSで、 login.php?fromURL=xxx">Please complete the captcha before proceeding.<br><svg width=242px height=65px><a><image href=https://i.imgur.com/6W1W2jE.png/><animate attributeNam
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
