Flash HTML CSS3 Animations Canvas + JavaScript CSS + JavaScript

Size: px
Start display at page:

Download "Flash HTML CSS3 Animations Canvas + JavaScript CSS + JavaScript"

Transcription

1 HTML5 入 門 田 ClockMaker 子 Vol /06/25 Twitter ID : clockmaker

2 Flash HTML CSS3 Animations Canvas + JavaScript CSS + JavaScript

3 Flash HTML CSS3 Animations iphone/ipad 高 ( Android ) Canvas +JavaScript CSS +JavaScript 自 力力 高 DOM ( )

4 Flash Flash 大 60fps

5 HTML JavaScript JavaScript setinterval() 行行 行行 DOM Canvas Flash 高

6 setinterval(loop, 16); // 16msec = 60fps function loop (){ } // refresh view

7 setinteval ios/android (10fps ) 非 行行 (Flash Player 非 fps 自 )

8 Canvas vs Flash Player v=nbklfgdueyw

9 HTML5 requestanimationframe setinterval (11/6/25) Firefox5 Chrome14

10 requestanimationframe 一 一 CSS transitions SVG SMIL(SMIL Animation) 行行 非 示 (Flash Player )

11 requestanimationframe loop(); function loop (){ // refresh view } // webkit if (window.webkitrequestanimationframe window.webkitrequestanimationframe(loop); } // Firefox else if (window.mozrequestanimationframe) { window.mozrequestanimationframe(loop); }

12 DEMO /

13 requestanimationframe 3 - latest blog / requestanimationframe setinterval

14 CSS3 CSS3 ios GPU ( 言 ) 非 ios 用 ( 入 子 ) 生

15 -webkit-transform -webkit-transform-translate -webkit-transform-translate3d 用 3D(Z ) z=0 2D 用 GPU 高

16 CSS3 Animations Code <style type="text/css">.motiona { -webkit-transform:translate3d(480px, 0px, 0px); -webkit-transition-duration:2.0s; -webkit-transition-timing-function:ease-out; } </style> <script type="text/javascript" > $("#btn").click(function(){ // start animation at click event $("#box").addclass("motiona"); }); </script>

17 DEMO zudologfiles/transformspeeddiff/ 500_index.html

18 CSS3 Animations TransformAnimator CSS3 transition JS iscroll ios(iphone/ipad) webkittransform

19 IE6 IE7 IE8 Firefox3.x Safari4 IE9 Firefox4 Chrome Safari5 iphone ipad CSS + JavaScript Android CSS3 Animations Canvas+ JavaScript

20 IE6 IE7 IE8 Firefox3.x Safari4 IE9 Firefox4 Chrome Safari5 iphone ipad CSS + JavaScript Android CSS3 Animations Canvas+ JavaScript Flash

21 Thank you for your attention. Twitter ID : clockmaker ActionScript Beautifl Code 280 日 月 8 日 田 Flash Android 入 門 320 日 月 18 日 田,

Microsoft Word - 11_thesis_08k1131_hamada.docx

Microsoft Word - 11_thesis_08k1131_hamada.docx 23 08k1131 24 i JSP HTML CSS JavaScript Flash ios ii 1.... 1 2.... 1 2.1...1 2.2...2 2.3 Flash...2 2.4...2 2.5...3 2.6...3 2.7...4 3.... 4 3.1...4 3.2...6 3.3...8 3.4...9 3.5... 11 3.6... 12 3.7... 13

More information

愛知工業大学表1-4.indd

愛知工業大学表1-4.indd 23 3 11 25 10 10 15883 2652 150 30 32 3000 Web Web 24 2012 1 8 3 13 FM84.5 8 4CG 91 vol. 10 25 25 2013 1 13 CG 1 8 3 CG 1 Web 2 16 30 50 B3 2 2011 12 ver. 1 ver. 1 Ver. 2 3 Web DY 1 3 50.6 PC 72.8 PC Web

More information

koboデスクトップアプリ ユーザーガイド

koboデスクトップアプリ ユーザーガイド 1 目... 4... 5 用... 6 用... 8 子 入... 10... 13 2 ... 13... 13 子... 16 子... 18... 19... 22 3 用 子 子 4 子 子 5 用 用 子 用 6 用 1. 2. 用 3. 4. 5. 面 行行 7 用 用 子 用 8 用 1. 2. 用 3. 4. 自 5. 9 子 入 方 見見 見見 入 入 入 子 子 子 10 見見

More information

士 人 月 革 月 鹿鹿 身 鹿鹿 立立 月 鹿鹿 士 人 立立 月 人 士 人 月 田 田 立立 士 一 入 月 士 谷 口 入 月 士 入 月 田 立立 士 子 入 月 立立 月 立立 立立

士 人 月 革 月 鹿鹿 身 鹿鹿 立立 月 鹿鹿 士 人 立立 月 人 士 人 月 田 田 立立 士 一 入 月 士 谷 口 入 月 士 入 月 田 立立 士 子 入 月 立立 月 立立 立立 士 人 月 立立 士 月 士 人 月 日 谷 士 鹿鹿 山 田 田 田 西 田 田 八 立立 立立 士 金金 金金 士 人 月 革 月 鹿鹿 身 鹿鹿 立立 月 鹿鹿 士 人 立立 月 人 士 人 月 田 田 立立 士 一 入 月 士 谷 口 入 月 士 入 月 田 立立 士 子 入 月 立立 月 立立 立立 日 士 士 自 自 士 1 2 3 4 5 6 7 8 9 金金 金金 n 行行 n 大

More information

CNO2009_Enquete_Report.key

CNO2009_Enquete_Report.key 1 2 55% 45% 3 3 3 25 2 22 15 16 1 5 7 8 5 1 1 2 2 3 3 4 4 Web Web Web 1 3 3 3 3 14 15 17 27 5 1 15 2 25 3 5 1 1 6 6 41 42 1 2 3 4 5 6 CSS Nite mixi mixi 21 5 9 5 1 4 1 12 16 12 7 6 12 18 24 3 7 7 6 5 4

More information

一 羽 田 木 行行 手 手 方

一 羽 田 木 行行 手 手 方 支 月 日 日 長 革 足 力力 生 手 革 日 長 木 人 日 生 青 生 日 力力 生 人 力力 生 方 力力 大 一 方 大 目 革 力力 日 羽 田 日 日 一 羽 田 木 行行 手 手 方 高 日 長 革 羽 田 羽 田 立立 日 一 日 大 入 羽 田 日 行行 首 玄 口 木 西 日 大 日 一 用 入 生 羽 田 羽 田 立立 日 一 日 大 入 手 自 用 人 手 自 力力 小 口

More information

Adobe AIR のセキュリティ

Adobe AIR のセキュリティ ADOBE AIR http://help.adobe.com/ja_jp/legalnotices/index.html iii................................................................. 1.....................................................................

More information

Forest Co.,Ltd. URL 1 8 21 9F http://www.forest.la http://www.true seo.net http://www.doctorceo.com 20 3 10,000 2 27 8 WEB IT 8 UFJ Forest Co.,Ltd. Al

Forest Co.,Ltd. URL 1 8 21 9F http://www.forest.la http://www.true seo.net http://www.doctorceo.com 20 3 10,000 2 27 8 WEB IT 8 UFJ Forest Co.,Ltd. Al Corporate Profile 104-0061 1-8-21 21 9F TEL 03-3562-7238 FAX 03-3562-7239 E-mail : info@forest.la URL http://www.forest.la http://www.true-seo.net http://www.doctorceo.com Forest Co.,Ltd. URL 1 8 21 9F

More information

Taro-WebGLサンプルの説明

Taro-WebGLサンプルの説明 WebGL 2017/ 1/19 V.2 cim3d_webgl.zip index_ad01.html DEFINITIONS_ad01.js 6 index.html HTML Document DEFINITIONS.js JavaScript DATA/ UNIX LINUX index.html DEFINITIONS.js DATA/ OS UNIX LINUX Web Apache HTTP

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

この 講 座 で 学 ぶこと Webサイト 制 作 に 関 わるスマートフォ ン/タブレットの 仕 様 2

この 講 座 で 学 ぶこと Webサイト 制 作 に 関 わるスマートフォ ン/タブレットの 仕 様 2 スマートフォンサイト 制 作 基 礎 02. スマートフォン/タブレットの 仕 様 この 講 座 で 学 ぶこと Webサイト 制 作 に 関 わるスマートフォ ン/タブレットの 仕 様 2 Web 制 作 に 関 わる 仕 様 スマートフォン/タブレット ブ 向 けWeb サイト 制 作 をする 際 に 知 っておくべき 仕 様 など OS 画 面 サイズ/ 解 像 度 ブラウザ 使 用 言 語

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

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

untitled

untitled 25 10 12 11 24 (1) 14 (2) 26 10 44 (3) (4) (5) 27 10 68 (6) (7) (8) 25 10 ( ) (1) (2) (3) ) city.yokohama.lg.jp city.yokohama.jp WEB WEB WEB WEB WEB WEB 1 25 10 WEB WEB (1) (2) (3) (4) 25 10 (1) WEB (2)

More information

1 1 1.................... 1 2...................... 2 3................... 3 2 5 1.............................. 5 2........................ 6 3.................... 9 3 11 1...........................

More information

untitled

untitled junaio junaio web AR HTML FLASH JavaScript web -AREL- PHP HTML5 JavaScript AR http://www.junaio.com/download/ iphone: http://itunes.apple.com/us/app/junaio/id337415615 https://play.google.com/store/apps/details?id=com.metaio.junaio

More information

() 50 84 63 22 25 63 22 () () () () () () () () () () () () () 56 26 9 3 2 3 750m 139 25 13 26 152 36 191 300 100 39 () Twitter )

More information

Ajax-ch00

Ajax-ch00 vi vii viii ix C O N T E N T S..................................................... iii.......................................................... iv........................................................

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

ORCA (Online Research Control system Architecture)

ORCA (Online Research Control system Architecture) ORCA (Online Research Control system Architecture) ORCA Editor Ver.1.2 1 9 10 ORCA EDITOR 10 10 10 Java 10 11 ORCA Editor Setup 11 ORCA Editor 12 15 15 ORCA EDITOR 16 16 16 16 17 17 ORCA EDITOR 18 ORCA

More information

WCAN

WCAN Web or App Web or App App 1.PC 2. 3. HTML Web design skill app design skill? ターゲットが必要 Web or App Web PC PC PC Web PC Web Web Media Queries CSS3 HTML responsible design PC Media

More information

EPUB

EPUB 23 3 EPUB ipad 1 20 1985 CD-ROM 1987 1988 CD-ROM 1990 8cmCD-ROM DD-1 1993 NEC 1995 1997 1998 T-Time 1999 PDA 2 155 2000 8 2001 MDF PDA 2003 au 2004 2003 15 2005 2007 2008 2009 2006 Reader 2007 Kindle 2008

More information

Yuichiro MASUI Appcelerator Platform Evangelist Thursday, July 28, 11 Yuichiro MASUI masuidrive Appcelerator, Inc Platform evangelist Thursday, July 28, 11 Pukiwiki 10 Rails

More information

Flash Player ローカル設定マネージャー

Flash Player ローカル設定マネージャー ADOBE FLASH PLAYER http://help.adobe.com/ja_jp/legalnotices/index.html iii................................................................................................................. 1...........................................................................................................

More information

Taro13-第6章(まとめ).PDF

Taro13-第6章(まとめ).PDF % % % % % % % % 31 NO 1 52,422 10,431 19.9 10,431 19.9 1,380 2.6 1,039 2.0 33,859 64.6 5,713 10.9 2 8,292 1,591 19.2 1,591 19.2 1,827 22.0 1,782 21.5 1,431 17.3 1,661 20.0 3 1,948 1,541 79.1 1,541 79.1

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

E MathML W3C MathJax 1.3 MathJax MathJax[5] TEX MathML JavaScript TEX MathML [8] [9] MathSciNet[10] MathJax MathJax MathJax MathJax MathJax MathJax We

E MathML W3C MathJax 1.3 MathJax MathJax[5] TEX MathML JavaScript TEX MathML [8] [9] MathSciNet[10] MathJax MathJax MathJax MathJax MathJax MathJax We MathML TEX 1,a) 1,b) MathML TEX JavaScript MathJax TEX GUI MathML TEX MathJax Prototype of e-learning and Communication Systems to Support Displaying Math Equations with MathML and TEX Nobuo Yamashita

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

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

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

