Meguro.es x Gotanda.js #1 in Drecom https://meguroes.connpass.com/event/49543/
JSerのための ブラウザコードリーディング （テスト編）
Meguro.es x Gotanda.js #1 in Drecom https://meguroes.connpass.com/event/49543/
Connect ソースコードリーディング(1) - ソースコードの依存関係 - hakobera's blog
前置き Node.js で一番よく使われている Webフレームワークといえば、Express です。で、その Express が大きく依存しているのが Connect です。 Express を制するにはまずは Connect から、というわけで、Connect のソースコードを読み始めました。 対象とする Connect のバージョンは現時点(2011/11/23)での最新版である 1.8.1 (Express 2.5.1 が依存）です。 初回は、ソースを読む前の事前準備として、ソースコードの依存関係と各ソースの概要について説明します。 Connect ソースコードの場所 1.x ブランチ (master は 2.0.0alpha1 なので注意) senchalabs/connect at 1.x · GitHub 現時点でのメイン・コミッター（≒ 最もアクティブにコミットしている人の意
ソースリーディング！Herlockの仕組みをゲームのソースコードから解説します！ - 連載 - Mobile Touch - モバイル/タブレット開発者およびデザイナー向け情報ポータル
前回はアプリストアにリリースされているねこ穴の開発版を自分のプロジェクトとして実機テストできるところまで試しました。今回はその中で使われているソースコードを読み、どういった処理が行われているのかを解説したいと思います。 構造 前回も書きましたが、まずは全体構造を見てみましょう。 $ tree . ├── libs // サードパーティのライブラリやよく使う関数があります │ ├── common.js │ └── require.min.js ├── main.js // 一番最初に読み込まれるスクリプトです └── nekoana ├── config.js // 設定、定数などが指定されています ├── images // ゲーム中で使われる画像リソースです │ ├── game_black.png │ │ : │ └── game_top_bg.png ├── lib
JavaScriptライブラリの気になる実装をどうやって見ていくか
はじめに 毎日新しいJavaScriptライブラリが登場していると思いますが、それらがどういう実装になっているかを知ることはライブラリを使う以上に大事かもしれません。 ソースを全部読めば分かるかもしれませんが、それをやるには時間が足りません。 JavaScriptに限った話では無いですが、今回はJavaScriptを例に”特定の機能はどうやってるんだろ?”という事を調べる方法についてです。 探す前にドキュメントに載ってないかを見るのが手間がなくて一番よいですが、書いてない場合は実装を見ます。 Vue.js 今回はVue.jsというAngularJSやKnockoutのようなViewとModelのデータバインディグを行うライブラリを例に、データバインディグはどうやっているのかを2つの方法で調べてみたいと思います。 コードをステップで見ていく これはよく見る方法で皆さんもやったことがあると思い
jQuery から卒業するための第1歩を polyfills から学ぼう
2014/01/30 | lastmod: 2024/06/29 この記事は書かれてから1年以上が経過しており、最新の情報とは異なる可能性があります tech JavaScript jQuery polyfills （2024 年追記）古い記事なので誰も見てないと思いますが、現在 polyfills を使うのは危険なのでやめましょう。もはや機能が足りなくて困るケースはないようなので、使う意味もないかと思います。 https://www.itmedia.co.jp/enterprise/articles/2406/29/news057.html （追記終わり） jQuery というライブラリは非常に便利な JavaScript ライブラリであります。 jQuery 便利！ いやー、便利ですよね。便利すぎて、JavaScript を書いて HTML 要素を何かしようと思ったときに、無条件で使用
ryuone日記(2012-05-27)
■ [JavaScript][Sinon.JS] sinon.jsとlib/spy.jsを読んだ。 さて、Buster.JSがリリースされたら、コード読んだりして勉強しようと思ってたんだけど、リリースが来月末に伸びたので、それまでにSinon.JSの勉強をすることに決めた。ので、Sinon.JSのコードを読む。 (使い方の勉強でも良かったんだけど、最近仕事でJSのコードを見ても触っても無いので、感覚を取り戻すためにコードを読むことにした。) 読書対象は、最新のSinon.JSで、これをCloneする。(最終コミットが2012/5/19バージョンとなってる。) 今回読んだファイルは以下2ファイル Sinon.JS/lib/sinon.js Sinon.JS/lib/sinon/spy.js 細かい処理については、読んでないです。とりあえず、全体の構造を理解するのを優先しました。 Sinon.
コードリーディングについて | ありえるえりあ
コードリーディングについて アリエルネットワークCTO 井上誠一郎 自己紹介 書籍 「P2P教科書」 「パーフェクトJava」 「サーバサイドJavaScript入門」 「パーフェクトJavaScript」 今回の講義 心構えや経験談が中心 抽象論になりすぎないように実践可能な「トライ」ページ 次回講義の予告 3月1日の予定 「Webアプリのアーキテクチャの歴史と進化」 専門用語多め 反応を比較して今後の講義の参考にします コードリーディング(1) 現場で重要なスキル 既存コードベースがある場合、書くコード行数は驚くほど少ない 学習と実務でのギャップ サンプルコードは短い コードリーディング(2) 既存コードを理解できないと デバッグできない 新機能の追加ができない 既存コードと同じコードを書いてしまう(無知ゆえのコピーコード) => 更に読みづらくなる悪循環 理解できないコードは悪 多少
jQueryコードリーディング: bind(),live(),delegate() - <s>gnarl,</s>技術メモ”’<marquee><textarea>￥
おはようございます。コードリーディング第四回です。 jQueryには、特定のエレメントにイベントを割り当てるメソッドとしてbind,live,delegateが存在します。今回は、これらのメソッドの実装を追ってみたいと思います。 対象 jQuery 1.5.0 これまでのエントリ 配列、each 初期化、extend セレクタを渡した場合の処理 はじめに bind,live,delegateそれぞれの公式リファレンスは以下です。 http://api.jquery.com/bind/ http://api.jquery.com/live/ http://api.jquery.com/delegate/ また、それぞれのメソッドの違いを解説したエントリは以下です The Difference Between jQuery's .bind(), .live(), and .delegate()
jQueryコードリーディング:セレクタを渡した場合の挙動について - $('a') は何を返すか - <s>gnarl,</s>技術メモ”’<marquee><textarea>￥
おはようございます。コードリーディング第三回です。 これからエレメント操作系のコードを読んでいきたいのですが、そのための準備として、セレクタを引数にしてjQueryオブジェクトを構築したとき何が起こるか見ていきたいと思います。 セレクタの解釈にはSizzleというエンジンが使用されているようですが、今回はあまり深くは追いません。「セレクタを渡した場合どのようなオブジェクトが返ってくるのか」を理解することを目的とします。 対象 jQuery 1.5.0 これまでのエントリ 配列、each 初期化、extend 今回読むコード $('a') 記述ルール 今回から、jQuery本体のコメントと区別するため、筆者が追加したコメントは//# の形式で記述します。 //# 筆者が追加したコメント // 元からついていたコメント function foo() { } クエリセレクタをざっと読んでみる $
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
