untitled

Size: px
Start display at page:

Download "untitled"

Transcription

1 2007 IT G Google Map API WEB

2 GoogleMapAPI GoogleMapAPI Google Web URL XHTML JavaScript GoogleMAP LHACA FFFTP TeraPad Haruhiro Unno Japan Electronics College 1

3 GoogleMapAPI Web Google GMail GB Web Haruhiro Unno Japan Electronics College 2

4 GoogleMapAPI \ \ OK Haruhiro Unno Japan Electronics College 3

5 GoogleMapAPI FFFTP FTP Vector GUI Lhaca OK Anonymous FFFTP Haruhiro Unno Japan Electronics College 4

6 GoogleMapAPI Haruhiro Unno Japan Electronics College 5

7 OK GoogleMapAPI FireWall LAN FireWall OK Haruhiro Unno Japan Electronics College 6

8 GoogleMapAPI FirwWall FireWall FireWall OK Haruhiro Unno Japan Electronics College 7

9 GoogleMapAPI On/Off OK Haruhiro Unno Japan Electronics College 8

10 GoogleMapAPI TeraPad LACHA 1 1 Haruhiro Unno Japan Electronics College 9

11 GoogleMapAPI / 1 Haruhiro Unno Japan Electronics College 10

12 / TeraPad GoogleMapAPI SHIFT_JIS UTF-8 Haruhiro Unno Japan Electronics College 11

13 GoogleMapAPI GoogleMapAPI GoogleMap GoogleMap Google API API HTML Google Maps API Terms of Use I have read and agree with the terms and conditions (printable version) My web site URL: Generate API Key Your key is: This key is good for all URLs in this directory: URL Here is an example web page to get you started on your way to mapping glory: GoogleMapAPI UTF Shift_JIS UTF-8 XML UTF-8 TeraPad0.88 Haruhiro Unno Japan Electronics College 12

14 GoogleMapAPI Google <script src=" key=abqiaaaail49afghki9zftjimfutgxtlvghrbp44xtufjfxdessintjgrhtxdywsmewgp ssw3j5sazwq6kadeg" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> function createmarker(point, icon, html) { } function load() { var marker1 = createmarker(new GLatLng( , ), icon0, "<a href=' target='_blank'></a><br /> <br /><a href=' target='_blank'>web "); map.addoverlay(marker1); } </script> </head> <body onload="load()" onunload="gunload()" bgcolor="khaki" background="../gif/mapbg.jpg" width="99%"> <div id="map" style="width: 700px; height: 500px"></div> </body> utf-8 Adobe PhotoShop GIMPhttp:// Haruhiro Unno Japan Electronics College 13

15 html GoogleMapAPI Script 15 GoogleMapKey addcontrol GMapTypeControl() GLargeMapControl() GSmallMapControl() GSmallZoomControl() XHTML var marker1 = createmarker( new GLatLng( , ), (XTML) icon0, "<a href=' target='_blank'></a><br /> <br /><a href=' target='_blank'>web " ); map.addoverlay(marker1); body Haruhiro Unno Japan Electronics College 14

16 GoogleMapAPI Geocoding GoogleMap XHTML Haruhiro Unno Japan Electronics College 15

17 XHTML GoogleMapAPI XHTML HTML DOM XML XHTML < > [] <font size= +2 color= #ff0000 ></font> [] <a href= target= _blank ></a> [] () <img src= img/photo001.jpg width= 300 hight= 160 alt= test /> [] <br /> <><> <>< > <br></br> / HTML size = OK XML Haruhiro Unno Japan Electronics College 16

18 GoogleMapAPI URL GoogleMapAPI Google Ajax Haruhiro Unno Japan Electronics College 17

【参照URL】

【参照URL】 2007 年度高等学校教員対象 IT 講習会 G コース : Google Maps API でタウンマップ作成 -WEB2.0 技術 2007 年 8 月 2 3 日 Web 総合技術科 GoogleMapsAPI によるオリジナルマップの作成 GoogleMapsAPI でタウンマップ作成 Google の地図を使って 自分だけのオリジナルポインティング付きのマップをつくることができます ここでは

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

Microsoft Word - Gmap解説.doc

Microsoft Word - Gmap解説.doc Google Map API でタウンマップ 作 成 -WEB2.0 技 術 Web 総 合 技 術 科 GoogleMapAPI によるオリジナルマップの 作 成 Google の 地 図 を 使 って 自 分 だけのオリジナルポインティング 付 きのマップをつくることができます ここでは 最 も 簡 単 な 方 法 だけを 説 明 します 詳 細 な 解 説 を 知 りたい 人 は 他 の 資

More information

untitled

untitled Ajax Web Ajax http://www.openspc2.org/javascript/ajax/ajax_stu dy/index.html Life is beautiful Ajax http://satoshi.blogs.com/life/2005/06/ajax.html Ajax Ajax Asynchronous JavaScript + XML JavaScript XML

More information

2016 IP 1 1 1 1.1............................................. 1 1.2.............................................. 1 1.3............................................. 1 1.4.............................................

More information

6 2 s µ µµµ µµµµ µ µ h µs µ µµµµ µ µ µ s mµµµµµ µµµ µµ µ u m µmµµµµµ µµ µ µ µ µ µ µ µ µ s 1

6 2 s µ µµµ µµµµ µ µ h µs µ µµµµ µ µ µ s mµµµµµ µµµ µµ µ u m µmµµµµµ µµ µ µ µ µ µ µ µ µ s 1 6 1 6 (1) (2) HTML (3) PDF Copy&Paste 1 Web 1 Web Web 1 Web HTML 6 2 s µ µµµ µµµµ µ µ h µs µ µµµµ µ µ µ s mµµµµµ µµµ µµ µ u m µmµµµµµ µµ µ µ µ µ µ µ µ µ s 1 6 3 1.1 HTML Web HTML(Hyper Text Markup Language)