More information

作図ツール GC/html5 ビューア版の開発と iPad を使った教育実践 (数学ソフトウェアと教育 : 数学ソフトウェアの効果的利用に関する研究)

作図ツール GC/html5 ビューア版の開発と iPad を使った教育実践 (数学ソフトウェアと教育 : 数学ソフトウェアの効果的利用に関する研究) 1780 2012 243-254 243 GC/html5 ipad (Yasuyuki Iijima) Department of Mathematics Education, Aichi University of Education 1 1.1 GC Geometric Constructor( GC ) (2010) DOS 1989 Windows 1998 Java 2000 1990

More information

ほんぶん-第14章.indd

ほんぶん-第14章.indd - - - http://j.people.com.cn/ ///.html - http://www.sasac.gov.cn/n /n /n / index.html .... ...................................................................... -,,,,.. ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,

More information

卒論タイトル

卒論タイトル 1 Web, [ ] [ ] [ ] [ ] [ ],.,,.,,., Web, Web 3. Web., 3,, IDF. 2 1 4 1.1... 4 1.2... 4 1.3... 4 1.4... 5 1.5... 5 2 6 2.1 Web UI[2]... 6 2.1.1... 6 2.1.2... 7 2.2 [3]... 7 2.2.1... 7 2.2.2... 7 2.3 Web

