MVCフレームワークのBackbone.jsが正式版1.0に到達。jQuery互換のモバイル向け「Zepto」も1.0に
MVCフレームワークのBackbone.jsが正式版1.0に到達。jQuery互換のモバイル向け「Zepto」も1.0に JavaScriptのMVCフレームワークとして、おそらくもっとも知名度が高いと思われるBackbone.jsが、ついに正式版となるバージョン1.0としてリリースされました。 Backbone.jsは、わずか1500行程度のとても軽いフレームワークなのが最大の特徴です。昨年末には翻訳コミュニティのenja-ossによってコメントをすべて日本語訳したソースコードが公開されています。 MVCを実現するのにフォーカスしたフレームワークのため、jQueryやテンプレートエンジンのHandlebarsと組み合わせて使うのが一般的です。 バージョン1.0をリリースし、今後のBackbone.jsはどうなっていくのでしょうか？ ドキュメントには次のように書いてあります。 In an
Backbone.jsのサンプルアプリのコードを読んでみた。 | Ginpen.com
Backbone使ってみるメモ。まだあんまりよくわかってないんだなー。 よくわからないならコードを読めばいいじゃない、という事で、公式で提供されているTodoアプリのコードを読んでみました。 ソース 公式のサンプル。 Backbone.js Todos todos.js いわゆるTodo管理ツールなんだけど、情報をHTML5のLocalStorageに持つようになっている。つまりブラウザを閉じても内容を記憶している。 JSファイル HTMLから読み込んでいるのは以下。 json2.js jquery-1.7.1.js underscore-1.3.1.js backbone.js backbone-localstorage.js todos.js Backbone.jsはUnderscore.jsとjQueryないしZepto.jsが必須。またLocalStorageを使うためのBackb
CSS、Javascriptを圧縮して読み込み速度を上げよう！「YUI Compressor」
timelapse audio / Inha Leex Hale ブログの表示速度を少しでも速くするために、ブログ内で読み込んでいるJSファイルとCSSファイルを圧縮せんと、「YUI Compressor」というツールを試してみました。 使い方 使い方は非常に簡単。まずはOnline YUI Compressorへアクセスしませう。 続いては「Code」の部分にCSS or JSファイルをコピペ、「File Type」を適宜切り替えて、オプションを選択したら「Compress」ボタンをクリックしましょう。 しばらくすると余計な改行や空白部分が消去された圧縮コードが吐き出されますので、あとは煮るなり焼くなりはんなり。 圧縮されたコードはあとから編集しにくいので、しっかりバックアップをとっておきましょう。あと、デザインなどが崩れる事も考えられるので張り替え後は確認を！（当サイトでは特にデザイン
7つのサンプルでjQueryを学ぼう！「jQueryが全く分からない人のため」の超初級者向け入門講座
HOME>jQuery>7つのサンプルでjQueryを学ぼう！「jQueryが全く分からない人のため」の超初級者向け入門講座 約半年前まで、興味はあれども全くもって触れたことのなかった「jQuery」。それどころか、「Javascript」を「Javasprict」と何度となく書き間違える癖のあった私。 結局、「スク水すいすいスクリプト」と語呂を合わせることによりようやく正しい綴りをマスターしたわけなんですが、仕事で扱うと言うこともあり多少はjQueryの仕組みが分かってきた今日この頃です。 そんなわけで、今回は「jQueryが全く分からない人のため」の超初級者向け入門講座と銘打ちまして、jQueryの基礎の基礎を学ぶための記事を書いてみました。 とは言っても「jQueryとはなんたるか」などといった難しい理論を記すつもりは一切ございません。（っていうかそんな偉そうなこと言える程修めてない
JavaScriptのDateの挙動が面白かったのでまとめてみた。 | Ginpen.com
typeof ( Date ); // => "function" typeof ( Date()); // => "string" typeof ( new Date()); // => "object" typeof ( +new Date()); // => "number" typeof (1+new Date()); // => "string" typeof ( !new Date()); // => "boolean" Date はJavaScriptのコアに組み込みのコンストラクターですね。関数です。なので typeof Date は当然 "function" になります。 いやJavaScriptじゃないけど 正確にはJavaScriptじゃなくてECMAScriptの仕様になります。 というわけで、本記事はECMA-262の15.9 Date Objectsとかを参照し
「いいね！」されたオススメ記事をひょこっとブログ下部に表示させるFacebookアプリ「Recommendations Bar｣を導入してみた
「いいね！」されたオススメ記事をひょこっとブログ下部に表示させるFacebookアプリ「Recommendations Bar｣を導入してみた RECOMMENDED! / jm3 Facebookにて「いいね！」を2つ以上された記事をランダムに、ブログ下部へひょっこりと飛びだたせてくれるFacebookアプリ｢Recommendations Bar｣を導入してみました:) 導入は超簡単！ 参考にさせて頂いたのは@cazuki さんのブログ[M] mbdbの以下の記事より。 ひじょーーーに丁寧な導入への解説がされておりますのでごらんくだしあ！ 誰でもカンタン! Facebookの｢Recommendations Bar｣を設置する方法 | [M] mbdb さて、私はすでにFacebookのアプリIDを取得していたので、アプリのコードを取得して、「single.php」の記事吐き出しコード
Meteorを使ったリアルタイムチャットアプリケーション - Tech-Sketch
はじめに デモ動画 が何とも印象的なJavascript Framework 「Meteor」 を使ってシンプルなチャットアプリを作ってみました。 現状ではDBに対して変更を加える際に認証ロジックが存在しないため、実用的なアプリを作ることは難しいですが、DB＝ソース＝画面表示が常に同期している感覚と、クライアントブラウザからDBを変更しているかのような感覚はなかなか新鮮です。時間の無い人はデモ動画だけでも見てみると 頭を抱えられる 面白いかと思います。 ＃自分はデモ動画を見た後、頭を抱えてなんだこれ・・・と呟いていました。 Meteorの特徴については綺麗にまとまっている記事があるので、ここで改めて解説はせず、以下の記事に任せたいと思います。 「Meteor」は、JavaScript/HTMLで開発するリアルタイムWebアプリケーション基盤。何が起きているのかすぐに分からないほどすごい
Closures: Front to Back | Envato Tuts+
If you open up your favorite console and run that bad boy, you will be greeted with a delicious message to the effect of "This pizza is all about the pepperoni ..... But put ham on 3 slices." This example illustrates some key concepts of JavaScript that are crucial to getting a hold on closures. A Closure is a Function Object How many function objects are in the above code? Well... we have our piz
文章比較ツール - GeekFactory
新旧のテキストを比較したいときは、文章比較ツールが便利です。追加・削除された文字数も数えてくれます。 Google検索したらキーワードが「文書比較ツール」に訂正されてしまいました。
Getting Cozy With Underscore.js | Envato Tuts+
As JavaScript is slowly moving out of the browser, several tools have emerged that significantly improve JavaScript's robustness. One such tool is called Underscore.js and that's what we're going to take a look at today. Let's get started! Meet Underscore.js So what exactly does Underscore do? Underscore is a utility-belt library for JavaScript that provides a lot of the functional programming sup
JavaScriptには在るundefinedと無いundefinedってのがありまして。 | Ginpen.com
JavaScriptにはnullとundefinedと、立場が似たものがあるわけですが、さらにこのundefinedにも二種類あるよってお話です。 「本当に無い」のと「「無い」がある」のと 値がundefinedであるときは、文字通り「未定義」である場合と、「未定義という値」である場合とがあります。 var obj = { a: undefined }; console.log(obj.x); // => undefined（定義されていないプロパティ） console.log(obj.a); // => undefined（未定義という値）
YUI Compressorを導入するのが面倒だと思ってたけどやってみたら一瞬だった件。 | Ginpen.com
めもめも。 あれJava製だから先にJRE入れなくちゃなー面倒くせーなーとか思って導入をためらってたんだが（オンラインのやつを利用してました）、実はaptitudeにパッケージが用意されていたので簡単でした。 やっぱり腰が重いのは良くないなあと反省……。 Mac あとMacで簡単に導入するやり方も教えてもらいました。 @ginpei_jp ちょーかんたんやで！ hamalog.tumblr.com/post/145661079… — Takeshi Takatsudoさん (@Takazudo) 1月 20, 2012 @ginpei_jp なんかコレ入れるとめっちゃ幸せになれるって教えてもらったMac買ったとき mxcl.github.com/homebrew/ — Takeshi Takatsudoさん (@Takazudo) 1月 20, 2012 @ginpei_jp =͟͟͞͞/
SQLとJSONをNode.js上で組み合わせた新言語「ql.io」をeBayが公開
eBayが、JavaScriptアプリケーションからSQL文のような形式でデータベースへの問い合わせを記述できるDSL（ドメイン固有言語）のql.ioを発表。オープンソースとして公開しました。 現在、多くのWebアプリケーションが、バックエンドとのデータのやりとりにHTTPをベースにしたAPIを用いています。しかし、WebベースのAPIによってデータを取り出すのは、プログラマにとって実は手間のかかることです。 例えば、キーワードを入力すると関連する商品の名前、詳細、購入者の評価をユーザーに表示する、というWebアプリケーションでは、まずキーワードでデータベースを検索して商品IDを取得し、今度はその商品IDをキーにして名前や概要、評価の情報を取得する、といったように、APIを繰り返し呼び出す必要があります。 ql.ioはこうした内容をSQLのように分かりやすい記述で実現するだけでなく、複数の
米Yahoo!がJavaScriptフレームワーク「Mojito」と、Node.jsのホスティング環境「Manhattan」発表。同一コードをブラウザ、サーバ、iOSアプリで実行可能
米Yahoo!がJavaScriptフレームワーク「Mojito」と、Node.jsのホスティング環境「Manhattan」発表。同一コードをブラウザ、サーバ、iOSアプリで実行可能 JavaScriptでアプリケーションを1つ書けば、それがPCでも、クラウドでも、モバイルデバイスでも動作する。米Yahoo!が発表した「Cocktails」（カクテル）が実現するのは、すべてをWeb標準で実現したクロスプラットフォーム／クロスデバイスのアプリケーション環境です。 マルチプラットフォームを実現する「Mojito」 Cocktailsの核となるのが、JavaScriptフレームワークの「Mojito」（モヒート）。 Mojitoベースのコードは、ブラウザでもサーバでも動作すると説明されています。 With Mojito, developers will no longer have to wri
Node.jsのコンセプトとは？ ライアン・ダール氏による東京Node学園祭 基調講演（前編）
このセッションでは、前半でNodeのコンセプトを、後半では来週にもリリース予定のNodeの新バージョンについて紹介します。 このデニス・リッチーの言葉はNodeの特徴を表していて、Nodeとは機能を加えるよりもむしろ取り去ったものです。 いまのOSのインターフェイスのほとんどは、1970年代のテレプリンタのような歴史をひきずっています。ケン・トンプソンとデニス・リッチーが開発したUNIXやCは当時のPDP11のためにデザインされたもので、いまのOSもその歴史上にあるのです。 UNIXの基本概念は、対話的なコマンドラインを作るものでした。lsコマンドを打つとその結果がテレタイプに出力されるといったものです。そして基本概念には、ブロックするシステムコールやプロセスが含まれています。 ブロックするシステムコールを呼び出すと、I/Oが完了するまで戻ってきません。戻ってくるまでどれだけかかるかも分か
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TechCrunch | Startup and Technology News
https://jp.techcrunch.com/2012/10/17/20121016a-year-after-launch-google-launches-the-first-sdk-for-its-dart-javascript-alternative/
Webベースのコードエディタ「ACE」が1.0に
http://tech-sketch.jp/2012/05/aws-rails321-jasmine-phantomjs-coffee-scriptcuijavascript.html
Big Sky :: twitterが提供してるdoveが簡素で使いやすそう