第12回 Echo Web FrameworkのクライアントサイドAPIによるWebアプリケーションの作成 | gihyo.jp
JavaScriptによるWebアプリケーションの作成 前回は、軽量Webアプリケーションフレームワークのひとつである「Echo Web Framework」（以下、Echo）について、サーバサイドのJava用APIを利用してWebアプリケーションを作成する方法を解説しました。EchoのサーバサイドAPIを利用した場合、HTMLを一切記述することなく、JavaプログラムだけでWebサイトのUIが構築できます。 その一方で、EchoにはJavaScriptによるクライアントサイド用のAPIも用意されています。これを利用した場合、今度はサーバ側のプログラムを一切記述することなく、JavaScriptと最小限のHTMLだけでUIが構築できます。サーバサイド／クライアントサイドで、それぞれ個別に、同等のUIを実現するAPIを備えているというのがEchoの特徴なのです。今回はクライアントサイドのJ
Node で使える ECMA Script 5 の新機能 - Block Rockin’ Codes
追記 11/9/24 Gistのリンクを本家Wikiに貼ってみました。 11/9/24 log 関数を修正しました。 11/7/10 JSON.stringify の第二引数 replacer について、補足しました。 11/7/14 os0x さんの指摘を反映しました。 String.trimRight、trimLeft は ECMA Script 5 非標準です。 JSON.stringify の第3引数には"\t"などの文字列も渡せます。 JSON.parse の第2引数 reviver について補足しました。 Array.prototype.forEach の第2引数 について補足しました。 "use strict" 時の Object.freeze 等の挙動について補足しました。 「ECMA5 というのはちょっとおかしな略し方」について補足しました。 タイトルを修正しました。(旧
JavaScriptのエラーを見つけやすくしてくれるブックマークレット『Zeon.js』 | 100SHIKI
テキストエリア中のJavaScriptを解析し、エラーっぽいところを見つけてくれるのがZeon.jsだ。 使い方は簡単で、同サイトで配布されているブックマークレットを使うだけだ。 そうするとテキストエリアの右下に「Z」マークが現れる。それをクリックすればエラーの詳細が見れる、という仕組みだ。 テキストエリアにJavaScriptを書く、というシーンがあまり思い浮かばないのでテスト用にちょっとしたページを作る必要があるような気もするが、どうしてもデバッグに困ったときに覚えておいてもいいだろう。 もしくはどこぞの教育機関やら研修でも使えそうですな。
JavaScriptにおける演算子の前置と後置 - セミコロンの自動挿入を理解して前置派を擁護してみる
JavaScriptに限った話ではありませんが、式の途中で改行するとき、演算子の後で改行する書き方と、演算子の前で改行する書き方があります。 var a = 1 + 2 + 3 + 4 ; var a = 1 + 2 + 3 + 4 ; 最後のセミコロンの位置にも流派があるかもしれませんが、ひとまず、便宜的に演算子後置スタイル、演算子前置スタイルとそれぞれ呼ぶことにします。 いや、別にどちらのスタイルで書いてもいいのですよ。ここで宗教論争をする気はありません。しかし個人的に昔、前置スタイルの書き方に抵抗があった時期がありまして、「前置は怖くない、使っても大丈夫なんだ」ということを説明してみます。 前置恐怖症 初心者向けの解説でも、「JavaScriptは文末のセミコロンを省略できる」ということが大抵は書いてあります。が、それしか書いてないことが多いのです。 昔の私は、これだけを読んで「Ja
やっぱりdoubleでは「76287755398823936」は表現できない - ψ（プサイ）の興味関心空間
「なぜJavaScriptで「76287755398823936」が正しく表示できないか、あるいはなぜRubyでも表せないか。」の続きです。後半戦、テンションあげてまいりましょー（涙目 ■出力側ソースコードのチェック！ さて...では重い腰を上げてソースコードを読みましょうか...。 FirefoxでもChromeでも起きるなら、何かWindowsのライブラリのバグ...なんでしょうか。ま、いいや。とりあえずソースコードが探しやすそうなChromeから見てみましょう。 それっぽいメソッドを探していくと...見つかりました。これですね。v8::internal::Grisu3()です。...あれ...？標準ライブラリじゃ...ない...！？うげぇめんどくさい... v8をWindows上でコンパイルするのはひたすら☆面倒†1なので、Ubuntu上でコンパイルしてCodeLiteというIDEを
なぜJavaScriptで「76287755398823936」が正しく表示できないか、あるいはなぜRubyでも表せないか。 - ψ（プサイ）の興味関心空間
「Twitter住所特定実験」を開発中に気づいた事です。取得したツイートをサーバからJSONでクライアント側のJSに送る処理があって、当初この時にTwitterのツイートのIDをJSONに数値として含めて送っていました。 が、JavaScriptではこの値を受信してeval()した†1際、うまく変換することができず、たとえばChrome/Firefoxでは「76287755398823940」となり、微妙に異なった数値になってしまいました。 以下をクリックすることで、実際に実行できます。 javascript:alert(76287755398823936) IE8/9だと「76287755398823930」となり、まだ微妙に違った値になります。 ■doubleの精度の問題？？ まず疑われたのはdoubleの精度の問題。一部では有名な話で、JavaScriptでは数値はすべてdouble
本気でやるならonclick属性は避けてライブラリを活用すべき - HolyGrailとHoryGrailの区別がつかない日記
第1回 そろそろ本気で学びませんか？ | Think IT これ、今この記事書いてる時点で650以上ものブクマがされているんだけれども、あまり内容がよろしくない。 というのも、解説はとても丁寧ですごくよい内容なのだけど、サンプルコードの書き方がどうも古くさい。 onclick属性とか、今時のフロントエンドエンジニアはそんな書き方はしない（と思う）。 なぜonclickをあまり推奨しないのか やっぱり、エンジニアとデザイナーorマークアッパーとの分業の点でHTMLの属性にスクリプトを書いちゃうのはあんまりよろしくない。 たとえばの話だけど関数の名前を変えたかったり、だとか、HTMLを変更したり、っていうときにミスが起こりやすくなってしまう。 これは分業していなくてもどちらにしろ発生してしまうことだと思う。 他にも前に書いたのだけど、aタグとかでonclickしちゃうとhrefにreturn
DOM操作をする際にクロスブラウザ対応を便利にしてくれるJavaScript「flow.js」 | Web活メモ帳
ブラウザの互換性を気にせずDOM操作やアニメーション、クッキーを操作したい際に使えるJavaScript「flow.js」をご紹介。 最近ではjQueryオンリーのような気もしますが、いろいろと機能を追加しようとして複数のプラグインを導入すると、だんだん動作が重くなってきます。 なるべく軽量のものが使いたい際の選択肢の一つとして覚えておくために自分用メモです。 まだ試してはいないのですがIE6やSafari2などのモダンブラウザでも動くようなので、なかなか良さそうです。 以下のような機能があるとの事。 DOM Level 3の API操作 アニメーション処理 クッキー管理 フォーム管理の簡素化 XMLHttpRequestのクロスブラウザ対応 ブラウザにはそれぞれ癖があるので、こういったライブラリを使用して間違いや非サポートの処理をしないようにしたいですね。 サンプル class属性にch
これは面白い。JavaScript製のPDFリーダー·pdf.js MOONGIFT
pdf.jsはJavaScriptで既存のPDFファイルを読み取ってレンダリングするソフトウェア。 pdf.jsはHTML5/JavaScript製のオープンソース・ソフトウェア。HTML5はまだまだ始まったばかりの技術だ。そのため実運用の中で使われるよりも、新しい技術を試す場として使われる方が多い。今だからこそ、新しいチャレンジをするときなのだ。 Chromeによる結果 アニメーションやペイントのようなソフトウェア、ゲームライブラリなど多数のHTML5対応のソフトウェアが開発されているが、今回紹介するのはちょっと特殊な雰囲気のあるpdf.jsだ。 pdf.jsはその名の通りPDFに関するJavaScriptライブラリだ。これまでJavaScriptでPDFファイルを出力するものは存在した。だがpdf.jsはその逆で、既存のPDFファイルをJavaScriptを使って読み取ってレンダリング
(function(){ … })(); って、どうしてこんなにカッコ付けてるの？ |
JavaScriptで特にガジェットなどを開発する場合には常識とされるらしいこの表記ですが、学びはじめの頃はこれを見て「JavaScriptってキモい」と思いました。どう考えてもカッコ付けすぎでしょう。それに、大抵の本に解説が乗ってないんですよね。確かサイ本にも書いてない。ただヨーロッパヤマウズラ本（そう説明に書いてあるんだもの）には書いてあって、さすがオライリー抜かりねえなと感心しましたけど。 さて、今となってはこの表現の重要性は十分分かっているつもりです。ただ、効果は知れど論理は知らずではカッコ悪いので、この機会に一気にまとめてみたいと思います。多少冗長な部分もありますが、お付き合い下さい。いつも通り、間違いがあれば指摘して下さるとありがたいです。 これを書くことで、どういう効果があるのか。 グローバル変数の使用を抑え、他のスクリプトとの変数衝突を防げます。これは「即時関数」"imme
Inheritance Patterns in JavaScript
The Closure Library makes use of the pseudoclassical inheritance pattern, which is particularly compelling when used with the Closure Compiler. Those of you who have read JavaScript: The Good Parts by Douglas Crockford may use the functional pattern for inheritance that he espouses. Crockford appears to object to the pseudoclassical pattern because: "There is no privacy; all properties are public.
Node.jsのために知っておくべきJavaScriptの基本3選
node.js上でコードを書くため、JavaScriptをしっかり復習したりnode.jsの制御フローを知るための読むべきページのリストです。 JavaScriptそのものの復習http://ejohn.org/apps/learn/John Resigさんの書かれたチュートリアルがわかり易いと思います。 JavaやRubyなどの言語を普段使っている方で、JavaScriptのプロトタイプベースのオブジェクト指向に親しみのない方は一読です。またJavaScriptに詳しい方も、GoogleのClosureでコードの最適化を行う際に問題を起こしにくいinheritanceを書くために、Michael Bolinさんの「Inheritance Pattern in JavaScript」を読んでみることをすすめます。http://www.bolinfest.com/javascript/inh
JavaScriptエディタとしてのTitanium Studio
Titanium StudioとTitanium Mobile 1.7をリリースしました « Appcelerator Developer Center InfoQ: Appcelerator の Titanium Studio がデビュー ちょっと触っただけの雑感です。本質としてとらえてはいけません。 Titanium (Mobile|Desktop)については全く触れていないため、そういうものについては参考にはならないと思います。 というか、Titanium (Mobile|Desktop)向けのものを書かないのに、Titamium Studioを選ぶ理由はない気がするので、タイトルのような事が目的ならばベースが同じAptana Studio 3を使った方が良いでしょう。 インストール インストール先がProgram Filesじゃない 起動すると、ログインアカウントを求めてくる 起動
誤り : JavaScript のオブジェクト型は参照型ではないというお話 - vivid memo
コンピュータ科学の分野における 「参照型」 (reference type) というのは、「何らかの値を参照するデータ型」 のことだと思っていたのですが、実際の意味は 「参照によってのみアクセス可能なデータ型」 のようです。 そんなわけで前者が正しい定義だと思って書いたこの記事は間違っています、ごめんなさい。 JavaScript のオブジェクト型が参照型 (コンピュータサイエンス用語) である、ということはさておきこの記事内容は間違っているのでご注意ください。 もうちょっとちゃんとまとめてから書き直したいと思います。 cf: Reference type - Wikipedia 「JavaScript の型は、大別するとプリミティブ型と参照型に分けられる。 そしてオブジェクト型は参照型である」 と言われることが多々あります (そしてその説明は Java 経験者などにとってわかりやすいと思
「JavaScriptと性能についての本当の話」をしよう。ダグラス・クロックフォード氏
JSONの発見者でJavScript界の重鎮であるYahoo!のダグラス・クロックフォード（Douglas Crockford）氏。米オライリーが主催するイベント「Velocity 2011」で、セッション「JavaScript & Metaperformance」を行いました。 いまWebブラウザ間でJavaScriptエンジンの性能競争が行われていますが、その影響とこの先の展望について語っています。JavaScriptプログラマなら必見の内容を、公開されたビデオを基に紹介しましょう。 JavaScript & Metaperformance これから、JavaScriptと性能についての本当の話をしよう。 JavaScriptはみなさんご存じかな？ いまや世界で最もポピュラーになったプログラミング言語だ。 JavaScriptは、Javaからシンタックスを、Schemeからファーストク
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Site Under Maintenance
JavaScriptを勉強したい - ホームページ笹椪FAQ
http://www.memetodo.co.cc/2011/06/trycatcherror.html
http://www.memetodo.co.cc/2011/06/javascript.html
IBM Developer
