JsViews入門 - Do You PHP はてブロ
JsRender/JsViewsのチュートリアルを書いています。こちらもどうぞ→「jsviews チュートリアル」の検索結果一覧 - Do You PHP はてな いい加減書かないと、絶対に書かないような気がしたので。。。 先日(といっても2ヶ月前)のJsRender入門 - Do You PHP はてなの続きです。 JavaScript製のテンプレートエンジンであるJsRenderを使うとJavaScriptでHTMLコンテンツを出力する(特にメンテナンス)のがかなり楽になるんですが、データが変更された場合に自動的に再描画してくれるわけではありません。 たとえば、JsRender入門 - Do You PHP はてなの"使い方"にあるサンプルに追記し、配列fruitsに要素を追加するようにしたものが以下のサンプルです。 <html> <body> <div id="list"></div
A Few New Things Coming To JavaScript
November 22, 2012 I believe the day-to-day practice of writing JavaScript is going to change dramatically for the better when ECMAScript.next arrives. The coming year is going to be an exciting time for developers as features proposed or finalised for the next versions of the language start to become more widely available. In this post, I will review some of the features I'm personally looking for
Backbone Patterns
Backbone Patterns Building apps with Backbone.js Here, I try to document the good practices that our team has learned along the way building Backbone applications. This document assumes that you already have some knowledge of Backbone.js, jQuery, and of course, JavaScript itself. Table of contents Model patterns Bootstrapping data View patterns Inline templates JST templates Partials Animation buf
TypeScript のインストールとコンパイル (Windows) | プログラマーズ雑記帳
Microsoft が TypeScript という新言語を発表しました。 CoffeeScript のように JavaScript に変換して使うタイプのものですが、 言語としては、 JavaScript(ECMAScript) で将来予定されている仕様を先取りした 次世代 JavaScript のような感じになっています。 この TypeScript の Windows 環境におけるインストールとコンパイル方法について紹介します。 Welcome to TypeScript TypeScript は VS2012 のプラグインか Node.js の npm パッケージとしてインストールします。 私が VS2012 を持ってないので、 Node.js を使ったインストール方法を説明します。 ただ、CoffeeScript のインストール とほとんど同じなので、簡単な説明にしています。 N
JSX のインストールとコンパイル (Windows) | プログラマーズ雑記帳
JSX の GitHub のページから zip ファイルをダウンロードします。 jsx/JSX ・ GitHub zip ファイルを展開し、そのフォルダーに移動します。 コマンドを実行して、インストールします。 > npm install -g インストールすると JSX のコンパイラーである jsx ができます。 JSX を使ったコンパイル jsx コマンドを使って JSX のコードを JavaScript に変換(コンパイル)します。 まず、適当な JSX のファイルを作成しておきます。 hello.jsx : class _Main { static function main(args : string[]) : void { log "hello world!"; } } コンパイルには次のコマンドを実行します。 jsx [オプション] 入力ファイル > jsx --out he
独自データ属性 - グローバル属性 - HTML5 タグリファレンス - HTML5.JP
3.2.5.9 data-* 属性を使った独自非表示データの組み込み 独自データ属性は、名前空間に属さない属性で、その名前は文字列 "data-" で始まり、ハイフンの後に少なくとも一文字が続きます。これは XML 互換で、ASCII 大文字 を含みません。 HTML ドキュメントの HTML 要素のすべての属性は自動的に小文字に変換されますので、ASCII 大文字に関する制約はこのようなドキュメントには影響を及ぼすことはありません。 独自データ属性は、適切な属性や要素がない場合に、ページやアプリケーションに固有の独自データを格納することを想定したものです。 これらの属性は、この属性を使うサイトと無関係のソフトウェアによる利用を想定していません。 例えば、音楽に関するサイトなら、各トラックの尺を含んだ独自データ属性を使って、アルバムのトラックを表すリスト項目を注記することができるでしょう。
JavaScriptで正規表現練習ゲーム作った - aike’s blog
特に何か目的があるわけじゃないんですが、JavaScriptの練習のためにゲームを作ってみました。 Regex Of The Dead タイピングゲームのように正規表現を練習するためのシンプルなゲームです。ゾンビと一般人が迫ってくるのでゾンビの名前にだけマッチするように正規表現を入力して倒していきます。 HTML5の流れでオーディオ、グラフィック、フォントがHTML/JavaScriptで簡単に扱えるようになり、さらにenchant.jsのようなゲームエンジンも充実してきて、ゲームもJavaScriptだけで気軽に作れるようになってきたようです。 そんなわけで試しに書いてみたのがRegex Of The Deadです。プログラミングは長いことやっているもののゲームを作ったのは大学のとき以来かもしれません。 最初、何か良さそうなゲームエンジンがないものかいくつか調査しましたが、こういったタイ
空白文字が2種類あるから混乱するのだよ(全角空白じゃないよ)
空白文字が2種類あることを知らなかったんですよね(^_^;) まず、空白文字についての話の前に、知っておくべきことから。 Javascriptで"a"という文字を表現する方法。 alert("a");//a alert("\x61");//a alert("\u0061");//a これを比較してみる。 alert("\x61" == "a");//true alert("\x61" == "\u0061");//true alert("\u0061" == "a");//true 正規表現ではどうだろう? var ret ret = /\u0061/.test("\x61");//true ret = /\u0061/.test("a");//true ret = /a/.test("\x61");//true ret = /a/.test("\u0061");//true ret =
たまごはんのブログ
Node.jsのイベントループの挙動を理解するために、いくつかの実験を行ってみました。 前置き node.jsのイベントループというシングルスレッドの処理系を持ちます。 イベントループとは,下記のような特徴を持ちます。 * 常に実行されているループを持つ * ユーザーイベントの有無をループする度に確認し、そのイベントを処理する。 * イベントを処理すると、制御は前述のループに戻り、次にイベントが発生するまでループを回り続ける 図にするとこんな感じです。 しかし、サーバの処理系としてイベントループを使用する上で考慮しなければいけないことがあります。 それは”同時に多数のリクエストをどうやってさばくか”です。 シングルスレッドによるイベントループではクライアントのリクエストはシーケンシャルにさばく必要があり、 結果として、大量なリクエストを同時にさばくためになんらかの工夫が必要になります。 N
そろそろnode.jsについて一言書いておくか | KRAY Inc
はじめに 毎年サーバーサイドJavaScriptが流行ると言ってるみなさんこんにちはダニーです。 ということで、node.jsをはじめてみました。 Twitter Streaming APIで取得したデーターをWebSocketで 接続したクライアントに出力するデモを作成したので紹介したいと思います。 今回のデモについて 今回作成したデモは node.jsのHttpClinetでTwtter Streaming APIでTwtterからデータを取得して、 node.jsのWebSocket Serverでそのデータを接続してきたWebSocket対応ブラウザに送信するということを やっています。 Twitter Streaming APIで取得できるようにする。 動かすのにhttp-basic-authが必要です。 npm install http-basic-auth streaming
Node.jsとは何か、開発者ライアン・ダール氏が語る（前編）～ノンブロッキングとはどういうことか？
いま注目されているサーバサイドJavaScriptの火付け役となったNode.js。その開発者であるライアン・ダール（Ryan Dahl）氏自身がNode.jsを紹介した講演「Introduction to Node.js with Ryan Dahl 」のビデオが公開されています。 この講演は、サンフランシスコのPHP開発者の集まりであるThe SF PHP Meetup Groupが2月にダール氏を招待して行われたもの。 そのため、Node.jsを知らないデベロッパーに向けて、Node.jsがどのような特徴を持つプログラミング言語なのか、分かりやすく解説しています。内容を紹介しましょう。 Node.jsとPHPとの本質的な違いとは何か Node.jsを触ってみよう。今日は特にスライドは用意してなくて、タイプしてどんなものかを動かしながら紹介していくつもりだ（注：ダール氏はここで最初に「
これからnode.jsを始める人のためのインストール系エントリまとめ - 小さい頃はエラ呼吸
はじめに node.jsが熱いですね。 これからnode.jsを勉強したり、node.jsで何かアプリケーション作ってみたいという人のために、node.jsの環境構築（インストール）系のエントリを集めてみました。 サーバサイドJavaScript Node.js入門posted with amazlet at 14.02.16清水俊博 大津繁樹 Jxck 小林秀和 佐々木庸平 篠崎祐輔 高木敦也 西山雄也 アスキー・メディアワークス 売り上げランキング: 247,116 Amazon.co.jpで詳細を見る プラットフォーム別に分けてみましたので、お好きな環境でnode.jsに触れてみてください。ざっと眺めてみた感じ、Macでやるのが一番簡単みたいです。 Windows + cygwin Windowsでもcygwinを入れてあげてればnode.jsは動きます。 node.jsをWindo
haXeとは - mitamex4uの日記
おおざっぱに言うとhaXeはJavaScriptの皮を被ったOcamlです。いろいろ言いたいことはあるけどとてもいい言語。でも使っている人が少なくてもったいない。みんな使おう！ 詳しくはhttp://haxe.org/?lang=jp を見てください。 Javaライクなクラスと強い静的型付けのJavaScriptに、Ocamlのようなヴァリアント型とパターンマッチが追加されてより関数型言語っぽくなっていると思ってもらえばだいたい間違いありません。 おまけに、haXeは１つのコードからC++,PHP,JavaScriptといった複数の言語のコードを生成する能力があります。同一コードからJavaScriptとC++のソースを生成できることが夢の実現のための重要な機能となります。
JavaScript MVC座談会。遅くならない？ それぞれの特徴は？ サーバとの通信は？（後編）
JavaScriptでの大規模アプリケーション開発を支援する「JavaScript MVCフレームワーク」がいくつも登場し、注目され始めています。7月11日に開催された「第31回 HTML5とか勉強会」では、このJavaScript MVCフレームワークがテーマとなり、主なフレームワークの紹介と座談会が行われました。 それぞれのフレームワークがどんな特徴を持ち、何に向いているのか。非常に勉強になる内容でしたので、この記事では座談会の内容を紹介したいと思います。 （本記事は「座談会：JavaScript MVC、遅くならない？ それぞれの特徴は？ サーバとの通信は？（前編）」の続きです） ローカルのモデルをサーバに保存するには？ 新野 ここまでは主にビュー側の話をしてきましたが、次はモデルについてです。それぞれのフレームワークで、モデルとしてローカルに持ったデータをサーバに送って保存したいと
Effective JavaScript - Dynamic Scripting
Effective JavaScript A Few Ways to Improve Your JavaScript Effective JavaScript は JScript 、JavaScript 、ECMAScript による効果的なスクリプトの構築方法を解説するものです 目次 0 序章 はじめに 表記法 1 関数 引数 - デフォルト引数、正当性チェック、残余引数、オーバーロード 関数とオブジェクト - 無名関数、関数オブジェクト、関数アダプタ クロージャ - 無名関数を返す関数 関数の変形 - 関数の合成、引数の束縛、引数の加工 2 例外 3 オブジェクト プロパティとメソッド - 基本的な話 コンストラクタとプロトタイプ - コンストラクタ、メソッドの定義、プロトタイプによる継承 アクセスレベル - 非公開メンバ、限定公開メンバ実現のアプローチ © 1999-2004 exe
Hatena-Textbook/javascript-event-driven.md at master · hatena/Hatena-Textbook · GitHub
JavaScript によるイベントドリブン アジェンダ JavaScript の言語について DOM について イベントについて jQuery について MVC アーキテクチャについて まずはじめに Just moment! Web で JS を使うとき、HTML の知識が前提となることが多い http://www.kanzaki.com/docs/htminfo.html 少なくとも「簡単なHTMLの説明」は押さえておきたい。 目的 講義時間は限られているので JS を学ぶ上でとっかかりをつかめること リファレンスを提示します。概念を理解 言語的部分、DOM 及びイベントドリブンなプログラミング 覚えようとするとクソ多いのでリファレンスひける部分は覚えない JS とはどんな言語であるか? 基本クライアントサイド=ブラウザで動く 実装がたくさんある はてなのエンジニアはみんな誰もがある程
Titanium - JavaScript で iPhone/Android アプリを作る - naoyaのはてなダイアリー
Titanium Mobile は JavaScript で iPhone/Android のアプリ (not Webアプリ) を開発できる開発環境。詳しくは Titaniumで始めるモバイルアプリ作成の基礎知識 (1/3)：Web技術でネイティブアプリを作れるTitanium（2） - ＠IT などに解説があります。 少し時間があったので、JavaScript で作るというのがどんな感じか試してみました。作ったアプリは こんな感じで TableView があり、選択すると WebView でアプリ内ブラウザが立ち上がる、ブラウザはツールバーで「戻る」や「リロード」が可能。あとはタブコントロールがあったり･･･という単純なもの。初期起動画面のサイトリストは、HTTP でローカルに立てたサーバーから JSON で読み込んでいます。 Web上のドキュメントを見ながら2, 3時間試行錯誤で一応の
Titanium mobile で開発を始める時に役立つ情報のまとめ | astronaughts.net
かなり熱くなってきた Titanium mobile 去年あたりから JavaScript で iPhone や Android のネイティブアプリが開発できる Titanium mobile が注目を集めています。実は僕も、この Titanium mobile を使用してアプリを開発しています。まだ何もリリースできていませんがっw Titanium mobile の情報は、有志の方々がドキュメント等を日本語でまとめてくださっているんですが、まだまだ細かい情報が少なく、分散してしまっているのが現状のようです。 そこで、自分が集めた情報を一度まとめてみました。これから Titanium mobile を触ってみようと思われる方は一度目を通してみてください。 Titanium mobile 入門関連 まず Titanium mobile を触る前に必ず見ておきたいサイトです。 チュートリアル
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
AimingStudyでHTML5のJavaScript設計について話した - mizchi log
http://blog.av-jyo.com/2011-07/how-to-develop-porn-website-with-nodejs.html