2

Size: px
Start display at page:

Download "2"

Transcription

1 1

2 2

3 VICS G***** 3

4 4

5 5

6 WebAPI HTTP 6

7 7

8 8

9 9

10 10

11 11

12 12

13 13

14 14

15 15

16 16

17 17

18 18

19 19

20 YOLP AppID hacku_test 20

21 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script charset="utf-8" src=" appid]"></script> <script> window.onload = function() { // }; </script> </head> <body> </body> </html> AppID pi/map/openlocalplatform/v1/js/ URL yjdn jsapi <div id="map" style="width:800px; height:500px;"></div> URL

22 window.onload = function() { var latlng = new Y.LatLng(35,135); // var map = new Y.Map("map"); map.drawmap(latlng); }; div id 22

23 window.onload = function() { var latlng = new Y.LatLng( , ); // var map = new Y.Map("map"); map.drawmap(latlng,15); // map.setconfigure('scrollwheelzoom', true); }; Tips 1. Y! URL &lat= &lon= & API API 23

24 window.onload = function() { var latlng = new Y.LatLng( , ); // var map = new Y.Map("map"); map.drawmap(latlng,15); // map.setconfigure('scrollwheelzoom', true); // map.addcontrol(new Y.LayerSetControl()); map.addcontrol(new Y.SliderZoomControlVertical()); map.addcontrol(new Y.ScaleControl()); map.addcontrol(new Y.CenterMarkControl()); }; 24

25 window.onload = function() { var latlng = new Y.LatLng( , ); // var map = new Y.Map("map"); map.drawmap(latlng,15); // var marker = new Y.Marker(new Y.LatLng( , )); // marker.bindinfowindow( <u> </u><br /> 2 "); // map.addfeature(marker); }; 25

26 window.onload = function() { var latlng = new Y.LatLng( , ); // var map = new Y.Map("map"); map.drawmap(latlng,15); // var style = new Y.Style("ff0000", 15, 0.75, null, "arrow"); var latlngs = [ new Y.LatLng( , ), new Y.LatLng( , ) ]; // var line = new Y.Polyline(latlngs,{"strokeStyle":style}); // map.addfeature(line); }; 26

27 window.onload = function() { var latlng = new Y.LatLng( , ); // var map = new Y.Map("map"); map.drawmap(latlng,15); // map.bind("click",function(p) { alert(" "+p.tostring()); }); map.bind("moveend",function() { var center = map.getcenter(); alert(" "+center.tostring()); }); }; 27

28 window.onload = function() { var latlng = new Y.LatLng( , ); var map = new Y.Map("map"); map.drawmap(latlng,15); map.bind("moveend",function() { var center = map.getcenter(); var cid = "d115e2a62c8f28cb03a493dc407fa03f,8cfa8ed3d825ba896fa8d 7cffd28cd67"; var searchoption = { "lat": center.lat(), "lon": center.lng(), "dist": 5, "sort": "dist" }; var localsearch = new Y.LocalSearch(); localsearch.search("", cid, searchoption, function(ydf) { map.clearfeatures(); map.addfeatures(ydf.features); } ); }); }; 1. API 2. ID cid 3. ID API

29 window.onload = function() { var latlng = new Y.LatLng( , ); var map = new Y.Map("map"); map.drawmap(latlng,15); // var rlayer = new Y.RouteSearchLayer(); map.addlayer(rlayer); map.bind("moveend",function() { var center = map.getcenter(); var cid = "d115e2a62c8f28cb03a493dc407fa03f,8cfa8ed3d825ba896fa8d7cffd28cd67"; var searchoption = { "lat": center.lat(), "lon": center.lng(), "dist": 5, "sort": "dist" }; var localsearch = new Y.LocalSearch(); localsearch.search("", cid, searchoption, function(ydf) { map.clearfeatures(); map.addfeatures(ydf.features); // var nearestfeature = ydf.features[0]; rlayer.execute( [center,nearestfeature.getlatlng()], //, {"usecar":false} ); }); }); }; 29

30 CodeZine YOLP - THE END - 30

31

32 VICS G***** 32

コンピュータサイエンス 4. ウェブプログラミング

コンピュータサイエンス 4. ウェブプログラミング 4. Chris Plaintail 2014 1 / 43 1 HTML CSS 2 JavaScript DOM jquery 3 4 PHP SQL PHP SQL 2 / 43 HTML HTML CSS HTML Ajax (Asynchronous JavaScript + XML) PHP SQL 3 / 43 HTML, CSS http, https CSS HTML CSS.html

More information

CONTENTS 0 1 2 3 4 5 6 7 8 9 10 0 viii ix x http://www.vector.co.jp/vpack/filearea/win/writing/edit/hm/index.html http://hidemaru.xaxon.co.jp/lib/macro/index.html ftp://ftp.m17n.org/pub/mule/windows/ http://www.yatex.org/

More information

Microsoft PowerPoint - WMClass_2008July11.ppt

Microsoft PowerPoint - WMClass_2008July11.ppt Googleマップを 使 った ウェブマッピング 入 門 今 日 の 授 業 GoogleマップAPI マッシュアップ Googleアース 1 様 々なGoogleサービス 2 Googleマップのページを 開 くには もしくは http://maps.google.co.jp/ 3 Googleマップ Googleの 地 図 を 用 いた 検 索 サービス 4 地 図 を 用 いた 検 索 サービス

More information

携帯電話でGoogle Mapsを使う

携帯電話でGoogle Mapsを使う PHPのファイルは UTF-8 BOMなしで 保 存 し www.cyaneum.orgのpublic_htmlに 置 く! テーマ 研 究 会 (04/28) Google Mapsを 使 う 政 策 情 報 学 部 渡 辺 恭 人 riho-m@cuc.ac.jp メーリングリスト riho-m-rg10@cuc.ac.jp 資 料 http://www.cuc.ac.jp/rg10/ 前 回

More information

<!DOCTYPE html> 何かの宣言。必要。

<!DOCTYPE html> 何かの宣言。必要。 プロジェクトI/II テーマH( 担 当 : 日 紫 喜 光 良 ) 目 標 地 図 上 に 情 報 を 表 示 することが 解 決 に 役 立 つような 問 題 を 見 つけることができる 問 題 解 決 のために 必 要 な 情 報 をグループメンバーと 協 力 して 収 集 できる Google の 地 図 (Google Maps) 上 に 情 報 を 表 示 することができる 地 理 情

More information

1 Google

1 Google 1 Google 2 (URL) (HTML, ) 3 4 Lynx 5 NCSA Mosaic Unix, Mac, Windoes 6 Firefox Internet Explorer Google 7 Google Google 8 9 Google http://maps.google.co.jp/ 10 11 12 13 GIS (Geographical Information System)

More information

0序文‐1章.indd

0序文‐1章.indd 本 書 に 記 載 されたURL 等 は 執 筆 時 点 でのものであり 予 告 なく 変 更 される 場 合 があります 本 書 の 使 用 ( 本 書 のとおりに 操 作 を 行 う 場 合 を 含 む)により 万 一 直 接 的 間 接 的 に 損 害 が 発 生 し ても 出 版 社 および 著 者 は 一 切 の 責 任 を 負 いかねますので あらかじめご 了 承 下 さい Microsoft

More information

JavaScriptプログラミング入門

JavaScriptプログラミング入門 JavaScript 2015 8 15 1 2 1.1 JavaScript.................................. 2 1.2..................................... 3 1.3 if................................... 4 2 6 2.1.....................

More information

コンピュータサイエンス 1. ウェブの基本

コンピュータサイエンス 1. ウェブの基本 1. Chris Plaintail May 18, 2016 1 / 27 1 2 HTML HTML 3 CSS style 2 / 27 HTML HTML HTML HTML CSS HTML CSS 3 / 27 4 / 27 HTML HTML, CSS HTML, CSS http, https file CSS HTML CSS.html PC file:// PC.html 5 /

More information

What 色 々な Web サービスを 提 供 している 会 社 です http://www.heartrails.com/ http://twitter.com/heartrails( 会 社 ) http://twitter.com/joraku( 私 ) ぜひ 名 前 を 覚 えていってくださ

What 色 々な Web サービスを 提 供 している 会 社 です http://www.heartrails.com/ http://twitter.com/heartrails( 会 社 ) http://twitter.com/joraku( 私 ) ぜひ 名 前 を 覚 えていってくださ HeartRails APIs for MA5 ハートレイルズの 提 供 API について http://www.heartrails.com/ What 色 々な Web サービスを 提 供 している 会 社 です http://www.heartrails.com/ http://twitter.com/heartrails( 会 社 ) http://twitter.com/joraku( 私

More information

「V-Sido CONNECT RC」 Raspberry Pi 2との連係方法

「V-Sido CONNECT RC」 Raspberry Pi 2との連係方法 アスラテック 株 式 会 社 V-Sido CONNECT RC Raspberry Pi 2との 連 係 方 法 目 次 1. はじめに 1-1. 本 マニュアルの 概 要 p.3 1-2. 使 用 する 機 材 など p.4 1-3. 各 機 器 の 接 続 イメージ p.5 1-4. JavaScriptによる 開 発 環 境 の 概 略 p.6 2. Raspberry Pi 2を 利 用

More information

untitled

untitled FLIPPER3 Maker ~ FLIPPER Report ~ 09 -FL010052-04 4 2011 5 25 1.... 3 1.1 FLIPPER Report... 3 1.2 FLIPPER Report... 3 2.... 4 3. FLIPPER REPORT... 5 3.1... 5 3.2 FLIPPER Report... 5 3.3... 6 4. FLIPPER

More information

WebGIS WebGIS(Web Geographic Information System) Web WebGIS Web WebGIS API(Application Program Interface) Web Google GoogleMaps API WebGISJSGI i

WebGIS WebGIS(Web Geographic Information System) Web WebGIS Web WebGIS API(Application Program Interface) Web Google GoogleMaps API WebGISJSGI i 18 WebGIS A Sharing of Geographic Information for WebGIS 1095303 2007 3 9 WebGIS WebGIS(Web Geographic Information System) Web WebGIS Web WebGIS API(Application Program Interface) Web Google GoogleMaps

More information

アスラテック株式会社 会社案内

アスラテック株式会社 会社案内 JavaScript SDK for V-Sido CONNECT 利 用 の 手 引 き Mac 編 アスラテック 株 式 会 社 目 次 1. はじめに 1-1. 本 マニュアルの 概 要 p.3 1-2. 使 用 する 機 材 など p.4 1-3. 各 機 器 の 接 続 構 成 と 開 発 イメージ p.5 2. 初 期 設 定 とVSidoConn4Macの 導 入 2-1. Bluetoothのペアリング

More information

Microsoft PowerPoint - A07回目②.pptx

Microsoft PowerPoint - A07回目②.pptx 1 コンピュータリテラシーII ( 樋 口 担 当 ) 7 回 目 2 11/14 本 日 の 予 定 2 Webページの 作 成 ( 続 き) I. JavaScript( 画 像 関 係 ) II. 課 題 3 I.JavaScript 1.JavaScriptを 使 用 するためのお 約 束 4 の 間 に

More information

to-r

to-r to-r We re targeting a 1.0 release within the next few weeks. 1.0 IE6 jquery Mobile Sample

More information

endo.PDF

endo.PDF MAP 18 19 20 21 3 1173 MAP 22 700800 106 3000 23 24 59 1984 358 358 399 25 12 8 1996 3 39 24 20 10 1998 9,000 1,400 5,200 250 12 26 4 1996 156 1.3 1990 27 28 29 8 606 290 250 30 11 24 8 1779 31 22 42 9

More information

橡点検記録(集約).PDF

橡点検記録(集約).PDF 942.8.8.8.7 671 86 11 1 9 9 9 1 1,792 7,23 2,483 1,324 2,198 7,23 82 7,23 6,327 9,22 9,713 8,525 8,554 9,22. 8,554. 1,79 9,713 95 947 8,525.. 944 671 81 7 17 1,29 1,225 1,241 1,25 1,375 9.3 23,264 25,

More information

07_経営論集2010 小松先生.indd

07_経営論集2010 小松先生.indd 19 1 2009 105 123 Web Web Web Web World Wide Web WWW OS 1990 WWW Web HTML CSS JavaScript Web 1 WWW 2 Web Web 3 Web 4 HTML5 5 Web Web 3 1970 WWW HTML Web WWW WWW WWW WWW WWW 105 Web WWW 2 Web 1 1 NTT NTT

More information

Microsoft PowerPoint - 2016_2b-DOM.pptx

Microsoft PowerPoint - 2016_2b-DOM.pptx < 練 習 2-11> DOMの 空 白 ノード 2_nodeVisit の 実 行 結 果 ( 前 ページ)から,HTML をルート 要 素 とするDOMの 木 構 造 を 示 しなさい ただし, 空 白 ノードは 空 白,その 他 のテキストノードは テキスト とすること HTML DOMによる 文 書 データの 参 照 と 変 更 DOMツリー 内 のノード 参 照 相 対 位 置 によるノード

More information

/ 0/0/ : 実 結 果 HTMLファイルを 表 します 下 図 の 画 が 表 されます " 出 し"の 部 分 をクリックすると"コンテンツですよ "の 字 が 表 されます もう 度 " 出 し"をクリックすると"コンテンツですよ "の 字 が 非 表 になります 折 りたたみパネルの 基

/ 0/0/ : 実 結 果 HTMLファイルを 表 します 下 図 の 画 が 表 されます  出 しの 部 分 をクリックするとコンテンツですよ の 字 が 表 されます もう 度  出 しをクリックするとコンテンツですよ の 字 が 非 表 になります 折 りたたみパネルの 基 / 0/0/ : [CSS] 折 りたたみ 可 能 なパネルの 作 成 - CSSのみを 利 した 折 りたたみ 領 域 / アコー ディオンパネル このページのタグ:[CSS] [アコーディオンパネル] 新 着 記 事 覧 タグ 覧 トップページ ipentec.com CSSのみを 利 した 折 りたたみ 可 能 なパネル( 折 りたたみ 可 能 領 域 )を 実 現 するコードを 紹 介 します

More information

textbook.indd

textbook.indd 02 XHTML+CSS part2 CSS Topics 前 回 習 得 した 基 礎 CSS を 元 に ボックス CLASS ID の 概 念 を 習 得 ボックスレイアウトを 用 いた 2 カラムのサイト 構 築 をします An Introduction to Webdesign + XHTML/CSS Coding 18 01. XHTML+CSS 2 19 20 21 22 23 24

More information

https://submitmail.jp/owners/login .... .. 500

More information

-----------------------------------------------------------------------------------------1 --------------------------------------------------------------------------------------1 -------------------------------------------------------------------------------------1

More information

›¼’à”v“lŠÍ1−ª

›¼’à”v“lŠÍ1−ª 3 1 1 2 3 4 5 6 7 8 8 10 12 14 16 18 20 22 24 2 1 2 3 4 5 6 7 8 9 10 11 12 26 28 30 32 34 36 38 40 42 44 46 48 50 4 3 1 2 3 4 5 52 54 56 58 60 6 62 7 8 9 10 64 66 68 70 72 5 1 1 4 2 5 6 6 7 1 8 1 9 2 10

More information

1 2 3 4 1 2 3 4 1 2 3 4 12 3 4

1 2 3 4 1 2 3 4 1 2 3 4 12 3 4 1 2 3 4 5 6 1 2 3 4 5 6 1 2 1 2 1 2 1 2 1 2 3 4 12 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 12 3 4 1 2 3 4 5 6 7 8 1 2 3 46 7 1 2 3 4 5 6 7 1 2 3 4 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 16 7 8 92 3 46 7 :

More information

- 1 - 2 - 3 - 4 - 5 - 6 - 7 - 8 - 9 - 10 - 11 2-12 - 1 - 2 - 3 - 4 - 5 - 6 - 7 - 1 - 2 - 3 6 1 1-4 - 5 - 6 - 1 - 2 - 3 - 4 - 5 - 6 - 7 - 8 130 3 130 5 2 50 1.5 48 59 62 63-9 - 1 - 2 - 3 () - 4 - 5 -

More information

S1460...........\1.E4

S1460...........\1.E4 3 4 3 4 5 3 4 5 3 4 3 4 3 3 3 3 4 3 4 3 3 4 4 3 3 3 3 4 3 4 3 3 3 3 3 3 4 3 4 3 4 5 4 3 5 4 3 3 4 5 3 4 5 4 3 4 3 3 4 3 4 3 3 3 3 3 4 3 3 4! "! " " 0 6 ! " 3 4 3 3 4 3 ! " 3 3 4 5 4 5 6 3 3

More information

m_sotsuron

m_sotsuron iphone Web 0848066 1. 1 1 1 2 iphone 2 3 2 4 3 2. 3 1 3 2 iphone Web 6 3 HTML 10 4 CSS 12 5 iphone 14 6 15 7 16 8 ipad 18 3. 22 iphone Web Web 2 iphone Web iphone iphone Web iphone Web PC 1 2000 iphone

More information

HTMLとメタデータ

HTMLとメタデータ HTMLとメタデータ http://www2.mmc.atomi.ac.jp/~artnavi1/lib rarysci/index.htmlを 例 にHTMLを 理 解 する IPアドレス ドメイン 名 http://www2.mmc.atomi.ac.jp httpとはhyper Text Transfer Protocol( 何 でもリンクできるテ キストの 通 信 手 順 : 説 明 JPNIC)

More information

コンテンツメディアプログラミング実習2

コンテンツメディアプログラミング実習2 CMP 実習 2 JavaScript + 地図を使ってみよう 中村, 宮下, 斉藤, 菊池 1 必要な知識 JavaScript の基本 HTMLのどの部品なのかを指定する方法 その部品にイベントを埋め込む方法 それを JavaScript で記述する方法 2 要素をどうやって取得する? DOM とは Document Object Model HTML や XML の各要素についてアプリケーションから利用するための

More information

●70974_100_AC009160_KAPヘ<3099>ーシス自動車約款(11.10).indb

●70974_100_AC009160_KAPヘ<3099>ーシス自動車約款(11.10).indb " # $ % & ' ( ) * +, -. / 0 1 2 3 4 5 6 7 8 9 : ; < = >? @ A B C D E F G H I J K L M N O P Q R S T U V W X Y " # $ % & ' ( ) * + , -. / 0 1 2 3 4 5 6 7 8 9 : ; < = > ? @ A B

More information

130 11 A B C A B C Ctrl (S) 5 A B C 11.2: 11.1.2 2 11.2 (F) (A) ( OK ) 3 (E) ( ) (E) 11.1.3 3

130 11 A B C A B C Ctrl (S) 5 A B C 11.2: 11.1.2 2 11.2 (F) (A) ( OK ) 3 (E) ( ) (E) 11.1.3 3 129 11 Web IT ( 11.1) 1990 2004 2006 JIS 1 Windows 2 Web Web 11.1: 11.1 11.1.1 1 Ctrl ( ) 11.2 (U) (A) ( OK ) (S) 1 (JIS X 8341-2) (JIS X 8341-3) FAX (JIS X 8341-4) 8341 JIS JIS X8341 http://www.jisc.go.jp/

More information

report for biz 顧客分析レポートAPI ver 1.00 仕様書

report for biz 顧客分析レポートAPI ver 1.00 仕様書 report for biz API 仕 様 書 顧 客 分 析 レポート API ver1.00 技 研 商 事 インターナショナル 株 式 会 社 作 成 日 :2015/06/24 改 訂 履 歴 改 訂 履 歴 日 付 バージョン 更 新 内 容 2015/06/24 1.00 初 版 第 1 章 概 要... 4 1 本 サービスのコンセプト... 4 1-1 r4b(report 4 biz)とは...

More information

株式会社ウォールニクス 会社案内

株式会社ウォールニクス 会社案内 Entrance Marketing View View Work Like A BEAVER! がご提案する ブランド ミックス という考え方 中小企業様の課題として多くみられるのが 企業様がお持ちのブランド サービス メディア等 である商品やWEBサイト 紙媒体 企業や店舗 販促を含めたイベント活動等が複雑化してしまい 効率的な顧客アプローチがおこなわれていないケースです WalNixが考える

More information

InfoPros13_digest.key

InfoPros13_digest.key ! CSS sample2.css h1 h1 { color : blue ; } : ; { } : 14 : : p { font-size: 14pt; } p { font-style: italic; } p { text-decoration: underline; } p { font-size:

More information

- 1 - - 0.5%5 10 10 5 10 1 5 1

- 1 - - 0.5%5 10 10 5 10 1 5 1 - - - 1 - - 0.5%5 10 10 5 10 1 5 1 - 2 - - - - A B A A A B A B B A - 3 - - 100 100 100 - A) ( ) B) A) A B A B 110 A B 13 - 4 - A) 36 - - - 5 - - 1 - 6-1 - 7 - - 8 - Q.15 0% 10% 20% 30% 40% 50% 60% 70%

More information

Microsoft PowerPoint - 051105-2.ppt

Microsoft PowerPoint - 051105-2.ppt 1.Webアプリケーション 1-1 Web 1989Tim Berners-Lee 1993 1999iWindows98 2005: http://www.w3.org/people/berners-lee/ 1-2 ( ) 汎 用 機 オフコン データベース アプリケーション 言 語 (COBOLなど) 文 字 端 末 タイプライター 端 末 http://research.microsoft.com/~gbell/digital/timeline/dechistory.htm

More information

表紙.PDF

表紙.PDF 2 3 4 2001 2010 33 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 H18 21 22 23 24 25 26 27 28 29 30 31 32 33 300 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 410-8601 055-934-4747 Fax 055-933-1412

More information

農林金融2015年5月号

農林金融2015年5月号 4 5 4 4 4 4 2014 5 14 7 2050 1412 15 3 19 1800 1 1 2 2 2 126 2 3 1 2 1 2 3 4 1 1 2 2 1 1 2014 3 2 126 2 2 3 1 40 30 20 10 0 2014 26 287 339 393 399 361 2 2 11 1 3 25 4 4 5 5 19898993 96 3 2000 1 1 1 5

More information

untitled

untitled 0120-888-089 0120-919-498 160-83381-26-1TEL. 03-3349-3111 URL http://www.sjnk.co.jp/ 160-83381-26-1 TEL. 03-3349-3111 URL http://www.sompo-japan.co.jp/ 100-89653-7-3 TEL. 0120-919-498 URL http://www.nipponkoa.co.jp/

More information

Microsoft Word - class_specification_guide_v60.doc

Microsoft Word - class_specification_guide_v60.doc IM-FormatCreator クラス 指 定 手 順 書 Ver 6.0 IM-FormatCreator i 1 はじめに 1 1.1 目 的 1 2 プログラムの 作 成 2 2.1 ファンクション コンテナ(.JS)の 作 成 2 2.2 プレゼンテーションページ(.HTML)の 作 成 3 3 クラス 指 定 項 目 の 設 定 5 3.1 クラス 指 定 設 定 画 面 5 3.2 クラスパス

More information