Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                

タグ

JSXに関するgfxのブックマーク (92)

  • HTML5 Canvas with JSX - 葡萄酒の雑記集 2.0(笑)

    JSXを触ってみる Canvasのリッチな機能を使って描画するのはid:xaicronさんが既にやっていたので、私はピクセルをゴリゴリ描画する低レイヤーな部分を触ってみる。 あんまり面白いテーマが思いつかなかったので、とりあえずマンデルブロ集合を描画することに。どの程度最適化されるのかが気になったので、あまり手でコードは崩さずに安直で素直な実装を心がけた。 ちなみに、同じくJSXを使ってWebGLを触るのをid:santarhくんがやっていたので、こっちも見ると良いかもしれない。 JSXでWebGL - Santarh.mm デモ ソースはデモページに併記してある。Canvasの高さを基準に虚数軸をiから-iまで計算しているので、幅を高さの二倍程度に設定すると綺麗に全体が描画されるはず。 初期値だと1秒程度で描画されるが、あまりに大きな数字を設定するとブラウザが死ぬので注意*1。 demo

    HTML5 Canvas with JSX - 葡萄酒の雑記集 2.0(笑)
    gfx
    gfx 2012/06/08
  • JSX を二日間ぐらい使ってみて、あんまりよくないことがわかった - tomykaira makes love with codes

    恒例の言語 dis 記事。無知をさらけだしているのでぜひともつっこみをください。 2日間ぐらい JSX でちょっとしたプログラム(真理値表をいじったり、QM法をおこなったりするもの)を書いてみて、JSX が残念なことがよくわかったのでまとめた。今回やったのはわりとロジックっぽい部分で、表示したりライブラリつかったり外部と連携したりといったことはなかった。 JavaScript / JSX の用途としてはかなり特異なものだとおもうので、そういうのに適当じゃなかった、というのはあるかもしれない。 しかし JSX の場合はべつにウェブ系に強い印象もないので(ライブラリとか)、今回指摘する問題点の一部は、やはり看過できないと思っている。 環境編 エラーが出たときに、どこで出ているのかわかりにくい 変換したスクリプトを node.js で実行しているため、通常の実行時エラーは変換後の js フ

    gfx
    gfx 2012/06/07
  • JSXでDFT

    MeSHは、Multimedia e-Learning based on Simulator for Higher educationの略です。シミュレータをベースとしたe-Learning環境構築のためのフレームワークを開発しています。 JSXという言語 JSXという言語が彗星のごとく現れました.この言語を使ってプログラムを書くと,ギンギンに最適化されたJavaScriptに変換できるということで興味を持ちました.ドキュメントを読んでいくと,文法がJavaに近いこととJava並に型チェックにうるさいことなどが分かりました. これまでMeSHやNylonの開発にJavaScriptを使ってきたのですが,thisが何を指すか不明確であることや,変数のチェックがないことによるエラーに悩まされてきました.そこに現れたのがJSXです.言語仕様はJavaのように窮屈ですが,今後ライブラリやサービスを

    gfx
    gfx 2012/06/06
    配列ですが、現在は new Array.<int>(n) で長さnの配列を作れます。また、型付き空配列は [] : int[] という形で宣言ができます。
  • JSXにテンプレート型サポート入れ始めた - kazuhoのメモ置き場

    まだ master にはマージしてないですが kazuho/user-defined-templates ブランチのやつを使うと、 class Adder.<T> { static function f(x : T, y : T) : T { return x + y; } } class Test { static function run() : void { var n = Adder.<number>.f(1, 3); log n; var s = Adder.<string>.f("abc", "def"); log s; } } が、最適化オプション (--optimize inline,fold-const) でコンパイル後に Test.run$ = function () { /** @type {!number} */ var n; /** @type {!string}

    JSXにテンプレート型サポート入れ始めた - kazuhoのメモ置き場
  • 0からはじめるJSX Part.4 - console.lealog();

    意外に続いております。 正直プログラミングを覚えるには、こんな風に細かい仕様を見ていくよりもとりえず目標もって動かしたいものを作る・その過程で必要な仕様を調べるっていうのが一番やと思ってます。 とは言え、私自身はおさらいの意味も込めて、これからきっちり勉強しときたいなぁと思ってるので、こうしてます。 Static Types Basic type concept will be described in this section. Primitive types, object types, variant type, and MayBeUndefined types exist in JSX. 今回は「型」についてのセクションだそうです。 Primirive Object Variant MayBeUndefined 大きく分けて以上の4つがあるようです。 プリミティブ型 Primiti

    0からはじめるJSX Part.4 - console.lealog();
    gfx
    gfx 2012/06/05
  • 0からはじめるJSX Part.3 - console.lealog();

    続けてやっていきます。 (平日に突入すると更新頻度がガクンと落ちるはずなのは内緒) 今回もJSX Tutorialの続きを。 初学者の天敵、クラスさまのご登場です。 毎度毎度で恐縮ですが、私はプログラマではありません。 Javaを一口かじったことはありますが、オブジェクト指向言語ってのもJSXで初めて勉強するようなものです。 というわけで、独自の解釈・誤った解釈が多々含まれるであろうことを明記しつつ、自分用の勉強メモですと再三書いているわけです。 Pointクラス class Point { var x = 0; var y = 0; function constructor() { } function constructor(x : number, y : number) { this.set(x, y); } function constructor(other : Point) {

    0からはじめるJSX Part.3 - console.lealog();
    gfx
    gfx 2012/06/05
  • JSXよりHaxeがイケてる3つの理由 - みずぴー日記

    Javascriptを生成できる言語『JSX』がリリースされました。めでたいですねー。 ただ同じくJavascriptを生成きるHaXeのことが忘れられている気がするので、宣伝します。 ステマじゃないよ! 型推論がイケてる 現時点でJSXには型推論が実装されてないので、関数を定義するには全ての型を書く必要があります。 // JSXだよ! function add(x : number, y : number) : number { return x + y; } これだけなら特に問題ないように見えますが、これが高階関数を定義しようとするとどんどん複雑になっていきます。 // JSXだよ! function f(g: function(:number):number): function(:number):number { return function(x: number): number

    JSXよりHaxeがイケてる3つの理由 - みずぴー日記
    gfx
    gfx 2012/06/04
    構造的部分型はgolangのinterface的な意味で、それを関数の引数にインラインで書けるというやつか。
  • heXeを試してみた(jQueryのcssとclickを使ってみる) - 西尾泰和のはてなダイアリー

    haXe(ヘックス)は静的型付け言語で、コンパイルするとJavaScript(とかいろいろな言語)ができるらしい。JSXをいじっていたら「コンパイルするとJavaScriptが出力される静的型付け言語にはhaXeもある」を教えてもらったのでこれも試してみよう。JSXでやった「型のことを全然考えてないjQueryを使ってクリックのハンドラを付けたり色を変えたりする」というのをゴールにする。 インストールする Download - Haxe インストーラをダウンロードして起動する。特に問題なくインストール完了。 ~$ haxe haXe Compiler 2.09 - (c)2005-2012 Motion-Twin Usage : haxe -main <class> [-swf|-js|-neko|-php|-cpp|-as3] <output> [options] Options : .

    heXeを試してみた(jQueryのcssとclickを使ってみる) - 西尾泰和のはてなダイアリー
    gfx
    gfx 2012/06/04
    "僕は既存のJSのコードを完全な型安全にするには現実的でないコストがかかると思っているので、heXeの移行コストが低そうなのは魅力的に見えるな。"
  • ace editorにJSXのハイライトモードをつけてみる

    多分まだ誰もやっていなかったので。大文字で始まるのはクラス扱いしたりとか、けっこうインチキ臭いけど、わりとまともに表示されるよ!やったね! ダウンロード・インストールはgithubから行なってください。 追記:家のほうにマージしてもらったので、家の方からgit cloneしてください。 git clone git://github.com/ajaxorg/ace.git cd ace #追記(忘れてた) git submodule update --init --recursive npm install dryice make DEMO:acedemo まぁ、余談ですが、aceのビルドシステムって再利用性高くていいですね。大体が命名規則でファイルを拾ってくれて、しかも書いたコード量だけみたら200行いかないくらいですから。あと、CLAとかプルリクエストとか(英語に関しても)色々初めて

    ace editorにJSXのハイライトモードをつけてみる
    gfx
    gfx 2012/06/04
  • JSXのちょっとしたまとめ - 四角革命前夜

    jsdo.itで動作させるものをJSXで書くためのメモとか。 JSXをコンパイルできる環境を整える JSXを動かすためにnode.jsが必要で、JSXをリポジトリからクローンするのにGitが必要。(Gitはまあ必須じゃないけど) 最初にGitのインストールから。 Windowsなら最近出たばかりのGitHub for Windows使うとか、msysgit使うとか。前者の方がいろいろ楽かな。 MacならGitHub for Mac使うとか、homebrewからインストールするとか、公式のインストーラでインストールするとか。 Ubuntuなら $ sudo apt-get install -y git-core かなー。最近だとgit-coreじゃなくてgitで良くなったんだっけ? 続いてnode.jsのインストールを。 Windowsはここから適当なバージョンのnode.exeとここから適

    JSXのちょっとしたまとめ - 四角革命前夜
    gfx
    gfx 2012/06/04
    "jsdo.itで動作させるものをJSXで書くためのメモとか"
  • JSX のアレな所 - ぐるぐる~

    注意!このエントリは既に古いので、JSX の進化速度が半端ない - ぐるぐる〜もあわせて読んでください。最新のコードを参照するのが手っ取り早いです。 JSX なる言語がリリースされました。 この言語が謳っているのが、 高速 安全 簡単(生産性が高い、とも) という 3 点です。 高速と安全はまぁいいでしょう*1。 問題は、はたしてこの言語は簡単なのか?という点です。 簡単かどうかは人によるのでアレなのですが、まぁ一部の人にとっては簡単とは言えない (というか書く気がしない) 書き方を強制されるのです。 関数型 数値を受け取って文字列を返す関数を表す型は、JSX では以下のように書きます。 function(:number):string これ単体で見ると分かりやすそうな気配はします。 では、これ読めますか? function f(g: function(:number):number):

    gfx
    gfx 2012/06/04
  • にひりずむ::しんぷる - わーい、JSX で canvas いじれたよー

    ちょろっと修正 というわけで、blog の背景の canvas を JSX で書きなおしてみた。いま動いてるのは JSX でコンパイルした JavaScript です。 だいたい、チュートリアルとテストみたらできた。 まず、node と npm が必要なのでよしなにいれる $ brew install nodejs $ curl http://npmjs.org/install.sh | sh そしたら JSX のレポジトリから git clone して make setup $ git clone git://github.com/jsx/JSX.git $ cd JSX $ make setup これで jsx の開発環境が整いました!簡単ですね!! ちなみに、いまは make install とかないので、とりあえずはこの落としてきたレポジトリで適当に開発することにした。 あとは、

    gfx
    gfx 2012/06/03
  • JSX 私的チュートリアル - あらびき日記

    この記事は abicky.net の JSX 私的チュートリアル に移行しました

    JSX 私的チュートリアル - あらびき日記
  • 0からはじめるJSX Part.2 - console.lealog();

    というわけで、ノンプログラマがこつこつJSXを勉強していくコーナーです。 一応どんなレベルかを書いておくと・・ 会社の新入社員研修でJavaを2週間やった+実務で2週間さわった → ほとんど覚えてない。 JavaScriptに関しては1年くらい勉強中で、Prototypeとかクラス風な使い方とかを最近かじれてきた程度。 PHPに関しても同じくらい。 でも全部独学+作りたいサービスに必要なとこだけとかなので偏りあり。 Web技術とかそういうのは好きなので、「知識としては」あれこれ知ってる方かと。 そんな私が、プログラミング言語らしいプログラミング言語を覚えるべく、噂のJSXに手を出していきます。 はじめる前に おそらく正当なやり方は、gitでcloneしてきてコンパイルしてNodeで実行・・なんでしょうけど、それはやりません。 なぜならイマイチよくわかってないから。 VPS借りてるならやれよ

    0からはじめるJSX Part.2 - console.lealog();
    gfx
    gfx 2012/06/03
  • Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot

    Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot Seperti yang kita pahami waktu ini ada sangat banyak permainan slot online paling sederhana yang dapat dimainkan dalam sekejap hanya cukup masuk di sana saja ojekslot terunggul. Di sini dapat ada sangat banyak bermacam permainan luar biasa yang pastinya dapat anda temukan dengan ringan. Beraneka permainan terbaik di sini dapat and

    Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot
    gfx
    gfx 2012/06/03
    これは美しいからjsx repoのexampleに入れたいなー。
  • JavaScripterから見たJSX

    私は2001年からJavaScriptを専門にして実装をしており、かなり長い間JavaScriptを使い続けてきました。ExGameをはじめとして、異常なほどにJavaScriptを使い倒したプロジェクトを何個か完遂させています。前の会社「ブロードテイル」がDeNAに買収されたのは、JavaScriptのプロダクトだけでなく、私たちのJavaScriptのスキルを生かしたいという側面も大きくあったと感じています。 そんな私ですが、正直に言うとJSXの開発にはほとんど関わっていません。JSXは基的に一穂さんが主導し、gfxがフォローし、a_bickyがドッグフードをべる(自分たちのプロダクトをまず自分たちで率先して使う)という形で進んできました。私が強くかかわったのは、主に3月の言語仕様を決めるときの議論程度です。なのでJSXについてそこまで詳しい訳ではないのですが、そばで開発を見てきた

    gfx
    gfx 2012/06/03
  • JSX はなぜ「速い」のか - kazuhoのメモ置き場

    なぜ「速い」のか、について JSX 開発者の立場から。 たとえば、シューティングゲームで一番重たい処理は何か。言うまでもなく衝突判定。多数の弾や敵機の衝突判定を毎フレームごとに行う必要があり、この演算が重たい。 JSX に同梱されている web/example/shooting.jsx には衝突判定のコードが複数あるが、一番重たいのは Bullet#update 関数で、その処理は以下のようになっている*1。 for (var rockKey in st.rocks) { var rock = st.rocks[rockKey]; if (this.detectCollision(rock)) { if (rock.hp == 0) return false; inDisplay = false; if (--rock.hp == 0) { st.score = Math.min(st.s

    JSX はなぜ「速い」のか - kazuhoのメモ置き場
    gfx
    gfx 2012/06/02
  • http://d.hatena.ne.jp/toku_bass/20120531

    gfx
    gfx 2012/06/02
  • JSXでjQueryを動かす上での障害 - 西尾泰和のはてなダイアリー

    飽きてきたのでやる気が0になる前に気づいた点を公開しておく $は識別子に使えない。 jQuery.isはisがJSXの予約語なので使えない。is_とかにリネームする? jQueryがjQuery(...)もjQuery.fooもできる存在なのが厄介。僕も今の実装ではclass jQueryを作ってコンストラクタのnew jQuery(...)とstatic methodのjQuery.fooを使う形になっているけども、見た目をjQueryに似せるのをやめてjQuery(...)的な使い方は全部きちんと名前付きで呼べ(jQuery.find(...), jQuery.ready(...), etc)という方がよい気がする。 jQuery.findの返り値は[0]とかができる「Arrayのような何か」だが、これは実はArrayではないのでJSXではArrayへのキャストが出来ない。 jQuer

    JSXでjQueryを動かす上での障害 - 西尾泰和のはてなダイアリー
    gfx
    gfx 2012/06/02
  • WindowsでJSXを動かそう - 唯物是真 @Scaled_Wurm

    新たなベターJavaScriptとしてJSX - a faster, safer, easier alternative to JavaScriptというものが公開されていたので触ってみました。 Windowsだとそのままでは動かないっぽいです。 必要なもの Github for Windows(git) node.js (perlも必要かも) 手順 1.githubからcloneしてくる 以下のページから"Github for Windows"や"git clone http://github.com/jsx/JSX.git"などでリポジトリを入手する。 https://github.com/jsx/JSX/ 2.make setup Windows標準だとmakeが入っていないのでコマンドラインで"npm install", "perl web/setup.pl"する。 Github

    WindowsでJSXを動かそう - 唯物是真 @Scaled_Wurm
    gfx
    gfx 2012/06/02