2012年09月03日19:30 カテゴリ書評/画評/品評iTech alert('イチオシ'); // 書評 - JavaScript逆引きハンドブック 出版社より献本御礼。 JavaScript逆引きハンドブック 古籏一浩 待ってましたこういうの。 EcmaScript 5のサポートが一通り完了して、これからHTML5のAPIが充実していくという今は、JavaScriptを学ぶ最高の旬。だけどWebの情報は断片的で、折角の新APIを使おうにもどこから手をつけていいのかわからなかった。これで勝つる。 本書「JavaScript逆引きハンドブック」は、「Ruby逆引きハンドブック」の出版社によるJavaScriptのシソーラス。「辞書」や「参考書」なら巷にあふれかえっているJavaScriptであるが、これがなかなかなかった。ましてやES5にHTML5といった最新の機能をカヴァーしているも

誰も期待してないどうでもいいカミングアウトをすると、実は僕は数ヶ月前に会社を辞め、晴れて日本人男性の最も憧れる職業「無職」へのジョブチェンジというかジョブロストを果たしていた訳であります。 １年もwebのこと勉強してればwebサービスの１つくらいは１ヶ月もありゃあ作れるだろ！tumblrとかpinterestくらいのもんなら余裕だしｗｗｗｗとか思って密かに３つほどプロジェクトを進めていたのですが、案の定僕の（プログラミング能力・設計能力・システム構築能力・企画能力・デザイン能力・根気などの）能力不足によってリリースどころか完成までこぎつけることが出来ず、どれもこれも頓挫と相成ったわけであります。 今考えてみれば、業務でプログラム書いた覚えなんてどれも100行いかない程度の滅茶苦茶なjavascriptとphpとシェルスクリプトくらいなもので、休日に自分でプログラムを必死に勉強していたなどと

って使えないんですね。 var array = []; array["a"] = "string a"; array["b"] = "string b"; console.log(array.length); 見事に０が返ってきます。意味が分かりません。 まぁ今作ってるものにはlengthプロパティ使うつもりないし、全走査するときもfor in使えるからいいや！と思っていたのですが、socket.io経由で上のarrayという名の連想配列をサーバ->クライアントに渡したら空の配列しか取り出せませんでした。 結局設計者の意図を読んで、それに合わせた使い方しないといけないのかな。 参考:http://d.hatena.ne.jp/amachang/20070202/1170386546

Google Documentがどうやって作られているのか軽い気持ちで調べたら，実は僕たちが見ている編集画面は入力欄ではなかったという話です。 調べはじめた経緯 そもそもなぜ調べようとしたのか。 HTML5関連技術として，Drag and Drop API，File APIというのがあるのはご存知でしょうか？ Drag and Drop API 今までJSで自作していたり，jQuery UI等で実装されていた方も多いと思いますが，ブラウザが対応することで，簡単にDnDを用いたシステムを作ることができるようになるものです。 File API ブラウザからローカルファイルにアクセスできる...

第2回座標の回転を理解する─ブラウザで操作できるJavaScript座標回転プログラム 木元峰之 2011-12-08

JavaScript おれおれ Advent Calendar 2011 – 17日目 .apply()で成り済ましができたり仕事をスルーして丸投げしたりする事ができますが、さらにもうひとつ、フックを行う事ができます。 フック(hook)というのはフック船長のフック、鉤爪の事で、処理を「ひっかける」ような事です。ある関数が実行される際に、独自のコードを実行させる事ができます。 フック (プログラミング) – Wikipedia フック（Hook）は、プログラム中の特定の箇所に、利用者が独自の処理を追加できるようにする仕組みである。また、フックを利用して独自の処理を追加することを「フックする」という。 あの処理がどこで呼ばれてるかわからないときに 具体例をひとつ。例えばjQueryで「どこかのタイミングで勝手にクラス名が追加されてしまって困っている」という場合を考えます。その場合は .add

1行目を書き換えて、スラッシュ/をひとつ消したり加えたりするだけです。 ひとつ目のコードでは1行目と3行目から5行目がコメントになります。 ふたつ目のコードでは1行目から3行目と5行目がコメントになります。 コード整形のSyntaxHighlighterがうまく解釈してくれなくて、コメント色になってませんが……。

1. WebSocketのキホン 2011/12/16 HTML5+IE9 Web Camp 2 with html5j.org NTTアドバンステクノロジ アプリケーションソリューション事業本部 情報機器テクノロジセンタ きんじょう ゆう 金城 雄 2. 自己紹介 きんじょう ゆう 金城 雄 NTTアドバンステクノロジ gihyo.jp NTT-AT アプリケーションソリューション事業本部 Jettyで始める 情報機器テクノロジセンタ所属 WebSocket超入門 http://gihyo.jp/dev/feature/01/websocket より引用 3. 資料について 本番で使用したスライドを オンラインで公開します http://www.slideshare.net/You_Kinjoh/ ※ 発表資料は修正される可能性があります ※ イベントのサイトからも公開される予定だそうで

「HTML5でスマートフォン向けのゲームを効率よく作りたい」――そんなWeb開発者のための新しい国産JavaScriptライブラリーが登場した。jActionプロジェクトが12月14日に公開した「jAction」（ジェイアクション）だ。 jActionは、スマートフォン（iPhone/Android 2.2～）向けのJavaScriptライブラリー（MITライセンス）。HTML5＋JavaScriptを使ったゲーム開発を効率化することを目的としており、12月14日に公開されたアルファ版では、Canvas上にキャラクターなどの画像をレイヤー配置する、配置した画像を動かす、衝突を判定する――といったメソッドが用意されている。 jActionを開発したのは、クリエイトウェーブの大渕脇昭人さん、tadashikuの萩原伸悟さん、岡 徳之さんの3人。両社はもともと、ゲームメーカーなどから依頼されたF

enchant.jsプログラミングでRequireJSを使うとなにが嬉しいの？どうやって使うの？という話。最初はenchant.jsをCommonJS/Modulesに合うように書き変えなきゃダメだと思っていたんですが、そんなことはないんですね。これは便利。 何が嬉しいの？ 開発時にはゲームを複数のJSファイルに分割できるというメリットを、公開時にはゲームプレイに必要なダウンロード回数を減らせるというメリットを得られます。 Why Web Modules? 複雑なゲームじゃないしべつにgame.jsひとつで充分ですという場合には、はっきり言って不要なモノです。しかし長々と開発してたらクラス数が10を超えてきて超長いスクリプトになっちまったぜウォォという場合には、遠慮なくコードを分割統治できるというメリットは大きいでしょう。 enchant.jsとgame.jsを読み込む まずはrequir

Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp

JavaScriptの書き方はJavaScript自体がある程度自由なためいろいろな書き方ができますが、一貫性を持って書いた方がバグなども発生しにくくなるため、コーディングルールを定めておくのはよいことだと思います(特に複数人の開発の場合) 有名な企業やライブラリはコーディングルールも公開している事が多いので適当にまとめてみました JavaScript style guide – MDC Docs Mozilla/Firefox向けのものなので、一部ECMAScriptの範囲を超えたものも含まれています。 多くの人が見ていると思うので、見たことない人は一度読んでみるといいです。 jscsにこのコーディングルールをチェックするプリセットが用意されています。 Google JavaScript Style Guide Google JavaScript Style Guide 和訳 — Goo