More information

Web

Web Web 1 1 1........................... 1 2 Web...................... 1 3...................... 3 4........................ 4 5........................... 5 i............................ 5 ii iii..........................

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション 3 Webデザイナーに求められる知識 優秀な HTML, CSS, 画像編集, JavaScript, jquery, XML, 色 彩理論, LL, データベース, SEO, SMO, EFO, コピーラ イティング, テキストライティング, イラストレー ション, Flash, ディレクション能力, プロジェクトマ ネジメント, Logo作成, Typography, サーバ管理, PHP, Perl,

More information

untitled

untitled FONT FACE=" " /FONT hp11.html FONT FACE=" " /FONT FONT FACE=" " HTML HP10.html HTML HTML HTML html head title /title font face=" " size="5" /fontbr font face=" " size="5" /fontbr font size="5" /fontbr

More information

6 2 1

6 2 1 6 1 6 (1) (2) HTML (3) 1 Web HTML 1 Web 1 Web Web 6 2 1 6 3 1.1 HTML(XHTML) Web HTML(Hyper Text Markup Language) ( ) html htm HTML XHTML(XHTML 1.0 Transitional)

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

World Wide Web =WWW Web ipad Web Web HTML hyper text markup language CSS cascading style sheet Web Web HTML CSS HTML

World Wide Web =WWW Web ipad Web Web HTML hyper text markup language CSS cascading style sheet Web Web HTML CSS HTML Web 工学博士大堀隆文 博士 ( 工学 ) 木下正博 共著 World Wide Web =WWW Web ipad Web Web HTML hyper text markup language CSS cascading style sheet Web Web HTML CSS HTML ii HTML CSS CSS HTML HTML HTML HTML Eclipse Eclipse Eclipse

More information

SGML HTML XML Markup Language Web HTML HTML SGML Standard Generalized Markup Language Markup Language DTD Document Type Definition XML SGML Markup Language HTML XML HTML XML JavaScript JAVA CGI HTML Web

More information

JavaScript 1.! DOM Ajax Shelley Powers,, JavaScript David Flanagan, JavaScript 2

