JavaScriptのいろいろなコーディングルールをまとめてみた
JavaScriptの書き方はJavaScript自体がある程度自由なためいろいろな書き方ができますが、一貫性を持って書いた方がバグなども発生しにくくなるため、コーディングルールを定めておくのはよいことだと思います(特に複数人の開発の場合) 有名な企業やライブラリはコーディングルールも公開している事が多いので適当にまとめてみました JavaScript style guide – MDC Docs Mozilla/Firefox向けのものなので、一部ECMAScriptの範囲を超えたものも含まれています。 多くの人が見ていると思うので、見たことない人は一度読んでみるといいです。 jscsにこのコーディングルールをチェックするプリセットが用意されています。 Google JavaScript Style Guide Google JavaScript Style Guide 和訳 — Goo
Google JavaScript Style Guide 和訳 — Google JavaScript Style Guide 和訳 v0.1 documentation
この和訳について¶ この文章は Google JavaScript Style Guide を非公式に和訳したものです. 内容の正確性は保証しません. ライセンスは原文と同じく CC-By 3.0 とします. フィードバックは Issue への登録 , あるいは Kosei Moriyama (@cou929 または cou929 at gmail.com) へ直接お願いします. この和訳のリポジトリは こちら です.
Graphvizでネットワーク経路図を作る – GAE版 « Stop Making Sense
August 2011 (1) July 2011 (1) June 2011 (2) April 2011 (2) March 2011 (2) February 2011 (2) January 2011 (6) December 2010 (6) November 2010 (5) October 2010 (8) September 2010 (2) August 2010 (3) July 2010 (9) June 2010 (4) March 2010 (1) February 2010 (7) January 2010 (2) 2010/10/7：アプリの大幅変更に伴い記事も修正しました。 はじめに 以前、気象データをグラフ化する – Google Chart API編 を作成するために Google Chart API のドキュメントを読んだ時、 “GraphViz Ch
Google App Engineでクロスドメイン通信
前回「秋はまだですか」と書きましたが、その日のうちに気温下がったｗ これでちょっと過ごしやすくなったかも。…薄着で寝ててちょっと風邪引きそうになったのは内緒(・ω・) 本題。 クロスドメインでの非同期通信(XMLHttpRequest Level2)をGoogle App Engineで実装したのでメモ。はまったポイントもいくつか書いておきます。 特にハマったのは出力ヘッダ周り。 Access-Control-Allow-Origin これはあちこちのサイトに書かれてますね。このヘッダを「*」で出力してあげると他ドメインからの通信を受け付けるようになります。・・・が、これだけじゃダメなんです。 Access-Control-Allow-Methods こいつを指定してあげないとサーバーが受け付けてくれません。GETならGET、POSTならPOST・・・と指定してあげないといけません。これは
RadikoJS - JSでRadikoを再生するライブラリ
RadikoJS 0.1 これは何？ Javascriptからradikoを操作する為のオープンソースのライブラリです。 下記のようなコードでradikoを再生＆操作できます。 <script src="http://www.google.com/jsapi"></script> <script> google.load("prototype", "1.6.0.2"); google.load("swfobject", "2.1"); </script> <script src="lib/RadikoJS.js"></script> var rj = new RadikoJS(); window.onload = function(){ rj.init(); rj.play("TBS"); } </script> </head> <body> ... 主な機能 Javascriptから
加速度センサーで操縦する地図サイトを作ろう (1/4)
Firefox 3.6の新機能で遊ぶ 今年1月、Firefoxの最新版「Firefox 3.6」がリリースされました。FirefoxはHTML5を積極的にサポートするなど、開発者にとっては“遊びがい”のあるブラウザーの1つです。最新版の3.6でもいくつか興味深い機能が追加されています。 注目は、iPhoneやゲーム機のコントローラーでおなじみの「加速度センサー」に対応したこと。加速度センサーを搭載したPCなら、本体の傾きに応じてJavaScriptの処理を実行できるようになりました。そこで今回のJavaScriptラボでは、Firefox 3.6の「加速度センサーAPI」とGoogleマップを使って、PCを傾けた方向にスクロールする地図を作ってみましょう。さらに、HTML5の「Geo Location API」を使い、地図のスタート地点（デフォルトの表示位置）を現在地に変更する機能も付けて
Home Page - Google AJAX API - Google Code
Google AJAX API について Google AJAX API では、リッチでダイナミックなウェブサイトを JavaScript と HTML だけで実装できます。JavaScript コードを数行追加するだけで、ご自身のサイトに地図や動的な検索ボックスを追加したり、フィードをダウンロードできます。
RE:Googleリーダー内で、はてなブックマークのコメントを読むためのGreasemonkeyを書いてみた。 - WeBLoG
このエントリーはテンポラリ用にメモ。 Googleリーダー内で、はてなブックマークのコメントを読むためのGreasemonkeyを書いてみた。 | ねねとまつの小部屋 http://blog.ne2ma2.com/archives/462 入れてみたが動かなかったので修正。 相変わらず面倒なので何もかもそのまま。 entry-mainにappendしていた箇所をentry-commentsにappendするようにしたのと、タグのみのユーザーを消去。 ちなみにentry-commentsって何の意味があるのかわかってない。 他のグリモンが挿入したタグかと思ってグリモンアドオン停止しても残ってたので使ってみた。 はてぶAPIのヘルプみたらlite使えって書いてあったからjsonからjsonliteに変更。 あとで気になった部分があったらまた修正しよう。 追記 とりあえずオートロードするようにし
[JavaScript]GAE_xmlhttpRequest：クロスドメインのHTTP GET(Google App Engine経由)
GAE_xmlhttpRequest({ method : [HTTP Request種別(サポートしているのは'GET'のみ)] , url : [取得するURL] , onload : [正常終了時(HTTP Status Code:200番台)のコールバック関数] , onerror : [異常終了時(HTTP Status Code:200番台以外)のコールバック関数](省略可) , onreadystatechange : [ReadyState変化時のコールバック関数](省略可) , headers : [HTTP Request時に指定するヘッダ要素(連想配列)](省略可) , timeout
![[JavaScript]GAE_xmlhttpRequest：クロスドメインのHTTP GET(Google App Engine経由)](https://cdn-ak-scissors.b.st-hatena.com/image/square/159b30b7a05d04afec950abd67da68c4e60f7c1b/height=288;version=1;width=512/https%3A%2F%2Ffuryu.tea-nifty.com%2Fimage%2Fkaze2_120x120.png)
ルート案内 API が日本でも使えるようになりました
Google Maps API をご利用の開発者のみなさま、お待たせしました。6月9日に開催された Google Developer Day で告知させていただいたとおり Google Maps API が日本国内のルート案内 (Driving Directions) に対応しました。これまで、国外のルートのみ対応となっておりましたが、今後は日本国内のルートもあわせてご利用いただけます。ここでは AJAX APIs Playground を使って簡単に使い方をご紹介します。 Map Directions Simple を元に日本国内のルート（グーグルの東京オフィスがあるセルリアンタワーから東京ディズニーランドまで）を表示させてみましょう。まず、最新バージョンの Maps API を使用するため、ソースの HTML を書き換える必要があります。"Edit HTML" をクリックして scri
第2回 User ScriptsとContent Scripts | gihyo.jp
こんにちは、株式会社ALBERTの太田です。今回はGoogle ChromeのUser ScriptsとContent Scriptsについて、その仕様とGreasemonkeyとの違いを中心に、実際のスクリプトの書き方を交えて解説します。 ユーザースクリプトとは User Scriptsとは、Google Chrome版のGreasemonkey（ただし、後述の通り互換性はあまり高くありません）です。そもそもGreasemonkeyとは任意のページで任意のJavaScriptを実行し、そのページに機能を追加したり、（自分にとって）不要なものを取り除いたり、異なるサービスとの連携をしたり、といったことをJavaScriptファイルひとつで実現できるようにするFirefoxのAdd-onです。その手軽さと、それに見合わぬ強力なカスタマイズ性能から高い人気を得ています。 しかし、Grease
Google Codeで使われているソースコードハイライタ·Google Code Prettify MOONGIFT
Google Code PrettifyはJavaScript/CSS製のオープンソース・ソフトウェア。Google Codeではリポジトリにあるソースコードをオンラインで閲覧する機能がある。多様な言語に対応しており、色づけによってソースコードの閲覧が容易になる。 JavaScriptの正規表現 そんなハイライトライブラリがGoogle Code Prettifyだ。Google Codeに限らず容易に使えるインタフェースが提供されているので、任意のソフトウェアやブログに組み込むことが出来るだろう。標準で多数の言語に対応していることもメリットの一つだ。 対応している言語はCSS/Bash/C/C++/Java/JavaScript/Perl/Python/SQL/XML/HTML/XHTML/XSL/WhiteSpace/Lua/VBScript/Haskell/OCaml/Lisp/Sq
GoogleReaderのここが使いにくい！ - ガジェカツ～在宅SEのガジェット活動ブログ～
さて一週間前からLivedoorReaderからGoogleReaderに鞍替えしました。 何故かというのは置いておいて一週間使って僕が思った使いにくいポイントをここで紹介します。 画面スペースを取りすぎ ええ、色々とじゃまなんです。Googleのロゴとか他者との共有関連の機能&その為のGUIとかですよ。 →Google Reader Absolutely Customizableで解決。 先読み少ない！ 先読みが全然少ない、未読管理機能は高いのに先読みが全然少ない。 →Google Reader Prefetch Moreで解決。 ちなみに最新版はhttp://gist.github.com/136414から落とすのがいいみたい。 LDRみたいにPINを立てたい！ LDRみたいにピンを立てたい、そして一気に開きたい。 →Google Reader Star Openerで解決。 というか
Google Slides: Sign-in
Not your computer? Use a private browsing window to sign in. Learn more
ASCII.jp：Googleマップ＋jQueryで作るAjaxなデザイン｜29分でできる！ あのサイトの“技”を盗め
今やさまざまなWebサイトで使われ、すっかり地図の定番となったGoogleマップ。 コーポレートサイトや飲食店のサイトなどで、純粋に案内図としてページに埋め込むのが一般的ですが、中にはもっとおもしろい使い方で、ユーザーを楽しませているサイトもあります。 一例として、「hitotoki」というWebマガジンを紹介しましょう。hitotokiは、ある特定の場所に関するショートストーリーを地図と絡めて紹介するWebマガジンです。Googleマップをまるで独自に描いた絵地図のようにうまくサイトになじませ、「地理と文学を結びつけた町の文学地図」というコンセプトに合わせて効果的に活用しています。 今回は、このhitotokiのGoogleマップ活用法をお手本としましょう。 今回のお手本サイト： 『hitotoki―町の文学地図』 「場所」にまつわる読者の思い出を募り、地図と写真とともに紹介する投稿型の
Google Feed APIで3分マッシュアップ (1/2)
特定のテーマに関する情報を集めた、ポータル的なWebサイトを作りたい――。そんなとき、JavaScriptを使って、他のWebサイトのフィードから情報を得て、そのサイトの最新情報を表示できると便利です。 しかし、普通の方法ではできません。というのも、JavaScriptでフィードを読み込むのに使う「XMLHttpRequest」オブジェクトでは、セキュリティ上、異なるドメイン（クロスドメイン）とのやり取りが制限されているためです。そこで、「Google AJAX Feed API」を使いましょう。 Google AJAX Feed APIは、指定したフィードをGoogleのサーバー側で取得し、JSON（JavaScript Object Notation）と呼ばれるJavaScript専用のデータ形式に変換します。変換されたデータは、JSONP（JavaScript Object Nota
GoogleChromeにキーワードハイライト＆巡回検索を付けてみた - y-kawazの日記
Google Chrome はなんといっても高速で既に僕のメインブラウザとなっており、最近ではIEやFirefoxを起動する日の方が稀な程です。 でもIEやFirefoxにはあってGoogleChromeに無い機能で不満がありました。それはGoogleツールバーがないことです（Google製ブラウザなのに！）。正確にはGoogleツールバー自体は要らないんだけどキーワードハイライトとマウスでポチポチ出来る巡回機能が欲しいわけです。実際僕の周りでもこれが使えたらGoogleChromeをメインにするのになーって人もるようでした。 で、GoogleChrome2から使えるようになったユーザスクリプト機能を使って実装してみました。実装した機能は以下のような感じです。 検索エンジンのURLからキーワード情報を取得してハイライト 検索結果のリンク先でもreferrerからキーワードを取得してハイライ
Trackbackをやめて、Google AJAX Feed APIを使って被リンクを表示 ::: creazy photograph
[追記：2009/02/08] エントリータイトルがタイポしていましたので直しました。非リンク→被リンク。 お恥ずかしい・・・。 [/追記] 先日、Delicious被ブックマーク数画像取得APIへのアクセス状況でもお伝えした通り、当ブログを運営しているレンタルサーバーがスゴい遅いです。APIや個人サービスを同じサーバーで運営しているのが原因ですが、なんとか負荷を減らしたいと思っています。 レンサバなのでサーバー側のチューニングなど（FastCGIとかMemcachedとか）はできない状態ですので割と小手先の対応になってしまうのですが、一つ目の手段としてコメントを TypePad Connect にしてみました。それほどコメントの多いブログではないですが、少しは動的なアクセスが減ったような気がします。んで、TypePad Connectを使ってすぐに思ったのが、トラックバックをASPしてく
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Dance Party
Greasemetal - an Userscript Runtime for Google Chrome