JavaScript第5版読書会#1 - higeorange's blog
http://cotocoto.jp/event/2880 に参加してきた。 気になったコード js> "hoge".charAt(1) o js> "hoge"[1] o // 実装によってはうごかないらしい。 new String() vs. String() js> typeof("hoge") string js> typeof(String("hoge")) string js> typeof(new String("hoge")) object js> typeof(3) number js> typeof(Number(3)) number js> typeof(new Number(3)) object 文字列 -> 数値 js> "10" - 0 10 js> "10" + 0 100 Array.fill js> new Array(10 + 1).join("*").
中央そろえ - higeorange's blog
io の alignCenter を javascript で。 プラス拡張 String.prototype.repeat = function(n) { for(var i=0, str=""; i < n; i++) { str += this; } return str; } String.prototype.alignCenter = function(n, str, astr) { var r = (n - this.length) / 2 return str.repeat(Math.floor(r)) + this + (astr || str).repeat(Math.ceil(r)); } js> "hoge".alignCenter(10, "-") ---hoge--- js> "fuga".alignCenter(13, "$") $$$$fuga$$$$$ js
今日買った本 - higeorange's blog
JavaScriptクイックリファレンス 作者:David FlanaganオライリージャパンAmazon バイトの給料でたから買った。 3000円の価値があるかどうかは微妙なところ。 感想を少し クイックリファレンスという名前のとおり内容は，クラスを列挙してプロパティ，メソッド等を軽く説明しているだけ(ただし，JavaScript 1.5 の内容を網羅していると思う)。 JavaScript がまったくわからないという人にはちょっときつい内容だと思う。使用例が書かれているものが少ないのもきついところ。 ただ， JavaScript 第３版には書かれていなかった新しいもの (XMLHttpRequest, Canvas, etc.) が書かれているのはいいところ。 JavaScript のリファレンス本としては JavaScriptビジュアル・リファレンス (Web Designer’s
Canvas で遊んでみる。 - higeorange's blog
おもしろい。 で， CanvasRenderingContext2D を拡張してみる。 CanvasRenderingContext2D.prototype.strokeLine = function(path, closePath) { var begin = path.shift(); this.beginPath(); this.moveTo(begin[0], begin[1]); for(var i=0;i<path.length;i++) { this.lineTo(path[i][0], path[i][1]); } if(closePath) this.closePath(); this.stroke(); } 配列を引数にとり，下記のように使う。 canvas.storokeLine([ [10, 0], [10, 20], [30, 20], ]) (10, 0) から
Canvas で遊んでみる 2 - higeorange's blog
画像を回転させる Bookmarklet を作ってみた。 javascript:(function(){var l=location.href;location.href='data:text\/html;charset=utf8,<html><head><script type="text\/javascript">function draw(){var canvas=document.getElementById("canvas");var img=document.createElement("img");img.src=\"'+l+'\";canvas.setAttribute("width",img.height);canvas.setAttribute("height", img.width);var ctx=canvas.getContext("2d");ctx.rotate
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
