連載インデックス「Node.jsでサーバサイドJavaScript開発入門」 - ＠IT
連載インデックス 「Node.jsでサーバサイドJavaScript開発入門」 いま注目の「サーバサイドJavaScript」の実装の本命として話題を集める「Node.js」。Node.jsとは何かの概要からインストール、実践的な使い方まで解説する連載 サーバサイドJavaScriptの本命「Node.js」の基礎知識 Node.jsでサーバサイドJavaScript開発入門（1） いま注目のNode.jsの概要からインストール方法、Hello World!!の仕方、7つの便利なパッケージ、利用事例まで解説する
BigtableをjQueryで操作できる「gaedirect」とは
BigtableをjQueryで操作できる「gaedirect」とは：クラウドとgaedirectでできる緊急対応マッシュアップ（1）（1/3 ページ） 緊急時の“クラウド”の有用性 このたびの東日本大震災で被災された皆さま、ご家族ならびに関係者の皆さまに、心からお見舞いを申し上げます。今回の大震災では、多くのWebサイトでアクセス不能状態が発生したのは、記憶に新しいところです。緊急時こそ、必要な情報を入手するために多くの人がWebサイトにアクセスするわけですが、このような切実に情報が必要とされるときに限って、トラフィック増大によるアクセス不能が発生してしまう状況が多々見られました。 しかし、このような緊急時対応サイトをGoogle App Engine（以後、GAE）などによってクラウド化しておけば、このような問題は解決できたといえます。クラウドを使用すれば、ユーザーアクセスが急激に増加
「非同期プログラミングの改善」のエッセンス | gihyo.jp
サーバサイドJavaScript「Node.js」に関するイベント「東京Node学園#1」にて、小林浩一氏が発表した資料です。当日の様子はUSTREAMにて公開されています[1]。 この発表では、コールバックスタイルで非同期プログラミングを行うと無名関数のネストが深くなってしまう問題に対する解決アプローチを提示しています。無名関数をやめてそれぞれに関数定義をしたとしてもgoto文のようにあちこちに処理が飛ぶことになり、見通しの悪さに対する根本的解決策にはなりません。そこで、フロー制御モジュールを用意して、固有処理を行う無名関数と「次」の無名関数を呼び出すコールバックとに分離し、複数の無名関数をチェインのように次々に呼び出すようにする、という案を考え出しました。エラーハンドリングを含めたフロー制御モジュールコードはリスト1のようになり、たったの13行に収まります。 現在、小林氏を含む有志に
SproutCore
SproutCore is an open-source framework for building blazingly fast, innovative user experiences on the web. Install Sproutcore View on GitHub New Tutorial to Help You Get Up and Running! You've heard all about SproutCore and now it's time to see for yourself. It's easier than ever to get started with our new tutorial. In it you'll learn: How to install SproutCore on your machine How to build your
PythonやLuaをWeb上で実行。LLVMをJavaScriptに変換する·Emscripten MOONGIFT
EmscriptenはLLVMをJavaScriptに変換するソフトウェア。PythonやLuaをWebブラウザ上で実行できる。 EmscriptenはPython/JavaScript製のオープンソース・ソフトウェア。LLVM（Low Level Virtual Machine）という技術がある。ソースコードをアーキテクチャに依存しない中間コードに変換し、最適化した上で各マシン向けにネイティブなコードを出力することでより効率的なバイナリを作成できるというものだ。 Python実行例 つまりLLVMが生成する中間コードを使えば、元々の言語は気にせずに動くという訳だ（おそらく）。それを実証してくれるプロジェクトがEmscriptenだ。 EmscriptenはLLVMの中間コードをJavaScriptに変換するソフトウェアだ。つまり中間コードにさえ変換できれば、それをJavaScriptに変
FirefoxのJavaScriptデバッガ拡張Firebugの進化がすごい
Firefoxのデバッグ拡張ことFirebugですが、Firefox4よりFirebugとは別にWeb Consoleという機能が入りました。 しかし、Firebug自体もさらに便利になっているので、少し紹介します。(Firebug1.7 –1.8 の範囲で) 現在のFirefox4に正式対応しているのはFirebug1.7xで、Firebug1.8xはAlpha版として公開されているのでまだ不安定な部分もあることに注意して下さい。 特に注意書きしてない部分はFirebug1.7の項目だと思って大丈夫だと思います コマンドラインに履歴ボタン コンソールパネルでのコマンドエディタ(でかい方のコマンドライン)にHistoryボタンが新たに追加されました。 過去に実行したコマンドをポップアップから選択して挿入することができます。(以前はCtrl+ZでUndoし続ける必要があった) コマンドライン
iPhone/iPadのSafariで高速に画像を描画する方法 - 強火で進め
こちらのブログで紹介されていた最適化方法をテストしてみました。 HTML5/JavaScript platform game optimised for iPad | Seb Lee-Delisle http://sebleedelisle.com/2011/04/html5javascript-platform-game-optimised-for-ipad/ 最適化の方法はHTMLのエレメントに -webkit-transform:translateZ(0px) を設定するというもの。こうするとGPUで処理が行われる為、フレームレートが倍になったとの事です。 スタイルを以下の様に設定したものと、設定していないものを準備しました。 * { -webkit-transform:translateZ(0px); } プログラムはバナナの画像を100個描画して右上から左下にスクロールさせていま
「ノンプログラマーのためのjQuery入門」のスライドが凄く分かりやすいですね - かちびと.net
Twitterに流れてきたスライドがとっても 分かりやすかったのでブログでより多く の方に拡散。ノンプログラマー向けの jQueryの基本講座。これからjQuery を使おう、という方は読んでおくと良さ そうですね。 ノンプログラマー向けにjQueryの基礎をスライド化してくれています。 @pocotan001さん作のスライドです。 このスライドを見ながらコーディングする、というより、基礎知識を頭に入れるのに適したスライドだと思いますので気軽にご覧になってみて下さい。ハードルがかなり下がると思います。 また、当ブログでもjQueryプラグイン等の情報を取りあえげていますので合わせてどうぞ。 jQueryのリファレンスサイトと入門書籍 [2011.09.21アップデート] よくアクセスいただくのでハブ的な役割くらいは果たそうと思います。 jquery / jQueryの本家です。 jQuer
ツールチップも出せるニュースティッカー用jQueryプラグイン・Dynamic News
なかなかユニークだったのでメモ的に。 進める、戻る機能の付いたニューステ ィッカーを実装するjQueryプラグインで、 ツールチップもついでに出してくれます。 省スペースで情報を凝縮できるのは なかなかいいですね。 RSSはGoogleAPIを使用しているようです。 ティッカーにマウスオーバーするとnext、prevのボタンと同時にツールチップを表示します。 進むボタンを押すとニューステキストがスライドします。カルーセルをかけ合わせた感じですね。 使い方GoogleAPIキーを使ってRSSを取得し、jQuery本体とプラグインを読み込みます。 <script type="text/javascript" src="https://www.google.com/jsapi?key=*****"></script> <script src="jquery-1.4.4.min.js" type=
jQuery Localisation
These packages just set a variable (greeting) that is then displayed: Default language Change to another language for language $('#defaultLang').val($.localise.defaultLanguage); $('#changeLocale').change(function() { var newLang = $(this).val(); $.localise('js/greeting', {language: newLang, loadBase: true}); $('#greeting').val(greeting); $('#languages').val(newLang); }). val($.localise.defaultLang
jQueryを使って国際化処理を行う·jquery.localize.js MOONGIFT
多言語に対応したWebサイトを構築する場合、サーバサイドで対応するのが一般的だった。例えばGetTextを使った国際化処理が有名だ。サーバサイドで処理をできるのは手軽な反面、言語ごとにリソースを消費してしまうのが問題だ。 JavaScriptで国際化を行う 結局のところ、国際化とは見た目の話でしかない。であれば見た目を操作するのに向いたJavaScriptで行わせるというのはあながち間違っていないかもしれない。 今回紹介するオープンソース・ソフトウェアはjquery.localize.js、jQueryを使った国際化ライブラリだ。 jquery.localize.jsはrel="localize[hoge]"といった要素で国際化する際のキーを指定する（この場合hogeがキーになる）。そして別途JSONファイルを用意し、hogeに対応した各国語の文字列を指定する。後は読み込み時にjquery
JavaScriptで多言語メッセージを処理する「l10n.js」 | Web活メモ帳
PHPやASP.NETなどのサーバーサイドの場合、多言語対応できるようなライブラリが揃っている事が多いですが、javascriptだとあまり有名なライブラリを見ない気がします。 本日紹介する「l10n.js」というライブラリを使用すると言語に依存するメッセージを多言語対応させる事が可能です。 以下のようなコードで実装できるようです。 まずはJSと多言語データのJSONを読み込みます。 . JSONには各言語のデータが設定されています。 { "en-US": { "What is your favourite colour?": "What is your favorite color?" }, "fr": "path/to/french-localization.json" } 最後にlという関数で多言語文字を取得します。 document.title = l("%title.search
JavaScriptの多言語対応の方法についてぼんやり考えてみた (でぃべろっぱーず・さいど)
ぼんやりとJavaScriptでの多言語対応について。 実装方法は色々あって、メリット・デメリットがそれぞれあるので、思いつくままにさらさら書きます。 基本方針 メッセージ系は、定数としてオブジェクトにまとめておきます。 var messages = {}; message.loading = 'ロード中'; message.error = 'エラーが発生しました。'; 小文字だと分かりづらかったら、大文字にしておくというのも手。 var M = {}; M.LOADING = 'ロード中'; M.ERROR = 'エラーが発生しました。'; で、使うときに、 alert(messages.error); こんな感じで使います。 で、この messages オブジェクトに、どうやってそのときの言語を設定するのかという話。 1.サーバ側（動的に生成されるページのロジック）でメッセージを管理
使い道色々。jQueryを使ってSparklineグラフを描く·Peity MOONGIFT
PeityはjQueryでSparklineグラフ（円、棒、折れ線）を描くJavaScriptライブラリ。 PeityはjQuery/JavaScript製のオープンソース・ソフトウェア。Webサイトはテキストコンテンツが多い。一覧表などはテーブルタグを使えば簡単に実現できるが、それをグラフ化しようと思うと面倒に感じてしまうからだろう。 円グラフ だがライブラリを使えば容易に実現できる可能性がある。Canvasタグを使ってSparkline系グラフを描くライブラリがPeityだ。 Sparklineとは一行程度の小さなグラフで、縦軸横軸の説明は行わない。そのような説明がなくとも十分理解できるグラフについて使われる。ごく小さいので文章中に埋め込むのも容易だ。Peityでは円グラフ、折れ線グラフ、棒グラフの三種類を描くことができる。 折れ線グラフ タグの中に埋め込まれた文字を使ってグラフにして
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SlideFinder -Web開発者向け日本語スライドまとめ-
Leaverou | Latest Social Media Marketing Trends
emscripten
IBM Developer
Home - Mgallery-JQ
Amazon.co.jp: iPhone/iPadアプリ実践開発ガイド HTML/CSS/JavaScriptでつくるネイティブアプリ: 溝田隆明, バスケ, 大宮聡之: 本
