この和訳について¶ この文章は Google JavaScript Style Guide を非公式に和訳したものです. 内容の正確性は保証しません. ライセンスは原文と同じく CC-By 3.0 とします. フィードバックは Issue への登録 , あるいは Kosei Moriyama (@cou929 または cou929 at gmail.com) へ直接お願いします. この和訳のリポジトリは こちら です.
Google JavaScript Style Guide 和訳 — Google JavaScript Style Guide 和訳 v0.1 documentation
この和訳について¶ この文章は Google JavaScript Style Guide を非公式に和訳したものです. 内容の正確性は保証しません. ライセンスは原文と同じく CC-By 3.0 とします. フィードバックは Issue への登録 , あるいは Kosei Moriyama (@cou929 または cou929 at gmail.com) へ直接お願いします. この和訳のリポジトリは こちら です.
Numeric Javascript
Numeric Javascript HOME WORKSHOP BENCHMARKS DOCUMENTATION DOWNLOADS: numeric-1.0.0.js numeric-1.0.0.min.js Numeric Javascript is a library for numerical computations in Javascript. You can write Javascript programs that manipulate matrices, solve linear problems, find eigenvalues and solve optimization problems in the browser using Numeric Workshop or in your own web pages by downloading numeric.j
JavaScript のリテラルパターン - A Memorandum
オブジェクトリテラル オブジェクトの作成はコンストラクタにて以下のように書けます。 var car = new Object(); car.goes = "far"; が、より簡素なオブジェクトリテラル表記を使うべきです。 var car = {goes: "far"}; オブジェクトコンストラクタに数値を渡した場合、以下のように実際に作成されるオブジェクトが異なります。 var o1 = new Object(2); console.log(o1.constructor === Number); // true var o2 = new Object("hello"); console.log(o2.constructor === String); // true var o3 = new Object(true); console.log(o3.constructor === Bool
perfume.js iPhone, iPad に対応させた - 音の鳴るブログ
http://mohayonao.herokuapp.com/perfume3 Perfume のモーションデータを使って JavaScript で踊るやつ。Safari や iOS では動かなかったんだけど修正して動くようにした。（Windows版の Safari では動かないみたい） やったこと 動かなかった最大の原因はオーディオファイルの形式で、公式で配布されている wav を ogg に変換して使っていたのだけど、Safari は ogg に対応していないらしいので mp3 も用意した。 それだけで一応は動くようになったのだけど、BVH のデータが iPhone で読むには大きすぎて（1つにつき2MBくらいある）ダメな感じだったので、フレームを間引いて小さくしたモバイル版BVHを作った。PCに比べるともっさりしているけど、動くから良い。 3D処理自体は three.js でやってい
jscomplete-vim - hogehoge @teramako
https://github.com/teramako/jscomplete-vim 既存のvimに入っているautoload/javascriptcomplete.vimがアレだったので、もう少し賢そうなのを作りたいと思い、作り始めた。 初めてのVim scriptなので拙いコードだと思うけど。ある程度目的は達成できてきたと思うので、GitHubにアップしてみた次第。 .や[後のプロパティ名を補完することが目的。 そのために、ある程度の式をパースし、どんなオブジェクトが返るかを判断する。 "a,b,c,d" .split(",") .map(function(c){ return '"' + c + '"'; }) .join("\n") ._ // ↑カーソル位置 とある場合は、 "a,b,c,d" .split(",") .map(function(c){ return '"' +
Closure Templatesのオートエスケープが最強すぎる件 - teppeis blog
rails3以降のWEBアプリケーションにありがちなXSS - hanagemanの日記ではない この記事を読んで、ちょうど最近使っているGoogle Closure Templatesがいい感じだったので紹介します。 コンテキストが異なる/重なるポイントでのエスケープ問題 最近のほとんどのテンプレートエンジンでは、変数埋め込みをデフォルトでHTMLエスケープしてくれます。が、元記事で指摘されているように、それでは正しくないケースがあります。HTML PCDATA以外のコンテキストで文字列を生成したり、複数のコンテキストが重なっている箇所です。 極端な例としてはこんな感じです。 <a href="{$x1}" onclick="alert('{$x2}')">{$x3}</a> <script> var x = '{$x4}'; var y = {$x5}; </script> <styl
JSConf 2012 に来てみた - blog.niw.at
JSConf 2012 に来てみた米国 Arizona 州は Phoenix に来ています。 Phoenix はここ。Arizona 州は初めてなのですが、事前に聞くと100度(華氏 = 37度セ氏)くらいになるとか聞いてげんなりしてたのですが、そこまでヤバイくらい暑いことはなく、風は冷たいのでなんとかなる感じです。例によって夜は寒い… さて、そんな Arizona 州は Phoenix に、今回は JSConf 2012 に参加するために来ました。Bootstrap の Jacob はプレゼンターなのですが、僕は完全に参加者で来ています。 是非、発表できるようになりたいですが… それはさておき、その名の通り JSConf は JavaScript の小中規模のカンファレンスで、今これがアツいっていうのを話し合って友達を作る会みたいなもので、遠くアイスランドから、あるいはニューヨーク、近く
戻るボタンとonloadイベント - Pixel Pedals of Tomakomai
ブラウザの戻るボタン(history.back)で戻った時にonloadイベントが走るかどうかは、ブラウザによって違うようです。 まず、IEですが、戻るボタンのときもonloadイベントが走ります。よって、なんにも心配要らないです。 次に、Firefoxではbfcacheと言う機能があり、以下の事情になってます。 ユーザがキャッシュされたページにナビゲートしたとき、インラインスクリプトと onload ハンドラは実行されません。 (中略) ユーザがそのページから去るナビゲートをするときに実行されるようにしたい動作があるものの、この新しいキャッシュ機能を生かしたく、さらにそれゆえに unload ハンドラを使用したくないという場合は、新しい pagehide イベントを使用します。 Using Firefox 1.5 caching と言うことで、Firefoxのことを考えるのなら、onpa
JavaScriptでRubyのmethod_missingを実装する - hagino3000's blog
追記: Firefoxの実装で既に有る__noSuchMethod__に名前は合せた方が良い、というコメントを頂いたので名前を変えました。 何の役に立つか不明だけど書いてみた*1。Proxyでプロパティアクセスをフックして、存在しない場合は用意しておいた関数プロキシを返す。 __noSuchMethod__ for Chrome ― Gist https://gist.github.com/2290705 上記の処理が書いてあるのはこの部分。 function enableMethodMissing(obj) { // 関数プロキシの作成 var functionHandler = createBaseHandler({}); functionHandler.get = function(receiver, name) { // プロパティアクセスの場合は何も返さない return fun
Using a mobile device to control a game on your browser by Web Development
Accelerometer support is available in Mobile Safari and all new android devices. This enables the browser to sense movement, speed and direction with Javascript on mobile & tablet devices. If we push the movement data from the mobile device instantly through a nodejs server to a browser, then we can control a game on the browser. This is exactly what we have put together in this fun little html5 d
Write and Run
年末。KOBA789 です。 本年もおもしろいことがたくさんあったのですが、しかしそれらはまだ書けないことばかりなので、今回はちょっと薄めでお送りします。 2024はこちら: diary.hatenablog.jp 年初 2024年末の南米出張の疲れを引きずったまま年を越したのを覚えています。出張がなかったとしてもこの次期は毎年調子が悪く、なんならまさに今も同様の状態であります。 元日。千葉県のいすみ市の海岸まで初日の出を見に行きました。はじめは太東崎灯台で見るつもりだったのですが人が多すぎて車を駐められず断念。アドリブで近くのよさそうな場所を発見し、そこで夜明けを待ちました。Starlink を車のルーフに乗っけて初日の出の様子を配信していたら、毎年見に来ているという常連グループに声をかけられました。近くにキャンプ場があり、そこでキャンプしてから来るのが恒例とのこと。冬キャンプは憧れです
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
やっぱりPerfume、100人踊っても大丈夫 - 音の鳴るブログ
http://mohayonao.herokuapp.com/perfume3 モーションデータを使ったアニメーションで同じ動きしかしないのなら、事前に計算すればよいのでは？と思って書いた。1体分のデータを読み込んでフレームごとの各部位の位置を計算して、他の人はcloneメソッドで複製、計算した位置を参照する感じ。僕の環境では結構ちゃんと動いている。 最初に計算するのに時間がかかるけど、その後は軽量に動くので動的に腕を伸ばしたりさせないのなら、この方が良いと思う。 motionman.js 事前に計算する踊る人のやつを追加 (StaticMotionMan) perfume3.js メインの処理
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
JSTDD Intro for EVERY JavaScripters @kanazawa.js v1.7 (2012-03-31)
デザイナもエンジニアも参加する kanazawa.js のために JavaScript を題材にして TDD を紹介します。
1. JavaScriptで楽しみましょう ⇠ JavaScript ⇠ Lectures - Wonder Rabbit Project
There are navigation as a link to the content page on this website: /main about links /Lectures/ JavaScript 1 2 3 JavaScript ⇠ Lectures 2012-03-28 23:30 2012-03-28 23:30 内容 1.1.はじめの環境整備 1.2.電卓とJavaScriptの式と関数の考え方 1.3.変数を使って少しプログラムらしい事をしてみる 1.4.関数も使えたなら、もうプログラムらしいものも作れるね 1.5.プログラムをファイルに保存して実行してみよう 1.A.付録 1.A.1.○○についてもう一度！ 1.A.2.お勧めのテキストエディタを教えて下さい 1.A.3.Windowsとcmdでの実行例 1.1. 環境整備 さっそくですが、 Node.js を
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Create a new fiddle - JSFiddle
phantomjs/examples at master · ariya/phantomjs
JavaScript小史
WebStorm指南書