HTML5ビデオを埋ã‚込む。ã¾ãŸiPhone, iPadã§è‡ªå‹•å†ç”Ÿâ€¦ã€‚｜プãƒã‚°ãƒ©ãƒ メモ
â— HTML5ビデオを埋ã‚込む <video id="videotest" width="640" height="480" controls="controls" preload="auto" poster="bg.png" onabort="log('abort');" oncanplay="log('canplay');" oncanplaythrough="log('canplaythrough');" ondurationchange="log('durationchange');" onemptied="log('emptied');" onended="log('ended');" onerror="log('error');" onloadeddata="log('loadeddata');" onloadedmetadata="log('loadedmetadata');
スマホアプリ開発ã¯HTML5ï¼jQuery Mobileã¨ãƒã‚¤ãƒ†ã‚£ãƒ–ã©ã£ã¡ãŒã„ã„ã®ï¼Ÿï½žç¬¬2回テックヒルズã¾ã¨ã‚レãƒãƒ¼ãƒˆï¼ˆ2/2） - ï¼ IT
åŒç¤¾ã§ã¯ã€ä»¥å‰ã‚ˆã‚Šã‚ャンペーンサイトや商å“紹介サイトã®é–‹ç™ºã‚’多ã手掛ã‘ã¦ã„ã‚‹ãŒã€è¿‘å¹´ã§ã¯ãã®ã‚µã‚¤ãƒˆåˆ¶ä½œè‡ªä½“ãŒã€ä»¥å‰ã«æ¯”ã¹ã¦ã€Œå‹•ãã®ã‚ã‚‹ã€ã‚²ãƒ¼ãƒ çš„ãªWebアプリを作るよã†ãªæ„Ÿã˜ã«ã‚·ãƒ•ãƒˆã—ã¦ã„ã‚‹ã€ã¨ã„ã†ã€‚ã¾ãŸã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‹ã‚‰ã€ŒFlashを使ã‚ãªã„ã§åˆ¶ä½œã—ã¦ã»ã—ã„ã€ã¨ã„ã†è¦æœ›ã‚‚増ãˆã¤ã¤ã‚ã‚Šã€çŠ¶æ³ã¯å¤§ãã変ã‚ã£ã¦ãã¦ã„ã‚‹ã¨ã—ãŸã€‚ 比留間æ°ã¯ã€åŒç¤¾ãŒæ‰‹ãŒã‘ãŸäº‹ä¾‹ã¨ã—ã¦ã‚°ãƒªã‚³ãƒãƒƒã‚ーã®ã‚²ãƒ¼ãƒ サイトã§ã‚る「Pocky GPã€ã€ã‚¢ãƒ¼ãƒãƒ³ãƒªã‚µãƒ¼ãƒã®ã‚¯ãƒªã‚¹ãƒžã‚¹ã‚ャンペーンã€HTML5ã§ä½œæˆã—ãŸã€Œã‚½ã‚¤ã‚«ãƒ©æ™‚計ã€ã€æ—¥ç”£ãƒªãƒ¼ãƒ•ã®ã‚ャンペーンサイトãªã©ã‚’紹介ã—ãŸã€‚ã„ãšã‚Œã‚‚ã€ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãªè¦ç´ ãŒå‰é¢ã«å‡ºã•ã‚ŒãŸä½œã‚Šã¨ãªã£ã¦ã„る。 「広告ã€ã¨ã€ŒWebアプリã€ã®è¦ªå’Œæ€§ãŒé«˜ã„ã¨è€ƒãˆã‚‰ã‚Œã‚‹ç†ç”±ã«ã¤ã„ã¦ã€æ¯”留間æ°ã¯ã€Œã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä¸è¦ã€ã€Œã‚¯ãƒã‚¹ãƒ–ラウザ対応ã€ã€Œã‚¢ãƒƒãƒ—デートãŒå®¹æ˜“ã€ã€ŒTwitterãªã©ã®å£ã‚³ãƒŸã‚’ベースã«å…±æœ‰ã•ã‚Œã‚„ã™
CSS ã§ä½œã‚‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘片手æ“作メニュー
ã¡ã‚‡ã£ã¨ã—ãŸãŠéŠã³ãªã‚“ã§ã™ãŒã€æ™®æ®µã¯ç”»é¢ã®ä¸‹ã®éš…ã«éš ã‚Œã¦ã¦ã€ã‚¯ãƒªãƒƒã‚¯ （タップ） ã§å±•é–‹ã€ã„ãã¤ã‹ã®ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã€ã—ã‹ã‚‚スマートフォンã ã¨ç‰‡æ‰‹ã ã‘ã§æ“作ã—ã‚„ã™ã„ã¿ãŸã„㪠UI ã‚’ CSS ã¨è¶…ç°¡å˜ãª JavaScript （jQuery 使用） ã§ä½œã£ã¦ã¿ãŸã®ã§ç´¹ä»‹ã€‚ 久々ã«ã“ã®æ‰‹ã®ãƒã‚¿æ›¸ã„ãŸæ°—ãŒã—ã¾ã™ã‘ã©ã‚‚… ã¡ã‚‡ã£ã¨ã—ãŸãŠéŠã³ãªã‚“ã§ã™ãŒã€æ™®æ®µã¯ç”»é¢ã®ä¸‹ã®éš…ã«éš ã‚Œã¦ã¦ã€ã‚¯ãƒªãƒƒã‚¯ （タップ） ã§å±•é–‹ã€ã„ãã¤ã‹ã®ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã€ã—ã‹ã‚‚スマートフォンã ã¨ç‰‡æ‰‹ã ã‘ã§æ“作ã—ã‚„ã™ã„ã¿ãŸã„㪠UI ã‚’ CSS ã¨è¶…ç°¡å˜ãª JavaScript （jQuery 使用） ã§ä½œã£ã¦ã¿ãŸã®ã§ç´¹ä»‹ã€‚多分言葉ã§è¨€ã£ã¦ã‚‚ä¼ã‚ã‚Šã«ãã„ã¨æ€ã„ã¾ã™ã®ã§å®Ÿéš›ã®ã‚µãƒ³ãƒ—ルをã¾ãšã¯è¦‹ã¦ã¿ã¦ãã ã•ã„。 CSS ã§ä½œã‚‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘片手æ“作メニュー サンプル ç¾åœ¨æœ€æ–°ç‰ˆã® Firefox
iOSシミュレータ内MobileSafariã®Webインスペクタを有効ã«ã™ã‚‹æ–¹æ³•
iOSシミュレータ内ã®MobileSafariã‚’ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘Webサイトã®é–‹ç™ºã«ä½¿ã£ã¦ã„る人ã¯å¤šã„ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚ Safariã§è¨€ã†ã¨ã“ã‚ã®ã€ŒWebインスペクタã€ã€Google Chromeã§è¨€ã†ã¨ã“ã‚ã®ã€Œãƒ‡ãƒ™ãƒãƒƒãƒ‘ー ツールã€ãŒiOSシミュレータ内ã®MobileSafariã§ã‚‚使ãˆãŸã‚‰ãªãã€ã¨æ€ã„ã¾ã›ã‚“ã‹ï¼Ÿ 上記ã®ã‚µã‚¤ãƒˆã®æƒ…å ±ã«ã‚ˆã‚Œã°ã€ãƒ—ライベートメソッドを実行ã™ã‚‹ã“ã¨ã§MobileSafari内ã§Webサーãƒã‚’èµ·å‹•ã€iOSシミュレータã®å¤–ã‹ã‚‰Macå´ã®ãƒ–ラウザã§ã€Œhttp://localhost:9999ã€ã«ã‚¢ã‚¯ã‚»ã‚¹ã—ã«è¡Œãã¨ã€Safariã§è¨€ã†ã¨ã“ã‚ã®ã€ŒWebインスペクタã€ç›¸å½“ã®æ©Ÿèƒ½ãŒãƒ–ラウザ越ã—ã«ä½¿ãˆã‚‹ã¨ã„ã†ã“ã¨ã§ã™ã€‚ 実際ã«ã‚„ã£ã¦ã¿ã¾ã—ãŸã€‚大変便利ã§ã™ãï¼ ãã“ã§ã€iOSシミュレータ内ã®MobileSafariã®ã€ŒWebインスペクタã€ã®æœ‰åŠ¹/無効を切り替ãˆã‚‹ã‚¢ãƒ—リ
iPhoneã¨Androidã§è¡¨ç¤ºãŒé•ã†æ™‚ã®å¯¾å‡¦æ³•[CSSãƒãƒƒã‚¯] - クックソニア
スマートフォンサイト制作ã§ã€iPhoneã¨Androidã§è¡¨ç¤ºãŒã‚ºãƒ¬ã¦ã—ã¾ã£ãŸæ™‚ã®å¯¾å‡¦æ³•ã€‚ 例：ä¸å¤®æƒãˆã«ã—ãŸãŒã€Androidã ã¨ã¡ã‚ƒã‚“ã¨è¡¨ç¤ºã•ã‚Œã‚‹ã®ã«ã€iPhoneã ã¨è‹¥å¹²å·¦ã«ã‚ºãƒ¬ã¦ä¸å¤®æƒãˆã«ãªã‚‰ãªã„ Androidã§ã®è¡¨ç¤ºã€‚ iPhoneã§ã®è¡¨ç¤ºã€‚ãªãœã‹å·¦ã«ã‚ºãƒ¬ã¦ã„る。 複雑ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ã—ãŸã‚ã‘ã§ã‚‚ãªãã€ãŸã å˜ã«ä¸å¤®æƒãˆã«ã—ãŸã‹ã£ãŸã ã‘ã§ã™ã€‚ ãªã®ã«è¡¨ç¤ºãŒé•ã†ã€‚ç†ç”±ã¯ä¸æ˜Žâ€¦ ã“ã†ã„ã†å ´åˆã¯ã€CSSãƒãƒƒã‚¯ã«é ¼ã‚‰ã–ã‚‹ã‚’å¾—ã¾ã›ã‚“。 çµè«–ã‹ã‚‰è¨€ã†ã¨ã€iPhone4ã§ã®ã¿CSSãŒé©ç”¨ã•ã‚Œã‚‹ã‚ˆã†ã«ã™ã‚‹ã«ã¯ã€æ¬¡ã«ã‚ˆã†ã«è¨˜è¿°ã—ã¾ã™ã€‚ <link rel="stylesheet" media="only screen and (-webkit-min-device-pixel-ratio: 2)" type="text/css" href="iphone4.css" /> ã“ã‚Œã«ã‚ˆã‚Šã€iPhone4
iScroll 4 – Matteo Spinelli's Cubiq.org
iScroll finally received a complete rewrite. Now it’s smoother than ever and adds some new important features: pinch/zoom, pull down to refresh, snap to elements and more custom events for a higher level of hackability. Download Screencast Live Demo GitHub Forum Project info Last code update: 2012.07.14 – v4.2 Device compatibility: iPhone/Ipod touch >=3.1.1, iPad >=3.2, Android >=1.6, Desktop Webk
iPhone フルスクリーンモードã¨JavaScriptã«ã¤ã„ã¦
ã¯ã˜ã‚ã¾ã—ã¦ï¼ã‚¯ãƒã‚«ãƒ¯ãƒªãƒ¥ãƒ¼ãƒˆã§ã™ 180mm ã¨ã„ã†å±‹å·ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—エンジニアã§ã™ ã§ã‚‚フリーランスã˜ã‚ƒãªã„ã§ã™ 五åç”°ã®åˆ¶ä½œä¼šç¤¾ã«å‹¤ã‚ã¦ã„ã¾ã™ ç¾åœ¨è»¢æ´»ä¸ã§ã™
1時間ã§æºå¸¯ã‚µã‚¤ãƒˆã‚’スマートフォン対応ã«ã™ã‚‹æ–¹æ³• | GREE Engineering
åˆã‚ã¦ã®æŠ•ç¨¿ã¨ãªã‚Šã¾ã™ã€‚エンジニアã®matsuã§ã™ã€‚ æºå¸¯å‘ã‘ウェブサイトを1時間ã§ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã™ã‚‹æ–¹æ³•ã‚’紹介ã—ã¾ã™ã€‚ æ¦‚è¦ 2011å¹´4月7æ—¥ã®ãƒ‹ãƒ¥ãƒ¼ã‚¹ã«ã¦æºå¸¯é›»è©±ã®æ–°è¦å¥‘ç´„æ•°ã®ã†ã¡ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãŒå ã‚る割åˆãŒ50%を越ãˆã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãŒæœ¬æ ¼çš„ã«æ™®åŠã™ã‚‹å…†ã—ãŒè¦‹ãˆã¦ãã¾ã—ãŸã€‚ ç¾åœ¨ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘サイトを新è¦æ§‹ç¯‰ã™ã‚‹ãŸã‚ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã¯æ•°å¤šã出ã¦ã„ã¾ã™ãŒã€æ—¢å˜ã®æºå¸¯ã‚µã‚¤ãƒˆã‚’スマートフォンã«æœ€é©åŒ–ã™ã‚‹æ–¹æ³•ãŒã‚ã¾ã‚Šç´¹ä»‹ã•ã‚Œã¦ã„ãªã„ã®ã§ã“ã®è¨˜äº‹ã§ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã“ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’è¡Œã†ã¨ä»¥ä¸‹ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ 実装 全部ã§8ステップã‚ã‚Šã¾ã™ã€‚ ã“ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã§ã¯ãƒ–ãƒã‚°ã®ãƒˆãƒƒãƒ—ページを例ã«ã¨ã£ã¦èª¬æ˜Žã—ã¾ã™ã€‚ å‰åŠã§ã¯æ–‡å—コードã®å¤‰æ›´ã€HTMLã®å¤‰æ›´ã¨ã„ã£ãŸæ§‹é€ を変更ã—ã¾ã™ã€‚後åŠã§ã¯çµµæ–‡å—ã‚„æ–‡å—スタイルを行ã„ã€ä»•ä¸Šã’ã¨ã—ã¦HTML5ã®ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’è¡Œã£ã¦ã„ãã¾ã™ã€‚最åˆ
リストやテーブル主体ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³æœ€é©åŒ–サイトã«Â·ChocolateChip-UI MOONGIFT
ChocolateChip-UIã¯HTML5製ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³æœ€é©åŒ–サイト用フレームワーク。 ChocolateChip-UIã¯HTML5製スマートフォン用ã®ã‚ªãƒ¼ãƒ—ンソース・ソフトウェア。スマートフォンã¯ã“ã‚Œã¾ã§ã®ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—åž‹ã«æ¯”ã¹ã‚‹ã¨åœ§å€’çš„ã«ç”»é¢ã‚µã‚¤ã‚ºãŒå°ã•ã„。ãã®ãŸã‚Webサイトã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’è¡Œã†ä¸Šã§æ³¨æ„ã™ã¹ãã“ã¨ãŒè‰²ã€…ã‚る。ã¾ãŸiOS風ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ã®ã‚‚難ã—ã„。 リスト ãã®ãŸã‚デザインテンプレートを使ã†ã®ãŒä¸€èˆ¬çš„ã«ãªã£ã¦ã„る。Webデザインã ã‘ã‚’æä¾›ã™ã‚‹ã‚‚ã®ã€jQuery Mobileã®ã‚ˆã†ã«çµ±åˆçš„ã«æä¾›ã™ã‚‹ã‚‚ã®ãªã©è‰²ã€…ã‚ã‚‹ãŒã€ChocolateChip-UIã¯å¾Œè€…ã«å±žã™ã‚‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³Webサイトå‘ã‘フレームワークã 。 ボタン ChocolateChip-UIã§æä¾›ã•ã‚Œã‚‹ã®ã¯ãƒ†ãƒ¼ãƒ–ルビューã€ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ãƒ“ューã€ãƒŠãƒ“ゲーションãƒãƒ¼ã€ãƒªã‚¹ãƒˆã€å„種ボタンã€ãƒãƒƒãƒ—アップã€ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãªã©
iPhoneã‚„Androidå‘ã‘ã®JavaScriptフレームワーク・Wink ToolkitãŒå‰²ã¨è‰¯ã‹ã£ãŸã®ã§æ—¥æœ¬èªžã‚µãƒ³ãƒ—ル作ã£ãŸ - ã‹ã¡ã³ã¨.net
iPhoneã‚„Androidãªã©ã®äººæ°—㮠スマートフォンå‘ã‘ã®Javascript製 フレームワーク・wink toolkitを触㣠ã¦ã¿ã¾ã—ãŸã€‚動作サンプルãŒè±Šå¯Œ ã§å‰²ã¨å¿œç”¨ã§ããã†ã ã£ãŸã®ã§æ—¥æœ¬ 語ã§ã‚µãƒ³ãƒ—ルを作ã£ã¦ã¿ã¾ã—ãŸã€‚ スマートフォンå‘ã‘ã®Webサイトやãƒã‚¤ãƒ†ã‚£ãƒ–アプリã«ä½¿ãˆãã†ãªJavaScript製ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ã™ã€‚沢山ã®å‹•ä½œã‚µãƒ³ãƒ—ルãŒã‚ã£ã¦ã€å†…容もã¨ã£ã¦ã‚‚分ã‹ã‚Šã‚„ã™ã‹ã£ãŸã®ã§ï¼ˆå®Œå…¨ã§ã¯ãªã„ã‘ã©ï¼‰æ—¥æœ¬èªžã‚µãƒ³ãƒ—ルを作æˆã—ã¦ã¿ã¾ã—ãŸã€‚ スマホå‘ã‘ã®Webアプリ用JavaScript製フレームワークã§ã™ã€‚ 動作サンプルを日本語ã«ã—ãŸã®ã§ãŠæ‰‹æŒã¡ã®iPhoneãªã©ã§ã‚µãƒ³ãƒ—ルを触りãªãŒã‚‰è¨˜äº‹ã‚’èªã‚“ã§ã„ãŸã ã‘ã‚‹ã¨å¬‰ã—ã„ã§ã™ã€‚ [note]ãŠæŒã¡ã§ãªã„å ´åˆã§ã‚‚ã€Safariã§ã”è¦§é ‚ãã¨åŒæ§˜ã®å‹•ä½œç¢ºèªãŒå‡ºæ¥ã¾ã™ã€‚Chromeã§ã‚‚多少確èªå‡ºæ¥ã¾ã—ãŸã€‚ã¾ãŸã€ãƒ‡ãƒ¢å‹•ç”»ã‚‚ã„ãã¤ã‹ã‚ã‚Šã¾ã™ã®ã§å®œ
iPhone 4 ã® CSS を切り替ãˆã‚‹æ–¹æ³•
æºå¸¯é›»è©± (Nokia, Sonye Eicsson, iPhone) ã‚„Macã€å†™çœŸã€å‰ç”°ã‚«ãƒãƒ³ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆåˆ¶ä½œ (HTML5, CSS3) ãªã©ã«ã¤ã„ã¦ã®ãƒ–ãƒã‚° iPhone 4ã¨iPhone 3G/3GSã¨ã§ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’切りæ›ãˆã‚‹æ–¹æ³•ã‚’考ãˆã¦ã¿ã¾ã—ãŸã€‚ iPhone 4ã®ãƒ‡ã‚£ã‚¹ãƒ—レイ解åƒåº¦ã¯å¾“æ¥æ©Ÿã¨æ¯”ã¹ã¦ç¸¦æ¨ªãã‚Œãžã‚Œ2å€ã«ãªã‚Šã¾ã—ãŸãŒã€iPhone 4ã®Safariã§ã¯viewportを従æ¥ã©ãŠã‚Šã€Œwidth=device-widthã€ã¨æŒ‡å®šã—ã¦ã‚‚ã€320×480ピクセルã®ç”»é¢ã‚’2å€ã«æ‹¡å¤§ã—ã¦è¡¨ç¤ºã•ã‚Œã‚‹ãŸã‚ã€ãƒ‡ã‚£ã‚¹ãƒ—レイ解åƒåº¦ã®é•ã„を考慮ã—ãªãã¦ã‚‚ã€å¾“æ¥ã¨åŒæ§˜ã«è¡¨ç¤ºã§ãã¾ã™ã€‚ ã—ã‹ã—ã€ã“ã‚Œã§ã¯ç”»åƒã«ã‚¸ãƒ£ã‚®ãƒ¼ãŒç™ºç”Ÿã—ã¦ã—ã¾ã†ã®ã§ã€iPhone 4を区別ã§ããªã„ã‹ã¨è‰²ã€…探ã£ã¦ã„ãŸã¨ã“ã‚ã€JavaScript（DOM？）ã«ã€Œwindow.devicePixelRatioã€ã¨
Fixed positioning in Mobile Safari | Doctyper
11/16/2010: It’s been a long time since my fixed positioning script was released. I’m very pleased that it was the precursor for much more robust solutions to this problem. Please continue on if you’d like to read through the history of this hack. If you’re looking for a real-world solution please take a look at one of the following, ranked (subjectively) in order of scroll performance: Sencha Tou
iPhone/iPadã«å¯¾å¿œã—ãŸãƒžãƒƒãƒ—/タイル表示ライブラリ·Tile5 MOONGIFT
Tile5ã¯åœ°å›³ãŠã‚ˆã³ã‚¿ã‚¤ãƒ«è¡¨ç¤ºã‚’è¡Œã†iOS用Webサイトå‘ã‘ライブラリ。 [/s2If] Tile5ã¯JavaScript/HTML5製ã®ã‚ªãƒ¼ãƒ—ンソース・ソフトウェア。HTML5を試ã—ã¦ã¿ãŸã„ã¨æ€ã†ãªã‚‰ã°ã€ãƒ¢ãƒã‚¤ãƒ«ã‹ã‚‰é–‹å§‹ã™ã‚‹ã¹ãã ã‚ã†ã€‚ã•ã‚‰ã«è¨€ãˆã°è¡¨ç¤ºé ˜åŸŸã®å¤§ãã„iPadå‘ã‘サイトをHTML5ã§ä½œã£ã¦ã¿ã‚‹ã“ã¨ã‚’ãŠå‹§ã‚ã™ã‚‹ã€‚対象をé™å®šã™ã‚Œã°æ—¢å˜ã‚µã‚¤ãƒˆã¸ä¸Žãˆã‚‹å½±éŸ¿ã‚‚大ãããªã„。 地図表示 iOSå‘ã‘ã®ã‚µã‚¤ãƒˆã‚’開発ã™ã‚‹æ™‚ã«ä¸€ã‹ã‚‰é–‹ç™ºã™ã‚‹å¿…è¦ã¯ãªããªã£ã¦ãã¦ã„る。既ã«å¤šæ•°ã®ãƒ©ã‚¤ãƒ–ラリやテーマãŒå˜åœ¨ã™ã‚‹ã€‚ãれらを必è¦ã«å¿œã˜ã¦ãƒ”ックアップã—ã¦çµ„ã¿åˆã‚ã›ã‚‹ã ã‘ã§ç´ 敵ãªã‚µã‚¤ãƒˆãŒã§ãã‚ãŒã‚‹ã€‚地図や写真を扱ã†ãªã‚‰Tile5を使ã£ã¦ã¿ã‚ˆã†ã€‚ Tile5ã¯ä¸»ã«äºŒã¤ã®æ©Ÿèƒ½ãŒã‚る。一ã¤ã¯åœ°å›³è¡¨ç¤ºã®ãƒ©ã‚¤ãƒ–ラリã 。iPad対応ã«ãªã£ã¦ã„るライブラリã§ã€å·¦å´ã«åœ°å›³ã‚µãƒ¼ãƒ“スã®åˆ‡ã‚Šæ›¿ãˆã‚„機能切り替ãˆãŒè¡Œãˆã‚‹ã€‚ルート表示やピ
iPhoneã®JavaScriptã‚’æ¯è‰¦ã®ãƒ–ラウザã‹ã‚‰ãƒ‡ãƒãƒƒã‚°Â·Peek MOONGIFT
Peekã¯iPhone用ã®ãƒ•ãƒªãƒ¼ã‚¦ã‚§ã‚¢ï¼ˆã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã¯å…¬é–‹ã•ã‚Œã¦ã„る）。iPhoneã§ã¯WebKitをベースã«ã—ãŸMobile SafariãŒWebブラウザã¨ã—ã¦åˆ©ç”¨ã§ãる。Safariã¨ã¯ã„ãˆã€iPhone用ã¨ã‚ã£ã¦ç•°ãªã‚‹å‹•ä½œã‚’ã™ã‚‹éƒ¨åˆ†ã‚‚多ã„。CSSやメタも特別ãªã‚‚ã®ãŒè¿½åŠ ã•ã‚Œã¦ã„る。 アプリを立ã¡ä¸Šã’ãŸæ‰€ ãã®ã‚ˆã†ãªä¸ã§iPhoneå‘ã‘ã®Webアプリケーションを作ã£ã¦ã„ã¦ã‚‚ã€å®Ÿéš›ã«iPhoneã§ä½¿ã£ã¦ã¿ãŸã‚‰å‹•ä½œãŒç•°ãªã‚‹ã¨ã„ã†ã‚±ãƒ¼ã‚¹ã¯å°‘ãªã‹ã‚‰ãšå˜åœ¨ã™ã‚‹ã€‚ã ãŒiPhoneã®å°ã•ãªã€é™ã‚‰ã‚ŒãŸæ©Ÿèƒ½ã§ã¯ãƒ‡ãƒãƒƒã‚°ã‚‚ã¾ã¾ãªã‚‰ãªã„。ãã“ã§ä½¿ã£ã¦ã¿ãŸã„ã®ãŒPeekã 。 Peekã¯iPhoneアプリã¨ã—ã¦æä¾›ã•ã‚Œã‚‹ãŒã€ã‚·ã‚¹ãƒ†ãƒ çš„ã«ã¯ã»ã¼HTML/JavaScriptã§ä½œã‚‰ã‚Œã¦ã‚‹ã€‚アプリを立ã¡ä¸Šã’ãŸã‚‰ã€å¡”ã®ãƒžãƒ¼ã‚¯ã®ã‚¢ã‚¤ã‚³ãƒ³ã‚’タップã™ã‚‹ã€‚ã™ã‚‹ã¨å°‚用ã®WebサーãƒãŒå†…部ã§ç«‹ã¡ä¸ŠãŒã‚Šã€8080番ãƒãƒ¼ãƒˆã§ã‚¢ã‚¯ã‚»ã‚¹ã§
ランã‚ング
ランã‚ング
障害
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://www.iosjs.com/
502 Bad Gateway nginx openresty 133.242.243.6
Google Code Archive - Long-term storage for Google Code Project Hosting.
web20boom/Web-2.0-Touch - GitHub
http://labs.skinkers.com/touchSwipe/
http://www.fakeiphonetext.com/s6ezM
{{#tags}}- {{label}}
{{/tags}}