More information

E1-KRS_2

E1-KRS_2 大 力力 支 高 力力 自 高 音 一 二 高 音 生 一 小 小 自 見見 一 一 手 力力 音 音 立立 用 高 用 金金 方 用 高 生 用 一 一 自 車車 工 金金 工 力力 力力 用 高 力力 一 欠 高 音 生 入 力力 高 入 力力 入 力力 入 力力 力力 入 力力 入 力力 大 高 力力 一 欠 用 子 用 音 方 用 用 入 方 用 力力 用 音 音 色 一 目 大 力力 高

More information

Homepage HTML+CSS Flash JavaScript Homepage Homepage Homepage Homepage Web HTML Hyper Text Markup Language XHTML XHTML HTML5 CSS Cascading Style Sheet

Homepage HTML+CSS Flash JavaScript Homepage Homepage Homepage Homepage Web HTML Hyper Text Markup Language XHTML XHTML HTML5 CSS Cascading Style Sheet 2012 Homepage HTML+CSS Flash JavaScript Homepage Homepage Homepage Homepage Web HTML Hyper Text Markup Language XHTML XHTML HTML5 CSS Cascading Style Sheets CSS2 CSS3 Web Web2.0 Web3.0 Web IT Web Homepage

More information

ゲートキーパー養成研修用テキスト(第3版)

