JavaScriptからプログラミングの勉強を始めた私が、最近JSXを学び始めました。で、JavaScriptの書式に一通り慣れた身が、JSXを触ってみて感じた「違い」のまとめです。 注:深い意味でのJavaScriptの挙動とココが違う!みたいな考察記事ではありません。 JavaSc... 続きを読む
とりあえず疲れた。リポジトリもめちゃくちゃだし。暴飲暴食もした。 timbre - JavaScript Library for Objective Sound Programming http://mohayonao.github.com/timbre/ 新しいデモもつくった http://mohayonao.github.com/timbre/examples/004_timbresynth... 続きを読む
なぜ「速い」のか、について JSX 開発者の立場から。シューティングゲームで一番重たい処理は何か。言うまでもなく衝突判定。多数の弾や敵機の衝突判定を毎フレームごとに行う必要があり、この演算が重たい。JSX に同梱されている web/example/shooting.jsx に... 続きを読む
私は2001年からJavaScriptを専門にして実装をしており、かなり長い間JavaScriptを使い続けてきました。ExGameをはじめとして、異常なほどにJavaScriptを使い倒したプロジェクトを何個か完遂させています。前の会社「ブロードテイル」がDeNAに買収されたのは、Ja... 続きを読む
ステートフルなJavaScriptアプリケーション開発についての解説書。HTML5とCSS3のおかげで単に自律的なだけではなく外見も美しくデスクトップアプリと同様のエクスペリエンスをブラウザ上で得られるようになりました。本書ではステートフルなWebアプリをMVCモデ... 続きを読む
JavaScript でアニメーションを作る アニメーションとは何? ビューを少しずつ回転、拡大縮小、移動、変色などを行い、連続的な動きを作る こんな感じ <div id="view">hoge</div> <script> var el = document.getElementById('view'); el.style.opacity = 1; se... 続きを読む
Chrome版のFirebugことGoogle Chrome Developer Toolsですが、以前gihyoで解説したときよりさらに便利になっているので、少し紹介します(元はWebKitなので、そのうち(近いうちに)Safariでもそれなりに使えるようになるはずです)。圧縮されたコードの整形まず、... 続きを読む
HTMLとJSだけで何か作ることが多くて,開発環境をどう作るかとか,ノウハウみたいなのがたまってきたと思う. ローカルのHTMLファイルをブラウザで開くと,いろんな制約がある.たとえば,ファイルAPIを使えないとか,YouTubeのプレイヤー貼り付けできないとか... 続きを読む
JSDeferred のサンプルコードの殆どは、pre に書いてあるやつをそのままJSで実行する形になっている (二重に書いていない) その中で console.log() とかを使っているけれど、デモなので console.log() をブラウザ側ではなく、ページ側に表示させたいと思い、そ... 続きを読む
お客様が developerWorks に初めてサインインすると、プロフィールが作成されます。プロフィールで選択した情報は公開されますが、いつでもその情報を編集できます。お客様の姓名(非表示設定にしていない限り)とディスプレイ・ネームは、投稿するコンテンツと... 続きを読む
そろそろ4月も近いということもあって、新たにWeb業界やSIer業界に入るぞという方がプログラミングの勉強をし始めているころでしょうか。最近は、エンタープライズでもWebクライアントが主流になりつつあるのでJavaScriptの習得は避けては通れない道だと思いま... 続きを読む
JavaScript.Next — Presentation Transcript Slide DL: JSNext.org JavaScript.Next @ Developers Summit 2012 by Tomoya ASAI (dynamis) Mozilla Japan - Technical Marketing 16-C-5 last update on 2012.02.15 see also: http://dynamis.jp/r http:// dynam... 続きを読む
「エンジニアサポート新年会2012 CROSS」のセッションの1つでJavaScriptのセッションが行われました。エンジニアサポート新年会2012 CROSShttp://tech.nifty.co.jp/party/2012/index.htmJavaScript 八面六臂 2回戦http://tech.nifty.co.jp/party/2012/sessions/... 続きを読む
こんにちは。 KRAYアルバイトの浅海です。 今回は、最近ちまたで噂のThree.jsで遊んでみようとおもいます。 http://github.com/mrdoob/three.js webgl対応のブラウザで見ている方は、右上に3Dのボックスが表示されていると思います。 Three.jsを使えば、このよ... 続きを読む
Greetings fellow webonauts! KineticJS is an HTML5 Canvas library that extends the 2d context by adding region events for desktop and mobile applications, extends the 3d context by wrapping WebGL (matrix math provided by Brandon Jones's glMatr... 続きを読む
A JavaScript pattern and antipattern code collection that covers function patterns, jQuery patterns, design patterns, general patterns, literals and constructor patterns (upcoming), object creation patterns (upcoming), code reuse patterns (up... 続きを読む
Introduction Writing a best practice article is quite a tricky business. To a number of you, what you are about to read will appear to be very obvious and just the sensible thing to do. However, looking around the web and getting code handed ... 続きを読む
概要 理念 授業 講師 場所 blog 原宿ウェブ研究所では[大学生・初心者向け ]プログラミング入門ミニ講座を開催します プログラミングの基本を、手を動かしながら身につけていただくコースです。 コンピュータのしくみ、ネットワークのしくみ、なぜプログラム... 続きを読む
社内で使っているモノにTitaniumとかSenchaとか増えてきたので、javascriptをより知ってもらおうと思って、社内勉強会で使った資料とか、今さら javascripterになろう。の巻1章 javascripterになろう。の巻2章 地震とか色々あって3章が紛失してしまったけど、今... 続きを読む
実は、 AV女優.com は裏で Node.js が走っています。 表のウェブサーバは、 そろそろApacheからNginxに移行したい人の、Nginx スターティング・ガイド で紹介した通り、Nginxです。 では、どこでNode.jsを使っているか。 こっそりと設置された、流行っていない ... 続きを読む
Loading… Flash Player 9 (or above) is needed to view presentations. We have detected that you do not have it on your computer. To install it, go here. 続きを読む
本日行われた Shibuya.js の発表資料をアップしました。さいきんの JavaScript テスト / Test.js - Shibuya.js 発表資料View more presentations from hotchpotchJS のテスティングフレームワークのおおざっぱな説明や JavaScript テストにおける問題、それにつ... 続きを読む
Envjs is a simulated javascript browser environment originally written by John Resig. It provides a shell fimiliar to firebug console users, and can be used to script headless javascript unit tests, crawl the web, or used as a basis for serve... 続きを読む
PhantomJS is a minimalistic, headless, WebKit-based, JavaScript-driven tool. It has native support for different web technologies: DOM handling, CSS selector, JSON, Canvas, SVG, and of course JavaScript. Here is a short PhantomJS script which... 続きを読む
現在、Shibuya.js が開催中です!Ustream で http://www.ustream.tv/channel/shibuyajs にて放送されています。これから、このブログの内容をしゃべります!今回「テスト」がテーマなうえ、Shibuya.js は「役に立つ話担当」「ネタ担当」に分かれていて、僕は「... 続きを読む
テストしやすいコード 適切にAPIが公開されている(要はグローバルからアクセスできる) ある引数を渡すと決まった実行結果を返すようなメソッド設計 (function(){ // クラス定義を上に window.MyClass = MyClass; function MyClass(hoge){ this.hoge = hoge; } M... 続きを読む
みなさん、こんにちは。グリーでエンジニアやってます、ジェイソン・パロットです。 最近、Android端末が日本でも急速に普及し始めています。いろいろな種類の端末が発売されており、販売台数も増えています。日本だけ見ても三大キャリア全てがAndroidケータイ... 続きを読む
こんにちは。グリーの田尻です。 先日1月9日(日)東京大学で行われたAndroid Bazaar and Conference 2011 Winterにて、弊社エンジニア@kuが登壇させて頂きました。テーマは「スマートフォン版GREE HTML5+JavaScript & Android」です。 当日の会場は満員で、お... 続きを読む
Mac以前は自宅も仕事もWindowsメインな環境だったんですが、仕事の方がでMac+英語キーボードな環境になり、ついでなので自宅もそれに合わせることにしました。環境はMac miniの最新型で一番安いの(6月くらいに購入)とMacbook Airのやっぱり一番安いの(11月に購... 続きを読む
日時 / DATE : 2010/12/01 00:00 to 2010/12/25 23:55 定員 / LIMIT : 25 人 会場 / PLACE : - URL / URL : - 管理者 / ADMIN : edvakf 2010年12月1日から25日まで、毎日違う人が JavaScript にまつわるブログ記事を書く企画です。 参加表明した順番が日付(12... 続きを読む