nabebon-v97.indd

Size: px
Start display at page:

Download "nabebon-v97.indd"

Transcription

1 4-1 Web Web Web Web This Is Not The Web. Web Web Web This Is the Web. Web This Will Be the Web. Web

2 px 960px Web Web Google 4 480px960px Portrait Landscape 165

3 Google Android Web Web JavaScript Web IP Web 1 Web 166

4 フィーチャーフォンA 用 フィーチャーフォンB 用 スマートフォンA 用 スマートフォンB 用 タブレットA 用 タブレットB 用 パソコン 用 PHPや.htaccess Webサーバー User Agent User Agent User Agent User Agent フィーチャーフォンA 用 スマートフォンA 用 タブレットA 用 パソコン 用 フィーチャーフォン スマートフォン タブレット Web PHP.htaccess User Agent Web パソコン Webサーバー screen and (max-width: screen and (min-width: 481px) and (max-width: screen and (min-width: screen and (max-width: screen and (min-width: 481px) and (max-width: screen and (min-width: 960px){ screen and (max-width: screen and (min-width: 481px) and (max-width: screen and (min-width: 960px){ スマートフォン タブレット Web Media Queries パソコン 167

5 JavaScript Web Web Web Web Web Web 168

6 4-2 Web Web 960px Web Web Web Web Header Header Web Main Content Main Content 4 Content 1 Content 1 Content 2 Footer Side Nav Footer パソコン スマートフォン 169

7 Web Web 170

8 Web Web UI Web Web 4Gamer.net 4 PlayStation Vita 171

9 Web Web Web Web Web Web Web Web Web Web Web Web Web Web 172

Microsoft Word - hozon-fujimura-HP-伊勢工業高校における造船教育の歴史から学ぶ20160713

Microsoft Word - hozon-fujimura-HP-伊勢工業高校における造船教育の歴史から学ぶ20160713 1233 1 600 300 1578 1636 1800 Google 2 3 1853 1854 2000 1842 1848 300 1800 4 300 800 5 6 7 8 9 10 14 6 2 4 3 1 2 1 13 3 3 3 1 3 3 1 1 1 10 1 14 14 2 23 3 136 1 72 1 6 1 22 2 236 12 236 11 10% 7% 16% 17%

More information

2

2 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 /* CSS */ font-size: 14px; /* */ @media screen and (max-width:760) { font-size: 12px; } /* HD */ @media screen and

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

...... @media only screen and (max-width: 768px) {...... } RewriteEngine On RewriteCond %{HTTP_USER_AGENT} (iphone ipod ipad Android IEMobile) [NC] RewriteRule ^$ /sp/ [R,L]

More information

nabebon-v97.indd

nabebon-v97.indd 1-3 Web Web Web Web HTML CSS CSS CSS CSS 4 Web HTML CSS HTML CSS CSS CSS CSS スマートフォン タブレット パソコン Web Web Web HTML HTML Web Web Web URL 33 Web Web Web 3 TNW Web 4 Web http://thenextweb.com/ 480px 768px -1

More information

橡ボーダーライン.PDF

橡ボーダーライン.PDF 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 To be or not to be 32 33 34 35 36 37 38 ( ) 39 40 41 42 43 44 45 46 47 48 ( ) 49 50 51 52

More information

20169 3 4 5003 n=3,000 61.8% 38.2% n=3,000 20 7.3% 30 21.3% 40 34.8% 50 36.6% n=3,000 3.0% 2.0% 1.5% 12.1% 14.0% 41.4% 25.9% n=3,000 37.7% % 24.8% 28.8% 1.9% 3.1% 0.2% n=3,000 500 64.0% 500 1,000 31.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

2,700,000 26,800,000 5 - - jquery Mobile - - - - jquery Mobile - - Objective-C / 30% Android - - jquery Mobile - - - - jquery Mobile - - iphone ipod UI jquery Mobile Gallery http://www.jqmgallery.com/

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

.....

..... 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

slide.key

slide.key Responsive Web Design Adaptive Web Design マルチ 環 境 対 応 の 考 え 方 考 え 方は? 違 いは? Responsive Web Design.content {! position: absolute;! }! @media screen and (min-width: 768px) {!.content {! position: relative;!

More information

( )

( ) Web Web 1 3 1 21 11 22 23 24 3 2 3 4 5 1 1 11 22 9 2 3 15 11 22 2 11 21 4 5 ( ) 102 ( ) 1 ( 1 2001 Web 1 5 4 1 1 - 7 - [] - 7 10 11 12 12 1 10 1 12 - [] 1 1 2 Q1 Q2 Q3 Q4 Q5 Q6 Q7 Q8 Q9 Q10 3 1 47

More information

夏目小兵衛直克

夏目小兵衛直克 39(1906)1222 14(1817) 3(1832)1514(1843) 2628 6 (1853) (1854)3727 3(1856) 1 / 13 5(1858)6(1859) 5(1853) () () () () () () 3(1867)29 504111( 2 / 13 )98 23 18 2(1869)310283 100 50() 58 226 3313200982 5033

More information

2

2 CONTENT S 01 02 04 06 08 10 20 25 25 30 38 49 53 58 60 64 74 8 2 3 4 5 6 7 8 9 10 11 12 13 14 15 1 2 6 1 2 2002,000 200 7 Web 20 20 13 13 4 13 13F 13F 20 20 13 13 4 13 13F 13F 13 6 A B C A B 13 20 13 20

More information

目    次

目    次 1 2 3 t 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 IP 169 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 55 56 57 58 59 60 61 62 63 64 65 66 67

More information

2 1 2 3 3 1 @media screen and (max-width: 48em) { #container { width: 100%; display: -webkit-box; display: -moz-box; display: box; } #nav { -webkit-box-ordinal-group: 3; box-ordinal-group: 3; } #main

More information

WEBサービス超入門 mask.key

WEBサービス超入門 mask.key WEB WEB 2 3 4 6 7 8 10 11 12 13 15 16 IT UX UI Logic UI Logic DB WEBAPI IT UX UI UI Logic UI Logic API DB DB WEBAPI xunit OS IT JavaScript UI Logic UI Logic Objective-C Swift HTML PHP Ruby Python JavaScript

More information

Digital Photo Presenter for Studio ユーザーズガイド

Digital Photo Presenter for Studio ユーザーズガイド タブレット E-GJ-001-V5.0.0 Digital Photo Presenter for Studio Digital Photo Presenter for Studio Digital Photo Presenter for Studio Digital Photo Presenter for Studio Digital Photo Presenter for Studio 1. 2.

More information

IPSJ SIG Technical Report Vol.2013-CE-122 No.16 Vol.2013-CLE-11 No /12/14 Android 1,a) 1 1 GPS LAN 2 LAN Android,,, Android, HTML5 LAN 1. ICT(I

IPSJ SIG Technical Report Vol.2013-CE-122 No.16 Vol.2013-CLE-11 No /12/14 Android 1,a) 1 1 GPS LAN 2 LAN Android,,, Android, HTML5 LAN 1. ICT(I Android 1,a) 1 1 GPS LAN 2 LAN Android,,, Android, HTML5 LAN 1. ICT(Information and Communication Technology) (Google [2] [5] ) 2. Google 2.1 Google Google [2]( 1) Google Web, Google Web Google Chrome

More information

目 次 0. 自 己 紹 介 1.スマートフォン 対 応 2. 質 疑 応 答 2

目 次 0. 自 己 紹 介 1.スマートフォン 対 応 2. 質 疑 応 答 2 Google ウェブマスター 向 け 公 式 ブログ: Googleがお 勧 めするスマートフォンに 最 適 化 された ウェブサイトの 構 築 方 法 の 記 事 を 受 けて WordPressでのテーマカスタマイズ 方 法 株 式 会 社 コミュニティコム 星 野 邦 敏 116-0013 東 京 都 荒 川 区 西 日 暮 里 5-37-5 NSO2 階 URL: http://www.communitycom.jp/

More information

第6回 CSS入門(つづき)

第6回 CSS入門(つづき) Slide URL https://vu5.sfc.keio.ac.jp/slide/ Web 情報システム構成法第 6 回 CSS 入門 ( 続き ) 萩野達也 ([email protected]) 1 CSS の役割 HTML に表現を与える 背景 色, 画像, 画像の繰り返し 文字 色, 種類, 太さ, 傾き, 大きさ 文書 整列 ( 左揃え, 中央揃え, 右揃え, 均等割り付け )

More information

Web Web Web Web Web, i

Web Web Web Web Web, i 22 Web Research of a Web search support system based on individual sensitivity 1135117 2011 2 14 Web Web Web Web Web, i Abstract Research of a Web search support system based on individual sensitivity

More information

NJ-XS10J This appliance is designed for use in Japan only and can not be used in any other country. No servicing is available outside of Japan. a a a a a ba a a a a a a a a 1 2 1 2 3 4 1 2 3 3 4 1

More information

@makoto_anjo (Computer Science) Google Desktop(Hall of Fame)

@makoto_anjo (Computer Science) Google Desktop(Hall of Fame) Google I/O 2011 @makoto_anjo (Computer Science) Google Desktop(Hall of Fame) Google API Expert (Android) Tokyo GTUG Gadget1 IGDA Japan Android NPO Android Android Google I/O Google Google Google I/O

More information

企業内システムにおけるA j a x 技術の利用

企業内システムにおけるA j a x 技術の利用 Utilization of Ajax in Enterprise Intranet Systemsby Tetsuo Yamashita, Takeshi Kuroe and Kazuhisa Ikeda Enterprise 2.0 refers to the recent trend of applying the web technologies widely deployed in Internet

More information

a

a IH NJ-KH10 NJ-KH18 This appliance is designed for use in Japan only and can not be used in any other country. No servicing is available outside of Japan. a 12 13 23 a 180150 170147 1011 10 21 124 1 0

More information

SG79F095HO2

SG79F095HO2 MSZ-J227-W MSZ-J257J287-W This appliance is designed for use in Japan only and can not be used in any other country. No servicing is available outside of Japan. 1 2 3 1 2 3 1 2 1 2 0120-56-8634

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

Mobile Framework

Mobile Framework Mobile Framework Version 7.2.0 β リリース ノート 2011/08/12 第 1 版 1 はじめに 1. Mobile Framework は intra-mart WebPlatform/AppFramework のプラグインとして動作します Mobile Framework を使用するためには intra-mart WebPlatform/AppFramework

More information

3_23.dvi

3_23.dvi Vol. 52 No. 3 1234 1244 (Mar. 2011) 1 1 mixi 1 Casual Scheduling Management and Shared System Using Avatar Takashi Yoshino 1 and Takayuki Yamano 1 Conventional scheduling management and shared systems

More information

CSSNiteLP51-s7-kubo.key

CSSNiteLP51-s7-kubo.key CSS Nite LP51 Reboot Dreamweaver Dreamweaver 10th .foo width: 980px margin: auto p margin: 1em 0 a color: #000 text-decoration: none .foo { width: 980px; margin: auto; p { margin: 1em 0; a { color:

More information

NP-DB NP-DB10 0570-011874 This appliance was designed for use in Japan only where the local voltage supply is AC100V and should not be used in other countries where the voltage and frequency

More information

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

評論・社会科学 84号(よこ)(P)/3.金子 1 1 1 23 2 3 3 4 3 5 CP 1 CP 3 1 1 6 2 CP OS Windows Mac Mac Windows SafariWindows Internet Explorer 3 1 1 CP 2 2. 1 1CP MacProMacOS 10.4.7. 9177 J/A 20 2 Epson GT X 900 Canon ip 4300 Fujifilm FinePix

More information

IM-Mobile Framework

IM-Mobile Framework IM-Mobile Framework Version 7.2.0 β リリース ノート 2011/08/12 第 1 版 1 はじめに 1. IM-Mobile Framework( 以 下 本 フレームワーク と 表 記 )は intra-mart WebPlatform/AppFramework のプラグインとし て 動 作 します 本 フレームワークを 使 用 するためには intra-mart

More information

MC-440 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 55 56 57 58 59 60 61 62 63 64 65 66 67

More information

untitled

untitled 1 211022 2 11150 211022384 3 1000 23% 77% 10% 10% 5% 20% 15% 40% 5% 3% 8% 16% 15% 42% 5% 6% 4 =1000 = 66 5 =1000 = 59 6 52%(42% 1000 7 56% 41% 40% 97% 3% 11%, 2% 3%, 41 7% 49% 30%, 18%, 40%, 83% =1000

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション アカデミック認定校 プロフェッショナル認定資格合格者 Lv1: 27 名 Lv2: 5 名 2017 年 6 月現在 https://www.fork.co.jp/ http://4009.jp/ 2 本日解説する主な内容 3 4 HTML4.01 に比べて複雑な処理が容易になり 文書構造をより明確に書けるようになった 動画や音声をシンプルに扱えるようになった 新たな属性が増え フォーム周りの機能が強化された

More information

WebRTC P2P Web Proxy P2P Web Proxy WebRTC WebRTC Web, HTTP, WebRTC, P2P i

WebRTC P2P Web Proxy P2P Web Proxy WebRTC WebRTC Web, HTTP, WebRTC, P2P i 26 WebRTC The data distribution system using browser cache sharing and WebRTC 1150361 2015/02/27 WebRTC P2P Web Proxy P2P Web Proxy WebRTC WebRTC Web, HTTP, WebRTC, P2P i Abstract The data distribution

More information

untitled

untitled 16 4 1 17 1 50 -1- -2- -3- -4- -5- -6- -7- 1 2-8- -9- -10- -11- Web -12- (1) (2)(1) (3) (4) (1)()(2) (3)(4) -13- -14- -15- -16- -17- -18- -19- -20- -21- -22- -23- (2)(1) (3) -24- -25- -26- -27- -28- -29-

More information

2004-2006 2004-2006 CSS Web Quiz LOVE PC 2012 4 Windows 8 / CPP Fluid PE CSS3 RWD Quiz 1. 2. 3. 4. 1. 2. 3. 4. CSS3 #btn {! display:block;! width:300px;! font-size:28px;! font-weight:bold;!

More information

スマートフォンサイトのためのHTML5+CSS3 お試し版

スマートフォンサイトのためのHTML5+CSS3 お試し版 Chapter スマートフォンやタブレットに対応したサイト構築の考え方 スマートフォン & タブレットに対応した Web サイト制作の歴史 2 レスポンシブ Web デザイン 3 density に基づいたビューポート 4 デザインを切り替えるための横幅の決定 03 Chapter スマートフォンやタブレットに対応したサイト構築の考え方 BASIC スマートフォン & タブレットに対応した Web

More information