2013年05月08日18:21 JavaScript 実際のサイト上で動作するチュートリアルが簡単に作れるIntro.jsが便利すぎる件 さて、先日簡単なチュートリアル作ろうと思ったんですが、どうやるのが良いのかなーと思って悩んでました。キャプチャ取ってそこに説明文を書いて... 続きを読む

• blog.livedoor.jp:sasat...
• テクノロジー

jQuery version1.5で導入されたjQuery.Deferredは、無くてもコードを書けるけど、使えば少しコードが綺麗かつ見通しが良くなる、という機能。 無くても書けるという機能がなかなか使われないというのは世の常なので、jQueryクックブック(O'REILLY)の中でも言及... 続きを読む

• qiita.com
• テクノロジー

Yahoo!デベロッパーネットワークの中野(@Hiraku)です。これまで、JavaScriptで非同期処理を書く上での問題として、コールバック地獄やエラー処理に例外が使えないことなどを解説してきました。 これらの問題に対処するライブラリの1つであるjQuery.Deferredに関... 続きを読む

• techblog.yahoo.co.jp
• テクノロジー

僕の好きな音楽共有サイトの一つに「SoundCloud」というサービスがあります。 日本人もたくさん投稿していて、カッコイイEDMもかなり投稿されてるので、作業用BGMによく利用させてもらっています。 そのSoundCloudでどうやって実装されてるのか興味深い箇所があ... 続きを読む

• blk.jp
• テクノロジー

2013-03-20 RequireJSを活用したキャッシュ防止、A/Bテスト、画像事前読込など RequireJS javascript [for English user] This article is a simple introduction about my project for Japanese developer. You do not have to read this, reading this projec... 続きを読む

• eller86.hatenablog.jp
• テクノロジー

今日話さないこと JavaScriptの基礎知識、jQueryの導入 気持ちいいUIやUXがうんちゃら CanvasやWebGLを使ったリッチでイケてるゲームの作り方 続きを読む

• hokaccha.github.com
• テクノロジー

米Stripe、JavaScriptで決済の全てを完了できる 「jQuery.payment」をリリース 【増田 @maskin】 : TechWave English 概要とミッション スタッフとコミュニティ 事業内容 参加しよう English 問い合わせ 2013年02月08日14:00 米Stripe、JavaScriptで決済の全て... 続きを読む

• techwave.jp
• テクノロジー

Stack Overflowに面白い質問があったので紹介する javascript - Why does Google prepend while(1); to their JSON responses? - Stack Overflow 質問 Googleのサービス内で使われるJSONの先頭に while(1); てついているのは何故？ 例えばGoogle Calendarではカ... 続きを読む

• qiita.com
• テクノロジー

For the most up to date list of examples, please clone the Github Repository. 続きを読む

• nvd3.org
• テクノロジー

2013-01-19 あたらしい timbre.js - サウンドプログラミング用のJavaScriptライブラリ 新しく書き直した。 以前のバージョンと全然互換性がなくて申し訳ないのだけど、可読性とかかなり使い勝手が良くなっていると思います。ライブラリ自体のコードも分かりやす... 続きを読む

• mohayonao.hatenablog.com
• テクノロジー

Can't find a Plugin you are looking for? Check out the jQuery Wiki page. Are you a plugin developer? Please move your plugin over to this site. 続きを読む

• plugins.jquery.com
• テクノロジー

Drag & Drop MIDI files into your browser to view/play! 続きを読む

• mudcu.be
• テクノロジー

2013-01-09 PhantomJS + Selenium::Remote::Driver でスクレイピングをこころみる perl PhantomJS といえば、WebKit を headless でうごかせて便利なやつですが、PhantomJS 1.8 から Ghost Driver がくみこまれるようになりました。GhostDriver は WebDriver Wi... 続きを読む

• blog.64p.org
• テクノロジー

A dynamic layout plugin for jQuery The flip-side of CSS floats ← View docs and demos 続きを読む

• masonry.desandro.com
• テクノロジー

2013-01-02 Sinatra っぽく簡単に JS で Dispatch できる micro_dispatcher.js のご紹介 https://github.com/tokuhirom/micro_dispatcher.jsjavascript 用のシンプルな Dispatcher にはいくつかあるが、どうも満足いくシンプルな実装がなかったのでつくった(と... 続きを読む

• blog.64p.org
• テクノロジー

2012-12-31 JavaScript のスコープチェーンとクロージャを理解する 前回で JavaScript のスコープの基本がわかったので、今回はスコープチェーンとクロージャを勉強してみました。 Call オブジェクトとクロージャの理解がかなり大変でした・・。 変数オブジェク... 続きを読む

• tacamy.hatenablog.com
• テクノロジー

Rickshaw: A JavaScript toolkit for creating interactive time series graphs Graphing Toolkit Rickshaw provides the elements you need to create interactive graphs: renderers, legends, hovers, range selectors, etc. You put the pieces together. S... 続きを読む

• code.shutterstock.com
• テクノロジー

はじめに ここではJavaScriptにおける「ユーザが使用するプロパティやメソッドを、適切な名前空間に展開する方法」すなわちコードのモジュール化の方法を整理します。 JavaScriptには、パッケージや名前空間を直接管理する方法はありません。 なので、オブジェ... 続きを読む

• hitsujiwool.tumblr.com
• テクノロジー

お客様が developerWorks に初めてサインインすると、プロフィールが作成されます。プロフィールで選択した情報は公開されますが、いつでもその情報を編集できます。お客様の姓名（非表示設定にしていない限り）とディスプレイ・ネームは、投稿するコンテンツと... 続きを読む

• www.ibm.com
• テクノロジー

今日の内容 JavaScriptを勉強し始めくらいの人を対象にしたJavaScript入門講座的なもの 文法とかは調べればわかるのでふれません 一人で勉強してもわからなそうな概念などを重点的に説明します ライブコーディングするのでJavaScriptってこんな感じて作るんだな... 続きを読む

• hokaccha.github.com
• テクノロジー

IntroductionV8 has support for debugging the JavaScript code running in it. There are two API's for this a function based API using JavaScript objects and a message based API using a JSON based protocol. The function based API can be used by ... 続きを読む

• code.google.com
• テクノロジー

お客様が developerWorks に初めてサインインすると、プロフィールが作成されます。プロフィールで選択した情報は公開されますが、いつでもその情報を編集できます。お客様の姓名（非表示設定にしていない限り）とディスプレイ・ネームは、投稿するコンテンツと... 続きを読む

• www.ibm.com
• テクノロジー

Statistics Favorites 1 Downloads 0 Comments 0 Embed Views 0 Views on SlideShare 0 Total Views 0 Aiming study#6pdf — Presentation Transcript 大規模 JavaScript その設計と実装と現実 株式会社Aiming ソフトウェアエンジニア 竹馬光太郎 2012/10/24@Ai... 続きを読む

• www.slideshare.net
• テクノロジー

どうもこんにちは。 Aiming で東京開発グループのゼネラルマネージャをやっている小林です。 8月に mobage と Yahoo! モバゲー で ロードオブナイツ というシミュレーション RPG をリリースさせて頂きました。 そして、先週、 Yahoo! モバゲー版の PC ブラウザ... 続きを読む

• developer.aiming-inc.com
• テクノロジー

iOS 6のモバイルSafariに、おかしな動作がある。最初は自分の誤操作かと思ったが、どうやらデベロッパたちはすでに知っている本物のバグのようだ。症状は、画面上部にあるロード現況の回転表示、ページのあらゆる部分のロードが終わると回転が止まる小さなアイ... 続きを読む

• jp.techcrunch.com
• テクノロジー

陣取り戦争ゲーで、iPhoneのUnity版からの移植です。 ロードオブナイツ - Yahoo!モバゲー http://yahoo-mbga.jp/game/12011436/detail HTML版としては既存コードとか一切なかったんでフルスクラッチです。 ある日会社で楽しくHaskellでKPI計算モジュール書いて... 続きを読む

• d:id:mizchi
• テクノロジー

wiki代わりの備忘録なので編集や加筆の制限なしエントリーです、あしからず。 また、以下はIEに特化することが目的ではなく、W3C勧告のHTML標準なページ作成を目指す中で、標準を理解しない（くせにトップシェアの）IEの仕様を何とか回避するが主題です。 cssテ... 続きを読む

• www.rapidexp.com
• テクノロジー

JavaScript 個人的なこと読書はいわゆる自己投資？にあたるものなのでケチるもんじゃないよなあ、とは思いつつも可能なら安い値段でより大きなリターンを得たいよねー、ということで最近はOreillyの半額セールに目を光らせるようになりました。英語は「拾い読み... 続きを読む

• d:id:zentoo
• テクノロジー

制限 同時に再生できる音源は1ファイルのみ 再生できるタイミングはユーザイベントのハンドラ内だけ プリロード不可 OS自体のサイレントモードと連動せず BGMを流すだけならこんな方法も $('<div>BGMを再生しますか？</div>').appendTo('body').click(function ... 続きを読む

• 0-9.sakura.ne.jp
• テクノロジー

node 某所に提出するように昔作ったもののコア部分を詰めて作ったんだけど、興が乗ったので今日そのまま作りこんでみた。 同時にログインして相手に近づいて殴ったらHPバーが減って死ぬ。死ぬと4秒でリポップする。 まだマップを実装したりモンスターを徘徊させ... 続きを読む

• d:id:mizchi
• テクノロジー

8月17 jsPerf, JSPerfView を使った、JavaScript コードのベンチマーク計測とブログなどで計測結果を利用する方法 jsPerf とは JavaScript のコードスニペットに対してベンチマークを計測するサービスです。 一般的に、コードの速度を計測する際は console.time... 続きを読む

• blog.livedoor.jp:imaya_js
• テクノロジー

Java scriptのテンプレートエンジンについて — Presentation Transcript JavaScript のテンプレートエンジンについて 2012/04/29 鹿駆動勉強会 お だ 自己紹介織田 信亮(おだ しんすけ)大阪で開発者やってますSQLWorld 代表(http://sqlworld.org/)http://d.hat... 続きを読む

• www.slideshare.net
• テクノロジー

ブラウザは通常 Web サイトを訪れたとき、CSS や画像などのページ要素を幾つか並列で読み込みますが、JavaScript ファイルを読み込んでいる最中は、（JavaScriptやスタイルシート以外の） 他要素の読み込みをブロックします。それゆえ Yahoo! の 「Best Practic... 続きを読む

• tokkono.cute.coocan.jp
• テクノロジー

状況はかなり改善した 非同期、setTimeout, Ajax系はSinonJSで簡単に Swarm系のツールでDOMのテストも容易に 環境構築も非常に楽になった PhantomJSはバイナリもあるし、ビルドも簡単 Swarm系のツールならブラウザでURLへアクセスすればすぐテスト開始 続きを読む

• 0-9.sakura.ne.jp
• テクノロジー

だるくてコードを書く気がしないので、コピペですまそうとg200kgさんのファミコン音源(2A03)のコードを見てみたら凄く簡潔で（GUIの制御部分込みで約600行）わかりやすかったので、コメントをつけたらJavaScriptでの信号処理の教科書的なものになるのではないか... 続きを読む

• mohayonao.hatenablog.com
• テクノロジー

Readme.md GistDeck GistDeck is a presentation layer for one of our favorite text sharing tools. Instructions View homepage Drag to Bookmarks Bar GistDeck Visit Gist Click Bookmarklet Present, using left and right keys Examples Topic An h1 is ... 続きを読む

• github.com
• テクノロジー

Canvas Advanced Animation Toolkit CAAT is an scene graph director-based animation framework for javascript. Based in the concept of a timeline, offers a powerful animation environment featuring: Scenes. Input abstraction, where touch, mouse, ... 続きを読む

• hyperandroid.github.com
• テクノロジー

2013年初頭にリリースを予定しているjQuery 2.0では、Internet Explorer 6/7/8のサポートをしないという方針が、jQueryのブログ「jQuery Blog » jQuery Core: Version 1.9 and Beyond」で明らかにされました。 jQueryは現在1.7が最新バージョンで、先週1.8β1が... 続きを読む

• www.publickey1.jp
• テクノロジー

なぜ「速い」のか、について JSX 開発者の立場から。シューティングゲームで一番重たい処理は何か。言うまでもなく衝突判定。多数の弾や敵機の衝突判定を毎フレームごとに行う必要があり、この演算が重たい。JSX に同梱されている web/example/shooting.jsx に... 続きを読む

• d:id:kazuhooku
• テクノロジー

今朝TwitterのタイムラインでJSXなるものが話題になっていたのでちょろっとインストールしてみた。 インストール JSXにはnode.js / npmが必要なのでインストールする。今回はお試しで入れたのでaptitudeからインストールする。 1 $ s aptitude install npm まず... 続きを読む

• hamaco.github.com
• テクノロジー

Statistics Favorites 0 Downloads 0 Comments 0 Embed Views 0 Views on SlideShare 0 Total Views 0 JSX Design Overview (日本語) — Presentation Transcript JSXDesign OverviewDeNA Co., Ltd. Kazuho Oku 自己紹介  1997-2003 「Palmscape」「Xiino」の... 続きを読む

• www.slideshare.net
• テクノロジー

enchant.js HTML5 / JavaScript Based Game Engine MIT or GPL dual license About enchant.js は HTML5 + JavaScript ベースのゲームエンジンです。わずか30KBのソースコードで、PC, Mac, iPhone, iPad, Android すべてで動作する クロスプラットフォームなア... 続きを読む

• enchantjs.com
• テクノロジー

体感！JavaScriptで超速アプリケーション開発 －Meteor完全解説 第1回　Meteorをはじめよう 2012年5月23日 白石俊平 Meteor, JavaScript, HTML5, Node.js, Webアプリケーション, 開発プラットフォーム この記事を読むのに必要な時間：およそ 3 ～ 4 分 1 2 Mete... 続きを読む

• gihyo.jp
• テクノロジー

月曜日のclient-side templating 勉強会 http://atnd.org/events/28189 で喋った内容をうろ覚えに書き出す。 クライアントMVCが求められるようになった背景 AJAXの流行 PushStateの流行の兆し メディア系のゲームで使えるAPIの充実 今まではページ遷移の度にJS... 続きを読む

• d:id:mizchi
• テクノロジー

JavaScript でアニメーションを作る アニメーションとは何？ ビューを少しずつ回転、拡大縮小、移動、変色などを行い、連続的な動きを作る こんな感じ <div id="view">hoge</div> <script> var el = document.getElementById('view'); el.style.opacity = 1; se... 続きを読む

• amachang.sakura.ne.jp
• テクノロジー

web intro先日 Meteor について調べて発表するにあたり色々調べたり、そのあと何人かの方々とお話させて頂いた中で、思うところが出てきたので、アウトプットしたいと思います。 Meteor について発表してきました。 - Block Rockin’ Codes Meteor 以前からも思... 続きを読む

• d:id:Jxck
• テクノロジー

http://www.meteor.com/ で公開された Meteor.js を少し触ってみました。Meteor.js は JavaScript によるウェブアプリケーションフレームワークですが、クライアントサイドでもサーバーサイドでもない、"Isomorphic" なフレームワークです。コンセプトとしてい... 続きを読む

• d:id:naoya
• テクノロジー

もうJavaもRubyも要らない？–JavaScriptオンリーの未来派WebアプリフレームワークMeteorがデビューという記事で知った、新しいフレームワークMeteor。ちょっと気になったので、軽く触ってみました。すごすぎるフレームワークの登場です！！正確に言うと、実行... 続きを読む

• d:id:Syunpei
• テクノロジー

最近作られるWebサービスでよく使われているBootstrap。そんなBootstrapは固定色でそれっぽさが感じられてしまうのが欠点でしたが、見事に打ち消してくれるのがKickstrapです。 0 続きを読む

• www.moongift.jp
• テクノロジー

impress.jsでド派手なスライドをつくろうぜ！ HTML5アプリ作ろうぜ！（1） 山崎　大助 2012/3/14 CSS3を活用したオープンソースのプレゼンテーション作成のためのJavaScriptライブラリ「impress.js」でド派手なスライドを作ってみよう “HTML5アプリ作ろうぜ！... 続きを読む

• www.atmarkit.co.jp
• テクノロジー