IT戦記 - Math.floor を使わずに小数を整数にする
少数を整数にしたいような場合 たとえば、 0 - 9 のランダムな整数が欲しい場合 普通はこう書く var value = Math.floor(Math.random()*10); Math.floor を使わない場合はこう書く var value = ~~(Math.random()*10); 「~」は補数を求める単項演算子で、オペランドを整数変換するので二回やることでオペランドを整数化できるのです。 まとめ でも、もっといい方法があるかも。 皆様なら「どう書く？」のでしょうか。
ブラウザにCommonJSを簡単に提供するスニペット - Islands in the byte stream (legacy)
CommonJS (+node.js 独自拡張)なモジュールをブラウザで読み込むにはいくつかの方法がある。たとえばbrowserbuildはまとめて1ファイルにしてくれるので、プロダクションコード用としてはとてもよい。一方でbrowserbuildは痒いところに手が届かないしデバッグも結合後のソースで行わなければならず、開発用としてはあまりよくない。 単純にモジュールをロードしたいだけなので、そのためのスニペットを書いてみた。 https://github.com/gfx/require-simple.js // require-simple.js function require(name) { "use strict"; if(!require.modules) { require.modules = {}; } if(require.modules[name]) { if(requi
CSSと Lettering.js で実現している19種類のタイポグラフィ - 表参道フォークウヱル別館
今回も、Forkwell の各種スキルのロゴのお話。Forkwell に登録されているスキルは、2012年4月20日現在およそ800種類。その内59種類は、スキルのロゴに人手で加工・編集した画像を当て込んでいるというのは前回の記事でご説明したわけですが、それ以外のロゴはどうなっているのでしょうか。 たとえばこの RSpec のロゴ。 どなたかのツイートで「（Forkwell の）RSpec のロゴに愛を感じる」というのを見かけました。しかし申し訳ないのですが、実はこのロゴは自動的に生成され、当てられているものなのです。マウスで「rspec」の文字をドラッグするとわかりますが、その部分は純粋なHTMLのテキストです。（ページ内をそのテキストで検索して、反転させてみるのもおもしろいです） 緑の背景色と黒線の枠、ネズミの絵はdivクラスの背景画像ですが、文字の部分はWebフォントが使われています
source-mapを可視化する - Islands in the byte stream (legacy)
source-mapは非常に期待のできる技術だが、軽く仕様を読んでもどのように動くのかよくわからない。そこで、souce-mapを可視化するツールを作ってみた。source-mapの処理にはmozillaのJavaScriptによる実装を使った。 左がオリジナルのソースコード、右がclosure compilerで最適化したコードである。具体的なコマンドラインオプションは以下のrepositoryのMakefile参照のこと。要素から要素への線はcanvasを利用した。ChromeとFirefoxでのみ確認したので、他のブラウザではうまく表示できないかもしれない。 demo repository 改良の余地はあるものの、とりあえずこれでデバッグできるようになった。
Meteor.js - naoyaのはてなダイアリー
http://www.meteor.com/ で公開された Meteor.js を少し触ってみました。TechCrunch なんかでも話題になっていましたね。 Meteor.js は JavaScript によるウェブアプリケーションフレームワークですが、クライアントサイドでもサーバーサイドでもない、"Isomorphic" なフレームワークです。 コンセプトとしていくつか特徴があるのですが、その最たるものは "Reactive Programming" で、モデルやセッションなどのストレージを更新するとその更新内容がリアルタイムに、そのアプリケーションを開いている全クライアントに伝わるようなアプリケーションを簡単に作ることができます。 この辺は実例を見るのが早いです。 http://www.meteor.com/examples/leaderboard ここにある動画では、あるブラウザで
enchant.js meetup 東京 vol.2でLTしてきた。 - 名称未定ドキュメント"Que"
Osaki.jsでの裏目標としては、エンジニアに積極的にアウトプットしてもらうことなんですが、言い出しっぺがアウトプット出さなきゃ話にならないので、ブログも積極的に書くし、積極的に出ていっていろいろ発表してこようという第一弾。ということで、enchant.js meetup 東京 vol.2 でLTしてきました。 CoffeeScript+enchant.jsでクロージャが気持よくかけた話 View more PowerPoint from Yusuke Hideshima 感想としては「プレゼンは面白かったけれども内容はさっぱりわからんかったｗ」という評価をいただきました。 うん、俺が聞いててもこれじゃわからんわｗ ということで解説します。 ポイントは２つ CoffeeScript はシンプルにかけていい言語 クロージャをかけるとJavaScriptの表現力が格段に上がる CoffeeS
9leap : Error - どこでも遊べる、投稿型ゲームサイト
9leap[ナインリープ]は、HTML5 + JavaScript によるオリジナルゲームコンテスト&投稿型ゲームサイトです。
モバイルゲームの歴史を年代別にご紹介します。モバイルゲームの成長と今後について詳しく解説していきます。
モバイルゲーム 物凄い勢いで勃興したモバイルゲーム業界は、いろいろな課題や問題に直面しながらも巨大化し、今日の時点でのスマートフォン向けゲームの市場へと継承されていきます。 モバイルゲームの歴史 2001 Javaアプリと3Dゲームの登場 Javaが利用できるようになったことにより、ダウンロード型のゲームが供給できるようになりました。 2002 携帯電話端末の大容量化・3D化競争 Java搭載携帯電話端末が登場してからごく僅か1年の間に、アプリのサイズに関しては10倍に広大化し、表現方法も2Dから3Dにシフトし始めました。J-PHONEは『ゼビウス』や『スペースハリアー』などといった昔のアーケードゲームを、ドコモはSIMCITYなどパソコンで世界的規模のヒットを飛ばしたゲームを主力商品としていました。 2003 モバイルゲームの一般化 メモリの制限が厳しいJava仮想マシン上ではなく、OS
ウェブリブログ：サービスは終了しました。
「ウェブリブログ」は 2023年1月31日 をもちましてサービス提供を終了いたしました。 2004年3月のサービス開始より19年近くもの間、沢山の皆さまにご愛用いただきましたことを心よりお礼申し上げます。今後とも、BIGLOBEをご愛顧賜りますよう、よろしくお願い申し上げます。 ※引っ越し先ブログへのリダイレクトサービスは2024年1月31日で終了いたしました。 ※10秒後にBIGLOBEのおすすめページに遷移します
No More Powerpoint I Have Impress.js
In this tutorial you will learn how you don’t need to use the old powerpoint presentation software now we have Impress.js.What Is Impress.JSImpress.js is a presentation framework which uses all the new features of CSS3 transforms and CSS transitions to create unique presentations. The idea of Impress.js came from viewing new unique presentations from prezi.com.Lately on Github Impress.js has becom
情報処理試験問題に学ぶJavaScriptのXSS対策
指摘事項A中の(a)は、他を見なくても「セキュア」属性だと分かりますね。徳丸本（体系的に学ぶ 安全なWebアプリケーションの作り方）では、4.8.2クッキーのセキュア属性不備(P209)に説明があります。 指摘事項Bは、ここだけ読むと、XSSのようでもあり、サーバーサイドのスクリプトインジェクションのようでもありますが、検査ログからXSSであることがわかります（下図はIPAからの引用）。XSSは、徳丸本4.3.1クロスサイトスクリプティング（基本編）と4.3.2クロスサイトスクリプティング（発展編）にて説明しています。 ここまでは、ごく基本的な問題ですが、問題文P6に出てくる以下の部分は、少しだけひねってますね。 このプログラムは、利用者が入力した文字列をダイアログに表示するために、受け取ったパラメタの値をスクリプトに埋め込み、動的にスクリプトを生成する。図4の( c )行目では
Learning JavaScript Design Patterns by Addy Osmani
Document has moved, if you aren't automatically redirected go here.
ブラウザーにファイルを残せるFile system APIの使い方 (1/5)
HTML5では、Web StorageやWeb SQL/Indexed DBといった、JavaScriptでクライアントサイド（ブラウザー）にデータを保存する機能があります。今回紹介する「File system API」もそんな機能の1つですが、MacやWindowsのようなディレクトリを持ったファイルシステムにデータをファイルとして保存できます。 File system APIを使うと、Canvasに描いた画像をファイルとしてブラウザーに保存する、といったことができます。現在のところ、「Google Chrome」と、Android 4の「Chrome for Android」だけで利用できますが、特にスマートフォンでファイルが扱えるのは便利でしょう。 今回は、File system APIを使って簡単なファイラーを作ります。File system APIは非同期処理が多く、掲載している
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
FIREFOX JS HACKS - XSSで使えるかもしれないJavaScriptテクニック
GitHub - Automattic/browserbuild
event.preventDefault() と event.stopPropagation() の違い - @kyanny's blog
Osaki.js
http://junk.yier.in/jsduck/
http://jxck.node-ninja.com/slides/nodeacademy5.html
JavaScript 入門 基礎編 | TM Life