jQuery Mobile APIでもっとJavaScriptプログラミング ―(1/2) - @IT
連載:jQuery Mobile入門(最終回) 第6回 jQuery Mobile APIでもっとJavaScriptプログラミング 山田 祥寛 2012/06/14 本連載の初回では、jQuery Mobileは(jQueryのモバイル版というよりも)jQuery UIのモバイル版である、と述べた。実際、jQuery Mobileでは標準であまたのウィジェットを提供しており、マークアップの...
GoogleMaps の JavaScript API (v3) を使って地図上に複数の Marker を表示するサンプル
GoogleMaps の JavaScript API (v3) を使って地図上に複数の Marker を表示するサンプル これまで GoogleMaps API を使って Marker やら InfoWindow を表示するサンプルを作成してきました。 住所から GoogleMap を表示するサンプル Google Map サンプル v0.1.1 GoogleMap の Marker に InfoWindow を設定するサンプル G...
JavaScriptプログラミング講座【符号化について(Encoding API)】
// TextDecoder オブジェクトを作成 var text_decoder = new TextDecoder(); // 出力テスト console.log(text_decoder); // ------------------------------------------------------------ // TextDecoderOptions オブジェクトを用意する // ------------------------------------------------------------ var text_de...
Google Maps JavaScript APIを利用したジオコーディングの実装について - プログラミングノート
地名, 住所から緯度経度を検索したいと思い、まずはCoreLocation frameworkのCLGeocoderを利用してみました。 CLGeocoder *geocoder = [[[CLGeocoder alloc] init] autorelease]; [geocoder geocodeAddressString:@"東京タワー" completionHandler:^(NSArray* placemarks, NSError* error){ if(error){ NSLog(@"%@", [er...
Indexed Database APIによるデータベース(1/7):JavaScriptによるHTML5プログラミング入門 - libro
HTML5では、ローカルな環境での利用に関する機能が強化されています。その中の目玉とも言えるのが「データベース」関係の機能でしょう。しかし、このデータベース機能は、現在までかなり迷走していました。HTML5には、データベースに関する機能が実は2種類用意されています。以下にざっと整理しておきましょう。 Web SQ...
YouTube動画をHTMLに貼り付ける、埋め込む|YouTube JavaScript Player API/SWFObject使用|JavaScriptで動画コントロール サンプル
JavaScriptで、HTMLに貼り付けた(埋め込み)YouTube動画をコントロールする方法 (YouTube JavaScript Player API/SWFObject使用) YouTube JavaScript Player API/SWFObjectは、2015.1.27 から非推奨(offically deprecated)となり、以降はiframe APIを使用することが推奨されました。 ≫iframe 組み込みの YouTube Pl...
Web SQL Database APIによるデータベース・アクセス(1/6):JavaScriptによるHTML5プログラミング入門 - libro
HTML5では、「オフラインWebアプリケーション」のための機能がいろいろと用意されています。本来、サーバーにアクセスしてさまざまな動きをするものを、オフラインで、ローカル環境でも動くようにするための仕組みが考えられているのです。 中でも非常に重要となるのが「データベース機能」でしょう。HTML5では、SQL言語...
Push7のAPIを利用してPush通知を送信してみるサンプル|JavaScriptラボ
前記事:WEBサイトにPush7を簡単に使ってみる Push7でのpush通知送信はコントロ-ルパネルからの送信、RSS更新による送信、APIを介した送信とあります ブログの更新情報であれば、RSSクローラーの巡回ペースは30分との事なのでRSSを設定した方が楽ですね RSSを持たないWEBサイトの更新情報や送信の自動化、チャットなど...
jQuery Mobile APIでもっとJavaScriptプログラミング ―(2/2) - @IT
連載:jQuery Mobile入門(最終回) 第6回 jQuery Mobile APIでもっとJavaScriptプログラミング 山田 祥寛 2012/06/14 ■jQuery Mobile APIでカンタン・アプリ開発 後半では、$.mobileオブジェクトで提供されるメソッド/プロパティを利用して、カンタンなスマホ・アプリを作成していく。$.mobileオブジェクトはjQuery M...
【プログラミング】APIで遊ぼう-株式チャート描画等【JavaScript】 - FinTech Diary
今回は色々なAPIで遊びます。 米国株式のローソク足チャート描画 下記記事を見つけて面白そうだったので、実際に動かしてみることにしました。 コードはほぼ下記記事の通りなので、自分で考えたものではないです。 あくまで、下記記事のコードをはてなブログ上で動かしてみただけです。 [参考]JavaScriptでローソク足チ...
Flickr APIを使って、取得した写真を表示するJavaScriptのサンプル - 感謝のプログラミング
Flickr APIを取得するための手続き(手順) ■アメリカ版のYahooアカウントを作成する 1.以下のURLを開く。 http://www.flickr.com/services/developer/ 2.左上の「Sign Up」をクリックする。 3.Create New AccountよりYahooアメリカのアカウントを作成する。 4.Flickrで使用するアカウントを指定して、ログインする。 5.以...
地図のスタイルを変更する - YOLP JavaScriptマップAPI サンプルコード
【使い方】 「図式」プルダウンメニューを選択すると、地図のデザインが変更されます。 「Styleの設定」エリアで、各パラメーターをfalseに書き換えて「設定」ボタンを押すと、 指定したパラメーターの対象オブジェクトが地図上で非表示になります。trueに書き換えると再表示されます。 各パラメーターの対象オブジェク...
WebSocketのサンプルコードWebSocketのサンプル - HTML5 JavaScript API入門
WebSocketのサンプルコード サンプルサンプル サーバー側(Jetty 8による実装) このサンプルを試すにはサーバー側とクライアント側の準備が必要です。 サーバー側は、Javaサーブレットの実行環境である、Jettyを用います。 サンプルを動かす手順は、基本的にはHTTPサーブレットと同じです。 まず、サンプルのJavaファ...
File APIによるファイルアクセス(1/4):JavaScriptによるHTML5プログラミング入門 - libro
「これからはWebで何でもできるようになる」「Webブラウザで普通のアプリケーションが動くようになる」と、言われてきましたが、正直、今までそんなすごいWebアプリケーションってあったかな?と思う人も多いでしょう。 今まで、Webベースのアプリケーションがなかなか活用されなかった理由の一つは、「ローカルボリュー...
Web Storageでデータの読み書きを行う - Web Storageのサンプル - HTML5 JavaScript API入門
Web Storageでデータの読み書きを行うには? Web Storageでデータの読み書きを行うには?解説 ブラウザにデータを保存するWeb Storageには、データを保持する単位の違いに応じてローカルストレージとセッションストレージという二種類の保存領域があります。この二つの違いは、セッションストレージはタブやウィンドウご...
YQL(Yahoo Query Language)を使うとJavaScriptで別ドメインにアクセスできる(livedoor天気APIのサンプル)|WebAPI関連
[+]スマホ・モバイル [+]パソコン・通信 [+]マネー [+]趣味・興味 [+]健康 [+]生活 [+]英語 [+]ビジネス [+]雑記・独り言 書評 [+]作成物 サイト記事のまとめ・リスト レイアウト トップページ シングルページ ウィジェット(サイドバー) グローバルナビ(メニュー) パーツ ヘッダー フッター 外観(設定) アイキャッ...
HTML5、JavaScript、Android を勉強しよう HTML5 API Web Workerのサンプル
Web Storageの記事と同様に、HTML5のサンプル集とマイコミジャーナルのHTML5 API記事を参考に勉強してみました。 今回も、Jqueryを用いるので、導入されてない方は、JavaScriptの記事を参考に、導入してください。 HTML5 APIのWeb Workersとは、バックグラウンドで動作するJavaScript(スレッド)を簡単に生成することがで...
Web Messaging - Web Messagingのサンプル - HTML5 JavaScript API入門
Web Messagingとは Web Messagingとは対応ブラウザ IE 9:○(チャネルメッセージング未実装) FireFox 9.0:○(チャネルメッセージング未実装) Opera 11.60:○ Chrome 16.0:○ Safari 5.1:○ ※Windows 7上で動作確認を行っています。 ※ブラウザの設定より、異なる挙動をする場合があります。 ※ブラウザにWeb Messaging...
Google Maps api JavaScript サンプル
「35.656362」と書いてあるところが、緯度 「139.699483」と書いてあるところが、経度 「13」と書いてあるところが地図の縮尺。google mapsの縮尺バーの1目盛りに対応してます。 基本的に19がもっとも拡大された状態になりますが、場所によって表示できるできないは変わります。 緯度経度がよくわからないと思うので、...
Web SQL Database APIによるデータベース・アクセス(1/6):JavaScriptによるHTML5プログラミング入門 - libro
HTML5では、「オフラインWebアプリケーション」のための機能がいろいろと用意されています。本来、サーバーにアクセスしてさまざまな動きをするものを、オフラインで、ローカル環境でも動くようにするための仕組みが考えられているのです。 中でも非常に重要となるのが「データベース機能」でしょう。HTML5では、SQL言語...
HTML5、JavaScript、Android を勉強しよう HTML5 API web Storageのサンプル(JavaScriptの記述の仕方)
をHTML5 API Local Storageのサンプル記事を機能書きましたが、session Storageのサンプルも作成しました。 といっても、local Storageとの書き方の違いなだけで、基本的に同じです。 動作確認は、Safari4で行っています。 今後は、やはりIphoneサイトなど、HTML5が先行しそうなところで実用化されるだろうし、Safariの...
Google Maps JavaScript API V3のサンプル –
今更ですがGoogle Maps API V3のサンプルです。※バージョン2までとの主な変更点はバージョン3ではAPI Keyが不要になり、パソコン用だけでなく、携帯端末にも対応するようになりました。 また、Google Maps 無償版 APIでSSLが利用出来るようになりました。 Google Maps JavaScript API V3のサンプル1 ポイントをクリック...
WebSocketのサンプル - HTML5 JavaScript API入門
WebSocketのJavaScript APIサンプルソースコード。対応ブラウザや解説。
Google Maps JavaScript API サンプル 住所・ランドマークから座標を取得
Google Maps v3 APIを使ったサンプル。 ジオコーディング 住所から座標を取得[Geocode]住所 or ランドマーク 項目 情報
JavaScriptマップAPIサンプル - Yahoo!デベロッパーネットワーク
サンプルコード 地図の表示 地図を表示する 地図を操作する 吹きだしを表示する クリック位置の緯度経度を取得する 地図中心位置の緯度経度を取得する OpenStreetMapを表示する コントロールを利用する 基本的なコントロールを表示する スライダーズームコントロールを表示する 中心点を表示する ホームアイコンを表示す...
Geolocation APIを利用する(1/4):JavaScriptによるHTML5プログラミング入門 - libro
GPS機能を利用するための「Geolocation API」は、比較的シンプルなAPIです。単純に、GPS情報を取得するための機能しか持っていません。基本さえわかれば、誰でも簡単に利用することができるようになります。 GPS利用のための機能は「navigator.geolocation」というオブジェクトにまとめられています。この中に用意されて...
File APIによるファイルアクセス(3/4):JavaScriptによるHTML5プログラミング入門 - libro
では、ファイルからデータを読み込ませてみましょう。まずは、テキストファイルからです。下のリスト欄に、script.jsの内容を掲載しておきます。テキストファイルを選択すると、その内容を読み込み表示します。ここではシフトJISのファイルを読み込むように設定してあります。他の文字コードだと文字化けするので注意し...