JavaScriptで位置情報を取得する方法(Geolocation API)
ユーザーの現在位置を取得現在位置を取得するサンプルデモを見るには、下記ページにアクセスして下さい。このブログがあなたの位置情報を取得してもいいか、という確認が表示されるので、許可すると、あなたの現在位置(緯度、経度の座標)の取得を開始、表示します。 サンプルデモを見る 現在位置を取得するには、ユーザーのブラウザが、Geolocation APIという機能に対応している必要があります。Geolocation APIとは、簡単に言うと、端末の位置情報をやり取りするシステムです。GPSに対応しているスマホだけでなく、現在位置を設定できるデスクトップPCでも利用可能です。 判別方法は簡単です。Geolocation APIに対応している端末の場合、navigator.geolocationというオブジェクトが最初から存在するので、これの有無で判別すればいいだけです。 JavaScript // G
メモ：JavaScript で システム時刻から別のタイムゾーンの時刻へ変換 - ねじろぐ @drillbits
あくまでもクライアントのPCの設定時刻基準。 公開NTPサーバから正確な時刻を取得するのはまたあとで。 （追記：2010/01/27 23:51） NiCTの公開NTPサーバならhttpで取得できそうだったから、Ajaxでごにょごにょできるかと思ったんだけど、そんなに頻繁にアクセスするとアレなのでヤメ。 普通にシステム時刻か、サーバ側でやれってことね… var d = new Date(); // クライアントPCシステム時刻 var localTime = d.getTime(); // localTimeのタイムゾーン差分（ミリ秒） var localOffset = d.getTimezoneOffset() * 60000; // UTC時刻（ミリ秒） var utc = localTime + localOffset; // 考慮したいタイムゾーンの差分（時間）ex.バンクーバは
ストレス無しでGoogleマップを使ったサイトが作れる「gmaps.js」:phpspot開発日誌
gmaps.js ? the easiest way to use Google Maps ストレス無しでGoogleマップを使ったサイトが作れる「gmaps.js」 Googleマップのサイトへの実装が本当に簡単で、かつ多機能なライブラリのご紹介です 簡単なマップを出すのに必要なコードは以下。 表示させるdivと緯度経度を指定するだけです 出来ることリストは以下 マップのクリック、ドラッグ時のイベントハンドラ実装 マーカー付与 ジオロケーション・ジオコーディング マップオーバーレイ マップ上のコンテキストメニュー実装 地図上の区画指定 目的地までのルート描画 静的な画像をマップ表示 などなど超多機能。 Googleマップ使うかもしれない場合は覚えておいて損はありません 関連エントリ Googleマップ関連のjQueryプラグインとチュートリアル集 スマホやタブレットでGoogleマップ風
第1回 JSDeferredによる簡単非同期処理 | gihyo.jp
どうもはじめまして、株式会社はてなのid:cho45です。これから数回に渡り、拙作のJavaScriptのライブラリであるJSDeferredの紹介と、それに関係するJavaScriptにおける非同期の技術に関して解説させていただきます。 JavaSciptにおける非同期処理 非同期処理とは まずは確認程度に、非同期処理がどういうものかを解説しておきます。先に乱暴にまとめてしまうと、以下の事柄が大切なところです。 非同期とは「あとで」という意味 同期処理はコードの見た目順に実行される／非同期ではそうならない JavaScript の非同期処理は絶対に同期処理にすることができない JavaScriptにおける非同期処理をいくつか例に出すと、以下のようなものが挙げられます。 リスト1 // XMLHttpRequest の例 var req = new XMLHttpRequest(); re
Pathの華麗なメニュー表示をTitaniumアプリにも取り込む·pathmenu.js MOONGIFT
pathmenu.jsはPath（iPhoneアプリ）で実装されているメニュー表示をTitaniumで行うモックアプリ。 PathというiPhoneアプリに実装されているメニュー表示、選択機能が人気です。Objective-Cで実現するのはQuadCurveMenuですが、さらにTitaniumで実装したプロジェクトが登場しました。それがpathmenu.jsです。 初期表示です。右下にアイコンがあるのでタップします。 メニューが開きます。もちろんアニメーション付きです。 項目をタップすると拡大されます。 デモ動画です。Path風に動いているのが分かります。 pathmenu.jsが面白いのはモジュールを使うのではなく、JavaScriptだけで実装したということではないでしょうか。うまくすればWebベースでさえ使える可能性がありそうです。 pathmenu.jsはTitanium用、Ja
[JS]かなりかっこいいデザインのローディング用アニメーションを生成するスクリプト -Sonic
HTML5 Canvasを使って、ローディング用のアニメーションを作成する超軽量（約3K）のスクリプトを紹介します。 デモページ Sonicの実装 Square（矩形）とCircle（円形）を例に実装方法を紹介します。 外部ファイル 当スクリプトを外部ファイルとして指定します。 <script src="sonic.js"></script> JavaScript: Square（矩形） あとは、JavaScriptで記述するだけです。 var square = new Sonic({ width: 100, height: 100, fillColor: '#000', path: [ ['line', 10, 10, 90, 10], ['line', 90, 10, 90, 90], ['line', 90, 90, 10, 90], ['line', 10, 90, 10, 10]
JavaScript style guide - Mozilla | MDN
else は上で示したように常に単独の行に書いてください。 return の後には else を使わないでください。 if (x < y) return -1; if (x > y) return 1; return 0; i++ も ++i も使用可能です。 インライン関数はそのデバッグが楽になるように名前を付けてください。関数をプロパティに代入しただけではその関数に名前を付けることはできません。次のようにしてください。 var offlineObserver = { observe: function OO_observe(aSubject, aTopic, aState) { if (aTopic == "network:offline-status-changed") setOfflineUI(aState == "offline"); } }; 名前や列挙値には interCap
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) へ直接お願いします. この和訳のリポジトリは こちら です.
js2-mode のバイトコンパイルに失敗するときは --batch を使え - @kyanny's blog
Google Code Archive - Long-term storage for Google Code Project Hosting. より。 js2-mode はバイトコンパイル必須だけど、 .emacs などで js2-mode をロード済みの状態でバイトコンパイルしようとすると失敗してしまうことがあるらしい。なので .emacs などを読ませずに起動しないといけない。 $ cd ~/.emacs.d/ $ /Applications/Emacs.app/Contents/MacOS/Emacs -q --batch --eval '(byte-compile-file "js2.el")'
2010-10-11
node.jsの衝撃とWebSocketが拓く未来 (1/2)：WebSocketで目指せ！ リアルタイムWeb（1） - ＠IT という記事を読みました。node.js という V8 を用いたサーバーサイド JavaScript フレームワークを使うと簡単にイベント駆動のサーバが書ける、node-websocket-server.js を使うと node.js で WebSocket サーバが実装できる。Ajax による polling や Long Polling などと WebSocket のアーキテクチャ比較といった内容でした。 WebSocket を使うと手軽にサーバプッシュ的なアプリケーションが作れて嬉しいのですが、現時点では、HTTPサーバー側で WebSocket を処理する下地の実装をどう用意するかというところがひとつ課題でしょう。node.js はその回答のひとつとして
ページ内リンクをスマートにするsmoothScroll.js[to-R]
ページ内リンクをスマートにするsmoothScroll.js ページ内リンクをスムーズに行うjsライブラリ、smoothScroll.jsを作成したので公開します。 どういったものかはサンプルで確認してください。 <a href="#header">ページの先頭に戻る</a> などのページ内リンクをスムーズな移動に変更します。 これにより、エンドユーザーがページが遷移したという錯覚におちいることはありません。 設置方法は簡単です。 smoothScroll.jsをダウンロードして、設置したいページで取りこみます。 <script type="text/javascript" src="./smoothScroll.js"></script> 特定のリンクはスムーズさせない smoothScroll.jsは#（ハッシュ）付きのリンクを全てスムーズスクリプトに変換します。他のライブラリなどで#
![ページ内リンクをスマートにするsmoothScroll.js[to-R]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9717624309e36a795026e1b70982163687ccca2/height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)
JavaScript の有効/無効を判定（判別）して表示する内容を変更する方法 :: Drk7jp
相変わらず（ってか仕事でだけど） JavaScript ネタがちょっと旬な今日この頃です。 ・・・っていってもこれまた世の中で旬な jQuery とか XPath の話じゃありません。 さて今回は、JavaScript が有効であることが前提のサイトを作る場合に、ブラウザの設定で JavaScript が無効になっている場合はページの表示をどうするか？っていう話です。JS が無効になっていたら有効にする設定は？ページみたいなのに誘導するアレです。 試しに Gmail を JS 無効でひらいてみた。当たり前だけどちゃんとエラーページが表示されました。 さて JS 無効時の処理方法として２つの方法があると思ってます。（ってか他にももっとあるかもしれませんが、今ぱっと思いつきませんでした・・・） 1. 基本エラーページを表示していて、JS 有効時に正常なページを表示する 2. JS が無効なら
MooTools - a compact javascript framework
MooTools is a collection of JavaScript utilities designed for the intermediate to advanced JavaScript developer. It allows you to write powerful and flexible code with its elegant, well documented, and coherent APIs. MooTools code is extensively documented and easy to read, enabling you to extend the functionality to match your requirements. Open Source LicenseMooTools libraries are released under
とほほのCookie入門 - とほほのWWW入門
Cookieの概要 Cookie情報が保存されるファイル Cookieの実行例 Cookieの設定 Cookieの書き込み Cookie書き込みの例 Cookieの読み込み エンコードとデコード Cookieに関するQ&A Cookieの語源は何ですか？ Cookieで複数の値を設定するには？ Cookieを削除するには？ Cookieの有効期限を無期限にするには？ path=/ とすると、そのサーバー上のすべてのファイルに対して送信されるの？ Cookieをフォルダ単位ではなく、ファイル単位に設定することはできますか？ escape()でエンコードされたUnicodeをCGIでシフトJISにデコードするには？ Cookieの概要 Cookie とは、以下のようなことを実現するための機構です。 訪問者がそのページに何回訪れたか記録して表示する。 通常モード、フレームモードなど、訪問者の好み
JsDecoder - javascript decoder - decode obfuscated script
Presenting .. Javascript Decoder, an ultimate javascript decoding tool. Features: code formatting (indent, new lines), code fixing (missing semicolons, braces), code highlighting. Download
Using JavaScript in PHP with PECL and SpiderMonkey
The Good Old Days Not too long ago, it seemed like there was a pretty clear distinction between client-side technologies and server-side technologies. Languages like PHP, Perl and Python resided on the server, taking care of tasks like database connectivity, transaction management and remote procedure calls, while tools like JavaScript, CSS and HTML were used exclusively on the client to render pa
Cybozu Inside Out: SpiderMonkeyを使ってPHPでサーバーサイドJavaScript
はじめまして。2009年に新卒で入社しました天野祐介です。amachang を期待された方はゴメンナサイ！ 先日 SpiderMonkey を利用して PHP から JavaScript を実行する方法を調べる機会がありましたので、ご紹介します。 SpiderMonkey とは SpiderMonkey は C で実装された Mozilla の JavaScript エンジンです。 これを PHP から実行する拡張を利用すると、 PHP コード内で JavaScript が実行できます。 SpiderMonkey extension のインストール こちらhttp://devzone.zend.com/article/4704に記載されている方法で CentOS にインストールしてみました。 PHP 5.3.0 以上が必要です。 $ wget http://ftp.mozilla.org
Objective-Cの知識不要! HTMLとJavaScriptでiPhoneアプリを開発できる「NimbleKit 1.2」 | パソコン | マイコミジャーナル
VolnaTechは、HTML/JavaScriptでiPhone/iPod touchネイティブアプリを開発するためのライブラリ「NimbleKit 1.2」を公開した。動作環境はIntel製CPUを搭載したMac、動作環境はMac OS X Leopard 10.5以降、Xcode。別途iPhone SDK 2.2以降が必要。 HTMLとJavaScriptでネイティブなiPhoneアプリの開発が可能になる「NimbleKit」 NimbleKitは、HTMLとJavaScriptを使用してネイティブなiPhone/iPod touchアプリを開発するためのライブラリ。iPhone OS 2.2以降に対応、一部機能はiPhone OS 3.0の正式リリース後に提供される。ライブラリの全機能は無償利用できるが、動作はiPhoneシミュレータ上に限定され、実機上での利用には有償のユーザ登録
Ruby,Python,PHP,JavaScriptでマルチプラットフォームなデスクトップアプリを簡単に作成する Appcelerator Titanium Desktop - 仙台 Ruby Vim JavaScript フリーランスプログラマ
古いエントリーなのですが、まだ時折検索エンジン経由？でいらっしゃる方がいるみたいなので追記 Titanium Desktopは今はTideSDKと変わってオープンソースプロジェクトになっています。 いいたい事を先に。 Ruby,Python,PHP,JavaScriptやってる人でデスクトップアプリ作成に興味ある人は Appcelerator Titanium Desktop さわってみるといいと思います。OS X, Windows,Linuxとマルチプラットフォームなデスクトップアプリをhtml,JavaScript,Ruby,Python等の慣れ親しんだ技術で簡単に作成、公開することができます。 予想以上にブクマされてるみたいなので、Titanium Desktopの特徴を箇条書きですが追加しておきます。 一言で言えばJavaScriptで記述するAdobe AIRのようなRIAフレー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Passing parameters to/from JavaScript & Rails