API利用サンプル！アフィリエイトに活かせる

ここでは、Google Maps JavaScript API(version 3)を使って遊ぶ方法を説明したいと思います。 Google Maps JavaScript APIを使うと、グーグル社が提供する衛星写真や地図を使ってホームページ上で色々なものを作れます。 対象とする読者は初心者もしくは入門者です。 Google Maps APIはJavaScriptを使って書いてあるので...

連載：jQuery Mobile入門（最終回） 第6回　jQuery Mobile APIでもっとJavaScriptプログラミング 山田 祥寛 2012/06/14 本連載の初回では、jQuery Mobileは（jQueryのモバイル版というよりも）jQuery UIのモバイル版である、と述べた。実際、jQuery Mobileでは標準であまたのウィジェットを提供しており、マークアップの...

GoogleMaps の JavaScript API (v3) を使って地図上に複数の Marker を表示するサンプル これまで GoogleMaps API を使って Marker やら InfoWindow を表示するサンプルを作成してきました。 住所から GoogleMap を表示するサンプル Google Map サンプル v0.1.1 GoogleMap の Marker に InfoWindow を設定するサンプル G...

ここでは、Google Maps JavaScript API(version 3)を使って遊ぶ方法を説明したいと思います。 Google Maps JavaScript APIを使うと、グーグル社が提供する衛星写真や地図を使ってホームページ上で色々なものを作れます。 対象とする読者は初心者もしくは入門者です。 Google Maps APIはJavaScriptを使って書いてあるので...

// TextDecoder オブジェクトを作成 var text_decoder = new TextDecoder(); // 出力テスト console.log(text_decoder); // ------------------------------------------------------------ // TextDecoderOptions オブジェクトを用意する // ------------------------------------------------------------ var text_de...