JavaScript 1.! DOM Ajax Shelley Powers,, JavaScript David Flanagan, JavaScript 2 JavaScript (2) 1 JavaScript 1.! 1. 2. 3. DOM 4. 2. 3. Ajax Shelley Powers,, JavaScript David Flanagan, JavaScript 2 (1) var a; a = 8; a = 3 + 4; a = 8 3; a = 8 * 2; a = 8 / 2; a = 8 % 3; 1 a++; ++a; (++

More information

CONTENTS 0 /JSP 13 0.1 Web 14 1 HTML Web 21 1.1 Web HTML 22 1.2 HTML 27 1.3 Web 33 1.4 HTML 43 1.5 46 1.6 47 1.7 48 2 Web 51 2.1 Web 52 2.2 Web 54 2.3 Web 59 2.4 65 2.5 68 2.6 75 2.7 76 2.8 77 3 81 3.1

More information

( )

( ) 2016 13H018 1 1 2 2 3 4 3.1............................................... 4 3.2 ( ).................................... 5 4 6 4.1........................................ 6 4.2..................... 6 5

More information

untitled

untitled 2005 HP -1-2005 8 29 30 HP 1 ( ) 1. Web 2. HTML HTML 1 PDF HTML 1 Web HTML http://www.media.ritsumei.ac.jp/kodais2005 2 2.1 WWW HTML Hyper Text Markup Language) HTML Web HTML Internet Explorer http://www.ritsumei.ac.jp

More information

3 top#index 1 web router.ex web/router.ex 12 scope "/", NanoPlanner do 13 pipe_through browser get "/", TopController, index 16 end URL / to

3 top#index 1 web router.ex web/router.ex 12 scope /, NanoPlanner do 13 pipe_through browser get /, TopController, index 16 end URL / to 3 NanoPlanner SASS Bootstrap Font Awesome 3.1 RAVT 6 RAVT route action view template Phoenix top index top index top#index RAVT URL / top#index top#index top 23 3 top#index 1 web router.ex web/router.ex

More information

1 1 1............................ 1 2 jquery........................ 2 3................ 3 4................... 3 2 4 1..............................

1 1 1............................ 1 2 jquery........................ 2 3................ 3 4................... 3 2 4 1.............................. 1 1 1............................ 1 2 jquery........................ 2 3................ 3 4................... 3 2 4 1.............................. 4 2.............................. 6 3...........................

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

1-3 Perl 1 Perl ( 1) ( ) ( 2) Perl 1 Perl Perl CGI Web Web Perl /usr/bin/perl #! -- ( 2 ) ( 2) ( 2) 2 ( ) Windows http://multilingual-editor.sugutsuka

1-3 Perl 1 Perl ( 1) ( ) ( 2) Perl 1 Perl Perl CGI Web Web Perl /usr/bin/perl #! -- ( 2 ) ( 2) ( 2) 2 ( ) Windows http://multilingual-editor.sugutsuka ( Ver. 1.2) 2013 12 http://email-form.sugutsukaeru.jp/ Copyright(c) 2013 Sugutsukaeru Inc. All rights reserved. 1 1-1 Web http://email-form.sugutsukaeru.jp/ 1-2 README.pdf ( ) document.pdf ( ) admin/ CGI

More information

1 1 1.......................... 1 2........................ 2 2 3 1.................. 3 2.......................... 5 3........................... 6 4

1 1 1.......................... 1 2........................ 2 2 3 1.................. 3 2.......................... 5 3........................... 6 4 1 1 1.......................... 1 2........................ 2 2 3 1.................. 3 2.......................... 5 3........................... 6 4........................ 7 3 Ajax 8 1...........................

More information

<834A8358835E837D83438359837D836A83858341838B2D30312E6169>

<834A8358835E837D83438359837D836A83858341838B2D30312E6169> 01 1 2 3 4 02 03 1 2 3 4 5 6 7 8 9 10 11 12 13 1 2 3 4 5 6 7 8 9 10 11 12 13 04 1 2 1 2 3 3 05 06 01 02 03 04 01 02 03 04 05 SITE Web Site Welcome to my home page. SITE Web Site Welcome to my home page.

More information

! "#$%&'()*+,-. STUV WXYZ[\]^_`abcdefghijklmno pqrstuvwxyz{ }~ ƒ ˆ Š Œ Ž š œ žÿ ª«±²³ µ ¹º»¼½¾ ÀÁÂÃÄ ÅÆÇÈÉÊËÌÍÎÏÐ

! #$%&'()*+,-. STUV WXYZ[\]^_`abcdefghijklmno pqrstuvwxyz{ }~ ƒ ˆ Š Œ Ž š œ žÿ ª«±²³ µ ¹º»¼½¾ ÀÁÂÃÄ ÅÆÇÈÉÊËÌÍÎÏÐ 6 1 6 (1) (2) HTML (3) PDF Copy&Paste 1 Web 1 Web Web 1 Web HTML ! "#$%&'()*+,-. /0123456789:;?@ABCDEFGHIJKLMNOPQR STUV WXYZ[\]^_`abcdefghijklmno pqrstuvwxyz{ }~ ƒ ˆ Š Œ Ž š œ žÿ ª«±²³ µ ¹º»¼½¾ ÀÁÂÃÄ

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション 情報整理のための Google Map API 入門 日紫喜光良 プロジェクト I/II 2016.9.23 1 今日の目標 Google Map API を用いて Google Map の地図上にマーカーを表示する HTML Web ページの構造を宣言する 地図を表示する場所を宣言する Javascript プログラミング Web ページの地図表示箇所上に 地図を描く マーカーオブジェクトを生成して

More information

Webプログラミング演習

Webプログラミング演習 Web プログラミング演習 STEP9 Ajax を利用した RSS フィードのタイムライン表示 Ajax Asynchronous JavaScript + XML クライアントサイド ( ブラウザ内 ) で非同期サーバ通信と動的ページ生成を組み合わせる技術の総称 ウェブアプリケーションの操作性向上 ( ページ遷移を伴わない ) サーバとの小刻みな通信 = 必要なデータを必要な時に要求 ( リクエスト

More information

Web Web Web 2

Web Web Web 2 PFU syouda.kimiko@pfu.fujitsu.com Web Web Web Web Web Web Web 2 Web Web Web Web Ajax Web Web Request.Response Ajax Ajax(Asynchronous JavaScript + XML) Google Maps Google Suggest Ajax Up Ajax 4 My Travel

More information

JavaScript の使い方

JavaScript の使い方 JavaScript Release10.5 JavaScript NXJ JavaScript JavaScript JavaScript 2 JavaScript JavaScript JavaScript NXJ JavaScript 1: JavaScript 2: JavaScript 3: JavaScript 4: 1 1: JavaScript JavaScript NXJ Static

More information

携帯電話でGoogle Mapsを使う

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

More information

評論・社会科学 91号(よこ)(P)/1.金子

評論・社会科学 91号(よこ)(P)/1.金子 2 1 PC 2009 12 11 2010 1 20 3 1 1 2 2 PC OS Windows Mac Mac Windows Fire Fox 3.5.3. Safari 3.0.3. Windows Internet Explorer 3 HTML 1 PC 2 2. 1 1 PC MacPro MacOS 10.4.7. 9177 J/A 20 2 Epson GT-X 900 Canon

More information

1 1 1............................ 1 2...................... 1 3..................... 2 4................... 2 2 4 1 CSS.......................... 4 2.

1 1 1............................ 1 2...................... 1 3..................... 2 4................... 2 2 4 1 CSS.......................... 4 2. 1 1 1............................ 1 2...................... 1 3..................... 2 4................... 2 2 4 1 CSS.......................... 4 2.......................... 4 3......................

More information

ch31.dvi

ch31.dvi 1 1 1.1 1.1.1 ( ) ( 1.1 ): [ ] [ ] CPU[ + ] [ ] CPU( ) ( 1 2 1 1.1: ( 1.1 ): ( ) [ ] ( )[ ] + ( ) (+ ) ( ) ( ) 1.1. 3 1.2: ( ) ( ) ( 1.2) 4 1 1.3: 120m/ (432km/h) 0.5 2m/ 1 ( 1 ) ( ) ( ) ( 1.3) 1.1. 5

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

インターネットマガジン1998年1月号―INTERNET magazine No.36

インターネットマガジン1998年1月号―INTERNET magazine No.36 3.0 3.0 A N S W E R1 function forelayer() { ocument.layers["back"].moveabove(ocument.layers["fore"]);} function backlayer() { ocument.layers["back"].movebelow(ocument.layers["fore"]);}

More information

FileList Convert a pdf file!

FileList Convert a pdf file! Tamadaigakufuzokuhijirigaokac yugakukoutougakkoupasocom butamadaigakufuzokuhijirigaok acyugakukoutougakkoupasoco mbutamadaigakufuzokuhijiriga 2009 09 20 21 okacyugakukoutougakkoupaso combutamadaigakufuzokuhijiri

More information

ohp.mgp

ohp.mgp 2019/06/11 A/B -- HTML/WWW(World Wide Web -- (TA:, [ 1 ] !!? Web Page http://edu-gw2.math.cst.nihon-u.ac.jp/~kurino VNC Server Address : 10.9.209.159 Password : vnc-2019 (2019/06/04 : : * * / / : (cf.

More information

WebGL *1 DOM API *1 X LR301 Kageyama (Kobe Univ.) Visualization / 37

WebGL *1 DOM API *1 X LR301 Kageyama (Kobe Univ.) Visualization / 37 WebGL *1 DOM API 2013.05.21 *1 X021 2013 LR301 Kageyama (Kobe Univ.) Visualization 2013.05.21 1 / 37 WebGL WebGL DOM References Kageyama (Kobe Univ.) Visualization 2013.05.21 2 / 37 WebGL WebGL Kageyama

More information

25 About what prevent spoofing of misusing a session information

25 About what prevent spoofing of misusing a session information 25 About what prevent spoofing of misusing a session information 1140349 2014 2 28 Web Web [1]. [2] SAS-2(Simple And Secure password authentication protocol, ver.2)[3] SAS-2 i Abstract About what prevent

More information

Web データ管理 JavaScript (3) (4 章 ) 2011/12/21( 水 ) 湘南工科大学講義資料 Web データ管理 (2011) 阿倍 1/18

Web データ管理 JavaScript (3) (4 章 ) 2011/12/21( 水 ) 湘南工科大学講義資料 Web データ管理 (2011) 阿倍 1/18 Web データ管理 JavaScript (3) (4 章 ) 2011/12/21( 水 ) 1/18 演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください (Z ドライブとして使用できます ) 演習名 使用するフォルダ 演習 1 Z: Web データ管理 20111221

More information

Web±ÜÍ÷¤Î³Ú¤·¤µ¤ò¹â¤á¤ëWeb¥Ú¡¼¥¸²ÄÄ°²½¥·¥¹¥Æ¥à

Web±ÜÍ÷¤Î³Ú¤·¤µ¤ò¹â¤á¤ëWeb¥Ú¡¼¥¸²ÄÄ°²½¥·¥¹¥Æ¥à Web Web 2 3 1 PC, Web, Web. Web,., Web., Web HTML, HTML., Web, Web.,,., Web, Web., Web, Web., Web, Web. 2 1 6 1.1.................................................. 6 1.2.................................................

More information

javascript key

javascript key Associate Professor Department of International Social Studies KYOAI GAKUEN UNIVERSITY Email: ogashiwa@c.kyoai.ac.jp, ogashiwa@wide.ad.jp sample

More information

IPSJ SIG Technical Report Vol.2014-HCI-157 No.26 Vol.2014-GN-91 No.26 Vol.2014-EC-31 No /3/15 1,a) 2 3 Web (SERP) ( ) Web (VP) SERP VP VP SERP

IPSJ SIG Technical Report Vol.2014-HCI-157 No.26 Vol.2014-GN-91 No.26 Vol.2014-EC-31 No /3/15 1,a) 2 3 Web (SERP) ( ) Web (VP) SERP VP VP SERP 1,a) 2 3 Web (SERP) ( ) Web (VP) SERP VP VP SERP VP Web 1. Web Web Web Web Google SERP SERP 1 1 2-1-1, Hodokubo, Hino, Tokyo 191 8506, Japan 2 4-12-3, Higash-Shinagawa, Shinagawa, Tokyo 140 0002, Japan

More information

1 JIS X 8341-3:2016 WCAG2.0 http://waic.jp/docs/wcag2/understanding.html WCAG2.0 http://waic.jp/docs/wcag2/techs.html 2 ... 1... 3... 6 1.1... 6 1.2... 7... 8 1.1.1... 8 1.2.1... 13 1.2.2... 14 1.2.3...

More information

SmartBrowser_document_build30_update.pptx

SmartBrowser_document_build30_update.pptx SmartBrowser Update for ios / Version 1.3.1 build30 2017 年 8 月 株式会社ブルーテック 更新内容 - 概要 ios Version 1.3.1 build28 の更新内容について 1. 設定をQRから読み込み更新する機能 2.URLをQRから読み込み画面遷移する機能 3.WEBページのローカルファイル保存と外部インテントからの起動 4.JQuery-LoadImageライブラリの組み込み

More information

Lotus Domino XML活用の基礎!

Lotus Domino XML活用の基礎! IBM Software Group Lotus Domino XML 2 Agenda Domino XML Domino XML Lotus Domino Web XML Lotus Domino Web XML XML 3 Domino XML Language (DXL) XML Lotus Domino Lotus Notes/Domino R5 Lotus Notes/Domino 6.x

More information

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

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

More information

paper.pdf

paper.pdf Cop: Web 1,a) 1,b) GUI, UI,,., GUI, Java Swing., Web HTML CSS,. CSS,, CSS,.,, HTML CSS Cop. Cop, JavaScript,,. Cop, Web,. Web, HTML, CSS, JavaScript, 1., GUI, Web., HTML CSS (UI), JavaScript, Web GUI.