ゲートキーパー養成研修用テキスト(第3版) 木 食 日 身 金金 金金 日 大 子 心 大 辛 心 心 食 生 心 生 - 123 - 方 自 辛 子 子 食 生 大 生 文 言 大 生 生 生 子 心 - 124 - 子 入 生 心 一 心 心 食 身 生 辛 行行 自 自 車車 - 125 - 手 一 辛 行行 自 心 金金 金金 大 金金 金金 金金 一 生 金金 子 自 - 126 - 支 方 大 目 食 心 父 見見 心 心 母 父

More information

地域と文化資産

地域と文化資産 11 2005 1980 151 20 65 1 6 37 7 A D E F G H - 2 - 2005 8 6 10:00 10:30 2-432 A D 7 E 8 1-F 1-G - 3 - 2005 H 1970 2005 8 26-4 - A B D E F G H 3 7 8 1 5 6 1 10-5 - 2005 10 1 5 6 1 1 30 2 3 5 3 2 1 2005 8

More information

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 http://www.moj.go.jp/press/090130-1.html 55 56 57

More information

Webデザイン論

Webデザイン論 2008 年度松山大学経営学部開講科目 情報コース特殊講義 Web デザイン論 檀裕也 (dan@cc.matsuyama-u.ac.jp) http://www.cc.matsuyama-u.ac.jp/~dan/ 前回の課題 Web デザイン論 の期末試験まで何日残っているか表示する Web ページを JavaScript で制作し 公開せよ 宛先 : dan@cc.matsuyama-u.ac.jp