地名, 住所から緯度経度を検索したいと思い、まずはCoreLocation frameworkのCLGeocoderを利用してみました。 CLGeocoder *geocoder = [[[CLGeocoder alloc] init] autorelease]; [geocoder geocodeAddressString:@"東京タワー" completionHandler:^(NSArray* placemarks, NSError* error){ if(error){ NSLog(@"%@", [er...

HTML5では、ローカルな環境での利用に関する機能が強化されています。その中の目玉とも言えるのが「データベース」関係の機能でしょう。しかし、このデータベース機能は、現在までかなり迷走していました。HTML5には、データベースに関する機能が実は２種類用意されています。以下にざっと整理しておきましょう。 Web SQ...

 JavaScriptで、HTMLに貼り付けた（埋め込み）YouTube動画をコントロールする方法 （YouTube JavaScript Player API/SWFObject使用） YouTube JavaScript Player API/SWFObjectは、2015.1.27 から非推奨(offically deprecated)となり、以降はiframe APIを使用することが推奨されました。 ≫iframe 組み込みの YouTube Pl...

HTML5では、「オフラインWebアプリケーション」のための機能がいろいろと用意されています。本来、サーバーにアクセスしてさまざまな動きをするものを、オフラインで、ローカル環境でも動くようにするための仕組みが考えられているのです。 中でも非常に重要となるのが「データベース機能」でしょう。HTML5では、SQL言語...

前記事：WEBサイトにPush7を簡単に使ってみる Push7でのpush通知送信はコントロ－ルパネルからの送信、RSS更新による送信、APIを介した送信とあります ブログの更新情報であれば、RSSクローラーの巡回ペースは30分との事なのでRSSを設定した方が楽ですね RSSを持たないWEBサイトの更新情報や送信の自動化、チャットなど...

連載：jQuery Mobile入門（最終回） 第6回　jQuery Mobile APIでもっとJavaScriptプログラミング 山田 祥寛 2012/06/14 ■jQuery Mobile APIでカンタン・アプリ開発 後半では、$.mobileオブジェクトで提供されるメソッド／プロパティを利用して、カンタンなスマホ・アプリを作成していく。$.mobileオブジェクトはjQuery M...

【使い方】 「図式」プルダウンメニューを選択すると、地図のデザインが変更されます。 「Styleの設定」エリアで、各パラメーターをfalseに書き換えて「設定」ボタンを押すと、 指定したパラメーターの対象オブジェクトが地図上で非表示になります。trueに書き換えると再表示されます。 各パラメーターの対象オブジェク...

Flickr APIを取得するための手続き(手順) ■アメリカ版のYahooアカウントを作成する 1.以下のURLを開く。 http://www.flickr.com/services/developer/ 2.左上の「Sign Up」をクリックする。 3.Create New AccountよりYahooアメリカのアカウントを作成する。 4.Flickrで使用するアカウントを指定して、ログインする。 5.以...

WebSocketのサンプルコード サンプルサンプル　サーバー側（Jetty 8による実装） このサンプルを試すにはサーバー側とクライアント側の準備が必要です。 サーバー側は、Javaサーブレットの実行環境である、Jettyを用います。 サンプルを動かす手順は、基本的にはHTTPサーブレットと同じです。 まず、サンプルのJavaファ...

「これからはWebで何でもできるようになる」「Webブラウザで普通のアプリケーションが動くようになる」と、言われてきましたが、正直、今までそんなすごいWebアプリケーションってあったかな？と思う人も多いでしょう。 今まで、Webベースのアプリケーションがなかなか活用されなかった理由の一つは、「ローカルボリュー...

Web Storageでデータの読み書きを行うには？ Web Storageでデータの読み書きを行うには？解説 ブラウザにデータを保存するWeb Storageには、データを保持する単位の違いに応じてローカルストレージとセッションストレージという二種類の保存領域があります。この二つの違いは、セッションストレージはタブやウィンドウご...

[+]スマホ・モバイル [+]パソコン・通信 [+]マネー [+]趣味・興味 [+]健康 [+]生活 [+]英語 [+]ビジネス [+]雑記・独り言 書評 [+]作成物 サイト記事のまとめ・リスト レイアウト トップページ シングルページ ウィジェット（サイドバー） グローバルナビ（メニュー） パーツ ヘッダー フッター 外観（設定） アイキャッ...

Web Storageの記事と同様に、HTML5のサンプル集とマイコミジャーナルのHTML5 API記事を参考に勉強してみました。 今回も、Jqueryを用いるので、導入されてない方は、JavaScriptの記事を参考に、導入してください。 HTML5 APIのWeb Workersとは、バックグラウンドで動作するJavaScript(スレッド)を簡単に生成することがで...

:Javascript Googleカレンダーの情報を、自サイトに取り込むサンプル † Google Data APIを利用して、最新の予定の一覧だけ取得するサンプルです。 これはjavascriptを利用するものです。 元ネタ：Sample using the Google data JavaScript client library http://gdata-javascript-client.googlecode.com/svn/trunk/samp...

Web Messagingとは Web Messagingとは対応ブラウザ IE 9：○（チャネルメッセージング未実装） FireFox 9.0：○（チャネルメッセージング未実装） Opera 11.60：○ Chrome 16.0：○ Safari 5.1：○ ※Windows 7上で動作確認を行っています。 ※ブラウザの設定より、異なる挙動をする場合があります。 ※ブラウザにWeb Messaging...

「35.656362」と書いてあるところが、緯度 「139.699483」と書いてあるところが、経度 「13」と書いてあるところが地図の縮尺。google mapsの縮尺バーの1目盛りに対応してます。 基本的に１９がもっとも拡大された状態になりますが、場所によって表示できるできないは変わります。 緯度経度がよくわからないと思うので、...

HTML5では、「オフラインWebアプリケーション」のための機能がいろいろと用意されています。本来、サーバーにアクセスしてさまざまな動きをするものを、オフラインで、ローカル環境でも動くようにするための仕組みが考えられているのです。 中でも非常に重要となるのが「データベース機能」でしょう。HTML5では、SQL言語...

をHTML5 API Local Storageのサンプル記事を機能書きましたが、session Storageのサンプルも作成しました。 といっても、local Storageとの書き方の違いなだけで、基本的に同じです。 動作確認は、Safari4で行っています。 今後は、やはりIphoneサイトなど、HTML5が先行しそうなところで実用化されるだろうし、Safariの...

:Javascript Googleカレンダーの情報を、自サイトに取り込むサンプル † Google Data APIを利用して、最新の予定の一覧だけ取得するサンプルです。 これはjavascriptを利用するものです。 元ネタ：Sample using the Google data JavaScript client library http://gdata-javascript-client.googlecode.com/svn/trunk/samp...

今更ですがGoogle Maps API V3のサンプルです。※バージョン2までとの主な変更点はバージョン3ではAPI Keyが不要になり、パソコン用だけでなく、携帯端末にも対応するようになりました。 また、Google Maps 無償版 APIでSSLが利用出来るようになりました。 Google Maps JavaScript API V3のサンプル1 ポイントをクリック...

WebSocketのJavaScript APIサンプルソースコード。対応ブラウザや解説。

Google Maps v3 APIを使ったサンプル。 ジオコーディング 住所から座標を取得[Geocode]住所 or ランドマーク 項目 情報

サンプルコード 地図の表示 地図を表示する 地図を操作する 吹きだしを表示する クリック位置の緯度経度を取得する 地図中心位置の緯度経度を取得する OpenStreetMapを表示する コントロールを利用する 基本的なコントロールを表示する スライダーズームコントロールを表示する 中心点を表示する ホームアイコンを表示す...

では、ファイルからデータを読み込ませてみましょう。まずは、テキストファイルからです。下のリスト欄に、script.jsの内容を掲載しておきます。テキストファイルを選択すると、その内容を読み込み表示します。ここではシフトJISのファイルを読み込むように設定してあります。他の文字コードだと文字化けするので注意し...

GPS機能を利用するための「Geolocation API」は、比較的シンプルなAPIです。単純に、GPS情報を取得するための機能しか持っていません。基本さえわかれば、誰でも簡単に利用することができるようになります。 GPS利用のための機能は「navigator.geolocation」というオブジェクトにまとめられています。この中に用意されて...