タグ

javascriptに関するstealthinuのブックマーク (542)

  • JSX 私的チュートリアル - あらびき日記

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

    JSX 私的チュートリアル - あらびき日記
    stealthinu
    stealthinu 2012/06/04
    JSXのチュートリアル。javascriptとの差分なので簡潔。classあたりと型宣言あたりだけ覚えりゃ良さそう。というかそういう設計。javaっぽくなったjavascriptって感じ。
  • JavaScriptみたいな最近噂の新言語、JSXのお話を聞いてきたよ! | Ginpen.com

    これ行ってきました。 Web先端技術味見部#4 (仮テーマはJSX!) : ATND JSXなにそれ JavaScriptっぽい新言語。日DeNAが発表。 JavaScript風の記述 って言ってたけどそうでもないと思った。ActionScriptに近い? 静的型付け →高速 クラスベース →高速 JavaScriptに変換しても →高速 玄人が書いたJavaScript並 クライアントサイドでもサーバーサイドでも動く というかJavaScriptが動く環境なら動く JavaScriptを置き換えるのが目標 リンク DeNA開発、高速なJavascriptコードを生成できる新言語「jsx」への反応まとめ – Togetter JSX – a faster, safer, easier alternative to JavaScript 公式サイト JSX – Statically-typ

    JavaScriptみたいな最近噂の新言語、JSXのお話を聞いてきたよ! | Ginpen.com
    stealthinu
    stealthinu 2012/06/01
    JSX勉強会レポート。クラスは多重継承なし。逆にプロトタイプは不可。型宣言しなくても初期化時の値でその型になる。既存JSライブラリはインターフェイスファイルにしないとダメ、というところが障壁になるか?
  • Twitterがページ表示時間を5分の1に高速化。どのようなテクニックを使ったのか?

    Twitterフロントエンドのアーキテクチャを見直し、Webページの読み込み速度を改善したことをブログで明らかにしています。 新しいアーキテクチャでは、これまでWebブラウザ上でJavaScriptの処理によって行ってきたWebページのレンダリングを見直し、サーバ側でレンダリング済みのHTMLページを送信し表示することにしています。これによってWebページの読み込みから最初のツイートの表示までの時間が大幅に短縮されることになりました。 When we shipped #NewTwitter in September 2010, we built it around a web application architecture that pushed all of the UI rendering and logic to JavaScript running on our users’

    Twitterがページ表示時間を5分の1に高速化。どのようなテクニックを使ったのか?
    stealthinu
    stealthinu 2012/05/31
    今までクライアント側javascriptでレンダリングに速度が依存してたがjavascriptは遅延実行されるようにしてサーバから送られてくるHTMLだけで表示が始まるようにしたことで高速化した。回帰が起きてるという指摘。
  • JSX - a faster, safer, easier JavaScript

    JSX is a statically-typed, object-oriented programming language designed to run on modern web browsers. Being developed at DeNA as a research project, the language has following characteristics. faster JSX performs optimization while compiling the source code to JavaScript. The generated code runs faster than an equivalent code written directly in JavaScript. The gain may vary, but even the optimi

    stealthinu
    stealthinu 2012/05/31
    DeNA製の型付きOOなJavascriptみたいな言語JSXのgithub。TryのところでJSXのコードと変換後のjavascript見れるのだが、なんでこれで速くなるのかわからん。もっと現実的なコードでないと差がでないのかな?
  • JSX

    BootsFaces, AngularFaces und ein Blck unter die MotorhaubeOPITZ CONSULTING Deutschland

    JSX
    stealthinu
    stealthinu 2012/05/31
    DeNA製の型付きOOなJavascriptみたいな言語JSX。プレゼン資料が4/5になってるのは社内向け?Dartとか他の言語との比較があるがCoffeeとの比較がないのはなんでだろ。ある意味一番のライバルだと思うんだが。
  • Web先端技術味見部#4 (テーマ:JSX) : ATND

    Web先端技術味見部#4 (テーマ:JSX) : ATND
    stealthinu
    stealthinu 2012/05/31
    JSXの勉強会をDeNAでだって。テーマが当日変更っていうスピード感。こういうの見るとほんと東京住んでる人うらやましいと思う。
  • Titanium でクラスっぽいモノを書くときに気をつけること | imthinker.net

    Titanium Mobile は JavaScript を使って iOS や Android などモバイルプラットフォーム向けのネイティブアプリケーションを構築することができるツールキットです。 JavaScript はクラスベースではなく、プロトタイプベースのオブジェクト指向言語ですが、言語仕様上まるでクラスベースであるかのような文法が見受けられるために混乱を招きがちです。そのため、 JavaScript そのものを糖衣する CoffeeScript ではクラスベースとして振る舞うような文法が採用されています。 クラスベースのオブジェクト指向言語に慣れた人からすれば、 JavaScript のプロトタイプに頭を抱えることなく Titanium Mobile アプリケーション開発を行える CoffeeScript  は有益な言語です。しかし、 Titanium Mobile アプリケーシ

    stealthinu
    stealthinu 2012/05/31
    titaniumオブジェクトはネイティブAPIのラッパーだから普通のjavascriptのように扱って拡張しよとすると失敗する。だから一旦普通のjavascriptのオブジェクトを作ってそっから呼び出す、みたいにしないとダメ。
  • 絵を描いて学ぶ・プログラマのためのラムダ計算 - 檜山正幸のキマイラ飼育記 (はてなBlog)

    JavaScriptで学ぶ・プログラマのためのラムダ計算」は、1回では述べ切らなくて、一段落付いたところで区切りました。これはかえって良かったですね、ブックマークやトラックバックでフィードバックが得られたので。 そのフィードバックなどをかんがみて、「残り=次回の話題」として予告した内容とはい違ってしまうのだけど、今回は、文章では伝わりにくい(前回うまく伝わらなかったと思える)ラムダ計算の大事なツボを、なんとか表現してみようと思います。 [このエントリーの内容はだいぶ前にほぼ出来上がっていたのだけど、ココに書いてある事情で、“お絵描き”がなかなか出来なかったのです。] ※印刷のときはサイドバーが消えます。 内容: 知っていて損はない 計算は身体的に理解しよう ラムダ項のツリー表示:準備 ラムダ項のツリー表示:描く! β変換に対応するツリーの描き換え もっとβ変換をやってみよう 計算現象を

    絵を描いて学ぶ・プログラマのためのラムダ計算 - 檜山正幸のキマイラ飼育記 (はてなBlog)
    stealthinu
    stealthinu 2012/05/30
    ラムダ式の話続き
  • 檜山正幸のキマイラ飼育記 - JavaScriptで学ぶ・プログラマのためのラムダ計算

    JavaScriptによるテンプレート・モナド、すっげー簡単!」にて: 紙と鉛筆でラムダ計算を実行できることは必要だな、やっぱり。 なんて強調したので、ラムダ計算の入門、いってみよう。 [追記]練習問題集を追加しました。説明を読みながら、あるいは読んだ後で是非やってみてください。→「JavaScriptで学ぶ・プログラマのためのラムダ計算 問題集」[/追記] ※印刷のときはサイドバーが消えます。 内容: JavaScriptの関数リテラル ラムダ式ってなんだ ラムダ計算の体系と適用操作 ラムダ式の例をいくつか β変換 -- ラムダ計算のキモ! β変換を何度か実行してみる 中間まとめ、まだ続きがあるよ JavaScriptの関数リテラル 最初に、JavaScriptに関する知識を確認しておきましょう。なお、JavaScriptの対話的実行環境については「もっともお手軽な対話的JavaScr

    檜山正幸のキマイラ飼育記 - JavaScriptで学ぶ・プログラマのためのラムダ計算
    stealthinu
    stealthinu 2012/05/30
    ラムダ式ってこういうことだったのか… ぜんぜん理解してなかったよ。何年コンピュータいじってたんだか。しかもlispはちょっとは触ることあるのに。elispだけど。
  • 第1回 Meteorをはじめよう | gihyo.jp

    Meteorとは? Meteorは、2012年4月に彗星のように登場した、新たなアプリケーションプラットフォームです。この原稿の執筆時で、バージョンは0.3.6とされており、まだまだプレビュー版の域は超えていません。また、現状ではUNIX環境(MacOS Xを含む)でしかうまく動作しないようです。 しかし、Webアプリケーション開発をとことんまで素早く、楽に行えるようにするためのさまざまな仕組みが盛り込まれていることから、登場直後からかなりの注目を集めています(公式サイトには、「⁠1日か2日でプロトタイプを、2~3週間で製品レベルのアプリを構築できるようにする」とあります⁠)⁠。 MeteorはMITライセンスに基づくオープンソースプロジェクトとして、Github上で公開されています。現在4人の開発者がフルタイムで開発に従事しており、1年以内に1.0をリリースする予定だとされています。 M

    第1回 Meteorをはじめよう | gihyo.jp
    stealthinu
    stealthinu 2012/05/24
    Meteor入門記事。連載なので今後期待。
  • Monaca + enchant.js でお手軽スマフォゲームアプリ開発

    <!DOCTYPE HTML> <html> <head> <meta name="viewport" content="initial-scale = 1, user-scalable=no"> <meta charset="utf-8"> <title>RPG sample on Monaca</title> <script type="text/javascript" src="enchant.js"></script> <script type="text/javascript" src="ui.enchant.js"></script> <script type="text/javascript" src="game.js"></script> <style type="text/css"> body { margin: 0; } </style> <script type="t

    Monaca + enchant.js でお手軽スマフォゲームアプリ開発
    stealthinu
    stealthinu 2012/05/23
    Monaca使ってenchant.jsのアプリをiOS/Androidのアプリ化
  • Meteor.js - naoyaのはてなダイアリー

    http://www.meteor.com/ で公開された Meteor.js を少し触ってみました。TechCrunch なんかでも話題になっていましたね。 Meteor.js は JavaScript によるウェブアプリケーションフレームワークですが、クライアントサイドでもサーバーサイドでもない、"Isomorphic" なフレームワークです。 コンセプトとしていくつか特徴があるのですが、その最たるものは "Reactive Programming" で、モデルやセッションなどのストレージを更新するとその更新内容がリアルタイムに、そのアプリケーションを開いている全クライアントに伝わるようなアプリケーションを簡単に作ることができます。 この辺は実例を見るのが早いです。 http://www.meteor.com/examples/leaderboard ここにある動画では、あるブラウザで

    Meteor.js - naoyaのはてなダイアリー
    stealthinu
    stealthinu 2012/04/23
    meteorのなにが凄いのかやっとわかった。なんもしなくてもリアルタイムにデータ同期が行われるのか。そういうreactiveプログラミングという概念で書けるフレームワークなのね。この界隈どんどん新しいの出てくるな。
  • CoffeeScriptは自分にとっては有益だった

    programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + / CoffeeScriptは是か否かという話は、CoffeeScriptを調べていれば否応なしに引っかかる話題で、自分もそれについてはかなり考えさせられた。何回かこのブログでも書いたとおり、CoffeeScriptいいなーと思ってはいて、ここ1,2ヶ月はずっとCoffeeScriptでJavaScriptを書いているんだけども、いい点はもちろんあるにせよ、書いているうちに、最初は見えてなかった問題も見えてきたりした感じがするので、その点について少し書きます。 なぜ CoffeeScript がよいか - 0xff.toBlog()なぜ CoffeeScript がダメか - 冬通りに消え行く制服

    CoffeeScriptは自分にとっては有益だった
    stealthinu
    stealthinu 2012/04/03
    あー、ここんところ話題になってたCoffeeScriptについての意見だけど、これが一番自分にはしっくりくるわ。自社開発用ならまず問題ないと思う。オープンソースでどうかってのが課題になる感じ。でもいいと思うけど。
  • CoffeeScriptってなんぞ?

    This document discusses using CoffeeScript, Compass, and Sass to accelerate Titanium development. It provides examples of CoffeeScript code and how it improves readability over JavaScript. It also discusses using Sass and Compass for styling Titanium applications, including features like nesting, mixins, variables, and color functions that allow for cleaner, more reusable CSS code. Organizing styl

    CoffeeScriptってなんぞ?
    stealthinu
    stealthinu 2012/04/02
    coffeescriptの紹介。こういう紹介はわかりよいな。coffeescriptについては自分もいつか勉強会で話したい。
  • モバイルゲームの歴史を年代別にご紹介します。モバイルゲームの成長と今後について詳しく解説していきます。

    モバイルゲーム 物凄い勢いで勃興したモバイルゲーム業界は、いろいろな課題や問題に直面しながらも巨大化し、今日の時点でのスマートフォン向けゲームの市場へと継承されていきます。 モバイルゲーム歴史 2001 Javaアプリと3Dゲームの登場 Javaが利用できるようになったことにより、ダウンロード型のゲームが供給できるようになりました。 2002 携帯電話端末の大容量化・3D化競争 Java搭載携帯電話端末が登場してからごく僅か1年の間に、アプリのサイズに関しては10倍に広大化し、表現方法も2Dから3Dにシフトし始めました。J-PHONEは『ゼビウス』や『スペースハリアー』などといった昔のアーケードゲームを、ドコモはSIMCITYなどパソコンで世界的規模のヒットを飛ばしたゲームを主力商品としていました。 2003 モバイルゲームの一般化 メモリの制限が厳しいJava仮想マシン上ではなく、OS

    stealthinu
    stealthinu 2012/04/02
    enchant.js向けのキャラクタ(アバター)ライブラリ。本家が自社開発したゲームからデータ転用してフリーで公開。
  • 踊るJavaScriptがPerfume - 音の鳴るブログ

    http://mohayonao.herokuapp.com/perfume1 http://mohayonao.herokuapp.com/perfume2 (Web Audio API / Audio Data API連携バージョン) http://www.perfume-global.com で、Perfumeのモーションデータが配られているので、とりあえずJavaScriptで踊らせてみた。 3Dの処理は Three.js でやっているし、GitHubのFLASHのやつをベースにJavaScriptにするだけなので、よく分かっていなくてもできる。 Three.js -> https://github.com/mrdoob/three.js/ perfume-dev -> https://github.com/perfume-dev ただ、Flashの Matrix3D.append

    踊るJavaScriptがPerfume - 音の鳴るブログ
    stealthinu
    stealthinu 2012/04/02
    例のperfumeモーションデータをthree.jsというライブラリ使ってjavascriptで動かすデモ。こんなレベルのが簡単にできんだねえ。
  • enchant.js 怒涛の 100 tips | TM Life

    ※ phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです. enchant.js 怒涛の 100 tips!! ローカル整理してたら昔勉強がてら作った enchant.js のサンプルが大量に出てきたので, 整理するついでに公開しようと思います. 最終的に 100超えちゃったけどw(全部で102個あります) 逆引きてきな感じでまとめてます. 参考になれば幸いです. 全て jsdo.it に移植したので Web上で実行できます!! fork なりダウンロードなりして遊んでくださいな♪♪ Tips Base(基) 基礎です. enchant.js のテンプレートを用意しよう Entity(エンティティ) 表示物系の基底クラスです. 内部で DOM を持っているので表示は

    stealthinu
    stealthinu 2012/03/16
    逆引きenchant.js的なもの。いろいろサンプルがあって参考に。
  • Cluster

    Node.js v0.6 の新機能として cluster モジュール が導入されました.cluster モジュールは,HTTP を含めた TCP 接続を複数の子プロセス (ワーカプロセス) で処理することにより,特にマルチコア環境でのスループット (リクエスト/秒) を向上するための機能です.  しかし,ドキュメントにはその使い方が書かれているだけで,どのように実現されているかは書かれていないので,ここで簡単に紹介しておきます.  Node.js のクラスタ機能は v0.5.10 で突然コマンドラインオプションとして導入されましたが,直後の「東京 Node 学園祭 2011」が行われた頃にはコマンドラインオプションは廃止されて cluster モジュールによって API が提供されるようになり,その翌週の v0.6.0 リリース数時間前にはその API が変更されるというドタバタぶりでした

    Cluster
    stealthinu
    stealthinu 2012/03/16
    nodeのv0.6ではclusterモジュールが導入されてたんだ。知らんかった。clusterモジュールがどう動くかとcluster使う場合のサンプルが書かれていてわかりやすい。
  • slot gacor deposit pulsa tanpa potongan

    Situs slot gacor Playtech menyediakan daftar slot gacor mudah menang yang bisa Anda mainkan sesuka... Read More

    stealthinu
    stealthinu 2012/03/09
    nodeのrailsっぽいフレームワークtower
  • これはnode.jsの時代が来るか!?全て揃ったnode.jsフレームワーク·Tower.js MOONGIFT

    Tower.jsはフルスタックのnode.js用Webアプリケーションフレームワークです。 こ、これはやばい…。ついにnode.jsの時代が来るかもしれない、そう感じさせるWebアプリケーションフレームワークがTower.jsです。 インストールはnpmで簡単にできます。 まず新しいアプリケーションを作成します。 Scaffoldで簡単にコントローラ、モデル、ビューを生成。 生成された際の構成はこんな感じです。 towerコマンドのオプションです。 Webサーバを立ち上げ場合です。 Tower.jsはMongoDBをデータベースに、Redisはバックグランドジョブ、CoffeeScriptをメインの記述に使いつつ、Jasmineをテストフレームワーク、jQueryも使えるフレームワークです。メール、マイグレーション、MVC、RailsばりのO/Rマッピング、バリデーション、ルーティング、B

    stealthinu
    stealthinu 2012/03/08
    Tower.jsというnode.js版Railsみたいなフレームワーク。MongoDB,Redis,Coffee,Jasmin,Bootstrapなど使う。