More information

31 Jul.2012 API Application Program Interface Markup SEMANTICS OFFLINE & STORAGE DEVICE ACCESS CONNECTIVITY MULTIMEDIA 3D, GRAPHICS EFFECTS PERFORMANCE INTEGRATION CSS3 HTML5 CSS3 JavaScript WHATWG

More information

用 2

用 2 木 子 用 2 用 女女 子 女女 子 身 長 力力 力力 力力 力力 3 身 長 力力 足 立立 止 力力 入 4 5 力力 骨 入 高 6 工 高 子 力力 高 支 7 小 入 見見 8 女女 子 力力 女女 子 女女 子 女女 子 見見 9 10 子 女女 子 入 女女 子 自 言 手 女女 子 子 11 女女 子 女女 子 人 12 人 力力 子 人 自 13 用 力力 自 人 用 入 14

More information

20120928_Business_r1_01

20120928_Business_r1_01 rev1.01 9/28/2012 Satoshi Matsushita Stanford CS Visiting Scholar, NEC matsushi@stanford.edu CPU HW SW 1 1945 1970-25 1985 DRAM 1991 1993 Samsung DRAM 2011 2012 25 21? 100 40 21 2 .. IR... 1988 301 3 blog

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

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

Microsoft Word - 佐藤歯科医院.doc

Microsoft Word - 佐藤歯科医院.doc 小 子 方 人 歯 長 長 大 歯 一 心 歯 日 歯 歯 口 阜 大 歯 歯 目 門 方 歯 日 目 歯 行行 自 方 高 方 入 歯 入 歯 口 食 歯 肉 歯 歯 肉 歯 肉 血 口 手 入 方 口 歯 歯 門 自 口 歯 月 土 高 高 歯 立立 口 高 口 欠 口 高 口 目 高 一 口 口 口 高 口 口 身 行行 力力 口 口 大 口 身 歯 口 入 口 生 口 血 行行 自 用 高

More information

UTF-8への文字コード変更に伴う自作CSSとJavascript修正について

UTF-8への文字コード変更に伴う自作CSSとJavascript修正について UTF-8 への文字コード変更に伴う自作 CSS と Javascript 修正について Google の推奨により お店ページの文字コードを現在の EUC-JP から UTF-8 へ変更します 文字コードを UTF-8 にすることで 検索結果の順位や数にプラスに働くことが期待できます 今回の文字コードの変更により 店舗さん自身で設置しているスタイルシートや Javascript がある場合 お店ページのレイアウトが崩れる

More information

08encode part 2

