グーグル製のJavaScript MVCフレームワーク「AngularJS」、正式版が公開 − Publickey
グーグルは、JavaScriptでMVCアーキテクチャのアプリケーション開発をする際に便利な機能を備えたライブラリ「AngularJS 1.0」のリリースをブログで発表しました。 MVCアーキテクチャとは、ソフトウェアがデータモデル（Model）の部分とユーザーインターフェイスの部分（View）、そしてビューとモデルのあいだで制御する部分（Controller）に分離された構造のことを指します。 これらが分離されているとプログラムの見通しがよくなり変更にも対応しやすく、テストも容易になるため、何種類ものユーザーインターフェイスと複雑なロジックなどから構成される大規模なアプリケーションではMVCアーキテクチャの採用が望ましいものと考えられています。 しかしWebアプリケーションをMVCアーキテクチャで実現しようとすると、ビューの役割を果たすHTMLのコードの中に、どうしても複雑なJavaSc
Sinon.JS - Standalone test fakes, spies, stubs and mocks for JavaScript. Works with any unit testing framework.
Standalone test spies, stubs and mocks for JavaScript. Works with any unit testing framework. Get Started Star Sinon.JS on Github Get Started Install using npm To install the current release (v17.0.1) of Sinon: npm install sinon Setting up access Node and CommonJS build systems var sinon = require("sinon"); Direct browser use <script src="./node_modules/sinon/pkg/sinon.js"></script> <script> // Ac
iOSとAndroidに最適化したJavaScriptフレームワーク「jqMobi」登場。jQuery Mobileより小さくて高速
iOSとAndroidに最適化したJavaScriptフレームワーク「jqMobi」登場。jQuery Mobileより小さくて高速 jQuery Mobileと同様に、HTML5のマークアップでモバイルアプリケーション開発を実現するオープンソースのJavaScriptフレームワーク「jqMobi」のβ版が公開されています。 jqMobiのコンセプトは、jQueryとjQuery Mobileの機能のサブセットを、iOSとAndroid向けに最適化したものといえるでしょう。 すでにjQueryやjQuery Mobile、あるいはSencha Touchなど、さまざまなモバイル向けHTML5/JavaScriptフレームワークが登場する中で、jqMobiの特徴はどこにあるのか、ブログで次のように説明しています。 jQuery - still focuses on the desktop.
createObjectURLがすごい件 - プログラムモグモグ
最近またLocal Player (Chrome Player)を実装しなおしています. 一応説明しておくと, Local Playerは, 完全にローカルで動作する音楽プレイヤーです. シンプルさを求め(実装がめんどくさいだけ), 操作しやすく(これは大事), 良い感じのプレイヤーです. 半年前に, ソースコードがスパゲッティになって, 開発を中断していましたが, 最近また書きなおし始めたのです. 音楽プレイヤーをブラウザー上で実装するのには, 音楽ファイルをJavaScriptで読み込まなければなりません. そこでHTML5ですよ！！！ <audio src="url/to/musicfile.mp3" type="audio/mp3" /> みたいな感じで, 音楽を再生できます. 詳細は他のページに譲ります. さて, 音楽ファイルを再生するには, ローカルファイルからurlをaudi
yktmt blog: MMDModel on THREE.js
2010年12月31日金曜日 MMDModel on THREE.js THREE.jsを利用してMMDのモデルデータを表示します。 ここにモデルデータ(.pmd)とテクスチャ(.bmp .png .tga)をアップロードすると、ここで閲覧できます。 動作確認はChromium(10.0.614.0)とChromeで行いました。インスパイア元のTHREE.js demoによると、"webGL"コンテキストはChrome8/9 or Firefox4、"2d"コンテキストはChrome推奨だそうです。 お試しミクさん 追記 : ライトなし版を用意しました。 テクスチャをほとんど使わないモデルならFirefox3でも閲覧できます。こちらからどうぞ。 ソースコードは下記に一式置いてあります。 http://www.yktmt.com/threemmd/ 参考ページ 御本尊 : h
Play My Code
HTML5 is being touted as the next technology for browser games, but even common and straight forward parts like a ‘mainloop’ can be difficult to write in JavaScript. This is a thorough explanation of how to go about writing your own, based upon our experiences of building Play My Code. Novice programmers please note: this article applies to JavaScript coding and not to coding using PMC, where we h
MOONGIFT: » JavaScriptの動作検証に「JSCoverage」:オープンソースを毎日紹介
バグは予期していない動作が発生した際に起こる。理想的な動作をしている限りはまず起こらない。しかし、膨大なソースコードの中、そうした予期しない動作を探すのは難しい。 そこで便利なのがソースコードのカバレッジソフトウェアだ。通ったコードと通っていないコードとを見分けられれば、通ってない場所がバグの潜んでいる所になる。そしてJavaScript向けツールがこれだ。 今回紹介するオープンソース・ソフトウェアはJSCoverage、JavaScript向けのソースコードカバレッジソフトウェアだ。 JSCoverageを使うと、ソースコードの中でカバレッジされていない、つまり通っていないコード部分を見分けることができる。各アクションを試し、全てのコードを通過することができれば、予想は網羅されていることになる。 使い方としては、JSCoverageを使って、JavaScriptファイルを変換する必要があ
Drillbit資料和訳 - Keep on moving
Drillbitの勉強用に資料を翻訳しておきます。 http://developer.appcelerator.com/doc/mobile/drillbit Drillbit A unit testing framework, harness, and driver for Titanium Titanium用のユニットテストフレームワーク、ハーネス、ドライバー Drillbitテストの書き方 Drillbit resembles a JSSpec test and uses some of their conventions. DrillbitはJSSpecテストに似ていて、書き方のいくつかを使います。 To define a test suite, you have several options: テストスイートの定義用に、いくつかのオプションがあります: Create a sta
Learn to Code - for Free | Codecademy
Get personalized job listings and practice interview questions
Sugar - A Javascript utility library for working with native objects.
Sugar is a Javascript utility library for working with native objects. It lets you do stuff like this:
HugeDomains.com
Captcha security check ssssnakes.com is for sale Please prove you're not a robot View Price Processing
Skeleton: Responsive CSS Boilerplate
Is Skeleton for you? You should use Skeleton if you're embarking on a smaller project or just don't feel like you need all the utility of larger frameworks. Skeleton only styles a handful of standard HTML elements and includes a grid, but that's often more than enough to get started. In fact, this site is built on Skeleton and has ~200 lines of custom CSS (half of which is the docking navigation).
Multi-touch game controller in JavaScript/HTML5 for iPad – Seb Lee-Delisle
Now that browser-based games running on touch devices are becoming a reality, it’s time to figure out how to implement easy to use and tactile game controls in these new keyboard-less environments. I’ve long been a fan of how the twin-stick touch controls work in Geometry Wars Touch, so I wasn’t surprised to find that Brighton game UX expert Graham McAllistair also considered this “dynamic display
はじめる！ Box2DJS
β版 Box2DのJavaScript版、Box2DJS。その世界で最初(で最後?)のガイドブックとして、作者自身がインストールや使い方からゲーム製作への応用までを紹介。巻末には主要APIリファレンスつき。 β版について 本書のステータスは現在β版であり、現在、著者やレビュアの方々により追加・修正が行われている段階です。 いま購入されてお読みいただけるのはその途上の原稿を元にしたものです。 最終的に正式公開されたものもダウンロードしお読みになることはできますが、 正式公開版を読みたい方には今しばらくお待ちいただくことになります。あらかじめご了承ください。 概要サンプルリンク用タグ 書誌情報 著者: あんどうやすし 発行日: 2011-07-11 最終更新日: 2011-07-11 バージョン: 0.9.0 ページ数: 85ページ(A4PDF版換算) 対応フォーマット: EPUB, PDF
Node.jsに強烈に個性的な「SocketStream」が登場！：Rails Hub情報局：エンジニアライフ
また1つ、Node.jsベースのWebアプリケーションフレームワーク「SocketStream」が登場しました。6月23日にロンドンで開催されたHacker Newsのミートアップで発表されたようです（@makoto_inoueさん、情報提供ありがとうございます！）。GitHubのレポジトリにはバージョン0.1のソースコードと、何ができるかというサンプルコードを含む長大なドキュメントが公開されています。 このSocketStreamは、単にまたNode.jsでWebアプリケーションフレームワークが1つ増えたという感じではないようです。従来のものとは、設計がドラスティックに異なっています。 まず、名前から自明なように、WebSocketを基本としていて、SPA（Single Page Application）が作りやすいように設計されています。SPAとは、1ページのHTMLを読み込んだら、後
Mongoose - デベロッパーズガイド 日本語訳
このドキュメントについて 本ドキュメントは、 Node.JS の MongoDB ORM-like な機能を提供するユーティリティライブラリである Mongoose のマニュアルを翻訳したものです。 誤り等ございましたら、 @muddydixon までご連絡ください オリジナルコピーライト Mongoose by gradebook LearnBoost Labs. Released under the MIT license - Copyright LearnBoost 2011 Mongoose 1.0 Mongoose とは ? Mongoose は非同期環境において機能することを目的とした MongoDB のオブジェクトモデリングツールです。 モデルの定義は簡単です var Comments = new Schema({ title : String , body : String
「JavaScript ゲーム製作勉強会 Vol.1」でUnity入門の話を話しました - 強火で進め
「JavaScript ゲーム製作勉強会 Vol.1」でUnityの話をしました。 JavaScript ゲーム製作勉強会 Vol.1 - [PARTAKE] http://partake.in/events/0fd0a387-a43c-4405-8750-34131fb8bde6 「Unityの話を…」とリクエストを貰った時は一瞬、「えっ？」って思ったのですが確かにUnityも間違い無く「JavaScript ゲーム製作」でしたね。 タイトルは「玉転がしゲームで学ぶ Unity入門」で話ました。 本当に入門向けなのでちょっとでも触った事が有る人には今更な内容ばかりかと思います。初めてUnityを使う人を想定で解説しましたのでそういう方には役立つかと思います。 ※「リファレンスにはBOOのサンプルが無い」と言ってしまってましたが無いだとウソ情報ですね。正確には「基本的なメソッドなどのページ
Closure Compiler | Google for Developers
Stay organized with collections Save and categorize content based on your preferences. What is the Closure Compiler? The Closure Compiler is a tool for making JavaScript download and run faster. Instead of compiling from a source language to machine code, it compiles from JavaScript to better JavaScript. It parses your JavaScript, analyzes it, removes dead code and rewrites and minimizes what's le
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
The Node Toolbox
DailyJS: Node Roundup: Internationalisation