More information

演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください (Z ドライブとして使用できます ) 演習名 使用するフォルダ 演習 1 Z: Web データ管理 演習

演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください (Z ドライブとして使用できます ) 演習名 使用するフォルダ 演習 1 Z: Web データ管理 演習 Web データ管理 JavaScript (4) (4 章 ) 2012/1/11( 水 ) 1/22 演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください (Z ドライブとして使用できます ) 演習名 使用するフォルダ 演習 1 Z: Web データ管理 20120111 演習

More information

Contents Contents( 目次 ) 1 重要 編集の際の注意事項 2 編集可能なページ 部分 3 トップページ 4 トップFlashの内容変更 ( 画像変更 ) 5 トップFlashの内容変更 ( 設定変更 ) 6 おすすめ情報 ( カタログギフト等 ) 7 サイドバー バナー部分 8

Contents Contents( 目次 ) 1 重要 編集の際の注意事項 2 編集可能なページ 部分 3 トップページ 4 トップFlashの内容変更 ( 画像変更 ) 5 トップFlashの内容変更 ( 設定変更 ) 6 おすすめ情報 ( カタログギフト等 ) 7 サイドバー バナー部分 8 アークスグループ事業会社各社 Web サイト編集マニュアル 株式会社ユニバース様 http://www.arcs-g.co.jp/group/universe/ Contents Contents( 目次 ) 1 重要 編集の際の注意事項 2 編集可能なページ 部分 3 トップページ 4 トップFlashの内容変更 ( 画像変更 ) 5 トップFlashの内容変更 ( 設定変更 ) 6 おすすめ情報