08encode part 2 A - - #8 bit, Byte, Yutaka Yasuda 1/2 0/1 CD 9 1 0 0 or 1 1/9 4,3,4,7,7,8,8,5,3,2,2 4,3,4,7,7,8,8,5,3,2,2 4,3,4,7,7,8,8,5,3,2,2 4,3,4,7,7,8,8,5,3,2,2 CD/CD-R CD / CD-R - 1 bit data (7bit) P 0 1 1 0 1

More information

4 15 4.1..................................... 15 4.2....................................... 15 4.2.1................................... 15 4.2.2......

4 15 4.1..................................... 15 4.2....................................... 15 4.2.1................................... 15 4.2.2...... 2011 1 26 1 3 2 3 2.1......................................... 3 2.2..................................... 3 2.3 QRedit................................. 4 2.3.1..................................... 5 2.3.2

More information

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

More information

B 20 Web

B 20 Web B 20 Web 0753018 21 1 29 1 1 6 2 8 3 UI 10 3.1........................ 10 3.2 Web............ 11 3.3......... 12 4 UI 14 4.1 Web....................... 15 4.2 Web........... 16 4.3 Web....................

More information

スライド 1

スライド 1 HTML5 と 関 連 API はじめに 一 般 的 に HTML5 と 呼 ばれている 範 囲 ( 広 義 ) HTML5 という 仕 様 Web Workers キャンバス ドラッグ&ドロップ Data Cache API オフライン コミュニケーション File API など Server-Sent API Web SQL Database Web Sockets Web Storage Indexed

More information

XHTML+SMIL

XHTML+SMIL SMIL Web (SMIL2.0XHTML+SMIL) 3XML XML WG NTT SOFT SMIL 1997 1998 1999 2000 2001 2002 1997.7 1999.2 SMIL SYMM WG 2001.1 SYMM WG SYMM IG 1998.6 SMIL1.0 1999.8 SMIL Boston WD 2000.2 SMIL Boston WD 2000.6

More information

Android Windows 8 AP 9 AP ios & Android 10 ST 11 ST ios 12 ST Android 13 ST Win & Mac 14 ST ios 15 ST Android

Android Windows 8 AP 9 AP ios & Android 10 ST 11 ST ios 12 ST Android 13 ST Win & Mac 14 ST ios 15 ST Android WiCounter Version 2.0 27 .. 2. 3. 2 4. 5. 6. 7 Android Windows 8 AP 9 AP ios & Android 10 ST 11 ST ios 12 ST Android 13 ST Win & Mac 14 ST ios 15 ST Android 16 17 18 19. 20 21 22 23 24 info ST 25 26 AP

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

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

スライド 1

スライド 1 ( おやまだあきひろ ) 小山田晃浩 ( 株 ) ピクセルグリッド フロントエンドエンジニア (HTML, CSS, JavaScript, SVG) twitter@yomotsu HTML5 と CSS3 と Dreameraer ネタ 連載してます http://goo.gl/8cpxb このセッションの流れ 1. 事例について 2. メディアクエリーを利用した振り分け 3. 振り分け後のスタイル適用

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

( 注 )Safari (webkit 系ブラウザ ) と Chrome(webkit にも対応 ) は テキストの輪郭や色を -webkit-text-stroke-width -webkit-text-stroke-color -webkit-text-fill-color のプロパティで描くこ

