注目！サーバサイドからjQueryを使ってDOM操作·nodeQuery MOONGIFT
nodeQueryはnode.js用のサーバサイドjQueryで、サーバサイドでクライアントサイドのDOMを変更できたりします。 node.jsでjQueryライブラリを読み込むと、jQueryが提供するメソッドを使えますが、さらに一歩進めたのがnodeQueryです。サーバサイドからクライアントサイドの描画を変更できたりしてとても面白い実装ができます。 インストールはnpmで行います。 まずサンプルのブログです。普通に表示されているのが分かります。 サーバサイドです。node.jsのスクリプトの中でHTMLタグを出力しているのが分かります。構文にjQueryが使われているのも分かります。 ブログの新規投稿です。 投稿できました。 Twitter検索です。 時間が更新されるデモです。サーバサイドの時間であるのがミソです。 サーバサイドのソースです。 nodeQueryを使うとサーバサイドと
GitHub - mythz/jquip: jQuery in Parts
jQuery getting too big? The primary goal of this project would be for the feedback/demand to kickstart jquery.com into re-organizing its code-base so it's more modular since we believe we've proved the most useful parts of jQuery is a fraction of its code-base. To this end, follow this project if you want jquery.com to measure the demand for this. Another project with similar goals is http://ender
スマートフォンに特化することでjQuery API互換ながら5KB以下なJavaScriptライブラリ·Zepto.js MOONGIFT
Zepto.jsはjQuery API互換のスマートフォンブラウザ向けJavaScriptライブラリ。 Zepto.jsはJavaScript製のオープンソース・ソフトウェア。最近のWebシステム開発ではjQueryを使わないことがなくなったとさえ言えるかもしれない。それくらい頼り切ってしまっている。普通にJavaScriptを書くのが苦しくなるくらいだ。 サンプル。大抵の機能はデスクトップブラウザにも対応。 そのためスマートフォン向けのサイトでもjQueryを使ってしまう。だがデスクトップのように高速な回線でない場合もあるため、jQueryの90KBくらいのサイズは非常に重たいのだ。そこで使ってみたいのがjQuery API互換の軽量ライブラリであるZepto.jsだ。 Zepto.jsは何と5KB以下で提供されている。eachやmap、$を使ったDOMアクセス、Ajax、findなど基
ノンプログラマーのためのjQuery入門
kanazawa.js v1.0 〜JavaScriptコトハジメ〜（2011年2月5日開催）で使用したスライドです。
JSONのエスケープをどこまでやるか問題 - 葉っぱ日記
Ajaxなアプリケーションにおいて、サーバからJSONを返す場合に、JSON自体はvalidであるにも関わらず、(IEの都合で)エスケープが不足していて脆弱性につながってる場合があるので、書いておきます。 発生するかもしれない脆弱性 JSONのエスケープが不足している場合に発生する可能性のある脆弱性は以下の通りです。 JSON内に含まれる機密情報の漏えい XSS それぞれの詳細については後述します。 開発側でやるべきこと 文字列中のUnicode文字は "\uXXXX" な形式にエスケープするとともに、ASCIIな範囲であっても「/」「<」「>」「+」も同様にエスケープすることにより、前述の脆弱性を防ぐことができます。 Perlであれば、以下のような感じになります。JSON->ascii(1) に続けて、JSON文字列を正規表現で置換しているあたりがキモになります。 use utf8; u
既存のコードをCoffeeScriptで書いたらどうなるか·Js2coffee MOONGIFT
Js2coffeeはJavaScriptファイルをCoffeeScriptへ変換するnode.js用ライブラリ。 Js2coffeeはJavaScript/node.js製のオープンソース・ソフトウェア。ここ数ヶ月で注目を集めているのがCoffeeScriptだ。JavaScriptの癖のある書き方をせず、オブジェクト指向的な記法でプログラミングし、JavaScriptファイルを生成する言語だ。 生成されたコード 実際、どれくらい違うのかやってみないと分からないだけに躊躇してしまっているかもしれない。そこでまずは既存のコードをCoffeeScriptにするとどう書くのか、Js2coffeeでチェックしてみよう。 Js2coffeeはJavaScriptファイルを読み込んでCofeeScriptに変換するソフトウェアだ。公式サイトではWeb上でJavaScriptからの変換を試すことができる
Webアプリケーションの開発に。面白いコンポーネントが多数揃ったUIライブラリ·Ninja UI MOONGIFT
Ninja UIはHTMLを使わずにJavaScriptで画面を描画していくUIコンポーネント。 Ninja UIはjQuery/JavaScript製のオープンソース・ソフトウェア。思うにWebサイトというのは表現力が高く、かつ自由度が高すぎるのだ。そのため見栄えにこりだすと収集がつかなくなる。またデザインセンスがないと格好いいサイトが作れない。 ボタンやアイコン アイディアがどれだけ良く、技術力があっても見栄えがぱっとしないサイトは受け入れられない。もうHTMLは書かず、JavaScriptで組んでしまうのはどうだろう。それを可能にするのがNinja UIだ。 Ninja UIはjQuery Webjutsu（Web術？）を掲げているライブラリで、枠組みだけHTML5で組み、コンポーネントの配置は全てJavaScriptだけで記述するライブラリだ。ボタンやドロワー、アイコン、ポップアッ
テーブル表示がここまでリッチに多機能に。jQuery製ライブラリ·OpenJS MOONGIFT
OpenJSはテーブル表示をリッチなUIにし、並び替えや編集などの機能を追加するライブラリ。 OpenJSはjQuery/JavaScript製のオープンソース・ソフトウェア。企業システムはもちろん、Webサービスの管理画面などで求められるのがテーブルベースのデータ一覧表示機能だ。そしてテーブルを作るとソートやフィルタリング、その場での編集機能などが求められるようになる。 画像表示 そんな機能を作り込むのはとても大変だ。だがユーザの立場に立てば、一件ずつ編集するのも大変なことだろう。そこで外部ライブラリに頼ろう。OpenJSはとてもリッチな編集インタフェースを提供してくれる。 OpenJSは通常のテーブルタグで作られた表を、角丸でかなりリッチなUIにしてくれるライブラリだ。カラムで並び替えたり、画像のサムネイルを表示する、フィルタリングやページネーション機能もある。Ajaxでスムーズに操作
window.openでリファラを取得するには - OKWAVE
FireFox,クローム,Operaで試しましたが、window.openで開いた場合でも、受け取り側のPHPでリンク元を取得できました。 IEはリンク元を取得できないようですね。 余談はこの変で、IEでもリンク元を取得する案を記載します。 リンク例： <a href="b.php" target="testwindow" onclick="javascript:window.open('about:blank','testwindow');">リンク</a> 上記のリンクをクリックするとまず、 onclickでウィンドウ名が testwindow の 何も表示されないウィンドウが開かれます。 その後に href="b.php target="testwindow" が実行され、予め開いておいたtestwindow内にb.phpの内容が表示されることになります。 実際のリンクは、hrefに
Titaniumを使った開発をより生産性高くするために公式IDEを使おう·Titanium Studio MOONGIFT
Titanium StudioはEclipse（Aptana Studio）をベースにしたTitaniumやWebシステム開発に特化したIDE。 Titanium StudioはTitanium用、Java製のフリーウェア。日本でもTitaniumによるiOS、Androidアプリの開発が盛んになっている。JavaScriptでの開発なので、普段使っているテキストエディタで開発できるのが魅力だが、より効率的な開発のためにはIDEを使う方が良いかもしれない。 開発画面 Titanium StudioはまさにそのためのAppcelerator公式のIDEだ。Titanium開発はもちろん、RailsやPHPでの開発においても役立つ機能を盛り込んだ、Web/スマートフォン開発のためのIDEだ。 Titanium StudioはEclipseをベースに開発されている。Appceleratorが買収
JavaScriptでもGettextを使った多言語対応·JavaScript Gettext MOONGIFT
JavaScript Gettextは多言語化処理を行うGettextをJavaScriptに対応させたライブラリ。 JavaScript GettextはJavaScript製のオープンソース・ソフトウェア。インターネット上のサービスは世界中につながっている。最初は日本語向けに提供していたサービスも規模が大きくなれば他言語向けに提供したいと思うかもしれない。そんな時に使えるのがGettextだ。 デモ 通常は英語が基本になるだろうが、Gettextを使うことで別な言語への展開が容易になる。そんなGettextをJavaScript向けに提供するのがJavaScript Gettextだ。 JavaScriptで別言語展開する場合、大抵言語別にJavaScriptファイルを分けて提供する。だがそれではファイルが分かれてしまい、管理が複雑になる。そこでメッセージ部分だけを切り分けて管理できる
yebo blog: JavaScriptベースのPCエミュレータ上で、GNU/Linuxが動作
2011/05/19 JavaScriptベースのPCエミュレータ上で、GNU/Linuxが動作 QEMUなどの開発を行ってきたFabrice Bellard氏が、JavaScriptを使って32ビットx86エミュレータを開発したとの事。驚く事に、bellard.org/jslinux/ に接続すると、エミュレータ上でGNU/Linuxが起動する(Firefox 4、Chrome 11以降)。何に使うのかというと、JavaScriptエンジンのベンチマーク、クライアント側でx86ライブラリを使った処理が可能(例えば暗号化)、古いDOSゲームで遊ぶ、等が挙げられている。 投稿者 zubora 投稿時間 05:28 ラベル: Hack, Programming, Web 0 コメント: コメントを投稿
ベターJavaScript!? CoffeeScriptが注目されるワケ：Rails Hub情報局：エンジニアライフ
JavaScriptへコンパイルして実行することを前提としたスクリプト言語「CoffeeScript」がちょっとした注目を集めています。CoffeeScript自体は2009年末に登場し、その1年後の2010年12月にバージョン1.0がリリースされていますが、注目を集めたのは、数日前（2011年4月13日）にRuby on Railsの生みの親であるDHHが、次期バージョンのRails3.1でjQueryやSCSSと合わせて、CoffeeScriptをデフォルトとして採用するとTwitter上で発言して議論が巻き起こったからです。 Yes, it's true, Rails 3.1 is going to ship with CoffeeScript and SCSS in the box for use with the new asset pipeline. It's bad ass.
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を触ってみよう。今日は特にスライドは用意してなくて、タイプしてどんなものかを動かしながら紹介していくつもりだ（注：ダール氏はここで最初に「
WindowsのJSONを使った開発のお供に。JSONをツリービューに展開する·JSON Viewer, MOONGIFT
JSON ViewerはVisual Studioとの連携も可能なJSONビューワー。 JSON ViewerはWindows用のオープンソース・ソフトウェア。XMLを面倒なものに感じていたのはタグの仕組みによって記述が冗長的になってしまうからだった。ライブラリがあるので利用はさほど難しくないが、自分で作成するのは面倒だった。 貼付け そこで登場したのがJSONだ。XMLほど複雑な表記に対応できる訳ではないが、その代わりにとてもシンプルに記述できる。また、大抵の場合はそこまで複雑な定義は必要としないだろう。JSONは元々Web向けの技術だったが、最近は変わってきている。そこで登場したのがJSON Viewerだ。 JSON ViewerはWindows用のソフトウェアで、JSONフォーマットの文書を貼付けると、ツリー状に展開してくれるソフトウェアだ。JSONは改行などをなくして送受信される
JavaScriptは初心者向けではなく“ハッカー言語”：Rails Hub情報局：エンジニアライフ
先日、日本Rubyの会会長の高橋征義さんと雑談しているとき、以下の指摘に妙に納得しました。 「私の中ではハッカー言語という分類があって、PerlやLisp、JavaScriptはハッカー向けの言語だと思うんですよね」。 その心は、これらの言語は多数のプログラミングのパラダイムをサポートしていて、自分が何がしたくて、どれを使えばよいか分かっている人には柔軟で良いのだけれども、初心者が使う言語としては自由度が高すぎて難しいのではないか、ということです。 JavaScriptは最初のハードルこそ低いけど…… JavaScriptはどこでも動きますし、すぐに「Hello World」が表示できます。文字の色もすぐに変えられます。ほかのどの言語よりも最初のハードルが低く、入門に向きそうです。そういう意味で、初心者にオススメといわれることもあります。しかし、そこからちょっと先に進もうと思っても、「これ
サーバとクライアントで互いのメソッドを呼べるnode.js用ライブラリ·nowjs MOONGIFT
nowjsはリアルタイムWebアプリケーションを手軽に実行できるnode.js用ライブラリ。 nowjsはJavaScript製/node.js用のフリーウェア（ソースコードは公開されている）。node.jsではWebサーバとクライアントが同じJavaScriptによって開発できるのがメリットになっている。とは言え全く同じという訳ではなくサーバ側独自の機能は存在する／ サンプルのチャットアプリケーション もっと親和性高く、サーバとクライアントが互いにメッセージを飛ばし合えるとすればどうだろう。チャットのような相互通信系のWebアプリケーションや、コラボレーション機能が充実するはずだ。それを可能にするライブラリがnowjsになる。 nowjsはnode.js（サーバ）とWebブラウザで共通の関数を定義して、互いに関数を呼び合えるシステムだ。つまりサーバからクライアントの関数を実行（プッシュ）
yebo blog: JavaScriptによる統計処理「jStat」
2011/03/19 JavaScriptによる統計処理「jStat」 「jStat」と呼ばれるJavaScriptの統計解析ライブラリがあるそうだ[readwritehack]。MATLAB、S言語、R言語などの統計解析言語を必要とせず、ブラウザ上で処理することができる。ほとんどのブラウザで動作するが、プロッティングにはHTML5のcanvasを使うので、それをサポートするIE 7、Firefox 3、Safari 3.1、Opera 9.6以降、Google Chromeが必要だ。また、jQueryプラグインやflotが使われている。例えば以下のようなコードで正規分布を出すことができる。 // generate 100 points betwen -5 and 5 var range = jstat.seq(-5,5,100); // calculate the densities a
node.jsを勉強したい方。node.jsで作られたTwitterクローン·Nodrr MOONGIFT
Nodrrはnode.jsで作られたTwitterクローン。フォロー/フォロワー等の機能はなくただツイートするのみ。 Nodrrはnode.js製のフリーウェア（ソースコードは公開されている）。かつてWikiクローンが多数開発された。ページがあれば表示する、なければ作成するといった分かりやすい仕様でかつ面白いコンセプトであったので皆こぞって作成した。 ツイート一覧 オープンソースのWikiエンジンはそのプログラミング言語を勉強する上で多いに役立ったはずだ。しかしそれも数年前のことで、今はトレンドが変わっている。それはマイクロブログでありTwitterクローンではないだろうか。node.jsで作られたNodrrを紹介しよう。 NodrrはTwitterクローンではあるが、認証はFacebookを使っている。その認証を経た後でユーザ名を設定する。フォロー/フォロワーという概念はなく、全員共通の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JSLinux