JavaScriptでファイル操作！？ File APIを使いこなそう
連載目次 近年のWebアプリケーションでは、画像ファイルやテキスト・ファイル、Officeファイルのアップロードやダウンロードのやり取りが行われることが多くなってきている（例えば、Twitter上での画像ファイル共有やGoogleドキュメントでのOfficeファイルのアップロードなどがそれだ）。 HTML5では、ファイル操作に関するAPIとして「File API」が定義されたことで、ローカルのファイルをブラウザ上で直接、取り扱うことが可能となった。これによって、Webとローカルの違いをアプリケーションで意識しなければならない局面も少なくなる。 現在、File APIは以下の3種類の仕様が策定されている。
Geekなぺーじ : Google MAPS APIプログラミング
ここでは、Google Maps JavaScript API(version 3)を使って遊ぶ方法を説明したいと思います。 Google Maps JavaScript APIを使うと、グーグル社が提供する衛星写真や地図を使ってホームページ上で色々なものを作れます。 対象とする読者は初心者もしくは入門者です。 Google Maps APIはJavaScriptを使って書いてあるので、JavaScriptの知識があった方がわかりやすいと思いますが、Java Scriptがわからなくても何と無くわかるような説明を目指したいと思っています。 基本編 Google Maps APIの単純な例 地図の種類を切り替える 地図の中心を移動する 地図上にふきだしを表示 地図がクリックされたときの処理 マップタイプコントロールを無効にする 緯度経度取得ツール 要望が多いので緯度経度情報を取得するツールを
Google マップ JavaScript API V3 まとめ
Home Google マップ JavaScript API V3 まとめ Google マップ JavaScript API V3 まとめ 地図コンテンツ作成とカスタマイズ例です。現在グーグル Maps Javascript API のバージョンは「V3」で、Nexus などのタブレットや Android スマートフォンにも適しています。 以下のほか、ブログも参照して下さい。このページに未掲載のマップが多数あります。 V2は2010年5月19日、正式に廃止されています。Google はV3への移行（Google Geo Developers Blog: GoV3: It's time to Upgrade）を奨めています。2013年11月19日以降（機能により）使えなくなっています。 2013年5月、ラベル類が更新されました。javascript の冒頭に google.maps.vis
Googleマップ チュートリアル 「Google Maps API活用方法」 住所から経度緯度を取得する
Google Maps APIを利用することで、住所から経度緯度を取得して地図上にマーカーを表示させるといったことが可能になりました。 今回紹介するサンプルは、テキストフィールドに住所を入力して「検索」ボタンを押すとその場所に移動し、マーカーを表示させるといったものです。 では早速、全体のサンプルコードを見て頂きます。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <t
ストリートビューのAPI（京都散策のサンプル） - プログラマはサイコロを振らない
(2008-08-15)『Googleマップ上でストリートビュー対応の道を青色ハイライト表示する（GStreetviewOverlay）』を追記しました 先日、Google Mapsのストリートビュー日本版が公開されたところですが、早速Google Maps APIを用いてストリートビューをいじってみました。ストリートビュー関連APIを使ったサンプルアプリケーションを紹介した上で、APIの使い方について説明します。 サンプルアプリケーション（京都散策 by Google Maps Street View） 京都散策 by Google Maps Street View Google Maps APIのストリートビュー関連の機能を使ったサンプルアプリケーションを作成してみました。京都市内を勝手に歩き回ります。分かれ道まで来るとランダムにルートを選んで進んで行きます。 （自動散策プログラムを自
二八杠技术-二八杠app-二八杠官网平台 wap.parpue.net
四川省茶业集团股份有限公司(以下简称川茶集团)于2013年10月成立，是以原四川省叙府茶业有限公司为主体联合省内多家茶叶企业共同发起组建的四川首家集茶树良种繁育、种植示范、茶叶初精深加工、品牌营销、科技研发与推广、茶文化应用与茶旅游发展以及其他茶叶关联产业等为一体的现代茶产业集群。 川茶集团是省、市、区各级党委政府重点扶持打造的农业产业化国家重点...
Re: MySQL + PHP + Google Maps API 復習 - Seis Pesos
MySQL データベースに php でアクセスして Google マップを作る方法を書き直し再録します。ただし、以下の例はレンタルサーバーがロリポップのケースです。お使いの環境によって多少変わるかもしれないことをご了承下さい。 今回は、例として次のような地図を作ります。 （新しいウィンドウで開く） ・まず、phpMyAdmin で MySQL にアクセス。 ・ひとつテーブルを設けます。 ・このフィールドに、以下を記述。例として、テーブル名を「MLB」とします。 CREATE TABLE MLB ( id int(11) NOT NULL auto_increment, stadium varchar(255) NOT NULL default '', lat decimal(10,6) NOT NULL default '0.000000', lng decimal(10,6) NOT N
Google Map APIを使ったことがない人でもわかるストリートビューの使い方 - 遥か彼方の彼方から
プログラム日本でも始まったgoogleのストリートビュー。プライバシーがどうたらと騒がしいですが、とりあえずプログラムでいじってみたいと思い、昼から慣れない英語を見て色々いじってました。 もうすでに出遅れた感もありますが、簡単に使い方を書いてみようと思います。曖昧なところが多く、しかも殴り書きです。ごめんなさい。 はじめにGoogle Maps API に登録する 上のページで、APIを使用するためのキーを取得する必要があります。ひとつのGoogleアカウントで複数のキーを発行できるので、とりあえず作ってしまいます。 登録すると、キーとともにサンプルコードがあるので適当なテキストファイルに保存、実行します。無事地図が出たら成功です。最低限書かないといけないもの先ほどのサンプルから必要なところだけ変えればいいのですが、一応。 まず、Google マップ API を読み込みます。headのとこ
バランスWiiボードでGoogleストリートビューを操作するJSONP API - blog.katsuma.tv
先週高校の友達が家に泊まりにきたとき、バランスWiiボードを見て「これでGoogleマップ操作できたら面白そうじゃない？」とぽろっと言ったのをきっかけに「あれ、それできそうだぞ」と思ったので勢いで作ってみました。 動作としては直感的なものになっていて、足踏みするとどんどん進んでいって、左右に重心傾けると向きが変わって前後に重心を傾けるとズームが変わります。百聞は一見にしかずで、映像見てもらったほうが分かりやすいかと思います。 Google Street View by Wii Balance Board from katsuma on Vimeo. 構成 全体の構成としては次のもので成り立っています。 バランスWiiボード Bluetoothレシーバ(iMac) 信号解析モジュール(Java) ローカルWebサーバ(Jetty) Javascript(JSONP) Webブラウザ(出力)
【今日のTips】全世界を対象とした住所検索サービス『GeoNames』 | ネット | マイコミジャーナル
Google Maps、Microsoft Live Search Mapsなど、地図や衛星写真を用いた巨大な地域検索サービスが注目されていますが、これらのサービスとの連携に欠かせないものが住所の検索です。視覚的な地図情報は、人間にとっては使いやすくても、コンピュータにとっては画像データにすぎません。プログラムから地域検索サービスを応用するには、正しい経緯度による座標や住所、郵便番号などの情報と関連付ける必要があります。 『GeoNames』は、こうした情報を提供してくれる巨大な住所検索サービスです。世界中の地域の郵便番号や住所の情報を集めたデータベースであり、住所などから経緯度を含む結果が得られます。GeoNames自体も、Google MapsやWikipedia などのサービスと組み合わせて、検索結果から地域の情報や地図を表示します。Web APIが公開されているため、経緯度情報を必
RESTful 形式の Google AJAX Feeds API を使って、フィードを JSONP で取得する - WebOS Goodies
JavaScript のみで任意のフィードが取得できる Google AJAX Feeds API は、とても便利ですよね。活用されている方も多いと思います。でも、余計な機能も含んだ外部ライブラリを読み込むのがイマイチなところ。ページロード時間を気にする場合はちょっと利用を躊躇してしまいます。 ところが、そんな欠点も、実は既に解消されています。今年の 4 月に Flash など JavaScript 以外の言語のために RESTful 形式の API が追加されたのですが、それに callback の指定がちゃっかり存在しており、 JSONP でアクセスできるのです。これなら外部ライブラリを読み込む必要もなく、気軽に利用できます。とくに JSONP に慣れている方は、 JavaScript API よりも楽に覚えられるでしょう。 ということで、本日はその RESTful API を利用して
Google AJAX Feed API入門
他のサイトが配信しているATOMやRSSフィードをJavaScriptを使って取得しようとした場合、同一生成元ポリシー(Same-Origin Policy)の制限によって直接他のサーバにあるデータへアクセスできずサーバ側でいったんフィードを受信するなどの処理が必要でした。 Google AJAX Feed APIを使用すると、Googleがフィードのキャッシュとしての役割を果たしてくれるため、サーバ側のプログラムを必要とせず、クライアント側のスクリプトだけで各種フィードを取得することが出来ます。 ここではGoogle AJAX Feed APIを使ってATOMやRSSフィードを取得する方法などを解説していきます。 Google AJAX Feed APIとは ドキュメント
京都市バスの路線別 停留所取得API公開 - てっく煮ブログ
pipes今回も Pipes ネタ。例によって Fetch Page モジュール。今まで「Page Fetch」だと勘違いしてたが、どうやら「Fetch Page」だったらしい。あちゃー。で、本題。京都市バスの路線別 停留所 API を Yahoo! Pipes で作ってみた。サンプル作ってみたこの Pipes を使ったサンプルを作ってみた。→ 京都バス案内 (デモ)左の系統一覧を選択したら、右側に詳細が出る。停留所をクリックしたら時刻表が表示される。JavaScript＋jQuery＋JSONP で実装してるよ。そのまんまだけど、API 使ってる気分になってきた。すごくない？絶対に API を公開しそうにない京都市交通局の HTML を使って、外部の人間が勝手に API 化しちゃってるわけですよ。Web 1.0 なページを、無理やり Web 2.0 化ですよ。なんでもかんでもマッシュアッ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
無料で使えるおすすめＡＰＩ一覧 | ねねとまつの小部屋
ドメインパーキング
https://www.openvista.jp/archives/note/2008/directions-by-google-street-view/?2008/directions-by-google-street-view/