ブラウザでもNode.jsでも動くテンプレートライブラリ - taediumの日記
これは JavaScript Advent Calendar 2011 (Node.js/WebSocketsコース) の19日目の記事です。 JavaScriptで作られたテンプレートライブラリってたくさんありますよね。今日もこんなブログみかけました。 クライアントサイドJavaScriptで使えるテンプレートエンジンのメモ ここに挙がっているものだけでも聞いたことがないものが結構ありました。おそらく、世の中にはここに挙がっているもの以外にもまだまだたくさんあると思います。とにかく多いです。テンプレートのライブラリに限らない話かもしれないですけどね。 テンプレートライブラリに必要な機能って何？ テンプレートライブラリに必要な機能や特徴って何でしょう？条件分岐や繰り返しなど基本的なものは除外するとして、自分がテンプレートのライブラリに求めるものを3つ挙げてみます。 HTMLのエンコードをデ
HTML5+CSS3の導入時に役立つ7つの設定
こんにちは、鴨田です。 個人的に仕事の大半はスマートフォン関連なので、 最近のマークアップはほとんど全てHTML5+CSS3で行っています。 とはいえ、PC向けのサイトではまだまだHTML4.01、XHTML1.0、CSS2.1を使用している場合が多いと思います。 ですので、今回はHTML5+CSS3を導入するにあたって、役立つと思う7つの設定について、書きたいと思います。 １．HTML5の初期テンプレート案 <!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title>HTML5 初期テンプレート</title> <!-- reset.cssの設定 --> <link rel="stylesheet" media="screen" href="reset.css" /> <!-- Viewportの設定 --> <meta nam
jQueryだけ使うのが馬鹿らしくなる。KnockoutJSに触れる
久保田です。最近KnockoutJSというJavaScriptフレームワークを勉強しています。 KnouckoutJSはjQueryの上に構築されているフレームワークです。jQueryのみ使うのと比べてKnockoutJSを利用すると、ウェブページ上のインタラクションを圧倒的に簡単に記述できます。この記事では、簡単にKnockoutJSの概要を説明し、KnockoutJSを用いたデモを紹介します。 このフレームワークの特徴としてあるのは、HTML内に宣言的な記述を埋め込むことでインタラクションが実装できることです。HTML5のカスタム属性(data*属性)を用いて、その要素に関する処理を宣言してきます。裏側の処理は、JavaScriptでViewModelを定義し、そこにビューが必要とする値を管理します。 例えば、あるチェックボックスにチェックを入れると下の要素がトグルする簡単な例は、以下
SNBinderに目からウロコ 小さなMVCが今現実に - When it’s ready.
タイトルはちょっと大げさすぎですね。もうブカブカです。 WebアプリのMVCネタで、毎度同意しまくりのsatoshiさんが、JSのライブラリSNBinderを公開されています。 Life is beautiful: JavaScript HTMLテンプレートエンジン SNBinder 公開 BODYタグオンリー大好きっ子なので、これは使わずには居られないと思い早速やってみました。 ついでに、恐れ多くもgithubでForkしてreadmeの和訳などしています。 コードサンプルを元に動かしてみたんですが色々と動かない・・・ 私の理解ミスな気がするのですが、ツッコミもらおうとコード晒します。オリジナルのまま動いてる人いたらどこが違うか教えてくださいませ。 SNBinderの使い方として、READMEに書かれているやり方は、４種類あります。 変数一つをテンプレートに埋め込む SNBinder.b
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
