このエントリーはHTML5 Advent Calendar 2012の4日目のエントリーになります。 JSON RPCとは文字通りJSONでRPCするプロトコルで、現行バージョンは2.0です。 リモート環境にある関数をローカルの関数と同様に呼び出せるRPCは呼びだす機能が多かったり、複雑だったりする時に非常に便利です。またRESTと違い対象がHTTPを受け付けるサーバーである必要がないというメリットがあり、これがwebsocketやメッセージングAPI、webworkerといったHTML5 APIと非常に相性がいいのです。 またRPCというとXML RPCが有名ですが、JSON RPCはそれにくらべて以下のような特徴を持ちます プロトコルが軽量・シンプル 名前つきパラメーター(namedparameter) バッチリクエスト では順番に見ていきます プロトコルが軽量 RPCに限らずXMLと
JavaScript で IE アクセス時のみブルースクリーンで警告を表示する tm.destroyie6.js を作ってみました. IE6 を一緒に撲滅しませんか？ このスクリプトを使えば簡単に IE6 でアクセスした時のみ下の画像のような警告を出し, 他のブラウザのインストールを促します. ちなみに, デザインは開発者用に配布された Windows 8 のブルースクリーンを真似てます. Microsoft が作ったブラウザでアクセスした際に, Microsoft がデザインしたブルースクリーンで警告を出す. ん～皮肉感たっぷりなスクリプトですw DATA and DEMO いくつかデモを用意しました. IE 警告の他にも, 本家ブルースクリーンのコピーや誕生日メッセージも作ってみました. Demo Download USAGE 使い方について FLOW 流れ tm.destroyie6
CoffeeConsoleはGoogle Chrome上でCoffeeScriptを記述して実行できる機能拡張です。 CoffeeScriptに慣れると素のJavaScriptが書きづらく感じるようになってしまいます。ChromeのデバッグでJavaScriptを書くのにストレスを感じていた方はCoffeeConsoleをぜひ使ってみてください。 インストールします。 インストールしました。すぐに使えます。 Webインスペクタを開きます。右端にCoffeeScriptというタブが追加されています。 開きました。左側に記述すると、右側に変換後のJavaScriptが表示されます。 リアルタイムに変換されます。そのままコマンド＋エンターまたはShift＋エンターを押すと実行されます。 console.logなどはConsoleタブで確認する必要があります。 CoffeeConsoleは一行単位
CoffeeScript とは、JavaScriptにコンパイルできる簡易言語。 JavaScriptの良いところはそのままに、RubyやPythonのようにすっきりと書ける。 既存のJavaScriptライブラリもシームレスに使える。 JavaScript Lintにも通る読みやすいJavaScriptが出力され、どんなJavaScript実装でも動作する。 （本家紹介より） なんだか良さそうだ！ CoffeeScript インストール Coffee コマンド CoffeeScript 言語リファレンス Cake ツール defunkt/coffee-mode for Emacs その他エディタ用プラグインなど
All the Cool Kids Compile Sass, Less, Stylus, CSS, CoffeeScript, Pug, Slim, Haml, TypeScript, JavaScript, ES6, Markdown, JSON, SVG, PNG, GIF and JPEG right out of the box. Dead-Simple Configuration Want compressed CSS? Just check a box. Need to transpile JavaScript? Check a box. Every tool's options are available in a beautiful, clean UI. No more hacking build scripts. Bleeding-Edge Tools Autopref
Notifier.jsはGrowl風通知を行うjQueryプラグインです。 Mac OSXではGrowlという有名な通知ソフトウェアがあります。バックグラウンドでの処理結果や、何か問題があった際に通知が出るのは慣れると手放せません。そんなGrowlに似た通知をjQueryで実現するのがNotifier.jsです。 リンクをクリックすると通知が右上に表示されます。この通知は一定時間が経つと消えます。 複数を同時に表示させることもできます。アイコン、タイトル、内容がカスタマイズできます。 いくつも出せます。 表示するコード。success、info、warning、errorを指定できます。 Notifier.jsを使えば見た目のデザインを変えずにエラーメッセージやお知らせを通知できるようになります。 Notifier.jsはjQuery/JavaScript製のソフトウェア（ソースコードは公
Dev fest 2020 taiwan how to debug microservices on kubernetes as a pros (ht...
https://github.com/facebook/connect-js/blob/master/src/core/content.js#L113 // Dear IE, screw you. Only works with the magical incantations. // Dear FF, screw you too. Needs src _after_ DOM insertion. // Dear Webkit, you're okay. Works either way. var guid = FB.guid(), …続く 親愛なるIEへ、 死ね。 謎の呪文を使わないと動かない… 親愛なるFFへ、 お前も死ね。 DOM挿入後にsrc設定必要 親愛なるWebkitへ、 お前はいいだろう。 どっちでも動く。
Asset Pipelineを備えたRails 3.1のリリースに向けて、その根幹を担うSprocketsをちょっと触っておくことにした。 JavaScript dependency management and concatenation: Sprockets SprocketsはRubyで書かれたJavaScriptプリプロセッサで、複数のJavaScriptソースファイルを1つにまとめるのが主な機能。それによって以下のようなメリットがある。 複数のサイトやアプリケーションで共通するコードを再利用可能な形で切り出した構成にできる JavaScriptプラグインという単位でCSSや画像もまとめることができる JavaScriptファイルを1つにまとめてブラウザに読ませることによる高速化 HTTPリクエストの回数を減らすことができる JavaScriptをコメント付きの複数のファイルおよび
JavaScriptの書き方はJavaScript自体がある程度自由なためいろいろな書き方ができますが、一貫性を持って書いた方がバグなども発生しにくくなるため、コーディングルールを定めておくのはよいことだと思います(特に複数人の開発の場合) 有名な企業やライブラリはコーディングルールも公開している事が多いので適当にまとめてみました JavaScript style guide – MDC Docs Mozilla/Firefox向けのものなので、一部ECMAScriptの範囲を超えたものも含まれています。 多くの人が見ていると思うので、見たことない人は一度読んでみるといいです。 jscsにこのコーディングルールをチェックするプリセットが用意されています。 Google JavaScript Style Guide Google JavaScript Style Guide 和訳 — Goo
以下はプロトタイプ的継承だけで一通りの機能を実現できる、という一つの例です。もちろん他にも書き方はありますし、newを使うのがよくないと主張しているわけではないです。 (誤解を生みそうな文体が混じっているようなので追記: 2011/5/14) 春ですし、少し初心者向けの記事を書きます。タイトル通り、JavaScriptのオブジェクト指向について。ちょっと長くなるので目次です。 クラス（に相当するオブジェクト）を作る オブジェクトからオブジェクトを作る（インスタンス化） 単一継承 多重継承 privateは諦めましょう 親のメソッドを呼ぶ コンストラクタ instanceofに対応する ダックタイピングのススメ JavaScript標準のオブジェクト指向といえばnewやらprototypeやらを書く必要がありますが、これらは書くのが面倒臭い上に気をつけないといけない点がたくさんあります。Ja
jQuery でスクレイピングできたらセレクタ使えるし便利かなーと思ったりしたんですが、Rhino と env-js を使うと超簡単にできたのでレポートしてみます。 Rhino と env-js って何ぞい？ Rhino ってのは Java で書かれた JavaScript エンジンです。Rhino を使うとコマンドラインから JavaScript を実行できます。 Rhino には DOM が無いので単体では jQuery を実行することはできませんが、env-js という DOM ライブラリを使用するとこの辺はクリアできます。 env-js の中に jQuery を使ったサンプルがいくつか入ってますので、Java とか JavaScript とか詳しい方はそちらを見てもらった方が早いと思います。 使ってみる まず env-js をビルドしないといけないのでその辺の手順から説明します。
node-http-proxyはnode.jsで開発されたHTTPプロキシサーバ。 node-http-proxyはJavaScript/node.js製のオープンソース・ソフトウェア。開発時に公開用サーバではなく、ローカルまたは自社内のテスト用サーバに接続して行うケースは多々ある。そんな時にごく小規模なチームならhostsファイルを書き換えて対応できるだろう。 だが複数のプロジェクトが平行していたり、人数が多くなるとそのような対応では面倒になるかも知れない。そんな時にはプロキシを立てて、設定をプロキシサーバに依存してしまうのが良さそうだ。カスタマイズが柔軟なプロキシとしてnode-http-proxyを紹介しよう。 node-http-proxyはまさにそうした小規模なネットワーク接続を代行するのにちょうど良いサイズだ。HTTPベースのプロキシサーバとして動作し、基本的には投げられたリク
RegExp は 正規表現(Regular Expression)の略。以下、参考サイト。 正規表現（RegExp）RegExp - MDC Doc CenterRegExp オブジェクトの中身は？RegExp オブジェクトのプロパティには 直前の マッチングに関する情報が入る。じゃあ何が入っているのか？ //とりあえずなにもせずに調べてみる function dump( obj ){ var str = ''; for(var k in obj){ str += k + "("+typeof(obj[k]) + ") | " + obj[k] + "\n"; } document.write( str ); } dump( RegExp ); input(string) | message.Reload to activate window console multiline(boole
PROPERはJavaScript/jQuery製のオープンソース・ソフトウェア。ブログやCMSなどのテキストを中心としたWebサイトでユーザ画面で確認した時にはじめてミスに気付くことがある。そして慌てて管理画面に入ってコンテンツを修正した、なんて経験はないだろうか。 その場でコンテンツ編集を行うエディタ そのコンテンツ修正もテキストエリアで見ると実際の見た目が分かりづらいし、WYSIWYGなエディタを使っても実際の内容とは異なって表示されてしまう。そんな問題を解決してくれるエディタがPROPERだ。 PROPERを使ってWebサイトを表示したとしても、見た目は普通のWebサイトだ。しかしコンテンツをクリックするとその場に枠が表示され、さらにツールバーが出てくる。リストやインデント、太字/イタリック、リンクやコードの埋め込みをサポートする簡易的なツールバーだ。 右側に編集結果のHTMLが表
JavaScript Patterns: Build Better Applications with Coding and Design Patterns 作者: Stoyan Stefanov出版社/メーカー: O'Reilly Media発売日: 2010/10/01メディア: ペーパーバック購入: 2人 クリック: 79回この商品を含むブログ (5件) を見るJavaScript Patterns(iTunes) 読みました。 JavaScriptのパターン(⊇デザパタ)まとめ本。 DOM(ブラウザ)関連は最後の1章のみ。 以下適当まとめ。 変数宣言 // antipattern function foo() { // aはローカル、bはグローバル var a = b = 0; // ... } // antipattern myname = "global"; function
JavaScript Advent Calender の14日を担当させていただきます。よろしくお願いします。 ところでみなさん、最近特に話題になっているあの言語、なんだかご存知ですよね？ ブラウザ上で動く サーバ上でも動く 関数型言語とオブジェクト指向言語の特性を持つ。 そう、みなさん大好きなあの言語の名前は何でしょう！？ ・ ・・ ・・・ 『そうだね、JScript だね！』 はい、すみません。ごめんなさい。 というわけで(どういうわけで？)、ぼくの担当分は日常的にちょっと作業をする際の言語としてのJavaScriptをご紹介したいと思います。 今回はあえてWindows環境のみの紹介なので、JScriptといったほうが良さそうです。 ちょっとした作業で使うにはあまり便利とはいえませんが、もしかしたらこんな状況があるかも知れません。 Javaと聞いていたのに、行ってみたらCOBOLだっ
htracrはNICを監視してWebアクセスをビジュアル化する。 [/s2If] htracrはnode.js/JavaScript製のオープンソース・ソフトウェア。Webサイトを開発、運営しているとどんどん新しい機能が追加されていき、徐々に重たくなってしまう。そんな時にFirebugなどを使ってネットワークアクセス状態を見るとびっくりするほど多数のコネクションができていたりする。 美しいグラフィックス 自分はもちろん、競合サイトなどがどのようにネットワークを使っているのか、華麗に表示してくれるソフトウェアがhtracrだ。描画の奇麗さに見とれてしまう面白いソフトウェアだ。 htracrはnode.jsを使っているので、Webサーバとして起動する。さらにpcapを利用しており80番ポートの利用について監視を行うようになっている。つまりプロキシのようにして動作するのではなく、htracrを起
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
