iPhone/Android/PC 対応。jQuery ã§æ›¸ãタッãƒã‚¤ãƒ™ãƒ³ãƒˆ
ã“ã‚“ã«ã¡ã¯ï¼ãƒ—ãƒãƒ€ã‚¯ãƒˆä¼ç”»æ‹…当ã®æž—ã§ã™ã€‚ 今回ã¯ã€å‰å›žäºˆå‘Šã—ã¦ã„ãŸé€šã‚Šã€ã‚¿ãƒƒãƒã‚¤ãƒ™ãƒ³ãƒˆã«ã¤ã„ã¦æ›¸ã‹ã›ã¦ã„ãŸã ãã¾ã™ã€‚ 他所ã§ã‚‚タッãƒã‚¤ãƒ™ãƒ³ãƒˆã«ã¤ã„ã¦å–り扱ã£ã¦ã„ã¾ã™ãŒã€å½“記事ã§ã®ãƒã‚¤ãƒ³ãƒˆã¯ã€ jQuery を使ã£ã¦ã„る。（jQuery Mobile ã¯ä¸è¦ã§ã™ï¼‰ iOS / Android ã§å‹•ä½œç¢ºèªæ¸ˆã¿ã€‚ タッãƒã§ããªã„ PC ã®å ´åˆã€ãƒžã‚¦ã‚¹ã§å‹•ã。 ã“ã®ï¼“点ã§ã™ã€‚ ã“ã¡ã‚‰ã‚’実際ã«å‹•ä½œã™ã‚‹ã‚³ãƒ¼ãƒ‰ã«ã¦è§£èª¬ã—ã¾ã™ã€‚ 動作確èªç’°å¢ƒ タッãƒç’°å¢ƒ → iPhone / iPad / Android マウス環境 → Sleipnir / IE / Firefox / Google Chrome / Safari / Opera タッãƒã‚¤ãƒ™ãƒ³ãƒˆã«ã¤ã„㦠タッãƒã‚¤ãƒ™ãƒ³ãƒˆã¨ã¯ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãªã©ã§ç”»é¢ã‚’直接指ã§ã‚¿ãƒƒãƒã—ãŸã¨ãã«ç™ºç”Ÿã™ã‚‹ã‚¤ãƒ™ãƒ³ãƒˆã®ã“ã¨ã§ã™ã€‚ イベントã®ç¨®é¡ž touchstart : タッãƒã—
『Webã®ã‚¹ã‚ルã§iPad/iPhoneアプリ風ã®Webアプリ作æˆã®ã¾ã¨ã‚ã€
本を買ã‚ãšã«è§£æ±ºã™ã‚‹Web制作ã®å°æŠ€ ホームページ作æˆã§ã¡ã‚‡ã£ã¨ã—ãŸã“ã¨ã‚’å‚考書を買ã‚ãšã«è§£æ±ºã™ã‚‹æ–¹æ³•ã‚’PHP CSS Webデザイン jQuery Flashã‚’ä¸å¿ƒã«ä¾¿åˆ©ãªæŠ€ã‚’ã¾ã¨ã‚ã¦ã„ãã¾ã™ï¼ç¾åœ¨ã€é•·é‡ŽçœŒé•·é‡Žå¸‚ã®åˆ¶ä½œä¼šç¤¾ã§Web作æˆä¸ï¼ iPhoneã‚„iPadã®ã‚¢ãƒ—リを作りãŸã„ã‘ã©ã€iPhoneアプリåˆå¿ƒè€…ãªã®ã§ 作るã«ã¯Objective-Cを覚ãˆãŸã‚Šç™»éŒ²ã—ãŸã‚ŠãŠé‡‘ã‹ã‹ã£ãŸã‚Šã¨ã‹ iPhoneアプリã®ä½œæˆã«ã¯ãƒãƒ¼ãƒ‰ãƒ«ãŒã¡ã‚‡ã£ã¨é«˜ã„。 ãã“ã§ã€ä»Šã¾ã§ã®Webã®çŸ¥è˜ã‚’æ´»ã‹ã—ã¦ã€Webアプリã«ã—よã†ã¨ æ€ã£ã¦è©¦ã—ã¦ã¿ãŸã€‚ 基本的ãªçŸ¥è˜ã‚’ç†è§£ã—ãªã‘ã‚Œã°ã„ã‘ãªã„ã®ã§ã€è¶…ç°¡å˜ãªWebアプリを作æˆã—ã¦ã¿ãŸã€‚ ã ãŸã€å†™çœŸã‚’100枚表示ã™ã‚‹ã ã‘。 Webアプリã¨å‘¼ã¹ã‚‹ã®ã ã‚ã†ã‹ï¼Ÿ 今回ã¯ã€åŸºæœ¬çš„ãªçŸ¥è˜ã‚’知りãŸã‹ã£ãŸã®ã¨åˆ†ã‹ã‚Šã‚„ã™ã„ã®ã§ Webアプリã¨å‘¼ã¶ã“ã¨ã«ã—ã¾ã™ã€‚ 完æˆã—ãŸã‚‚ã®ã¯ã“ã¡ã‚‰ï¼iPhon
iPadã§HTML5ã§Webアプリを作ã£ã¦ã¿ã¾ã—ãŸã€‚
ã“ã‚“ã°ã‚“ã¯ã€‚LatLongLabã®æ²³åˆï¼ˆ@inuro）ã§ã™ã€‚ よã†ã‚„ãiPadãŒæ—¥æœ¬ã§ã‚‚発売ã•ã‚Œã¾ã—ãŸã。入手ã•ã‚ŒãŸæ–¹ã‚‚ãŸãã•ã‚“ã„らã£ã—ゃるã“ã¨ã‹ã¨æ€ã„ã¾ã™ã€‚ ヤフーã§ã¯ã“ã®iPad国内発売ã«ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã‚’åˆã‚ã›ã€Yahoo!ラボã§ã€Œyubichizã€ã¨ã„ã†iPad専用ã®åœ°å›³Webアプリを公開ã—ã¾ã—ãŸã€‚ Yahoo!ラボ - yubichiz（ゆã³ã¡ãšï¼‰ 詳ã—ã„機能ã¯ãƒªãƒ³ã‚¯å…ˆãƒšãƒ¼ã‚¸ã‚’見ã¦ã„ãŸã ãã¨ã—ã¦ã€ 地図ã«æ›¸ã‹ã‚ŒãŸæ–‡å—（大塚家具ã€ã¨ã‹ç´€ä¼Šåœ‹å±‹æ›¸åº—ã€ã¨ã‹ï¼‰ã‚’タップã™ã‚‹ã ã‘ã§ãã®åº—舗ã®è©³ç´°æƒ…å ±ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ 地図を指ã§ãªãžã‚‹ã ã‘ã§ã€ãªãžã£ãŸãƒ©ã‚¤ãƒ³ã®è·é›¢ã‚’測定ã§ãã¾ã™ åŒæ§˜ã«åœ°å›³ã‚’指ã§ãªãžã‚‹ã ã‘ã§ã€é“沿ã„ã®ãŠåº—を検索ã§ãã¾ã™ ã¨ã„ã£ãŸç‰¹å¾´ãŒã‚ã‚Šã¾ã™ã€‚ ã¾ãŸyubichizã¯ã€App Storeã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã™ã‚‹ã„ã‚ゆる「アプリã€ã§ã¯ãªãã€HTML5を用ã„ã¦iPadã®Safari上ã§å‹•ä½œã™ã‚‹W
iPadã®æ–°è¦æ€§ã¯ã‚¿ãƒ–レットサイズã®ãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ - @masuidrive blog
Photo by -: pranav :- iPadãŒç™ºè¡¨ã•ã‚Œã€ã„ã‚ã„ã‚ãªãƒ¡ãƒ‡ã‚£ã‚¢ã‚„ブãƒã‚°ã§ç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ ãƒãƒ¼ãƒ‰ã‚¦ã‚¨ã‚¢çš„ã«ã¯ç›®ç«‹ã£ãŸã¨ã“ã‚ãŒãªã„ãŸã‚ã€å¤šãã®äººã«å–ã£ã¦ã‚ã¾ã‚Šç›®æ–°ã—ã•ãŒãªãã€æ®‹å¿µã«æ€ã£ãŸäººã‚‚多ã‹ã£ãŸã‚ˆã†ã«æ„Ÿã˜ã¾ã™ã€‚ ç§ãŒiPadã«æœŸå¾…ã™ã‚‹ã¨ã“ã‚ã¯ã€ã‚¿ãƒ–レット型デãƒã‚¤ã‚¹å‘ã‘ã®ã€æ–°ã—ã„ユーザインタフェースã§ã™ã€‚ ã†ã¡ã«ã¯ã€å¯Œå£«é€šè£½ã®WindowsXPã®ãƒ”ュアタブレット(ã‚ーボードãŒç„¡ãペンã ã‘ã§æ“作ã™ã‚‹ã‚¿ã‚¤ãƒ—)ãŒã‚ã‚Šã¾ã™ã€‚ ã¡ã‚‡ã£ã¨é‡ã„ã®ã§ã™ãŒæ¦‚ã便利ã§ã€å¸ƒå›£ã‚„å±…é–“ã§ãƒãƒƒãƒˆã‚’ã™ã‚‹ã¨ãã«ä½¿ã£ã¦ã„ã¾ã™ã€‚ ã—ã‹ã—ã€æ™®é€šã®Windowsアプリケーションã¯ã€ãƒžã‚¦ã‚¹ã§ã®æ“作をå‰æã«ã—ã¦ã„ã‚‹ã®ã§ã€ä½™ã‚Šä½¿ã„ã‚„ã™ãã‚ã‚Šã¾ã›ã‚“。 普通ã¯ã€Firefoxã‚’èµ·å‹•ã—ã£ã±ãªã—ã«ã—ã¦ã„ã‚‹ã®ã§ã™ãŒã€ã„ãã¤ã‹ã‚¢ãƒ‰ã‚ªãƒ³ã‚’入れã¦ã€ã•ã‚‰ã«è‡ªä½œã®ã‚¢ãƒ‰ã‚ªãƒ³ã‚‚使ã£ã¦ã„ã¾ã™ã€‚ iPhoneãŒæˆåŠŸã—ãŸä¸€ã¤ã®è¦å› ã«ã€OSXã®
「手作り〠- Apple iPad : 404 Blog Not Found
2010å¹´01月28æ—¥09:00 カテゴリiTech 「手作り〠- Apple iPad 「ãªã«ã“ã®iPod Fat〠ã¨ã€ã“ã®å†™çœŸã‚’見ã¦æ„Ÿã˜ãŸäººã‚‚å°‘ãªããªã„ã®ã§ã¯ãªã„ã ã‚ã†ã‹ã€‚ ãã—ã¦å®Ÿæ³ä¸ç¶™ã‚’見ã¦ã„ãŸäººã¯ã€ã‚‚ã£ã¨å¼·ããれを感ã˜ãŸã®ã§ã¯ãªã„ã ã‚ã†ã‹ã€‚ ç§ã‚‚ãã†æ„Ÿã˜ãŸã€‚ ã“ã®ãƒ“デオを見るã¾ã§ã¯ã€‚ スリムãªiPhoneã¨æ¯”ã¹ã¦ã€ãªã‚“ã¦æ¨ªå¹…ãŒåºƒã„ã‚“ã ã‚ã†ã€‚ æž ãŽã‚ŠãŽã‚Šã¾ã§ç”»é¢ãŒã‚ã‚‹iPhoneã¨æ¯”ã¹ã¦ã€ãªã‚“ã¦ãµã¡ãŒåºƒã„ã‚“ã ã‚ã†ã€‚ 手ã®ã²ã‚‰ã«åŽã¾ã‚‹iPhoneã¨æ¯”ã¹ã¦ã€ãªã‚“ã¦ã†ã™ã‚‰ã§ã‹ã„ã‚“ã ã‚ã†ã€‚ æ£ç›´ã€ã‹ã£ã“ã‚ã‚‹ãã? 実ã¯ã“ã‚Œã€iPadã®ã€ŒçœŸã®å§¿ã€ã§ã¯ãªã„ã®ã 。 ãã“ã«ã‚ãªãŸã®æ‰‹ãŒåŠ ã‚ã£ã¦ã€ã¯ã˜ã‚ã¦iPadã¯iPadã¨ãªã‚‹ã€‚ Jobã®ãƒ—レゼンã§ãƒ”ンã¨ã“ãªã‹ã£ãŸã®ã¯ã€ãã“ã«äººã®æ‰‹ãŒãªã‹ã£ãŸã‹ã‚‰ã 。スクリーンã«ã¯iPadãŒå¤§å†™ã—。大写ã—ã¯ã„ã„ã‘ã©ã€ãŠã‹ã’ã§å®Ÿéš›ã«ã©ã‚Œãらã„ã®å¤§ãã•ãŒã©ã‚Œãらã„ã‹
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
iPadpapers.com - penultimate paper templates
http://tenderlovingcode.com/blog/web-apps/html5-canvas-drawing-on-ipad/
{{#tags}}- {{label}}
{{/tags}}