タグ

JSに関するminodiskのブックマーク (58)

  • ファミコンのエミュレータを書いた - undefined

    概要 ファミコンのエミュレータをJSでだらだらと作ってた。そこそこ遊べるようになったので公開しておく。技術的な内容は、またどこかで発表したり、Qiitaなどにまとめたい。(忘れないうちに。需要があるかは怪しいが。) 随分昔に作ってみたいなーと思いFPGAでの実装を開始したんだけど、早々に挫折した覚えがある。今思うとFPGAの場合タイミングの問題が付き纏うのでJSで書くより圧倒的に難易度も高いし、ハードエミュレータを実装するにしても前段階としてソフトウェミュレータを実装するのが定石っぽいので無謀だったっぽい。 ひとまずMapper0という基的なカセット形式のみに対応し、スーパーマリオブラザーズがそこそこ遊べるくらいを目標とした。 成果物 github.com ファミコンのスペック MPU 6502(RP2A03), 8bit WRAM2KB VRAM 2KB 最大発色数 52色 画面解像度

    ファミコンのエミュレータを書いた - undefined
    minodisk
    minodisk 2017/09/20
    すごい
  • Big Sky :: XMLHttpRequestでファイルをアップロード

    « pythonで動くtwitter/wassrクライアント「tw2」をWindowsにポーティングした。 | Main | Cache::Memcached::Fastをwin32にポーティングしてみた。 » WassrのAPIには、imageパラメータによる画像アップロードがあるのですが、これに困ってる人がいたので、人助け。 Wassr [お気軽メッセージングハブ・ワッサー] 質問です。Firefox の Live HTTP Headers で確認すると Web のフォームから画像をアップロードすると素のバイナリデータが送信されています。API を利用した POST でも素のバイナリデータで送信しなければならないのでしょうか? http://wassr.jp/channel/wassr_api/messages/hNHcDCCtja 試しにvimperatorから出来ないか挑戦してたら

    Big Sky :: XMLHttpRequestでファイルをアップロード
    minodisk
    minodisk 2011/07/15
    XMLHttpRequest でファイルアップロード
  • HTML5 の file API と jQuery でブラウザにファイルをドラッグ&ドロップしてアップロードするサンプルを作った - @kyanny's blog

    GitHub - kyanny/html5_file_api_ajax_upload_sample: HTML5 file API + ajax file upload sample HTML5 の file API というのが面白そうなのでちょっといじってみた。 デモを動かすには Plack と JSON と Path::Class が必要です。このブログ読んでる人ならどれも ready for use ですよね。もしまだのひとは cpan -i Plack JSON Path::Class でよろしく。 git clone して plackup して Firefox 3.6.x 以降で開いてください。 複数ファイルをドロップしたときになんかうまく動いてない気がするとか、 app.psgi の書き方がだいぶいい加減とか、微妙なところはたくさんあるけどとりあえず動くところまでいけたので公開

    HTML5 の file API と jQuery でブラウザにファイルをドラッグ&ドロップしてアップロードするサンプルを作った - @kyanny's blog
    minodisk
    minodisk 2011/07/15
    FileAPI で取得した result を XMLHttpRequest.sendAsBinary で送信する。
  • RequireJS API

    Usage§§ 1-1.3 Load JavaScript Files§ 1.1 data-main Entry Point§ 1.2 Define a Module§ 1.3 Simple Name/Value Pairs§ 1.3.1 Definition Functions§ 1.3.2 Definition Functions with Dependencies§ 1.3.3 Define a Module as a Function§ 1.3.4 Define a Module with Simplified CommonJS Wrapper§ 1.3.5 Define a Module with a name§ 1.3.6 Other Module Notes§ 1.3.7 Circular Dependencies§ 1.3.8 Specify a JSONP Service

    minodisk
    minodisk 2011/07/14
    §3 Configuration Option に baseURL 等の設定の渡し方の記述あり。
  • java-ja.js #2 RequireJS実践編 - monjudoh’s diary

    java-ja.js #2 : ATND 自己紹介 文殊堂といいます。 BePROUDという会社のリーダーです ↑はロケタッチの話です(ロケタッチ知らない人は4SQでMayorになったみたいな話だと思っといてください)。 弊社では今(2010年12月現在)人材募集中らしいですよ。 今の仕事UIがリッチな業務システムを作るとかそんな感じで、 そこでRequireJSを使っています。 RequireJSって何? 公式サイト RequireJS スライド jQueryRequireJS.pdf語記事だとこの辺? http://zudolab.net/blog/?p=451 要はJavaScriptの依存性解決をしてくれるライブラリです。 以前RequireJS moduleについてって記事書きました。 あらためてRequireJS moduleについて まず最初に、一般的な言語と同じよう

    minodisk
    minodisk 2011/07/14
    RequireJS の使い方。例がいっぱい。
  • RequireJS

    /* --- RequireJS is a JavaScript file and module loader. It is optimized for in-browser use, but it can be used in other JavaScript environments, like Rhino and Node. Using a modular script loader like RequireJS will improve the speed and quality of your code. IE 6+ .......... compatible ✔ Firefox 2+ ..... compatible ✔ Safari 3.2+ .... compatible ✔ Chrome 3+ ...... compatible ✔ Opera 10+ ...... co

    minodisk
    minodisk 2011/07/13
    exports, require 提供でモジュールの動的読み込みが可能に。node.js用に書いたモジュールもモノによってはそのまま使えそう。
  • JsUnit を使った JavaScript のユニットテスト - WebOS Goodies

    アプリケーションを開発する上で、避けて通れないもの、それがテストです。とくにブラウザごとの非互換性が大きい Web アプリケーションでは、念入りなテストが必要です。でも、テストはあまり創造的な作業ではないし、やったからといってなにか機能が増えるわけでもない。できるだけ手間をかけずに済ませたいところですね。 そんなわけで、日は JavaScript 用のテストフレームワークである JsUnit を利用したユニットテストの方法をご紹介しようと思います。 Ruby のユニットテストの記事でも書きましたが、ユニットテストによるテスト・ファースト開発は開発効率の面でも良い影響があります。まだ導入していない方は、ぜひこの機会に使ってみてください。 JsUnit について 今回利用する JsUnitJava 用の JUnit を参考にして作られた JavaScript 用のユニットテストフレーム

    minodisk
    minodisk 2011/06/27
    ユニットテスト
  • 演算子の優先順位 - JavaScript | MDN

    演算子の優先順位は、演算子が互いにどのように解析されるかを決定します。優先度の高い演算子は、優先度の低い演算子のオペランドになります。 このデモのソースファイルは GitHub リポジトリに格納されています。デモプロジェクトに協力したい場合は、 https://github.com/mdn/interactive-examples をクローンしてプルリクエストを送信してください。 優先度と結合性 以下の表現で記述できる式を考えてみましょう。なお、 OP1 と OP2 は演算子に置き換わります。 a OP1 b OP2 c OP1 と OP2 の優先順位 (下記の一覧表を参照) が異なる場合は、優先順位の高い演算子が先に実行され、結合性は関係ありません。コードの中で加算が先に書かれているにもかかわらず、乗算の方が加算よりも優先順位が高く、先に実行されていることを確認してください。 conso

    演算子の優先順位 - JavaScript | MDN
    minodisk
    minodisk 2011/06/27
    演算子の優先順位
  • ECMAScript 5 and Chromium/V8 - os0x.blog

    Page not found | Qt Blogの補足とV8版です。赤くなってるのはChrome5で使えるやつです。 Object.getPrototypeOf WebKit https://bugs.webkit.org/show_bug.cgi?id=28114 Chrome http://codereview.chromium.org/518056 Object.getOwnPropertyDescriptor WebKit https://bugs.webkit.org/show_bug.cgi?id=28724 Chrome http://code.google.com/p/chromium/issues/detail?id=20345 Object.keys WebKit https://bugs.webkit.org/show_bug.cgi?id=29170 Chrome

    ECMAScript 5 and Chromium/V8 - os0x.blog
    minodisk
    minodisk 2011/06/22
    実装状況
  • Array.prototype.forEach() - JavaScript | MDN

    forEach() メソッドは反復処理メソッドです。指定された関数 callbackFn を配列に含まれる各要素に対して一度ずつ、昇順で呼び出します。 map() と異なり、 forEach() は常に undefined を返し、連鎖させることはできません。典型的な使用する用途は、チェーンの終わりで副次効果を実行することです。 callbackFn は値が割り当てられている配列インデックスに対してのみ呼び出されます。疎配列で空のスロットに対しては呼び出されません。 forEach() メソッドは呼び出し元の配列を変更しませんが、 callbackFn に指定された関数は変更することがあります。ただし、配列の長さは callbackFn を最初に呼び出す前に保存されることに注意してください。したがって、 callbackFn は forEach() の呼び出しを始めたときの配列の長さを超え

    Array.prototype.forEach() - JavaScript | MDN
    minodisk
    minodisk 2011/06/10
    forEachの実装。「これは Firefox および SpiderMonkey で使われているアルゴリズムとまったく同じもの」なら for で index 順に呼び出してるから、順番は保証されてる。
  • Document.createEvent() - Web API | MDN

    Document Object ModelDocumentコンストラクターDocument()インスタンスプロパティactiveElementadoptedStyleSheets (en-US)alinkColor 非推奨 all 非推奨 anchors 非推奨 applets 非推奨 bgColor 非推奨 bodycharacterSetchildElementCountchildren (en-US)compatModecontentTypecookiecurrentScriptdefaultViewdesignModedirdoctypedocumentElementdocumentURIdomain 非推奨 embedsfeaturePolicy Experimental fgColor 非推奨 firstElementChild (en-US)fontsformsfragmen

    Document.createEvent() - Web API | MDN
    minodisk
    minodisk 2011/06/07
    createEventのイベントタイプ
  • dispatchEvent example - MDC Docs

    This article demonstrates how to create and dispatch DOM events. Such events are commonly called synthetic events, as opposed to the events fired by the browser itself.

    dispatchEvent example - MDC Docs
    minodisk
    minodisk 2011/06/07
    createEvent -> init*Event -> dispatchEvent
  • swfobject - SWFObject is an easy-to-use and standards-friendly method to embed Flash content, which utilizes one small JavaScript file - Google Project Hosting

    SWFObject 2.3 introduces many small changes under the hood (almost exclusively aimed at fixing bugs), but the public API is mostly unchanged and completely backwards compatible with SWFObject 2.2. The only two significant changes to the API: You may now pass an element as an argument in embedSWF (in place of an ID) You may now use integers in place of number strings in embedSWF (e.g. 9 instead of

    swfobject - SWFObject is an easy-to-use and standards-friendly method to embed Flash content, which utilizes one small JavaScript file - Google Project Hosting
    minodisk
    minodisk 2011/06/02
    swfobject API
  • How to use callbacks with nixysa?

    minodisk
    minodisk 2011/05/26
    nixysa使ってcallback登録する方法。プラグイン側から任意のタイミングでJSのcallbackを叩ける。
  • Javascript - Event compatibility tables

    Last updated on 6 September 2011. An older version of this page has been translated into Romanian. On this page I give a quick overview of events browser compatibility. This research is exclusively about when the events fire, and on which elements you can add event listeners. The spec is relatively clear about the latter, but frequently vague about the former. Thus it seems you’re currently readin

    minodisk
    minodisk 2011/05/18
    ブラウザ毎のサポートしているイベント一覧
  • Window: popstate event - Web APIs | MDN

    History APIWindowInstance propertiesclosedconsolecookieStore Experimental credentialless Experimental crossOriginIsolatedcustomElementsdevicePixelRatiodocumentdocumentPictureInPicture Experimental event Deprecated external Deprecated fence Experimental frameElementframesfullScreen Non-standard historyindexedDBinnerHeightinnerWidthisSecureContextlaunchQueue Experimental lengthlocalStoragelocationlo

    Window: popstate event - Web APIs | MDN
    minodisk
    minodisk 2011/05/18
    popstateイベント。pushState(), replaceState() でヒストリ操作した時や、location.hash をいじった時にもdispatchされる
  • JSLinux

    Run Linux or other Operating Systems in your browser! The following emulated systems are available: CPUOSUser InterfaceVFsync accessStartup LinkTEMU ConfigComment

    minodisk
    minodisk 2011/05/17
    すげぇ・・・
  • DOM イベントリファレンス | MDN

    以下のイベントは、DOM 要素 の element.addEventListener() メソッドを使用してイベントハンドラを追加することにより、捕捉することができます。

    DOM イベントリファレンス | MDN
    minodisk
    minodisk 2011/05/10
    W3C Draft の DOM Event
  • Gecko 固有の DOM Event | MDN

    DOMContentLoaded 文書の DOM コンテンツが読み終わったとき window オブジェクト上で発生します。しかし、"load" とは異なり画像が読み込まれるのを待ちません。例えば、GraeseMonkey でページが表示される前に変更をこっそり行うために使われます。 このイベントは、このページの他の多くのイベントのように、"信頼された" 対象のみに通達されます。例えば、Firefox におけるメインブラウザオブジェクトのコンテンツには、たとえ、chrome:/ URI からのものであっても、通達されません。 DOMFrameContentLoaded 上記と同じですが、フレーム内のコンテンツが読み込まれた時に発生します。 DOMWindowClose window.close() によって、ウィンドウを閉じようとしている時に発生します。詳しくは バグ 103452 をご覧く

    Gecko 固有の DOM Event | MDN
    minodisk
    minodisk 2011/05/10
    Gecko 固有の DOM Event
  • wtfjs - a little code blog about that language we love despite giving us so much to hate

    created by Brian LeRoux & Andrew Lunny. sparodically uncurated by David Trejo. 2016 03 19 weird instanceof2016 03 10 Object And Array Prototype Length2016 03 09 Two Special Numbers2015 04 23 screwy negative array index2015 04 16 moving numbers2015 04 08 array sort2015 03 23 adding arrays2015 02 05 good old octal decimal wtf2015 02 02 Boolean constructor2014 11 22 object as object key2014 10 07 tru

    wtfjs - a little code blog about that language we love despite giving us so much to hate
    minodisk
    minodisk 2011/05/09
    wtf