Youtubeã®å‹•ç”»ã‚’背景ã«
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
iPhoneå‘ã‘サイト構築 基礎文法最速マスター - EC studio デザインブãƒã‚°
弊社代表ã®è‘—書ã€ã€ŒiPhoneã¨ãƒ„イッターã§ä¼šç¤¾ã¯å„²ã‹ã‚‹ã€ã®å‡ºç‰ˆè¨˜å¿µã¨ã€å··ã§è©±é¡Œã®ã€ŒåŸºç¤Žæ–‡æ³•æœ€é€Ÿãƒžã‚¹ã‚¿ãƒ¼ã€ãƒ–ームã«ä¾¿ä¹—ã—ã¦ã€iPhone（iPod Touch）å‘ã‘サイト構築ã«ãŠã‘る基礎ã¨ãƒ—ラス応用ã®ãƒã‚¿ã¨ã€å‚考ã«ãªã‚‹ãƒªãƒ³ã‚¯é›†ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ 2010/11/18追記： iPhoneå‘ã‘サイト制作ã®æ›¸ç±ã‚’執ç†ã—ã¾ã—ãŸï¼ æ—¢å˜ã®ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—å‘ã‘サイトをモデルã«ã—㟠iPhoneã«æœ€é©åŒ–ã—ãŸã‚µãƒ³ãƒ—ルサイトã®ç´¹ä»‹ã¨ コードã®è§£èª¬ã‚’ã—ã¦ã„ã¾ã™ã€‚ iPhoneå‘ã‘サイト制作ã®å…¥é–€æ›¸ã«æœ€é©ã§ã™ã€‚ 「HTML5＋CSS3ã§ä½œã‚‹ é…ã›ã‚‹iPhoneサイト〠基礎編 対象ブラウザã¯MobileSafariã§ã™ レンダリングエンジンã¯Safariã¨åŒã˜webkitã§ã™ãŒã€MobileSafariã®æ–¹ã«ã¯iPhoneå‘ã‘ã®ä¸€éƒ¨ç‹¬è‡ªæ‹¡å¼µï¼ˆCSS）ãŒã‚ã‚Šã¾ã™ã€‚検証ã®éš›ã¯ã€é€šå¸¸ã®Safariã®ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã‚’ç‹ãã—
HTML5@iPhoneゲーム開発
1. HTML5@iPhoneゲーム開発 æ ªå¼ä¼šç¤¾DeNA ソーシャルメディア事æ¥æœ¬éƒ¨ ソーシャルゲーム統括部スマートフォン開発グループ 岸 弘倫<kishi dot hiromichi at dena dot jp> DeNA Technology Seminar #3 1 2. 自己紹介 ‣ 2009å¹´DeNAã«å…¥ç¤¾ – モãƒã‚²ãƒ¼ã®3Dã‚¢ãƒã‚¿ãƒ¼é–¢é€£é–‹ç™º – iアプリ開発 – å会社ã®MiniNationã«ã¦æµ·å¤–å‘ã‘ã®iPhoneアプリ 開発 ‣ ç¾åœ¨ – iPhone・Androidアプリ開発 DeNA Technology Seminar #3 2 3. 本日㮠本日ã®å†…容 ‣ MiniNationã‹ã‚‰ãƒªãƒªãƒ¼ã‚¹ã—ãŸiPhoneゲーム「Pirate Nation〠‣ HTML, CSS, Javascriptã§ä¸»ã«é–‹ç™º ‣ 今日ã¯é–‹ç™ºã§å¾—ãŸãƒŽã‚¦ãƒã‚¦ã«ã¤ã„ã¦è©±ã—ã¾ã™ã€‚ – ゲームã¨ã„
HTML5ã®localStorageã§iPhone用Webアプリを高速化
HTML5ã®localStorageã§iPhone用Webアプリを高速化：iPhoneã§å‹•ã‹ã™æ¥å‹™ç”¨Webアプリ開発入門（4）（1/2 ページ） 今回ã¯ã€iOSã®Safariã®ä¸ã«ãƒ‡ãƒ¼ã‚¿ã‚’記録ã§ãã‚‹ã€HTML5ã®ã€ŒlocalStorageã€æ©Ÿèƒ½ã‚’使ã£ã¦ã€ãƒ‡ãƒ¼ã‚¿ã®å…ˆèªã¿ã¨ã‚ャッシュを実ç¾ã—アプリケーションã®ä½“感パフォーマンスをå‘上ã•ã›ã¦ã¿ã¾ã™ã€‚ HTML5ã®ã€ŒlocalStorageã€ã¨ã¯ localStorage（ãƒãƒ¼ã‚«ãƒ«ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¸ï¼‰ã¨ã¯ã€HTML5ã§è¦å®šã•ã‚Œã¦ã„ã‚‹ã€Webブラウザ内部ã®KVS（ã‚ーãƒãƒªãƒ¥ãƒ¼åž‹ãƒ‡ãƒ¼ã‚¿ã‚¹ãƒˆã‚¢ï¼‰ã§ã™ã€‚iOSã®Safariã§ã‚‚実装ã•ã‚Œã¦ã„ã¦ã€JavaScriptコードã‹ã‚‰ã‚¢ã‚¯ã‚»ã‚¹ã§ãã€ä»»æ„ã®ãƒ‡ãƒ¼ã‚¿ã‚’ä¿å˜ã§ãã¾ã™ã€‚ ã„ããªã‚Šæ³¨æ„ï¼ localStorageã®ä¿å˜ãƒ‡ãƒ¼ã‚¿ã¯ãƒ†ã‚ストã§ï¼ HTML5ã®ä»•æ§˜ã§ã¯ã€localStorageã«ä¿å˜ã§ãるデータã¯JavaScrip
ã“ã‚Œã¯å‡„ã„ãžï¼ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘HTML5生æˆãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã€Œmobl〠| MOONGIFT | オープンソース・ソフトウェア紹介をä¸å¿ƒã¨ã—ãŸITエンジニア/Webデザイナーå‘ã‘ブãƒã‚°
moblã¯Eclipse上ã§é–‹ç™ºã—ã€HTML5/CSS/JavaScript/ç”»åƒã‚’生æˆã™ã‚‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã€‚ moblã¯Java製ã®ã‚ªãƒ¼ãƒ—ンソース・ソフトウェア。スマートフォンã®äººæ°—ãŒã¨ã¦ã‚‚高ã„。特ã«WebKitã®ãƒ¢ãƒã‚¤ãƒ«ç‰ˆã‚’組ã¿è¾¼ã‚“ã§ã„ã‚‹ã‚‚ã®ãŒæ®†ã©ã§ï¼ˆiOS/Android/Palm Pre/Blackberryãªã©ï¼‰HTML5ã®æ©æµã«ã‚ãšã‹ã‚Šã‚„ã™ã„ã®ãŒè‰¯ã„。 開発環境ã¯Eclipse ãã‚“ãªHTML5ã®ãƒ‘ワーを使ãˆã°ã€ã¾ã‚‹ã§ãƒã‚¤ãƒ†ã‚£ãƒ–アプリã®ã‚ˆã†ãªå‹•ä½œã‚’ã•ã›ã‚‹ã“ã¨ã‚‚å¯èƒ½ã«ãªã£ã¦ã„る。ãã®ãŸã‚ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ライブラリã¯æ•°å¤šãã‚ã‚Œã©ã€moblã¯ä¸€å‘³ã‚‚二味もé•ã†ã€‚完全ã«å°‚用言語ã§ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘Webアプリケーションを開発ã§ãる。 moblã¯Eclipse用ã®ãƒ—ラグインをé…布ã—ã¦ãŠã‚Šã€ãれをインストールã—ãŸå¾Œãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’作æˆã™ã‚‹ã€‚使ã†ã®ã¯moblã¨ã„ã†æ‹¡å¼µåã®
「スマホ対応サイト制作　åˆå¿ƒè€…å‘ã‘ã€ã¿ãŸã„ãªæ„Ÿã˜ã§æ›¸ã„ã¦ã¿ãŸ 　-1.メニュー編-（※iPhone寄り） - Kaleidoscope
ã€ç›®æ¬¡ã€‘ 1.メニュー編 2.HTMLã¨CSSã§ç”»åƒã‚’æ“る編（å‰ç·¨ï¼‰ 2.HTMLã¨CSSã§ç”»åƒã‚’æ“る編（後編） 今æŒã£ã¦ã‚‹PCサイトをスマホ対応ã—ãŸã„ãªã…ã¨æ€ã£ã¦ã‚‹ã‚‚ã®ã®ã€ 「ã©ã“ã‹ã‚‰æ‰‹ã‚’付ã‘ã¦ã„ã„ã®ã‚„らã€ã‚ã‹ã‚‰ã‚“ï¼ï¼ã€ã£ã¦æ–¹ã‚‚多ã„ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ï¼Ÿ ã¨ã„ã†ã“ã¨ã§ã€è¨˜äº‹ã§ã‚‚書ã„ã¦ã¿ã£ã‹ãï¼ã¨ã€ãªãœã‹ã‚„ã‚‹æ°—ã«ãªã£ãŸã®ã§ã€é€£è¼‰å½¢å¼ã§æ›¸ã„ã¦ã¿ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ ãŸã ã€é€”ä¸ã§é£½ããŸã‚Šã€ã‚„ã‚‹æ°—ãŒç„¡ããªã£ãŸã‚‰ã€äºˆå‘Šç„¡ã終了ã™ã‚‹å¯èƒ½æ€§å¤§ã§ã™(￣▽￣;) 僕自身ã€äººã«æ•™ãˆã‚‰ã‚Œã‚‹ã»ã©ã®ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆåˆ¶ä½œã®ç†Ÿç·´è€…ã¨ã„ã†ã‚ã‘ã§ã¯ç„¡ã„ã®ã§ã€ã‚‚ã£ã¨è‰¯ã„手段や方法ãŒã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 「ã“ã“ã¯ã“ã†ã—ãŸã‚‰ã„ã„ã€ãªã©ã€ã”æ„見ã‚ã‚Šã¾ã—ãŸã‚‰ã€é€†ã«æ•™ãˆã¦ãã ã•ã„(^-^; ã€ã¾ãšã¯ã˜ã‚ã«ã€‘ スマホサイトã¨è¨€ã£ã¡ã‚ƒã£ãŸã‚‚ã®ã®ã€ã¨ã‚Šã‚ãˆãšã¯iPhoneå‘ã‘ã®ã‚µã‚¤ãƒˆã‚’基準ã¨ã—ã¾ã™ã€‚ Androidã®ã€Œãƒ–ラウザã€ã‚‚ã€iPhon
スマートフォンå‘ã‘サイトã®ä½œã‚Šæ–¹ | ユージック
スマートフォンå‘ã‘サイトã®ä½œã‚Šæ–¹ 2011å¹´1月22æ—¥ iPhoneã¨Android両方ã«å¯¾å¿œã™ã‚‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘サイトã®ä½œã‚Šæ–¹ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ スマートフォンå‘ã‘サイト作æˆã«ã‚ãŸã£ã¦ã®åŸºæœ¬æ¦‚è¦ ã¾ãšæœ€åˆã«ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘サイトを作æˆã™ã‚‹éš›ã«æ°—ã«ãªã‚‹ç‚¹ã¯ç”»åƒã®æ‰±ã„ã ã£ãŸã‚Šã™ã‚‹ã¨æ€ã„ã¾ã™ã€‚ 横幅ã§ã™ãŒã€è§£åƒåº¦ã¯æ©Ÿç¨®ã«ã‚ˆã£ã¦æ§˜ã€…ã§ã™ãŒã€ç¸¦å‘ãã§320px～640pxã€æ¨ªå‘ãã§480px～960pxãŒä¸»æµã¨ãªã‚Šã¾ã™ã€‚ 標準ã¨ãªã‚‹ã‚‚ã®ã‚’è¨ã‘ã‚‹ã¨ãªã‚‹ã¨ã€320px(横)/480px（縦）を標準ã¨ã—ã¦è‰¯ã„ã‹ãªã¨æ€ã„ã¾ã™ã€‚ ※iPhone4ã€4Sã¯640px/960pxã®è§£åƒåº¦ã§ã™ãŒã€å†…部解åƒåº¦ã§320px/480pxã¨è§£é‡ˆã—ã¦ãれるãŸã‚。 ã§ã™ã®ã§ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã«è¦‹ã›ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã‚«ãƒ³ãƒ—ãªã©ã‚’作æˆã™ã‚‹éš›ã‚‚縦を標準ã¨ã™ã‚‹éš›ã¯320px（横）ã§ä½œæˆã™ã‚Œã°å•é¡Œãªã„ã¨ã„ãˆã¾ã™ãŒã€iPhone4ã€4Sã‚„An
『Webã®ã‚¹ã‚ルã§iPad/iPhoneアプリ風ã®Webアプリ作æˆã®ã¾ã¨ã‚ã€
本を買ã‚ãšã«è§£æ±ºã™ã‚‹Web制作ã®å°æŠ€ ホームページ作æˆã§ã¡ã‚‡ã£ã¨ã—ãŸã“ã¨ã‚’å‚考書を買ã‚ãšã«è§£æ±ºã™ã‚‹æ–¹æ³•ã‚’PHP CSS Webデザイン jQuery Flashã‚’ä¸å¿ƒã«ä¾¿åˆ©ãªæŠ€ã‚’ã¾ã¨ã‚ã¦ã„ãã¾ã™ï¼ç¾åœ¨ã€é•·é‡ŽçœŒé•·é‡Žå¸‚ã®åˆ¶ä½œä¼šç¤¾ã§Web作æˆä¸ï¼ iPhoneã‚„iPadã®ã‚¢ãƒ—リを作りãŸã„ã‘ã©ã€iPhoneアプリåˆå¿ƒè€…ãªã®ã§ 作るã«ã¯Objective-Cを覚ãˆãŸã‚Šç™»éŒ²ã—ãŸã‚ŠãŠé‡‘ã‹ã‹ã£ãŸã‚Šã¨ã‹ iPhoneアプリã®ä½œæˆã«ã¯ãƒãƒ¼ãƒ‰ãƒ«ãŒã¡ã‚‡ã£ã¨é«˜ã„。 ãã“ã§ã€ä»Šã¾ã§ã®Webã®çŸ¥è˜ã‚’æ´»ã‹ã—ã¦ã€Webアプリã«ã—よã†ã¨ æ€ã£ã¦è©¦ã—ã¦ã¿ãŸã€‚ 基本的ãªçŸ¥è˜ã‚’ç†è§£ã—ãªã‘ã‚Œã°ã„ã‘ãªã„ã®ã§ã€è¶…ç°¡å˜ãªWebアプリを作æˆã—ã¦ã¿ãŸã€‚ ã ãŸã€å†™çœŸã‚’100枚表示ã™ã‚‹ã ã‘。 Webアプリã¨å‘¼ã¹ã‚‹ã®ã ã‚ã†ã‹ï¼Ÿ 今回ã¯ã€åŸºæœ¬çš„ãªçŸ¥è˜ã‚’知りãŸã‹ã£ãŸã®ã¨åˆ†ã‹ã‚Šã‚„ã™ã„ã®ã§ Webアプリã¨å‘¼ã¶ã“ã¨ã«ã—ã¾ã™ã€‚ 完æˆã—ãŸã‚‚ã®ã¯ã“ã¡ã‚‰ï¼iPhon
「スマートフォン版GREE HTML5+JavaScript & Androidã€è¬›æ¼”資料公開ã„ãŸã—ã¾ã—㟠| GREE Engineering
ã“ã‚“ã«ã¡ã¯ã€‚グリーã®ç”°å°»ã§ã™ã€‚ 先日1月9日（日）æ±äº¬å¤§å¦ã§è¡Œã‚ã‚ŒãŸAndroid Bazaar and Conference 2011 Winterã«ã¦ã€å¼Šç¤¾ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢@kuãŒç™»å£‡ã•ã›ã¦é ‚ãã¾ã—ãŸã€‚テーマã¯ã€Œã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç‰ˆGREE HTML5+JavaScript & Androidã€ã§ã™ã€‚ 当日ã®ä¼šå ´ã¯æº€å“¡ã§ã€ãŠè¶Šã—ãã ã•ã£ãŸã¿ãªã•ã¾ã€æœ¬å½“ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸï¼ 好評ã«ã¤ã本日ã¯è¬›æ¼”当日ã®è³‡æ–™ã‚’公開ã„ãŸã—ã¾ã—ãŸã®ã§ã€å½“æ—¥å‚åŠ ã§ããªã‹ã£ãŸæ–¹ã«ã‚‚ãœã²ã”å‚考ã«ã—ã¦é ‚ã‘ã‚Œã°ã¨æ€ã£ã¦ãŠã‚Šã¾ã™ã€‚ Android Bazaar and Conference 2011 Winter
HTML5ã§ã€ã‚ªãƒ•ãƒ©ã‚¤ãƒ³ã§ã‚‚使ãˆã‚‹iPod/iPhone超簡å˜ã‚¢ãƒ—リã£ã½ã„ã‚‚ã®ã‚’作ã£ã¦ã¿ãŸ ï¼ Publickey
HTML5ã«ã¯ã‚ªãƒ•ãƒ©ã‚¤ãƒ³ã‚¢ãƒ—リケーション機能ãŒã‚ã‚Šã€ã‚ªãƒ•ãƒ©ã‚¤ãƒ³ã«å¯¾å¿œã—ãŸWebサイトを作るã“ã¨ãŒã§ãã¾ã™ã€‚Webブラウザã§ã„ã¡ã©è¡¨ç¤ºã•ã›ã‚Œã°ã€ã‚ã¨ã¯ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã¨ã®æŽ¥ç¶šãŒåˆ‡ã‚Œã¦ã‚‚ãã®ã¾ã¾ã‚¨ãƒ©ãƒ¼ã‚’èµ·ã“ã•ãšã«åˆ©ç”¨ã—続ã‘られるWebサイトã§ã™ã€‚ iPod Touchã‚„iPhoneã«æ載ã•ã‚Œã¦ã„ã‚‹Webブラウザã®ã€ŒSafariã€ã¯HTML5ã®ã‚ªãƒ•ãƒ©ã‚¤ãƒ³ã‚¢ãƒ—リケーション機能ã«å¯¾å¿œã—ã¦ã„ã‚‹ãã†ãªã®ã§ã€HTML5を使ã£ã¦ã„ã¤ã§ã‚‚å‚ç…§ã§ãる超簡å˜ãªã‚¢ãƒ—リを作れるã®ã§ã¯ãªã„ã‹ã€ãã†æ€ã£ã¦ãŠæ£æœˆä¼‘ã¿ã«è©¦ã—ã¦ã¿ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ å˜ã«è·¯ç·šå›³ã‚’表示ã™ã‚‹ã ã‘ã®ã‚¢ãƒ—リ iPod Touchを僕ã¯åˆ©ç”¨ã—ã¦ã„ã‚‹ã®ã§ã™ãŒã€ã„ã¤ã§ã‚‚å‚ç…§ã§ãる地下鉄ã®è·¯ç·šå›³ãŒã‚ã‚‹ã¨ã„ã„ãªã¨æ€ã£ã¦ã„ã¾ã—ãŸã€‚iPod Touchã¯Wifi機能ã—ã‹ãªã„ãŸã‚ã€å¤–出ä¸ã¯ãšã£ã¨ã‚ªãƒ•ãƒ©ã‚¤ãƒ³ã§ã®åˆ©ç”¨ãªã®ã§ã™ã€‚ ãã“ã§ã€èµ·å‹•ã™ã‚‹ã¨è·¯ç·šå›³ã®ç”»åƒã‚’表示ã™ã‚‹ã ã‘ã®è¶…
作ã£ã¦å¦ã¶ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã‚µã‚¤ãƒˆã®åŸºæœ¬ (1/4)
iPhone/Androidå‘ã‘サイト制作ã®åŸºæœ¬ã‚’å¦ã¶ãŸã‚ã«ã€ä»Šå›žã¯å®Ÿéš›ã«æ‰‹ã‚’å‹•ã‹ã—ãªãŒã‚‰éžå¸¸ã«ç°¡å˜ãªWebページを作ã£ã¦ã¿ã¾ã—ょã†ã€‚ã‚ã‚ã›ã¦ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆåˆ¶ä½œã«æœ€ä½Žé™å¿…è¦ãªåˆ¶ä½œç’°å¢ƒï¼ˆã‚¨ãƒ‡ã‚£ã‚¿ãƒ¼ã¨Webサーãƒãƒ¼ï¼‰ã«ã¤ã„ã¦ã‚‚紹介ã—ã¾ã™ã€‚ 用æ„ã™ã‚‹ã‚‚ã®1：エディター HTMLを編集ã™ã‚‹ã®ã«å¿…è¦ã§ã™ã€‚使ã„慣れãŸã‚½ãƒ•ãƒˆã§æ§‹ã„ã¾ã›ã‚“ãŒã€ã‚‚ã—ãªã‘ã‚Œã°æ¬¡ã®ã‚ˆã†ãªã‚‚ã®ã‚’使ã†ã¨ã‚ˆã„ã§ã—ょã†ã€‚ ・Em Editor / Windows / 4000円（税込） http://jp.emeditor.com/ ・秀丸エディタ / Windows / 4200円（税込） http://hide.maruo.co.jp/ ・TeraPad / Windows / ç„¡æ–™ http://www5f.biglobe.ne.jp/~t-susumu/library/tpad.html ・JEdit X / Mac /
JavaScriptã§æŒ¯ã‚Šåˆ†ã‘ã¦ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆå®Œæˆï¼ (1/5)
スマートフォンサイトã®è¨è¨ˆãƒ»ãƒ‡ã‚¶ã‚¤ãƒ³ã€HTML5+CSS3ã«ã‚ˆã‚‹åŸºæœ¬çš„ãªãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã«ã¤ã„ã¦å‰å›žã¾ã§ã«è§£èª¬ã—ã¦ãã¾ã—ãŸã€‚今回ã¯ãƒšãƒ¼ã‚¸å†…ã®è¦ç´ ã«ãƒªãƒ³ã‚¯ã‚’è¨å®šã—ã¦ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚’仕上ã’ã¾ã™ã€‚ ページ内リンクを張る 今回制作ã—ã¦ã„るスマートフォンサイトã¯ã€ãƒšãƒ¼ã‚¸å†…ã®å„コーナーã«ç§»å‹•ã§ãるナビゲーション（ジャンプボタン）をè¨ç½®ã—ã¦ã„ã¾ã™ã€‚ã¾ãšã¯ã‚¸ãƒ£ãƒ³ãƒ—ボタンã«ãƒšãƒ¼ã‚¸å†…リンクをè¨å®šã—ã¾ã—ょã†ã€‚ページ内リンクã¯ã€PCサイトã¨åŒæ§˜ã€ãƒªãƒ³ã‚¯å…ˆã®è¦ç´ ã«ID属性を振りã€aè¦ç´ を次ã®ã‚ˆã†ã«è¨˜è¿°ã—ã¾ã™ã€‚ <ul class="clearfix"> <li><a href="#access">アクセス</a></li> <li><a href="#tel">電話</a></li> <li><a href="#mail">メール</a></li> </ul> ボタン全体ã«ãƒªãƒ³ã‚¯ã‚’貼る ページ内リンクをè¨å®šã—ãŸã‚µ
HTML5ã§é€²åŒ–ã—ãŸãƒ•ã‚©ãƒ¼ãƒ 機能　ã“ã“ãŒé•ã†ï¼ã‚µãƒ³ãƒ—ルã§è¦‹ã‚‹HTML5（5）
ã¯ã˜ã‚ã« ã“ã®é€£è¼‰ã§ã¯ã€ä»Šæ—¥ã®ã‚¦ã‚§ãƒ–æ¥ç•Œã®æµè¡Œèªžã¨ãªã£ã¦ã„る「HTML5ã€ã‚’ã¨ã‚Šã‚ã’ã€å…¨6回ã«åˆ†ã‘ã¦ã€ã“ã‚Œã¾ã§ã®æŠ€è¡“ã¨ã©ã®ã‚ˆã†ãªé•ã„ãŒã‚ã‚‹ã®ã‹ã€å…·ä½“çš„ã«ã‚µãƒ³ãƒ—ルã®ã‚³ãƒ¼ãƒ‰ã‚’示ã—ãªãŒã‚‰è§£èª¬ã—ã¦ã„ãã¾ã™ã€‚ éŽåŽ»ã®é€£è¼‰ã‚‚èªã‚€ 第1回：HTML5ãŒæ³¨ç›®ã‚’æµ´ã³ã‚‹ç†ç”±ã¨ã¯ï¼Ÿ 第2回：HTML4ã‹ã‚‰å¤‰åŒ–ã—ãŸHTML5ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ— 第3回：HTML5ã§å†å®šç¾©ã•ã‚ŒãŸè¦ç´ ã¨å±žæ€§ 第4回：HTML5ã§å®Ÿç¾ã§ãるマルãƒãƒ¡ãƒ‡ã‚£ã‚¢ç³»æ©Ÿèƒ½ æ–°ãŸã«å°Žå…¥ã•ã‚ŒãŸãƒ•ã‚©ãƒ¼ãƒ コントãƒãƒ¼ãƒ« ã“ã‚Œã¾ã§ã‚¦ã‚§ãƒ–ã«ãŠã‘る入力フォームコントãƒãƒ¼ãƒ«ã¯ã€éžå¸¸ã«é™ã‚‰ã‚ŒãŸã‚‚ã®ã—ã‹ã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚皆ã•ã‚“ãŒã‚ˆãã”å˜ã˜ã®ãƒ†ã‚スト（パスワード）入力フィールドã€ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ã€ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã€ã‚»ãƒ¬ã‚¯ãƒˆãƒ¡ãƒ‹ãƒ¥ãƒ¼ã€ãƒ†ã‚ストエリアã€ãƒ•ã‚¡ã‚¤ãƒ«é¸æŠžã§ã™ã€‚ãŠå•ã„åˆã‚ã›ãƒ•ã‚©ãƒ¼ãƒ ã§ã‚ã‚Œã°ã€ã»ã¨ã‚“ã©ã®ã‚·ãƒ¼ãƒ³ã§å分ã¨ã„ãˆã‚‹ã§ã—ょã†ãŒã€ã‚¦ã‚§ãƒ–アプリケーションã«ãŠã„ã¦ã¯ã€ä¸è¶³ã—ã¦ã„
HTML5ã¨CSS3を使ã£ã¦ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã‚’æ§‹ç¯‰ã€€ï¼ iPhone版Yahoo!JAPANトップã®é–‹ç™ºäº‹ä¾‹ç´¹ä»‹
CodeZine編集部ã§ã¯ã€ç¾å ´ã§æ´»èºã™ã‚‹ãƒ‡ãƒ™ãƒãƒƒãƒ‘ーをスターã«ã™ã‚‹ãŸã‚ã®ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã€ŒDevelopers Summitã€ã‚„ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ç”Ÿãã–ã¾ã‚’ブーストã™ã‚‹ãŸã‚ã®ã‚¤ãƒ™ãƒ³ãƒˆã€ŒDevelopers Boostã€ãªã©ã€ã•ã¾ã–ã¾ãªã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚’ä¼ç”»ãƒ»é‹å–¶ã—ã¦ã„ã¾ã™ã€‚
EExt Japan - Sencha Touchç™»å ´ - モãƒã‚¤ãƒ«ç”¨HTML5フレームワーク
Ext Coreã¯ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ãªWebサイト構築ã«æœ€é©ãªè»½é‡ã‹ã¤é«˜æ©Ÿèƒ½ãªã‚¯ãƒã‚¹ãƒ–ラウザー対応ã®JavaScriptライブラリã§ã™ã€‚ãã®ç‰¹å¾´ã¯ï¼š ファイルサイズãŒã‚³ãƒ³ãƒ‘クトãªç´„25kb (ext-core.jsã‚’gzip圧縮ã—ãŸå ´åˆ) 柔軟ã‹ã¤åˆ©ç”¨ã—ã‚„ã™ã„オープンソースライセンスã®MITライセンス Ext開発メンãƒãƒ¼ã«ã‚ˆã‚ŠåŸ·ç†ã•ã‚ŒãŸä½“系的ã‹ã¤ç¶²ç¾…çš„ãª75ページã®ãƒžãƒ‹ãƒ¥ã‚¢ãƒ« ã“ã‚Œã¾ã§ã®Ext JSã‚’åŒã˜ä½¿ã„慣れãŸç›´æ„Ÿçš„ãªAPI Ext JS 2.2 Ext JSã¯ãƒªãƒƒãƒã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã‚¢ãƒ—リケーション開発ã®ãŸã‚ã®ã‚¯ãƒã‚¹ãƒ–ラウザ対応JavaScriptライブラリã§ã™ã€‚ 高性能ã§ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºå¯èƒ½ãªãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ 優れãŸè¨è¨ˆã€æ–‡æ›¸ãŒè±Šå¯Œã€æ‹¡å¼µæ€§ã®é«˜ã„コンãƒãƒ¼ãƒãƒ³ãƒˆãƒ¢ãƒ‡ãƒ« 商用ランセンスã¨ã‚ªãƒ¼ãƒ—ンソースライセンスãŒåˆ©ç”¨ã§ãã¾ã™ Ext JS 3.0ã¨Ext GWT 2.0ãŒ
iPhoneç‰ã®WebアプリをHTML5ã§æ§‹ç¯‰ã™ã‚‹ç‚ºã®ãƒ•ãƒ¬ãƒ¼ãƒ ワーク・Sencha Touchを触ã£ã¦ã¿ãŸ - ã‹ã¡ã³ã¨.net
Moongiftã•ã‚“ã®è¨˜äº‹ã‚’見ã¦èˆˆå‘³ãŒ 沸ã„ãŸã®ã§å³DLã—ã¦ã¿ã¾ã—ãŸã€‚ iPhoneç‰ã®ãƒ¢ãƒã‚¤ãƒ«å‘ã‘ã®Web アプリを構築ã™ã‚‹HTML5ä¸å¿ƒã® フレームワーク・Sencha Touch。 個人的ã«ã¯ã‹ãªã‚Šè‰¯ã„オープン ソースã§ã—ãŸã€‚ ã¨ã„ã†è¨³ã§ã€Sencha Touchを触ã£ã¦ã¿ã¾ã—ãŸã‚ˆã€‚ã“れ使ãˆã°ã€ä½Žã‚¹ã‚ルã®åƒ•ã«ã§ã‚‚アプリ作れãã†ã§ã™ã€‚ ã§ã€Sencha Touchã£ã¦ã©ã†ã„ã†ã‚‚ã‚“ãªã®ï¼Ÿã¨ã„ã†æ–¹ã‚‚ã„らã£ã—ゃるã‹ã¨æ€ã„ã¾ã™ã®ã§ã€ãƒ•ã‚¡ã‚¤ãƒ«ã«å«ã¾ã‚Œã¦ã„るサンプルをã”紹介ã—ã¾ã™ã€‚ SENCHA ã‹ãªã‚Šç´ 敵ãªãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ã—ãŸã‚ˆã€‚HTML5ã£ã¦ã„ã†ã®ãŒã„ã„ã§ã™ã。å«ã¾ã‚Œã¦ã„るサンプルを以下ã«ç°¡å˜ã«ã”紹介ã—ã¾ã™ã€‚サンプルã®èª¬æ˜Žã¯å‹•ä½œã®èª¬æ˜Žã«ãªã‚Šã¾ã™ã€‚ å°šã€å«ã¾ã‚Œã¦ã„るファイルã¯ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã¨HTMLファイルã¨jsファイルã®ã¿ã§ã™ã®ã§ãƒãƒ¼ã‚«ãƒ«ã‚µãƒ¼ãƒãƒ¼ç‰ãŒç„¡ãã¦ã‚‚サンプルを見る事ãŒå‡ºæ¥ã¾ã™ã‚ˆã€‚ ã‚ャプ
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
https://jp.techcrunch.com/2011/08/30/20110827native-or-web-bizness-apps-adds-html5-platform-to-let-smbs-create-their-own-apps-for-both/
{{#tags}}- {{label}}
{{/tags}}