http://designaholic.cc/2011/02/post-82.html
スマホサイト：Webアプリモードã§æ„外ã¨æ›¸ã‹ã‚Œã¦ã„ãªã„è½ã¨ã—ç©´ - Kaleidoscope
ã¡ã‚‡ã£ã¨ä»Šå›žã¯ã¾ã‚知è˜çš„ãªå†…容ã§ã™ã€‚ 最近ã€ã€ŒiPhoneã§Webアプリを作æˆã€ã¨ã„ã£ãŸè¨˜äº‹ã‚’よã見ã‹ã‘ã¾ã™ã€‚ （jQuery Mobileãªã©ã‚’利用ã—ãŸé–‹ç™ºæ–¹æ³•ã¯ç½®ã„ã¨ã„ã¦ï¼‰ HTML5+CSS3+JavaScriptã§ä¸€ã‹ã‚‰ä½œæˆã™ã‚‹æ–¹æ³•ã«ã¤ã„ã¦ã€æ„外ã¨è‚心ãªæ³¨æ„点ãŒæŠœã‘ã¦ã‚‹ã‚ˆã†ã«æ€ã„ã¾ã™ã€‚ ã¨ãã«ã€ã‚ˆãmetaタグを使ã£ãŸã€ŒWebアプリモード（フルスクリーンモード）ã€ã«ã™ã‚‹æ–¹æ³•ãŒæ›¸ã‹ã‚Œã¦ã„ãŸã‚Šã—ã¾ã™ã€‚ <meta name="apple-mobile-web-app-capable" content="yes" /> ã“れをやるã¨ã€URLãƒãƒ¼ã¨ã‹ãŒç„¡ããªã£ã¦ã€ã‚µã‚¤ãƒˆãŒãƒã‚¤ãƒ†ã‚£ãƒ–アプリã£ã½ããªã£ã¦ã‹ã£ã“ã„ã„ã‚“ã§ã™ã‚ˆã。 ã“ã‚Œã§ã€ã‚µã‚¤ãƒˆã‚’アプリã£ã½ã見ã›ã‚‰ã‚Œã‚‹ï¼ã£ã¦ã¡ã‚‡ã£ã¨èˆˆå¥®ã—ã¡ã‚ƒã„ã¾ã™ã‚ˆã。 ãŸã ã€ã“ã‚Œã£ã¦æ„外ãªè½ã¨ã—ç©´ãŒã‚ã‚‹ã‚“ã§ã™(￣▽￣;) 今回ã¯ã€åƒ•ãŒçŸ¥ã£ã¦ã‚‹å¤§ããªï¼’ã¤ã®æ³¨æ„点を
ãŸã£ãŸ6è¡Œã§Webサイトã®UIをガラッã¨å¤‰ãˆã‚‹
「ã“ã‚“ãªé•·ã„Webページã€ã¾ã£ãŸãèªã‚€æ°—ãŒã—ãªã„ã€ã€‚Webサイトを閲覧ã—ã¦ã„ã¦ã“ã‚“ãªçµŒé¨“ã‚’ã—ãŸã“ã¨ã¯èª°ã—ã‚‚ã‚ã‚‹ã®ã§ã¯ãªã„ã ã‚ã†ã‹ã€‚一方ã§ã€Webサイトを作るå´ã«ã¨ã£ã¦ã¯ã€ã©ã“ã¾ã§ã‚’1ページã«ã¾ã¨ã‚ã‚‹ã‹ã¯å¸¸ã«æ‚©ã‚€ã¨ã“ã‚ã ã¨æ€ã†ã€‚é•·ã„ã‹ã‚‰ã¨ã„ã£ã¦ã‚€ã‚„ã¿ã«ãƒšãƒ¼ã‚¸ãŒåˆ†å‰²ã•ã‚Œã¦ã„ã‚‹ã®ã‚‚考ãˆã‚‚ã®ã§ã€ä»Šåº¦ã¯ã€Œæ¬¡ã®ãƒšãƒ¼ã‚¸ã¸ã€ãƒœã‚¿ãƒ³ã‚’クリックã™ã‚‹ã®ãŒé¢å€’ã«ãªã‚Šã€ã‚¹ãƒˆãƒ¬ã‚¹ãŒãŸã¾ã‚‹ã€‚ CogniTom Academic DesignãŒä½œã£ãŸã€Œbookreader.jsã€ã¯ã€ãã‚“ãªæ‚©ã¿ã‚’解決ã—ã¦ãれるã‹ã‚‚ã—ã‚Œãªã„。bookreaderã¯ã€æœ¬ã‚„雑誌をã‚ãるよã†ãªæ„Ÿè¦šã§ã€Webページã®æœ¬æ–‡ã‚’横ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã›ã‚‹JavaScriptライブラリã 。 「bookreader.jsã€ã®Webサイト。サイト自体ãŒbookreader.jsを使ã£ãŸãƒ‡ãƒ¢ã‚µã‚¤ãƒˆã‚’å…¼ãã¦ã„る。ä¸å¤®ã«ã‚ã‚‹ [<] [>] をクリックã™ã‚‹ã¨1ページãšã¤ã€
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
User Heat : ã©ã“ãŒèªã¾ã‚Œã¦ã„ã‚‹ã‹è¦‹ãˆã‚‹ï¼ç„¡æ–™ãƒ’ートマップ・ツール
{{#tags}}- {{label}}
{{/tags}}