最小最速で作るaltjs - mizchi's blog
最近、というか昨日からTypedCoffeeScriptの開発再開してAST 気分が盛り上がってるので、簡単なチュートリアルでも。 この記事でやること ASTの取得 ASTの生成 JavaScript の出力 やらないこと 構文解析 準備 適当にプロジェクト作ります。 $ mkdir tinyaltjs $ cd tinyaltjs $ npm init # 色々聞かれるけどEnter 連打で良い $ npm install escodegen esprima prettyjson --save esprima はJavaScript のコードをASTに変換。 escodegen は AST から JavaScript を生成。どっちもConstellationさん製 escodegenはConstellationさん製で、彼はesprimaにもコミットしてます。この界隈に来ると基本的に彼
CommonJS Modules in Titanium - JP::HSJ::Junknews::HatenaSide
この記事はAppcelerator公式Wikiのドキュメント(Dec 20, 2011更新版)に基づき、和訳±αしたものです。 https://wiki.appcelerator.org/display/guides/CommonJS+Modules+in+Titanium （補足：Titanium Mobile SDK 1.7.x以前とは状況が異なる部分もありますので、1.8.x前提ということでご覧ください） 概要 Titnianium Mobileは利用者がJavaScriptのコードを組み立てる方法としてCommonJSモジュール仕様を採用しようとしつつあります。 しかし、CommonJSモジュールは"標準的な"仕様である一方、複数のテクノロジ間で実装の違いがあります。 そのため、Titanium Mobile 1.8(やそれ以降の)の実装において何がサポートされ、何がサポートされて
HisasAnn.com is for sale | HugeDomains
Working with hugedomains.com was a quick and easy process. We got to speak to multiple real people located in Colorado without having to wait on hold! Our only complaint was we felt we had to overpay more than this particular domain was worth, and we weren't able to negotiate it down to a level that we felt was fair. However, payment and delivery were seamless, and within a few hours we had all of
Masonry
What is Masonry? Masonry is a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. You’ve probably seen it in use all over the Internet. Install Download CDN Package managers Getting started HTML CSS Initialize with jQuery Initialize with Vanilla JavaScript Initialize in HTML Next MIT Lice
jQueryのliveやdelegateは実際何をやってるのか
jQueryにはイベント制御のAPIとして、clickやmouseoverの元になるbindの他に、同じような呼び出し方のliveやdelegateが提供されている。 bindはDOM APIで提供されているaddEventListenerのwrapperだが、liveは以下のような実装になっている。 1. 第一引数のイベント名でdocument objectにlive用のイベントハンドラーをbindする 2. 1で設定したイベントハンドラー内でdocument object内に存在する要素上で発生したイベントを全てキャッチする ・イベントの発生元要素がbind時に設定されたセレクタに一致する場合、第二引数に指定されたユーザーのイベントハンドラーを呼び出す これはもともと「多量の要素に対してbindするとUIをロックしてしまう」という問題の対策として知られていた手法だが、liveはそれをj
さいきんの JavaScript テスト / Test.js - Shibuya.js 発表資料 - 川o・-・）＜2nd life
本日行われた Shibuya.js の発表資料をアップしました。 さいきんの JavaScript テスト / Test.js - Shibuya.js 発表資料 View more presentations from hotchpotch JS のテスティングフレームワークのおおざっぱな説明や JavaScript テストにおける問題、それについての解決方法の一つ、CUI でのテスト、Envjs、エンドツーエンドテストにおける JS / Ajax のテスト、終わりにちらっと Phantomjs の話があります。 スライドの最後にあるように、やはりまだコレだ！という JS のテスティングフレームワークは存在しなく、今後 JS のテストは『僕らが書きたいテスト』をどれだけ簡単に書ける・書く手法が確立されるかによって流行廃りは決まってくるんじゃないかなぁ、と思ってます。そのうちの一つがスライ
JavaScriptの動かないコード (中級編) jsonオブジェクトをevalできないエラー - 主に言語とシステム開発に関して
連載目次へ 以下のJavaScriptコードが意図した動作をしないのは，なぜですか。（制限時間１分） <input type="button" value="「１」と表示" onClick="f()"> <script language="JavaScript"> function f() { var str = "{x:1}"; // JSONオブジェクトにする var obj = eval(str); // プロパティを表示 alert( obj.x ); } </script> 答え IEでもFirefoxでも，「undefined」と表示されてしまう。 もしもオブジェクトのプロパティが１個ではなく，複数個だったらどうなるか。 var str = "{x:1, y:2}"; これをeval()すると，undefinedではなく，実行エラーになる。 Firebugのコンソールには「in
Titanium Mobileを二ヶ月くらいさわってみた感想。 - ひげろぐ
今年に入ってからほぼ毎日触ってました。でもほとんどiPhone開発しかしてない感想。 主観的なところをだらだらと書いてみましょう。 とりあえず気に入っているところイマイチと思うところを挙げてみたい。 合わせて総評など。 気に入っているところ さくさく開発できる Objective-Cとは段違いの開発効率。 冗長なメソッド名とメモリ管理の煩わしさからの解放がうれしい。 ちょっとしたモックアップ程度ならさくっと作れてしまう。 そこから開発者が作り込みに注力できる環境が見事にできあがっているのではないかと。 JavaScriptはくせもあるけどおおむね使いやすい言語。 CoffeeScriptとの組み合わせでさらにいいかんじ。 TDDできる Jasmineで気持ちよくTDD出来ている点が非常にポイント高い。 おかげでTitaniumラブですよ。 Objective-CでもTDD可能だけど、OCU
iOS向けゲームが15分で開発できる、高速HTML5ゲームエンジン「IMPACT」登場 【増田(@maskin)真樹】 | TechWave（テックウェーブ）
[読了時間:1分] 先日、リリース間近とお伝えしたHTML5ゲームエンジン「IMPACT」が12月21日未明、正式に公開となった。同エンジンで開発されたゲームは、iOS上では60フレーム/秒を実現するとされており、HTML5対応のウェブブラウザであればプラグインなどをインストールする必要なく実行できるという特徴を持つ。サイトには、効率の良い開発スタイルを説明するビデオやサンプルソースコードなどが公開されている。ライセンスは価格は99ドル。 エンジンを開発した独Dominic Szablewski氏は、HTML5に対応したモダンブラウザ上で高速に動作するゲーム「Biolab Disaster」を公開、その開発のために使用したエンジンを一般に提供すると告知していた。今回の正式リリースで、このゲームもアップグレード。公言通り、iOS上でも快適に動作するようになっている。 lMPACTは、HTML
Sencha Touch を始めよう
このドキュメントではSencha Touchの始め方について解説していきます。 最初にタッチ型端末向けのWebアプリケーションを開発するための基本的なステップについての説明、 次に、Sencha Touchパッケージにも同梱されているデモアプリGeoTweetsの作り方についての詳細な説明 をしていきます。 このドキュメントはSencha Touchを使ってタッチ型端末向けのWebアプリケーションの開発をしたい Web開発者に向けたものです。前提条件としては、Sencha Touchライブラリをダウンロードしていること、 Webサーバー環境が用意されていること、そしてJavaScript・HTML・CSSなどのWebアプリケーション開発 に必要な技術や考え方について理解していること、があげられます。 このドキュメントは以下のセクションで構成されています： Sencha Touch について
ActiveRecord.js : Cross Browser, Cross Platform, JavaScript ORM
ActiveRecord.js makes it easy to begin working with databases in JavaScript on the client or server, with Aptana Jaxer, Google Gears & Chrome, Adobe AIR or any platform supporting the W3C HTML5 SQL Specification (currently Webkit and iPhone). Project Features ActiveRecord.js is a single file, relies on no external JavaScript libraries, supports automatic table creation, data validation, data synch
野ログはノロキュアMaxHeart - ニコニコ動画にアクセスしている時間をカウントするGreasemonkeyスクリプト , tDiaryにうまく投稿できない。
_ ニコニコ動画にアクセスしている時間をカウントするGreasemonkeyスクリプト なんか変な時間に目が覚めて、寝れなかったんで前々から作ろうと思ってたGreasemonkeyを作ってみた。 「プリキュアが好きなハッカーがニコニコ動画ばかり見ているのも人類にとって多大な損失」とか誰かが言っていた気もするので書いた。 嘘だけど。 とりあえず超シンプル版で。 ユーザースクリプトコマンドにリセットが一応付いてます。 最近エンジニアの知り合いの多くが凄い時間ニコニコ見てそうなので、これを使って自重してください。 インストール http://cureblack.com/files/2007/0810/nicovideotimer.user.js Firefox使ってない人は Firefoxと Greasemonkey をインストールしてくださいね。 関連してない http://la.ma.la/
野ログはノロキュアMaxHeart - Google AJAX Feed APIの使い方。
_ Google AJAX Feed APIの使い方。 Google AJAX Feed APIがリリースされました。 まだほとんど誰も使って記事書いてないなー。 使ったら人気者になれるかなーと思って使って記事書いたら、もうずいぶん遅くなってました。 とりあえずサンプルを作成したので、公開します。 これからいじる人は参考にでもしてください。 ってGoogleが最初に書いてくれてるサンプルでも十分なんですがｗ サンプル 使うまでの方法。 http://code.google.com/apis/ajaxfeeds/ から Start〜〜をクリック。 利用条件をよく読む。 APIを利用するサイトのURLを入力して先に進む。 （指定したURL以下で利用することができるようになります。） 指定したサイトで利用するためのキーが表示されるのでメモ。 http://www.google.com/jsapi
ブラウザで絵を描こう-SVG
＜＜ |ホーム |リンク集 |ヘルプ |＞＞ ブラウザで絵を描こう-SVG+JavaScript はじめに 画像のSVGは、FLASHやJAVAやPNGやJPEGと違って、自分自身を編集することができます。AJAXというものもありますが、このページでは、実験的に、SVGという言語を使って、SVGを描くことのできるDrawツールをつくりました。 とりあえず、Drawツールの名前を「JET」と名付けておきます。 更新した機能 自由曲線を描いたり、編集できます。 ここで言う自由曲線とは、3次ベジェ曲線のことです。 JETでできること 図形の作成と編集（拡大縮小、反転など） 色の編集 SVGの出力、編集 透明度の調整 四角、角丸四角、円、だ円、折れ線、多角形、自由曲線を描くことができる 六角形（Adobe SVG Viewerでは、SVGを表示、つまりView SVGにして、キーボードの上や下ボタ
ブラウザ上でお絵かき
線の色: 線の太さ: 背景色: 背景色の変更はやり直しできません。 すべて削除すると元に戻す / やり直すことができなくなります。 VML バックエンドでは描画中に線が揺れることがあります。 VML バックエンドでは線が少し太めになります。 Opera 8 (SVG Tiny バックエンド) では JavaScript コンソールに大量の警告が出ます。 CSS Positioning バックエンドでは点が円ではなく正方形になります。 CSS Positioning バックエンドの作成にあたっては、線分描画のアルゴリズム (Fussy's HOMEPAGE) を参考にさせていただきました。 DrawingCanvas.js DrawingCanvas.js (0.02) と DynamicCanvas.js から構成されます。 DrawingCanvas は基本的な描画を担当します。 Dyn
CodeZine：プロトタイプ（prototype）によるJavaScriptのオブジェクト指向（プロトタイプ, オブジェクト, Javascript, ECMASCript）
はじめに JavaScriptはオブジェクト指向言語です。しかし、そのオブジェクトの性質は、他に良く知られているオブジェクト指向言語のJavaやC++と大きく異なっています。 そこでこの記事では、なぜそのような違いがあるのか、JavaScriptにおけるオブジェクト指向の言語思想を見ていくと共に、その違いの根幹であるプロトタイプについて解説していきたいと思います。 なお、この記事はJavaScriptの解説ですが、その内容は、標準仕様のECMAScriptで扱われる範囲に基づいています。従って、同じくECMAScriptを元にしている言語（JScript、ActionScript）でも通じる内容になっています。 対象読者 プログラミングの基本的な知識、ならびにオブジェクトやメソッドと言った基礎的な概念については、ここでは解説しません。最低限、オブジェクト指向プログラミングについて
JavaScriptで製作したWindows用タスクバー時計
2002/8/14 (有)アポロスター 石井 これは何か Windowsではタスクバーの通知領域(タスクトレイ)に時計を表示できますが、そこに日付と曜日も表示させたい場合、機能を拡張するためのフリーソフトウエアなどをインストールする必要がありました。 そこでJavaScriptを用いて時刻や日時・曜日を表示するページを製作しました。タスクバーには任意のWebページを表示する機能があり、それを利用してタスクバーにはめこんでいます。 以下のような表示が可能です。 さらに表示する日付の書式を、以下のような設定画面を使って自由に設定することができます。 利用条件 このタスクバー時計は無料で自由にお使いいただけます。ただし、事前にお知らせすることなくサービスを停止する場合があります。 インストール方法 この時計はアプリケーションソフトウエアではなく単なるWebページですから、ソフトウエアのインストー
Canvas を使った gimp like な Triangle Color Selector
ブラウザ上でコードを読もうとしても頭に入らない。 たとえばデザインパターンの例なんかをブラウザ上で見たりする機会は結構あるけど、そういうのってまったく頭に入ってこない。頭が理解しようとしない。 どんなコードでもそうかっていうと違う (Ruby のリファレンスのサンプルコードは頭に入る) んだけど、なんでだろう。なんかただたんにコードの長さと必要性の問題な気がしてきた。 トップ prog ブラウザ上でコードを読もうとしても Canvas を使った gimp like な Triangle Color Selector ぐるぐる回ります。透過 PNG 版より正確です。正確さなんてどうでもよさそうですけど。 サイズを初期化時に自由に決められるのはいいっすね。似非 Flash 最初 GIMP の描画関数をそのままやってみたんだけど、さすがに重過ぎて使えなかった。頭悪いのでグラデーション系のメソッド
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JSNES: A JavaScript NES emulator
http://diveintogreasemonkey.org/api/gm_xmlhttprequest.html