タグ

Javascriptに関するsungohxiのブックマーク (18)

  • Node.js チュートリアル | Node ビギナーズブック

    書について 書は、Node.jsでのアプリケーション開発を始めようとする皆さんに、 ”高度な”JavaScriptについて知るべきあらゆることを解説します。 よくある”Hello World”チュートリアルの、はるか上をいくものです。 ステータス 貴方が読んでいるのは、書のいわゆる最終版となります。 つまり書は、間違いが見つかった場合や、 Node.jsの新バージョンにおえる変更点を反映する時のみ、改訂されます。 最終更新日は2012年2月12日です。 書内のコードのサンプルは、Node.jsのバージョン0.6.10でテストしています。 ターゲット読者 書は、RubyPythonPHPJavaのような、少なくともひとつのオブジェクト指向言語を理解しており、 JavaScriptについてはあまり経験がなく、Node.jsについては全く経験がないという、 著者と同じようなバッ

    sungohxi
    sungohxi 2012/03/14
  • Minify JavaScript files online

    Minify JavaScript files online

  • javascript: escape(), encodeURI(), encodeURIComponent() 比較 (groundwalker.com)

    « DoBeDo 2.5 | メイン | javascript で Query String » javascript: escape(), encodeURI(), encodeURIComponent() 比較 javascript の escape(), encodeURI(), encodeURIComponent() 関数群について、どの文字がエンコードされてどの文字がエンコードされないのか分かりにくいのでまとめておく。 まずは、対象範囲 %20(半角スペース)〜%7E(チルダ~) 元データ !"#$%&'()*+,-./ 0123456789 :;<=>?@ ABCDEFGHIJKLMNOPQRSTUVWXYZ [\]^_` abcdefghijklmnopqrstuvwxyz {|}~ escape() %20%21%22%23%24%25%26%27%28%29*+%2C-

    sungohxi
    sungohxi 2011/09/01
  • JavaScriptでカリー化 - 檜山正幸のキマイラ飼育記 (はてなBlog)

    JavaScriptでカリー化。ありがち、つうか実際にあるでしょうね。小ネタと思ってやりはじめたら、意外と混乱した。一種のメタプログラミングのはずだが、実際にはテキスト加工処理。 内容: カリー化ってなに? カリー化を行う関数を作る:準備 カリー化を行う関数を作る:テキストのパッチワーク カリー化を行う関数を作る:組み立て ●カリー化ってなに? 2引数の関数f(x, y)に対して、「gがfのカリー化」だとは、f(x, y) = g(x)(y) が常に成立すること -- ゴチャゴチャ説明するより実例実例: functio sum(x, y) { return x + y; } このsumのカリー化の例: function curried_sum(x) { return function (y) {return sum(x, y);} } curreid_sum関数は1引数で、戻り値として関数

    JavaScriptでカリー化 - 檜山正幸のキマイラ飼育記 (はてなBlog)
  • 座標取得するプロパティのそれぞれの違い - 三等兵

    JSにおけるマウスなど座標を取得するプロパティというのはいくつかありまして、はっきりいって訳が分かりません。腹が立ちます。単なる八つ当たりであることをここに宣言しつつ、それを確かめるべく、斥候任務をこなすでありますキャプテン! 座標を取得するプロパティ 4種類のプロパティがあるとみてよいでしょう。IEは外して。 https://developer.mozilla.org/ja/DOM/event event.clientX event.clientY イベントの水平・垂直座標を返す。 event.layerX event.layerY 現在のレイヤー上における相対的な水平・垂直座標を返す。 event.pageX event.pageY イベントのページ上における相対的な水平・垂直座標を返す。 event.screenX event.screenY イベントのスクリーン上における水平・垂直

    座標取得するプロパティのそれぞれの違い - 三等兵
    sungohxi
    sungohxi 2011/07/13
  • Javascript で trim するには - Enjoi Blog

    By clicking “Accept all cookies”, you agree Enjoitech can store cookies on your device and disclose information in accordance with our Cookie Policy. Accept all cookies

    sungohxi
    sungohxi 2011/04/22
  • JavaScriptのイベントハンドラ一覧|イベント|JavaScript/DOM|PHP & JavaScript Room

    イベントハンドラ一覧 onBlur/onFocus〔フォーカスが移動した時に処理を行う〕 onChange〔フォームの入力値、選択が変更されたときに処理を行う〕 onSelect/onSelectStart〔テキストが選択された時に処理を行う〕 onSubmit/onReset〔フォームの送信時、リセット時に処理を行う〕 onAbort/onError〔画像読み込み時に処理を行う〕 onLoad/onUnload〔ページ読み込み時、ページの切り替え時に処理を行う〕 onClick/onDblClick〔クリック、ダブルクリックされた時に処理を行う〕 onKeyPress/onKeyDown/onKeyUp〔キーの状態に応じて処理を行う〕 onMouseOut/onMouseOver/onMouseDown/onMouseUp〔マウスを乗せたり離した時、マウスでクリックした時に処理を行う〕

    JavaScriptのイベントハンドラ一覧|イベント|JavaScript/DOM|PHP & JavaScript Room
  • EExt Japan - Sencha Touch登場 - モバイル用HTML5フレームワーク

    Ext CoreはダイナミックなWebサイト構築に最適な軽量かつ高機能なクロスブラウザー対応のJavaScriptライブラリです。その特徴は: ファイルサイズがコンパクトな約25kb (ext-core.jsをgzip圧縮した場合) 柔軟かつ利用しやすいオープンソースライセンスのMITライセンス Ext開発メンバーにより執筆された体系的かつ網羅的な75ページのマニュアル これまでのExt JSを同じ使い慣れた直感的なAPI Ext JS 2.2 Ext JSはリッチインターネットアプリケーション開発のためのクロスブラウザ対応JavaScriptライブラリです。 高性能でカスタマイズ可能なユーザーインターフェイス 優れた設計、文書が豊富、拡張性の高いコンポーネントモデル 商用ランセンスとオープンソースライセンスが利用できます Ext JS 3.0とExt GWT 2.0が

    sungohxi
    sungohxi 2011/04/05
  • HTMLタグ名や属性値からの参照をマスターしよう

    id属性値の大文字・小文字 HTMLにおいて、getElementByIdメソッドは、引数に与えるid属性値の大文字・小文字を区別しますので注意してください。これはDOMの仕様によるものというよりは、HTMLの仕様に沿った挙動です。HTML4やXHTMLの規定では、id属性値の大文字・小文字は区別されます。それにDOMが従っているだけです。 ここまでの話を聞けば、みなさんは当然、どのブラウザでも大文字・小文字を区別すると思うでしょうが、実は、Internet Explorer 6、7はいずれも区別しません。しかし、Internet Explorerが区別しないからといって、それに頼ることがないよう注意してください。大文字を使うか小文字を使うかはあらかじめ決めておくようにしましょう。 id属性とname属性にまつわるブラウザのバグ getElementByIdメソッドには、もうひとつ注意すべ

    HTMLタグ名や属性値からの参照をマスターしよう
    sungohxi
    sungohxi 2011/03/09
  • Node.jsを手軽に試せるJavaScript統合開発環境「Cloud9 IDE」、クラウドでの提供開始

    Node.jsを手軽に試せるJavaScript統合開発環境「Cloud9 IDE」、クラウドでの提供開始 オープンソースとして開発されているJavaScript統合開発環境の「Cloud9 IDE」が、クラウド上のサービスとして提供開始されました。Cloud9 IDEサービスを立ち上げたのは、Cloud9 IDEの開発元でもあるAjax.org。 Cloud9 IDEは、Node.jsが動作するサーバの上にWebアプリケーションとして実装された、Node.js対応のサーバサイドJavaScriptのための統合開発環境です。Node.js上に実装されたということはつまり、Cloud9 IDE自身もJavaScriptで記述されています。 Node.jsを試してみたいけれど、自分でインストールしたり環境を構築するのは面倒、という人にちょうどいいのではないでしょうか。 Cloud9 IDEサー

    Node.jsを手軽に試せるJavaScript統合開発環境「Cloud9 IDE」、クラウドでの提供開始
  • サーバサイドJavaScriptの本命「node.js」の基礎知識

    稿では、Node.jsの特徴や動作原理に触れ、サンプルや役に立つパッケージ、活用事例などを紹介したいと思います。 主なサーバサイドJavaScript Node.jsに触れる前に、予備知識として他のサーバサイドJavaScriptにも触れておきます。Node.js含め、サーバサイドJavaScriptには、主に以下のようなプロジェクトがあります。 サーバサイドJavaScripの標準仕様「CommonJS」とは サーバサイドJavaScriptには、「CommonJS」と呼ばれる標準化が策定されています。標準化というと難しい感じがしますが、要はサーバサイドでJavaScriptを実行するのに何が必要かを仕様として、定義しているドキュメントのことです(例えば、「ログが必要だよね」など)。 Node.jsは、このCommonJSに則って開発されています。現段階であれば、CommonJSの仕様

    サーバサイドJavaScriptの本命「node.js」の基礎知識
  • 第2回 JavaScriptの関数をマスターしよう

    第2回 JavaScriptの関数をマスターしよう:連載:Ajax時代のJavaScriptプログラミング再入門(3/4 ページ) 関数の引数として関数を引き渡す - 高階関数 - 以上、JavaScriptの関数がオブジェクトであり、変数にも自由に代入できることが理解できた。では、関数の引数として関数を引き渡すこともできるのではないか ―― そのとおり。 JavaScriptでは、文字列や数値を引数としてセットするのとまったく同じ要領で、ある関数をそのほかの関数の引数としてセットすることが可能だ。そして、このような関数のことを「高階(こうかい)関数」と呼ぶ。 ■高階関数の基的な例 高階関数を利用した具体的な例をリスト12に示す。 以下のコードで定義するarrayReduce関数は、引数に与えられた配列(ary)の内容を、指定されたユーザー定義関数funcの規則に従って順番に処理し、最終

    第2回 JavaScriptの関数をマスターしよう
  • Firefox3のnightlyでサポートされたJSON.parseとJSON.stringify - 素人がプログラミングを勉強していたブログ

    JSON.parseとJSON.stringifyがサポートされた。 これは、JSON in JavaScriptのネイティブ実装と言える。 これからWebサイトでJSONを使う時は、 <head> <script type="text/javascript"> if (typeof JSON != "object") document.write('<script type="text/javascript" src="http://www.json.org/json2.js"></script>'); // 実際にはローカルに落したものを使う </script> <script type="text/javascript"> // JSON.parseやJSON.stringifyを使う処理 </script> </head> とすると、クロスブラウザで、なおかつ最新のブラウザだとネイ

    Firefox3のnightlyでサポートされたJSON.parseとJSON.stringify - 素人がプログラミングを勉強していたブログ
    sungohxi
    sungohxi 2011/02/07
  • ブログ

    Twitterのサービスをご利用になると、Cookieの使用 に同意したものとみなされます。Cookieはアナリティクス、カスタマイズ、広告などに使われます。

    ブログ
  • JavaScriptのDOM Core基礎 - 三等兵

    Coreの簡易リファレンス。Coreは要素を参照したり、相対位置から周りのノードを参照したり、要素を生成するといった部分。主に利用するであろうプロパティやメソッドはカバーしているつもりですけど、これも入れとけってのあったら教えてください。 このあたりは地味で使いづらくその上理解しにくいという残念な部分。ふと忘れたときに使う個人的なものですが、慢性jQuery拒絶症候群な人よかったらどうぞ。それにしても暑い。ガリガリ君おいしいね。 DOMとは。 Document Object Model (DOM) は、HTML および XML ドキュメントのための API です。これはドキュメントの構造的な表現を提供し、内容や表示形態の変更を可能にします。端的に言えば、Web ページをスクリプトやプログラミング言語とつなぐような機構です。 https://developer.mozilla.org/ja/

    JavaScriptのDOM Core基礎 - 三等兵
  • ハタさんのブログ(復刻版) : SVG で横書きの文字のまま、タテに表示

    前回の続きです 横書きに表示されている文字をタテに表示するというのを挑戦してます。 今回は SVG を利用しているので、ほぼ全てが座標で表現されます。 こんな感じ↓ ブラウザで座標を考える場合 (0, 0) が左上になり、それよりも外側はブラウザの表示の外になります。 そこで、「美しい日語」という文字列を (0, 0) からレンダリングするとこんな感じになります。 単純に考えれば、この文字列を 90° 垂直に回転 させれば、タテに表示されそうですがそうもいきません。 文字列を (0, 0) にレンダリングしてしまったので、そのまま回転させてしまうと、画面の外に出てしまいます。 ちなみに、SVG の回転は transform(rotate) を使うんですが、rotateの引数に rotate(rangle, cx, cy) と X座標(cx) と Y座標(cy) の回転位置を

  • neue cc - JavaScriptでString.Format

    function Format(format /*,obj1,obj2...*/) { // 置換文字に対応する配列 var dict = E.From(arguments).Skip(1).ToArray(); // 正規表現用の文字列( {(0|1|2)} ) var str = "\\{(" + E.Range(0, dict.length).ToString("|") + ")\\}"; var regex = new RegExp(str, "g"); return format.replace(regex, function(m, c) { return dict[c] }); } var result = Format("べ物は{0}で飲み物は{1}だそうです。", "タコ焼き", "コーラ"); document.write(result); // べ物はタコ焼きで飲み

  • JavaScriptが遅い4つの原因とは?

    1つ前の記事「JavaScriptをいかに高速化するか、IE9、Firefoxの取り組み」では、IE9とFirefoxにおけるJavaScriptの高速化について紹介しましたが、そもそもJavaScriptの実行速度はなぜ遅いのでしょう? その理由について、Mozilla Japanテクニカルマーケティング担当の浅井智也氏が、スライド「Trace Monkey」でポイントをまとめています(このスライドはタイトルから分かるとおり、Firefoxの当時の新しいJavaScriptエンジン「Trace Monkey」を紹介するために1年以上前に作成されたスライドですが、1つ前の記事を見ると、ここで示された課題はいまも変わっていないようです)。 全67枚のスライドの20枚目から24枚目の5枚を以下に紹介します。 JavaScriptが遅い原因は、以下の4点にまとめられています。 インタープリタ型言

    JavaScriptが遅い4つの原因とは?
  • 1