( 注 )Safari (webkit 系ブラウザ ) と Chrome(webkit にも対応 ) は テキストの輪郭や色を -webkit-text-stroke-width -webkit-text-stroke-color -webkit-text-fill-color のプロパティで描くこ 1330-2 Radial Gradation のアニメーション (2) 背景 (background) を円形グラデーション (Radial Gradation) のアニメーションにして みましょう radial-gradient と repeating-radial-gradient の仕様は 別本 Transition を使いこな す編 の 1238-1 円形グラデーション Radial Gradation

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション 情報システム基礎演習 B 2016/01/28 (Thurs.) テーマ 4 JavaScript による電卓 Web アプリを作成しましょう 健山智子 (t.tateyama.es@cc.it-hiroshima.ac.jp) 広島工業大学情報学部知的情報システム学科知的情報可視化戦略研究室 (ival) 講義のアウトライン 2 1. グループの決定 : 1. 5 人での 6 グループ ( ランダム

More information

FileMaker Instant Web Publishing Guide

FileMaker Instant Web Publishing Guide FileMaker 12 Web 2004 2012 FileMaker, Inc. All Rights Reserved. FileMaker, Inc. 5201 Patrick Henry Drive Santa Clara, California 95054 FileMaker Bento FileMaker, Inc. Bento FileMaker, Inc. FileMaker FileMaker,

More information

JA2008

JA2008 A1 1 10 vs 3 2 1 3 2 0 3 2 10 2 0 0 2 1 0 3 A2 3 11 vs 0 4 4 0 0 0 0 0 3 6 0 1 4 x 11 A3 5 4 vs 5 6 5 1 0 0 3 0 4 6 0 0 1 0 4 5 A4 7 11 vs 2 8 8 2 0 0 0 0 2 7 2 7 0 2 x 11 A5 9 5 vs 3 10 9 4 0 1 0 0 5

More information

「デーモントライヴ」にみるサウンドとムービーの活躍~ADX2とSofdec2で実現する圧縮&リッチ演出~

「デーモントライヴ」にみるサウンドとムービーの活躍~ADX2とSofdec2で実現する圧縮&リッチ演出~ デーモントライヴ にみるサウンドとムービーの活躍 ~ADX2 と Sofdec2 で実現する圧縮 & リッチ演出 ~ タイトル 用 タイトル ( ) 2 CRI - ADX2 - Sofdec2 and more 3 Unity PRO Windows / Mac / ios / Android CRI Unity Editor 4 - - 6 - 2013 2 28 - RPG < > -OS

More information

WebGL OpenGL GLSL Kageyama (Kobe Univ.) Visualization / 57

WebGL OpenGL GLSL Kageyama (Kobe Univ.) Visualization / 57 WebGL 2014.04.15 X021 2014 3 1F Kageyama (Kobe Univ.) Visualization 2014.04.15 1 / 57 WebGL OpenGL GLSL Kageyama (Kobe Univ.) Visualization 2014.04.15 2 / 57 WebGL Kageyama (Kobe Univ.) Visualization 2014.04.15

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

Wireless Plus.book

Wireless Plus.book Seagate Wireless Plus 1AYBA2 Seagate Wireless Plus 2013 Seagate Technology LLC. Seagate Seagate Technology Wave Seagate Media Seagate Technology LLC ipod ipad iphone Time Machine Safari Mac Apple Computer,

More information

Web Twitter Facebook 3. Google (=Liquid 2011 Kosuke Yamada (PETITBOYS) All Rights Reserved.

Web Twitter Facebook 3. Google (=Liquid 2011 Kosuke Yamada (PETITBOYS) All Rights Reserved. TypeTalks 3 2011 Kosuke Yamada (PETITBOYS) All Rights Reserved. Web 1. 2. Twitter Facebook 3. Google 4. 5. (=Liquid 2011 Kosuke Yamada (PETITBOYS) All Rights Reserved. Typetalks http://stam-design-stam.blogspot.com/2011/01/typetalksweb.html

More information

EPSON WristableGPS SF-850

EPSON WristableGPS SF-850 GPS Sports Monitor WristableGPS U 5 U48 K L A / B / C / D U EPSON EXCEED YOUR VISION Microsoft Windows Microsoft Corporation Android Google Play Google Inc. iphone Apple Inc. OS X Apple Inc. App Store

More information

FileMaker 15 WebDirect ガイド

FileMaker 15 WebDirect ガイド FileMaker 15 WebDirect 2013 2016 FileMaker, Inc. All Rights Reserved. FileMaker, Inc. 5201 Patrick Henry Drive Santa Clara, California 95054 FileMaker FileMaker Go FileMaker, Inc. FileMaker WebDirect FileMaker,

More information

New KeyringPDFに関するご提案

New KeyringPDFに関するご提案 2013 年 1 月 アイドック株式会社 お問い合わせはこちらまで tel.03-5759-2055 e-mail:sales@idoc.co.jp 1 bookend とは? 電子出版の現状に適応した PDF epub HTML5 の保護サービス 電子出版にあたって フォーマット選定が課題となります アイドックが採用したのはオープンなフォーマットである PDF epub HTML5+DRM の組合せです

More information

16 1 8 29 12 1 ... 3... 4 1.... 4 2.... 5... 6 3.... 6 4.... 6 5.... 6 6. HTML... 7... 8 7.... 8 8.... 10 9.... 12... 15 10.... 15 11.... 16... 19 12.... 19... 20 13... 20... 21 14.... 21 15.... 22...

More information

.....

..... Peace & Piece Version1.0Peace & Piece 2011/12/17 ..... A-1 CV B-1 C-1 D-1 E-1 F-1 Web G-1 H-1 I-1 J-1 K-1 L-1 M-1 FAQ B-2 D-2 E-2 F-2 H-2 D-3 F-3 CMS () Web Web Web 75 85 Z Web alt SEO SEO 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

bit : データの最小単位 1bit = 最小状態の単位 二進一桁 = 配線一本 Byte バイト 8bits 0-255まで アルファベットは 1 バイト 256 文字以下 漢字は 普通は 2 バイト 文字以下 2

bit : データの最小単位 1bit = 最小状態の単位 二進一桁 = 配線一本 Byte バイト 8bits 0-255まで アルファベットは 1 バイト 256 文字以下 漢字は 普通は 2 バイト 文字以下 2 #5 Yutaka Yasuda 1 bit : データの最小単位 1bit = 最小状態の単位 二進一桁 = 配線一本 Byte バイト 8bits 0-255まで アルファベットは 1 バイト 256 文字以下 漢字は 普通は 2 バイト 65536 文字以下 2 bit bit bit 3 1 (ASCII encoding) CPU 53 61 6d 70 6c 65 20 44 41 74

More information

1 1 1.................... 1 2................... 2 3...................... 5 4.................... 5 2 7 1......................... 7 2...............

1 1 1.................... 1 2................... 2 3...................... 5 4.................... 5 2 7 1......................... 7 2............... 1 1 1.................... 1 2................... 2 3...................... 5 4.................... 5 2 7 1......................... 7 2.................. 8 3 Sigil............. 9 4.....................

More information

0序文‐1章.indd

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

More information

HTML5 Flash Pro CC Flash Pro as HTML5 Dev Tools Flash HTML5 Canvas Index 004 HTML5 008 012 016 020 024 028 032 036 040 HTML5 044 048 052 056 060 HTML 064 068 Web Designing 2014 3 2015 7 Flash Lab. HTML5

More information

untitled

untitled Vol.27 1 Vol.27 2 Vol.27 3 Vol.27 4 Vol.27 5 Vol.27 6 Vol.27 7 Vol.27 8 Vol.27 9 Vol.27 10 11 Vol.27 Vol.27 12 Vol.27 13 Vol.27 14 Vol.27 15 Vol.27 16 Vol.27 17 Vol.27 2007 10 29 18 http://www.nira.or.jp/index.html

More information

09030549_001.図書館31-1

09030549_001.図書館31-1 vol.31 NO.1 2 3 5 6 10 12 8 1947-1954- 1950-1838-1904 1952-1996 1 913-1954 1981-1958- 1 902-1992 1972-1946- 1 940- 1 2 3 3 5 6 6 8 8 12 8 8 1 2 2 http://library.hokkai-s-u.ac.jp/cgi-bin/tosyokan/index.cgi

More information