More information

P TCP IP ISDN ISDN TA DSU DSU

P TCP IP ISDN ISDN TA DSU DSU P TCP IP ISDN ISDN TA DSU DSU P ADSL ISDN ADSL IC3 FOM ADSL ADSL Web Web P CATV LAN PHS LAN P IP Web ALT P Web Web Web P Web Web Web Web Web Web WWW WWW Web Web P WWW Web WWW WWW WWW Web Internet Explorer

More information

untitled

untitled Web HTMLXHTML CSS JavaScript CGI World Wide Web XHTML 240px 480px CSS ECMAScriptJavaScript+ BinaryTable ES TR-B13 /ES// CGI B24 1 4 (XHTML) 5 (XHTML) TR-B15 BS 2 TR-B15 CSBS 2 TR-B14 A 23 TR-B14 B TR-B14

More information

WebOS aplat WebOS WebOS 3 XML Yahoo!Pipes Popfry UNIX grep awk XML GUI WebOS GUI GUI 4 CUI

WebOS aplat WebOS WebOS 3 XML Yahoo!Pipes Popfry UNIX grep awk XML GUI WebOS GUI GUI 4 CUI 7 XML Week Web WebOS WebShell WebOS WebOS GUI WebOS WebOS 2 WebOS aplat WebOS WebOS 3 XML Yahoo!Pipes Popfry UNIX grep awk XML GUI WebOS GUI GUI 4 CUI CUI JavaScript I/O CommandClass WebShell webshell

More information

WebGL WebGL DOM Kageyama (Kobe Univ.) Visualization / 39

WebGL WebGL DOM Kageyama (Kobe Univ.) Visualization / 39 WebGL DOM API 2014.05.27 X021 2014 Kageyama (Kobe Univ.) Visualization 2014.05.27 1 / 39 WebGL WebGL DOM Kageyama (Kobe Univ.) Visualization 2014.05.27 2 / 39 WebGL WebGL Kageyama (Kobe Univ.) Visualization

More information

~/WWW-local/compIID (WWW IID ) $ mkdir WWW-local $ cd WWW-local $ mkdir compiid 3. Emacs index.html n (a) $ cd ~/WWW/compIID

~/WWW-local/compIID (WWW IID ) $ mkdir WWW-local $ cd WWW-local $ mkdir compiid 3. Emacs index.html n (a) $ cd ~/WWW/compIID 10 10 10.1 1. 2. 3. HTML(HyperText Markup Language) Web [ ][ ] HTML Web HTML HTML Web HTML ~b08a001/www/ ( ) ~b08a001/www-local/ ( ) html ( ) 10.2 WWW WWW-local b08a001 ~b08a001/www/ ~b08a001/www-local/

More information

インターネットマガジン2001年9月号―INTERNET magazine No.80

インターネットマガジン2001年9月号―INTERNET magazine No.80 +CD-ROM Å 5 M0.9. A N S W E R function calc () { t = ocument.getelementbyi("tboy"); for(i = 0; i < t.rows.length; i++) { win = Number(t.rows[i].cells[3].firstChil.noeValue); lost = Number(t.rows[i].cells[].firstChil.noeValue);

More information

スライド 1

スライド 1 実践! ワークショップ PHP で Web サービス API 勉強会 < 位置情報応用編 > 2009/09/06 Web サービス API 勉強会 http://movable.biz/ 目次 事前準備 宿題 common.php のアップグレード i-mode HTML Simulator II のインストール テスト地図ページ ( ストリートビュー ) の表示確認 1 時間目ストリートビューとマッシュアップ

More information

情報システム設計論II ユーザインタフェース(1)

情報システム設計論II ユーザインタフェース(1) CMP 実習 2 DB+PHP+XML/JSON+JavaScript 中村, 宮下, 斉藤, 菊池 1 PHP と JavaScript 連携 サーバとクライアントをどうやって繋げるか? PHP と JavaScript 間の情報のやりとりを行う JavaScript JSON/XML PHP DB 簡易的な Web API を作ろう! PHP に GET で情報を送り込むことで XML または

More information

年刊EDP 2003

年刊EDP 2003 1 2 3 HDD HDD HDD HDD ( 4 !!! ( )!! HDD ( )!! ( )!!(ry YU-SHOW!!!!!!!! HxH 5 HDD ( 0123-456-789 ( e 6 PC PC psd 7 8 YO! WebPage http://mode.jp/ PowerTone 9 A4 Canon PIXUS850i 1,440dpi 720dpi A4 10 etc

More information

インターネットマガジン2000年9月号―INTERNET magazine No.68

インターネットマガジン2000年9月号―INTERNET magazine No.68 +CD-ROM Å 5 5.5 A N S W E R1 BODY { margin-right: 1px; margin-left: 180px; backgroun: #FFFFCC url (logo.gif) no-repeat fixe 0px 300px; A N S W E R

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

: Name, Tel name tel (! ) name : Name! Tel tel ( % ) 3. HTML. : Name % Tel name tel 2. 2,., [ ]!, [ ]!, [ ]!,. [! [, ]! ]!,,. ( [ ], ),. : [Name], nam

: Name, Tel name tel (! ) name : Name! Tel tel ( % ) 3. HTML. : Name % Tel name tel 2. 2,., [ ]!, [ ]!, [ ]!,. [! [, ]! ]!,,. ( [ ], ),. : [Name], nam DEIM Forum 2010 F6-1 SuperSQL Ajax 223 8522 3 14 1 E-mail: kabu@db.ics.keio.ac.jp, toyama@ics.keio.ac.jp SuperSQL Ajax, GUI, GUI,, Ajax SuperSQL, HTML, Ajax, RIA Abstract Layout Function Extends for Generating

More information

6/ Kageyama (Kobe Univ.) / 39

6/ Kageyama (Kobe Univ.) / 39 DOM API 2015 2015.06.02 Kageyama (Kobe Univ.) 2015.06.02 1 / 39 6/9 1 6 9 2 Kageyama (Kobe Univ.) 2015.06.02 2 / 39 WebGL WebGL Kageyama (Kobe Univ.) 2015.06.02 3 / 39 WebGL canvas.getcontext() WebGLRenderingContext

More information

2 / 16 HTML=HyperText Markup Language( ハイパーテキストマークアップランゲージ ) ブラウザ (Chrome) での表示 ソースの表示 ( メモ帳 /TeraPad) HTML <========= =========>

2 / 16 HTML=HyperText Markup Language( ハイパーテキストマークアップランゲージ ) ブラウザ (Chrome) での表示 ソースの表示 ( メモ帳 /TeraPad) HTML <========= =========> 1 / 16 第 11 回セミナー / 全 12 (2014/8/28) HP の基本的構造の理解とページ構成の工夫 これだけはマスターしておきたい HTML 厳選タグ迷子を生まないためのリンクの配置 ( 読ませる工夫 ) Web 作成の基本ツール Web ブラウザ Chrome FireFox Opera (Internet Explorer) Chrome Firefox Opera https://www.google.com/intl/ja/chrome/browser/features.html

More information

GPS WiFi m 1 m 100m 2 3 GPS WiFi : GPS WiFi 1: PlaceEngine Web Web LAN, PlaceEngine PlaceEngine LAN WiFi Web (1F,2F, ) GPS WiFi LaMarca GPS

GPS WiFi m 1 m 100m 2 3 GPS WiFi : GPS WiFi 1: PlaceEngine Web Web LAN, PlaceEngine PlaceEngine LAN WiFi Web (1F,2F, ) GPS WiFi LaMarca GPS PlaceEngine: WiFi PlaceEngine: a WiFi location platform based on realworld folksonomy 1 1 1 2 Jun Rekimoto Atsushi Shionozaki Takahiko Sueyoshi Takashi Miyaki 1 2 Interaction Laboratory, Graduate Schoool

More information

知的 Web のためのマッシュアッププログラミング presentation data logic JavaScript JavaScript JavaScript 図 -1 マッシュアップの分類 マッシュアップの分類 3-1 presentation, data logic 3 presentat

知的 Web のためのマッシュアッププログラミング presentation data logic JavaScript JavaScript JavaScript 図 -1 マッシュアップの分類 マッシュアップの分類 3-1 presentation, data logic 3 presentat 解説 知的 Web のためのマッシュアッププログラミング 新谷虎松 大囿忠親 ( 名古屋工業大学大学院情報工学専攻 ) 本稿では知的なユーザ支援のための知的 Web を実現するための Web アプリケーション開発技法として, マッシュアップに基づく Web プログラミングについて紹介する. ここでは, マッシュアップに基づく Web プログラミングをマッシュアッププログラミングと呼び, マッシュアッププログラミングの背景となる

More information

PowerPoint Presentation

PowerPoint Presentation HTML5 Level.1 Markup Professional HTML5 Level.2 Application Development Professional http://www.html5exam.jp/ @html5cert https://www.facebook.com/html5exam

More information

Microsoft Word - JavaScript基礎講座Web Speech API.docx

Microsoft Word - JavaScript基礎講座Web Speech API.docx 近畿大学工学部 公開講座 2017 年 5 月 20 日 ( 土 ) JavaScript プログラミング基礎講座 制作する Web アプリ : 音声入力 + Wikipedia 検索音声でキーワードを入力し,Wikipedia を検索して, 結果を表示する 徐丙鉄 ( 情報学科 ) スケジュール 1. 開発環境 Brackets のインストール 2.HTML と CSS の復習,CSS アニメーション

More information

manual.dvi

manual.dvi oscommerce 2002 9 6 oscommerce oscommerce 2.2 1 1 1.1................................................. 1 1.1.1......................................... 1 1.2.................................................

More information

XML Week Web 2.0 Day (1) SOA2.0 KM2.0? REST API + XSLT Amazon hon. hon.jp API XML Consortium XML ( ) REST(GET)API Amazon.co.jp hon.jp REST

XML Week Web 2.0 Day (1) SOA2.0 KM2.0? REST API + XSLT Amazon hon. hon.jp API XML Consortium XML ( ) REST(GET)API Amazon.co.jp hon.jp REST XML Week Web 2.0 Day (1) SOA2.0 KM2.0? REST API + XSLT Amazon hon. hon.jp API XML Consortium 2006-05-23 XML ( ) REST(GET)API Amazon.co.jp hon.jp REST + XSLT ( ) hon.jp hon.jp + Aamazon.co.jp Exif to RDF(kanzaki.com)

More information

AJAXを使用した高い対話性を誇るポートレットの構築

AJAXを使用した高い対話性を誇るポートレットの構築 Oracle Application Server Portal テクニカル ノート AJAX 2006 7 概要 Web Web Web UI Web Web Web Web Ajax Asynchronous JavaScript and XML Ajax Ajax 1 API JSR 168 Web Java JSR 168 JavaScript AJAX: 画面の背後にあるテクノロジ Web

More information

JIS Web Web JIS JIS 5.1.a 5.1.b 5.2.a 5.2.b 5.2.c 5.2.d 5.2.e 5.2.f 5.2.g 5.3.a 5.3.b 5.3.c 5.3.d 5.3.e 5.3.f 5.3.g 5.3.h 5.3.i 5.4.a 5.4.b 5.4.c 5.4.

JIS Web Web JIS JIS 5.1.a 5.1.b 5.2.a 5.2.b 5.2.c 5.2.d 5.2.e 5.2.f 5.2.g 5.3.a 5.3.b 5.3.c 5.3.d 5.3.e 5.3.f 5.3.g 5.3.h 5.3.i 5.4.a 5.4.b 5.4.c 5.4. http://www1.iwate-ed.jp/ JIS Web Web JIS JIS 5.1.a 5.1.b 5.2.a 5.2.b 5.2.c 5.2.d 5.2.e 5.2.f 5.2.g 5.3.a 5.3.b 5.3.c 5.3.d 5.3.e 5.3.f 5.3.g 5.3.h 5.3.i 5.4.a 5.4.b 5.4.c 5.4.d 5.4.e 5.5.a 5.5.b 5.5.c

More information

【お試し版】Web制作者のためのCSS設計の教科書(非売品)

【お試し版】Web制作者のためのCSS設計の教科書(非売品) UI Frontrend JS Girls html5j HTML5 CSS3 iphone Twitter : http://twitter.com/hiloki : http://inkdesign.jp GitHub : https://github.com/hiloki/ URL http://www.impressjapan.jp/books/1113101128 Web 10 IT UI

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション -1- -2- HTML HTML HTML 10 10 1 100 1 200 -3- Web Web -4-1. CGI URL 2. 3. OK 4. -5- ------------------------------------------------------------- - 1. 2. 3. 4. 5. -------------------------------------------------------------

More information

事例に見るSCORMの・・・

事例に見るSCORMの・・・ SCORM 1.2 2005 8 2004, 2005 i 2004 6 1.0 2004 6 1.02 3.1.1 2005 1 1.1 2.1.4, 2.4.9, 2.5.2, 2.5.3, 3.1.3, 3.4.6, 3.5.2, 3.5.3. 2005 8 1.2 2.1.1 BOM 2.2.2, 2.4.10, 3.1.1 BOM 3.2.2, 3.4.7. ii 1. 1 2. 2 2.1

More information

経営論集2011_07_小松先生.indd

経営論集2011_07_小松先生.indd 20 1 2010 103 125 HTML+CSS HTML CSS CMS Web CMS CMS CMS CMS DreamWeaver Web Web CMS Web Web CSS Web Eclipse HTML CSS Web Web HTML CSS Web HTML CSS Web HTML CSS Web 1 Web Web HTML Web 103 HTML+CSS Web HTML

More information

Level1_ key

Level1_ key HTML5 1 2019 8 1.5 API ( ) 1.5.1 API 1.5.2 API 1.5.3 API 1.5.4 API!2 HTML5 Web HTML5 Web Web HTML5 Web Web Web Web Web HTML5!3 Web HTML5 Web HTML Web Web Web API Web HTML Web Web!4 1 2 HTML/HTML5 HTML5

More information

websample 1 2 websample index.html

websample 1 2 websample index.html Web HTML Web 1 2 3 4 5 6 7 1 2 3 4 5 6 websample 1 2 websample index.html -1-1 HTML index.html html head /head body /body /html body table border="1" /table /body table border="" /table table /table table

More information

SVG資料第10回目(その2) Ajaxによる同期通信と非同期通信の違い

SVG資料第10回目(その2) Ajaxによる同期通信と非同期通信の違い 10 ( SVG 10 ( Ajax Ajax I(SVG) 2017/6/27 10 ( Ajax 10 ( Ajax 100 10 HTML 1 2 3 4 5 6

More information

27短01研01斉藤.indd

27短01研01斉藤.indd WordPress を用いたホームページ作成 Making a homepage using the WordPress 斎藤敏之 Toshiyuki SAITOH キーワード 1. はじめに WordPress WordPress PC PC WordPress HTML CSS HTML CSS WordPress 2.HTMLとCSSの基礎 HTML CSS World Wide Web Consortium

More information

あいち電子自治体ガイドライン(第1章)

あいち電子自治体ガイドライン(第1章) 1-1 HTML/XHTML 5 1-2 h 6 1-3 TITLE 7 1-4 8 1-5 9 1-6 10 1-7 11 1-8 12 2-1 13 2-2 14 2-3 15 2-4 16 2-5 17 2-6 18 2-7 19 2-8 20 3-1 21 3-2 22 3-3 23 3-4 24 3-5 25 3-6 4 26 3-7 27 3-8 28 - i - 4-1 29 4-2

More information

PostgreSQL iphone/

PostgreSQL iphone/ iphone/ PostgreSQL irubysystems PostgreSQL iphone/ FUKUI Osamu (ir3) Ruby http://d.hatena.ne.jp/ir3 http://twitter.com/ir3 CSK Fsys SOHO 2005 itest 2006 CTO 2007 2009 irubysystems Ruby@ DB 1986~9 M IBM

More information

Technical Communication Suite 4

Technical Communication Suite 4 ADOBE http://help.adobe.com/ja_jp/legalnotices/index.html iii 1................................................................................................................. 1.....................................................................................................

More information

WPD2009_Plone3_theme-2.key

WPD2009_Plone3_theme-2.key http://ciel-serein.jp/study/wpd2009/wpd2009_plone3_theme.pdf/view http://ciel-serein.jp/study/wpd2009/wpdj-theme.zip/view $~/Plone-3.1/zinstance/buildout.cfg [instance] debug-mode = on $cd ~/Plone-3.1/zinstance

More information

医療者のための情報技術入門第 10 回プログラムがはたらくしくみを学ぶ (3) 日紫喜光良 概要 1. はじめに- 具体例から- 2.Javascript のプログラミング入門 ここから 足りないものは借りてくる-Javascrip

医療者のための情報技術入門第 10 回プログラムがはたらくしくみを学ぶ (3) 日紫喜光良 概要 1. はじめに- 具体例から- 2.Javascript のプログラミング入門 ここから 足りないものは借りてくる-Javascrip 2014.6.30 医療者のための情報技術入門第 10 回プログラムがはたらくしくみを学ぶ (3) 日紫喜光良 概要 1. はじめに- 具体例から- 2.Javascript のプログラミング入門 ------------ ここから-------- 3. 足りないものは借りてくる-Javascript のライブラリ ( 現在地の住所を調べる ) 4. 仕事は人にやらせる-サーバとブラウザの役割分担

More information

101NEO資料

101NEO資料 Version 1.5 Tutorial PDF ... 1. PDF... 2 -.... 2 -. PDF... 2 -.... 4 -. HTML... 4 -. PDF... 5 -.... 7 -.... 8 Tutorial PDF Tutorial PDF - Page 1 Tutorial PDF - Page 2 Tutorial PDF - Page 3 Tutorial PDF

More information

1

1 ...1...37 1 HTML4.01 Transitional Frameset DOCTYPE 5.1.a 2 Windows Shift_JIS Linux Unix EUC jp meta 5.1.a 3 5.1.a JIS cm cc kg alt 4 5.4.a 5.4.a 5 alt alt alt alt alt alt="" alt 6 5.4.b 5.4.b 7 8 5.3.a

More information

0720

0720 DRM SNS WP WP UG Width of the Flash tag cloud Height of the Flash tag cloud Color of the tags 000000 Background color FFFFFF Use compatibility mode? WEB - HTML Color Names http://www.joomler.net/download/131-wordpress/890-wordpress-wp-cumulus-49kb.html

More information

1-3 Perl 1 Perl ( 1) ( ) ( 2) Perl 1 Perl Perl CGI Web Web Perl /usr/bin/perl #! -- ( 2 ) ( 2) ( 2) 2 ( ) Windows http://multilingual-editor.sugutsuka

1-3 Perl 1 Perl ( 1) ( ) ( 2) Perl 1 Perl Perl CGI Web Web Perl /usr/bin/perl #! -- ( 2 ) ( 2) ( 2) 2 ( ) Windows http://multilingual-editor.sugutsuka ( Ver. 1.7) 2016 4 http://email-form.sugutsukaeru.jp/ Copyright(c) 2013 Sugutsukaeru Inc. All rights reserved. 1 1-1 Web http://email-form.sugutsukaeru.jp/ 1-2 README.pdf ( ) document.pdf ( ) admin/ CGI

More information

Web制作会社が スマホアプリ開発を依頼されたら 地方における開発事情からデザイナー向け開発手法まで 大月 茂樹

Web制作会社が スマホアプリ開発を依頼されたら 地方における開発事情からデザイナー向け開発手法まで 大月 茂樹 Web制作会社が スマホアプリ開発を依頼されたら 地方における開発事情からデザイナー向け開発手法まで 2 8 4 3 大月 茂樹 Q App Store / Android Marketでアプリを 販売している orしたことがある 地方におけるスマホアプリ開発事情 Web制作会社が直面する問題 デザイナーでもできる スマホアプリ開発手法 App Storeでの スマホアプリ公開フロー

More information

Technical Communication Suite 5

Technical Communication Suite 5 ADOBE TECHNICAL COMMUNICATION SUITE 5 http://help.adobe.com/ja_jp/legalnotices/index.html iii 1.................................................................................................................

More information

スタートアップガイド《YSシリーズ》

スタートアップガイド《YSシリーズ》 アット ワイエムシー レンタルサーバーサービス V1 @YMC YS 1 0 0 0 1 2 0 0 1 3 0 0 1 7 0 0 W E B P.3 P.3 P.3 P.4? YMC P.5 P.5 P.5 P.6 Control Panel P.7 P.8 P.8 P.9 P.10 Control Panel e FTP P.11 Control Panel P.11 P.13 P.13 P.14

More information