スマートフォンå‘ã‘サイトã®ä½œã‚Šæ–¹ | ユージック
スマートフォンå‘ã‘サイトã®ä½œã‚Šæ–¹ 2011å¹´1月22æ—¥ iPhoneã¨Android両方ã«å¯¾å¿œã™ã‚‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘サイトã®ä½œã‚Šæ–¹ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ スマートフォンå‘ã‘サイト作æˆã«ã‚ãŸã£ã¦ã®åŸºæœ¬æ¦‚è¦ ã¾ãšæœ€åˆã«ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘サイトを作æˆã™ã‚‹éš›ã«æ°—ã«ãªã‚‹ç‚¹ã¯ç”»åƒã®æ‰±ã„ã ã£ãŸã‚Šã™ã‚‹ã¨æ€ã„ã¾ã™ã€‚ 横幅ã§ã™ãŒã€è§£åƒåº¦ã¯æ©Ÿç¨®ã«ã‚ˆã£ã¦æ§˜ã€…ã§ã™ãŒã€ç¸¦å‘ãã§320px～640pxã€æ¨ªå‘ãã§480px～960pxãŒä¸»æµã¨ãªã‚Šã¾ã™ã€‚ 標準ã¨ãªã‚‹ã‚‚ã®ã‚’è¨ã‘ã‚‹ã¨ãªã‚‹ã¨ã€320px(横)/480px（縦）を標準ã¨ã—ã¦è‰¯ã„ã‹ãªã¨æ€ã„ã¾ã™ã€‚ ※iPhone4ã€4Sã¯640px/960pxã®è§£åƒåº¦ã§ã™ãŒã€å†…部解åƒåº¦ã§320px/480pxã¨è§£é‡ˆã—ã¦ãれるãŸã‚。 ã§ã™ã®ã§ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã«è¦‹ã›ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã‚«ãƒ³ãƒ—ãªã©ã‚’作æˆã™ã‚‹éš›ã‚‚縦を標準ã¨ã™ã‚‹éš›ã¯320px（横）ã§ä½œæˆã™ã‚Œã°å•é¡Œãªã„ã¨ã„ãˆã¾ã™ãŒã€iPhone4ã€4Sã‚„An
JavaScriptエンジニアå‘ã‘ï¼ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§å‹•ãブラウザゲームã®ä½œã‚Šæ–¹
自己紹介 ã©ã‚‚。KAYACã§JS書ã„ã¦ã‚‹@kyo_agoã§ã™ 去年（2011年）ã¯SVG Girl（SVG女å）ã¨ã‹ã€HTML5花ç«å¤§ä¼šï¼ˆã®ãƒ™ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ï¼‰ã¨ã‹ã€HTML5実力テスト（ã®JSå•é¡Œï¼‰ã¨ã‹ã€www.kayac.comã®JS書ã„ãŸã‚Šã¨ã‹ã€html5ã¨ã‹å‹‰å¼·ä¼šã§è©±ã—ãŸã‚Šã¨ã‹ã—ã¦ã¾ã—ãŸã€‚ 最近ã¯ã‚¹ãƒžãƒ›ç’°å¢ƒã§è‰²ã€…JS書ã„ã¦ã¾ã™
スマフォã®HTML5環境å‘ã‘ã«ä½œã‚‰ã‚ŒãŸjQueryライクãªè»½é‡ãƒ•ãƒ¬ãƒ¼ãƒ ワーク・jQ.Mobiã®æ—¥æœ¬èªžã‚µãƒ³ãƒ—ル作ã£ãŸ - ã‹ã¡ã³ã¨.net
ãªã‹ãªã‹è‰¯ã•ãã†ã ã£ãŸã®ã§å‚™å¿˜éŒ²ã€‚iOSã‚„Androidãªã©ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§ã®HTML5環境ã«åˆã‚ã›ã¦ä½œã‚‰ã‚ŒãŸè»½é‡ãƒ¢ãƒã‚¤ãƒ«ãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ã™ã€‚jQuery互æ›ãªã®ã§æ…£ã‚Œã¦ã‚‹æ–¹ã¯ä½¿ã„方もã™ãã«è¦šãˆã‚‰ã‚Œã‚‹ã¨æ€ã„ã¾ã™ã€‚特ã«è»½é‡ãªã®ãŒå¬‰ã—ã„ã§ã™ã。 ç¾çŠ¶ã€jQueryを使ã†ã®ã§ã‚ã‚Œã°ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«ã¯jQuery Mobileã¨ã„ã†é¸æŠžè‚¢ã¨ãªã‚Šã¾ã™ãŒã€ã‚„ã¯ã‚Šãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºãŒæ°—ã«ãªã‚Šã¾ã™ã€‚ãã“ã§ã€jQueryã‚’ãªã‚“ã¨ã‹è»½é‡ã«ä½¿ãŠã†ã€ã¨ã„ã†å‹•ããŒå°‘ã—目立ã£ã¦ãã¾ã—ãŸã€‚ 例ãˆã°zepto.js。ãŒãã†ã§ã™ã—ã€jquipã¨ã„ã†ã€ç›®çš„ã«åˆã‚ã›ã¦jQueryを細分ã€ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«åŒ–ã™ã‚‹ãƒ©ã‚¤ãƒ–ラリãªã©ã‚‚ã‚ã‚Šã¾ã™ã€‚ jQ.Mobiã‚‚ãã®ä¸€ã¤ã§ã€jQueryã£ã½ã使ãˆã‚‹HTML5環境ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘軽é‡ãƒ©ã‚¤ãƒ–ラリã§ã™ã€‚ 用途を絞るã“ã¨ã§è»½é‡åŒ–ã§ãã‚‹ã€ã£ã¦äº‹ã§ã™ã‹ã？ã“ã†ã„ã†å‹•ãã¯å€‹äººçš„ã«æ“è¿Žã§ã™ã‘ã©ã€å•é¡Œã¯æ´¾ç”Ÿãƒ©
WordPressã®ãƒ†ãƒ¼ãƒžã‚’変更ã—ã¦ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚’作æˆã€‚Media Queriesã¨ã©ã£ã¡ãŒã„ã„ã®ï¼Ÿ
WordPressã®ãƒ†ãƒ¼ãƒžã‚’変更ã—ã¦ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚’作æˆã€‚Media Queriesã¨ã©ã£ã¡ãŒã„ã„ã®ï¼Ÿ 2013å¹´3月23æ—¥ Webサイト制作, Wordpress, スマートフォン 以å‰ã€ŒWebサイトをiPhoneã§è¦‹ã‚„ã™ãã™ã‚‹5ã¤ã®æ–¹æ³•ã€ã¨ã„ã†è¨˜äº‹ã§Webサイトをスマートフォンã«å¯¾å¿œã•ã›ã‚‹æ–¹æ³•ã‚’紹介ã—ã¾ã—ãŸã€‚当時ã¯ãã“ã§ç´¹ä»‹ã—ã¦ã„ã‚‹Mobifyã¨ã„ã†ã‚µãƒ¼ãƒ“スã§ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«å¯¾å¿œã•ã›ã¦ã„ãŸã®ã§ã™ãŒã€JavaScriptãŒä½¿ãˆãªã„ã®ã§ã€ãƒªãƒ‡ã‚¶ã‚¤ãƒ³ã‚’期ã«åˆ¥ã®æ–¹æ³•ã§ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«å¯¾å¿œã•ã›ã‚‹äº‹ã«ã—ã¾ã—ãŸã€‚タイトルã«ã‚ã‚‹ã¨ãŠã‚Šã€WordPressã®ãƒ†ãƒ¼ãƒžã‚’変更ã™ã‚‹æ–¹æ³•ã¨CSS Media Queriesを使ã£ãŸæ–¹æ³•ã®ï¼’通りを試ã—ãŸã®ã§ã€ãã®æ¯”較ã«ã¤ã„ã¦ã‚‚書ã„ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ ↑ç§ãŒ10年以上利用ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ æœ€åˆã«è©¦ã—ãŸæ–¹æ³•ã¯CSSã®Media Queries（メディア クエ
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
タッãƒãƒ‡ãƒã‚¤ã‚¹å¯¾å¿œã€HTML5ã§æ§‹ç¯‰ã—ãŸWebサイトå‘ã‘ã®UI用フレームワーク・Kendo UI - ã‹ã¡ã³ã¨.net
HTML5製ã®Webサイトå‘ã‘UI専用㮠フレームワーク・Kendo UIã®ã”紹介。 iPhoneãªã©ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚„ã€iPad ãªã©ã‚¿ãƒ–レットデãƒã‚¤ã‚¹ã«ã‚‚対応ã—ãŸWeb サイトã®UIè¨è¨ˆç”¨ã«ä½œã‚‰ã‚ŒãŸã‚ˆã†ã§ã™ã€‚ 使ã„ã‚„ã™ã„ã‹ã©ã†ã‹ã¯ãŠã„ã¦ãŠã„ã¦ã€ ã¡ã‚‡ã£ã¨è¦‹ã‹ã‘ãªã„ã®ã§ãƒ¡ãƒ¢ã€‚ Kendo UIã¯HTML5ã¨css3ã€JavaScriptã§æ§‹ç¯‰ã•ã‚ŒãŸWebサイトå‘ã‘ã®UIフレームワークã§ã™ã€‚メニューやテーブルã€ã‚¿ãƒ–ã€ãƒ‰ãƒ©ãƒƒã‚°&ドãƒãƒƒãƒ—コンテンツãªã©ã‚ˆã見ã‹ã‘るインターフェースãŒã‚»ãƒƒãƒˆã«ãªã£ã¦ã„ã¾ã™ã‚ˆã€‚ @ub_pnrã®Postã§çŸ¥ã‚Šã¾ã—ãŸã€‚ã„ã„æƒ…å ±æµã—ã¦ãれるã®ã§åŠ©ã‹ã‚Šã¾ã™ã€‚ スマートフォンやタブレットã«ã‚‚ã„ã„ã§ã™ã。以å‰Ninja UIãªã‚“ã¦ã‚ã‚Šã¾ã—ãŸã‘ã©ã€ä»Šåº¦ã¯å‰£é“ã§ã™ã€‚ãªã‚“ã§ã‚‚「HTML開発者ã®åˆ€ã¨ã—ã¦ä½¿ã£ã¦æ¬²ã—ã„ã€ã®ã ã¨ã‹ã€‚煎茶（Sencha）ã¨ã‹ç›¸æ’²ï¼ˆSumo）ã¨ã‹åŒæ§˜ã€ãªã‚“ã ã‹
スマホ用JavaScriptフレームワーク5ã¤ï¼‹1ã‚’å¾¹åº•ç ”ç©¶ï¼ˆ1/5） - ï¼ IT
スマホ用JavaScriptフレームワーク5㤠＋1ã‚’å¾¹åº•ç ”ç©¶ jQuery Mobileã€iUIã€jQTouch〠Sencha Touchã€Wink toolkitã€PhoneGapã¨ã¯ ã‚¢ã‚·ã‚¢ãƒ«æ ªå¼ä¼šç¤¾ 鴨田å¥æ¬¡ 2011/6/22 スマートフォンå‘ã‘JavaScriptフレームワークï¼ãƒ©ã‚¤ãƒ–ラリを使ã†ã¨ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚¢ãƒ—リã£ã½ã„見ãŸç›®ã®ãƒšãƒ¼ã‚¸ãƒ‡ã‚¶ã‚¤ãƒ³ã€UI（ユーザーインターフェイス）パーツやページé·ç§»ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ç°¡å˜ã«å®Ÿè£…ã§ãã¾ã™ã€‚多ãã¯ã€ãŠã®ãŠã®ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã®ãƒ«ãƒ¼ãƒ«ã«ã®ã£ã¨ã£ãŸHTMLを書ãã“ã¨ã§ã€ãれらã®æ©Ÿèƒ½ã‚’実ç¾ã—ã¾ã™ã€‚ 本稿ã§ã¯ã€jQuery Mobileã‚’ç†é ã¨ã—ã¦ã€ã„ãã¤ã‹ç™ºè¡¨ã•ã‚Œã¦ã„るスマートフォンサイトå‘ã‘JavaScriptフレームワークを紹介ã—ã¾ã™ã€‚ â– PCサイトå‘ã‘JavaScriptフレームワークã«ã¤ã„㦠PCサイトå‘ã‘JavaScriptフレー
考察：Appleã¯ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã‚’作らãªã„。
今ã¾ã§æ°—ã¥ã‹ãšã«ã„ãŸãŒã€Appleã¯ã‚¹ãƒžãƒ›(スマートフォン)å‘ã‘サイトを作ã£ã¦ã„ãªã„。ãã‚Œã¯ä½•æ•…ã‹ã€‚ 予算ãŒãªã„ã¨ã‹ã€(ã©ã“ãžã®ãƒ¡ãƒ¼ã‚«ãƒ¼ã¨é•ã£ã¦)ウェブデザインや自社製å“ã«ã¤ã„ã¦ã®ç†è§£åº¦ãŒä½Žã„ã¨ã‹ã€ãŠãらããã†ã„ã£ãŸãƒã‚¬ãƒ†ã‚£ãƒ–ãªç†ç”±ã§ã¯ãªã„。Appleã®ã‚¦ã‚§ãƒ–サイトã«ã¯ã€è‡ªç¤¾ã®ãƒ—ãƒãƒ€ã‚¯ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã«é€šã˜ã‚‹ä¸»å¼µãŒè¡¨ç¾ã•ã‚Œã¦ã„る。 Mobile Safari ã®UIデザインã®æœ¬è³ªã‚’垣間見るウェブデザイン 自社ã®ãƒ—ãƒãƒ€ã‚¯ãƒˆ(ã“ã“ã§ã¯ç‰¹ã«Mobile Safari)ã®UIデザインãŒã€ä½•ã‚’ç†æƒ³ã¨ã—ã¦ã€ã©ã†èª¿æ•´ã•ã‚Œã¦ããŸã®ã‹ã€ã“ã®ã‚µã‚¤ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‹ã‚‰èªã¿å–ã‚‹ã“ã¨ãŒã§ãる。 Appleã®ã‚¦ã‚§ãƒ–サイトã®è£å´ã‚’ã¡ã‚‡ã£ã¨ã ã‘覗ã„ã¦ã¿ã‚‹ã¨ã€viewport ã« width=1024 ãŒè¨˜è¿°ã•ã‚Œã¦ã„る。ã“ã‚Œã¯ã€iPhoneã®å°ã•ãªç”»é¢ã§ã‚‚1024px分ã®å¹…ãŒã‚ã‚‹ã‚‚ã®ã¨ä»®æƒ³ã—ã¦ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã•ã‚Œã‚‹ã‚ˆã†ã«ã™ã‚‹ã€å‘ªæ–‡ã®ã‚ˆã†
スマートフォンサイトをデザインã™ã‚‹ä¸Šã§çŸ¥ã£ã¦ãŠãã¹ã10ã®TIPS
スマートフォンサイトをデザインã™ã‚‹ä¸Šã§çŸ¥ã£ã¦ãŠãã¹ã10ã®TIPS iPhoneã‚„Androidã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ä»•æ§˜ã‚’知らãªã„ã‘ã©ãƒ‡ã‚¶ã‚¤ãƒ³ã—ãªãã¡ã‚ƒã„ã‘ãªããªã£ãŸã¨ã„ã†ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã•ã‚“ã«çŸ¥ã£ã¦ãŠã„ã¦ã‚‚らã„ãŸã„10(+1)ã®TIPSã§ã™ã€‚ 1.実機ã§ç¢ºèªã™ã‚‹ 当ãŸã‚Šå‰ã®ã“ã¨ã§ã™ãŒä½œæˆã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã‚’実機ã§ç¢ºèªã—ã¦ä¸‹ã•ã„。スマートフォンã¨PCã§ã¯ç›®ã‹ã‚‰ã®è·é›¢ã‚„DPIãŒé•ã„ã¾ã™ã®ã§ã€PCã§ã¯å分ã«è¦‹ã‚ŒãŸã‹ã‚‰ã¨ã„ã£ã¦å®Ÿæ©Ÿã§ç¢ºèªã™ã‚‹ã¨æ–‡å—ãŒå°ã•ã™ãŽã‚‹ã“ã¨ãªã©ãŒã‚ˆãã‚ã‚Šã¾ã™ã€‚書ãã ã—ãŸJPGã‚’FTPã§ã‚¢ãƒƒãƒ—ã—ã¦ç¢ºèªã—ã¦ã‚‚ã„ã„ã§ã™ã—ã€ãƒ¡ãƒ¼ãƒ«ã§ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«é€ã£ã¦ç¢ºèªã—ã¦ã‚‚ã„ã„ã§ã™ã€‚個人的ã«ã¯Dropboxã§è»¢é€ã™ã‚‹ã®ãŒæ‰‹è»½ã§ãŠã™ã™ã‚ã§ã™ã€‚ 2.横幅ã¯320pxã‚‚ã—ãã¯640pxã§ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ スマートフォンã§ã¯åŸºæœ¬æ¨ªå¹…ãŒ320pxã§è¡¨ç¤ºã•ã‚Œã‚‹ã®ã§ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹éš›ã‚‚320pxã§ãƒ‡ã‚¶ã‚¤ãƒ³ã—ã¾ã—ょã†ã€‚ãŸã ã€Re
Coffeescriptã§ã¯ã˜ã‚るスマートフォンアプリ開発·Titanium Coffeescript Hello MOONGIFT
Titanium Coffeescript Helloã¯Cofeescriptã‚’Titanium用JavaScriptã«å¤‰æ›ã™ã‚‹ãƒ‡ãƒ¢ã‚¢ãƒ—リ。 Titanium Coffeescript Helloã¯Coffeescript製ã®ãƒ•ãƒªãƒ¼ã‚¦ã‚§ã‚¢ï¼ˆã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã¯å…¬é–‹ã•ã‚Œã¦ã„る）。JavaScriptã¯ä»Šã§ã¯Webブラウザã€iOS/Androidå‘ã‘アプリ（Titanium）ã€ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ï¼ˆnode.js）ã¨å¹…広ã„環境ã§å‹•ä½œã™ã‚‹ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã«ãªã£ã¦ã„る。 デモアプリ 柔軟ãªè¨€èªžä»•æ§˜ã«ãªã‚Œã‚‹ã¨ã¨ã¦ã‚‚書ãã‚„ã™ã„ã®ã ãŒã€ãã‚Œã§ã‚‚冗長的ãªæ›¸ãæ–¹ãŒå«Œã„ã ã¨ã„ã†äººã¯å°‘ãªããªã„。ãã†ã—ãŸäººãŸã¡ã«iOSアプリ開発ã®æ™‚ã«è§¦ã£ã¦ã¿ã¦ã»ã—ã„ã®ãŒTitanium Coffeescript Helloã 。 Titanium Coffeescript Helloã¯Titaniumã®é–‹ç™ºã«Coffeescriptを使ã£ã¦ã—
fladdict » スマホã®UI考 〜 ボタンã«ã¤ã„ã¦
SuperPopCamã¨ã‹ä½œã£ãŸã¨ãã«ã€ä½“系的ãªè³‡æ–™æ¬²ã—ã„ãªãーã¨ã‹æ€ã£ã¦ãŸã“ã¨ã®ã¾ã¨ã‚。 色々ã¨è‡ªåˆ†ã®ä¸ã®è€ƒãˆã‚’ã¾ã¨ã‚ã‚‹ãŸã‚ã®ãƒ¡ãƒ¢ã€‚世ã®ä¸ã®ã‚¢ãƒ—リã¯æ©Ÿèƒ½ã‚’åŠåˆ†ã«ã—ã¦ã€æ¸›ã£ãŸäºˆç®—分をUIã®ç·´ã‚Šè¾¼ã¿ã«ã¤ãŽè¾¼ã‚“ã æ–¹ãŒçµ¶å¯¾ã‚ˆã„アプリã«ãªã‚‹ã¨æ€ã†ã€‚ 書ã„ã¦ã‚‹ä½œæ¥ãŒä¸€ç•ªè€ƒãˆã¾ã¨ã¾ã‚‹ã®ã§ã€ã¡ã‚‡ã¼ã¡ã‚‡ã¼ã‚ã’ã¦ã„ã“ã†ã‹ã¨ã€ã¾ãšã¯ãƒœã‚¿ãƒ³ã‹ã‚‰ã€‚ 指ã®å¤§ãã•ã®åˆ¶ç´„ã‚’å—ã‘ã‚‹ ・Webã¨ã‚¹ãƒžãƒ›ã‚’比較ã—ãŸå ´åˆã€æœ€å¤§ã®é•ã„。 ・ピクセルå˜ä½ã§ã‚¯ãƒªãƒƒã‚¯ä½ç½®ã‚’制御ã§ãるマウスãƒã‚¤ãƒ³ã‚¿ã¨é•ã„ã€æŒ‡ã¯å¤§é›‘把ã«ã—ã‹ã‚¿ãƒƒãƒ—ä½ç½®ã‚’指定ã§ããªã„。 ・ã“ã®ãŸã‚Appleã¯ãƒœã‚¿ãƒ³ã®æœ€å°ã‚µã‚¤ã‚ºã¨ã—ã¦44pxã¨ã„ã†ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‚’作ã£ã¦ã„る。 ・視覚的ã«44px以下ã®ãƒœã‚¿ãƒ³ã‚‚実際ã®ãƒ’ットエリアã¯å¤§ãã‚ã«ã™ã‚‹ã€‚ ・ã¾ãŸã“ã‚Œã«ç•™ã¾ã‚‰ãšã€ãƒœã‚¿ãƒ³ã¨ãƒœã‚¿ãƒ³ã®é–“ã®ãƒžãƒ¼ã‚¸ãƒ³ã¯ç©ºã‘られるã ã‘空ã‘ãŸæ–¹ãŒå®‰å…¨ã€‚ ・ã¤ã¾ã‚‹ã¨ã“ã‚「カッãƒãƒªã€ã¤ã‚ãŸãƒœã‚¿ãƒ³ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ã‚°ãƒ©
HTML5 vs ãƒã‚¤ãƒ†ã‚£ãƒ–。モãƒã‚¤ãƒ«ã‚¢ãƒ—リã¯ã©ã¡ã‚‰ã§é–‹ç™ºã™ã‚‹ã¹ã？（å‰ç·¨ï¼‰ Google I/O 2011
HTML5 vs ãƒã‚¤ãƒ†ã‚£ãƒ–。モãƒã‚¤ãƒ«ã‚¢ãƒ—リã¯ã©ã¡ã‚‰ã§é–‹ç™ºã™ã‚‹ã¹ã？（å‰ç·¨ï¼‰ Google I/O 2011 モãƒã‚¤ãƒ«ã‚¢ãƒ—リケーションを開発ã™ã‚‹æ–¹æ³•ã¨ã—ã¦ã€Javaã‚„C/C++ãªã©ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã¨SDKを用ã„ã¦ãƒã‚¤ãƒ†ã‚£ãƒ–アプリケーションã¨ã—ã¦é–‹ç™ºã™ã‚‹æ–¹æ³•ä»¥å¤–ã«ã€HTML5/CSS/JavaScriptを用ã„ã¦é–‹ç™ºã™ã‚‹æ–¹æ³•ãŒç™»å ´ã—ã¦ãã¦ã„ã¾ã™ã€‚ ã“ã®2ã¤ã®ã‚¢ãƒ—リケーション開発ã«ã¯ã©ã®ã‚ˆã†ãªé•ã„や利点ãŒã‚ã‚‹ã®ã§ã—ょã†ã‹ï¼Ÿ Androidã‚’é¡Œæã«ã—ã¦è§£èª¬ã—ãŸã‚»ãƒƒã‚·ãƒ§ãƒ³ã€ŒHTML5 versus Android: Apps or Web for Mobile Development?ã€ãŒã‚¤ãƒ™ãƒ³ãƒˆGoogle I/O 2011ã§è¡Œã‚ã‚Œã¾ã—ãŸã€‚ HTML5ã§ãƒ¢ãƒã‚¤ãƒ«é–‹ç™ºã‚’è¡Œã†åˆ©ç‚¹ Reto Meieræ°ï¼ˆå·¦ï¼‰ã€Michael Mahemoffæ°ï¼ˆå³ï¼‰ã€‚
jQuery Mobile使用時ã«ã‚ˆã使ã†ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã§æ—¥æœ¬èªžã‚µãƒ³ãƒ—ルを作ã£ãŸã®ã§é…布ã—ã¾ã™ - ã‹ã¡ã³ã¨.net
ç°¡å˜ãªã‚‚ã®ã§ã™ã‘ã©ã€jQuery Mobile ã§ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—時ã«ã‚ˆã使ã†ã£ã½ã„ UIã®ã‚µãƒ³ãƒ—ル作ã£ãŸã®ã§é…布ã—ã¾ã™ã€‚ ç°¡å˜ãªãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆä»£ã‚ã‚Šã«ãªã‚‹ã®ã§ã¯ ç„¡ã„ã‹ã¨æ€ã£ãŸã®ã§ã‚·ã‚§ã‚¢ã—ã¦ã¿ã‚ˆã† ã‹ã¨ã€‚良ã‹ã£ãŸã‚‰ä½¿ã£ã¦ãã ã•ã„。 ã¨ã„ã†ã®ã‚‚ã€JQMã®æ—¥æœ¬èªžã‚µãƒ³ãƒ—ルã®é…布先を見ã‹ã‘ãªã‹ã£ãŸã®ã§ã€ãªã‹ãªã‹ãŠå›°ã‚Šã®æ–¹ã‚‚ã„らã£ã—ゃるんã˜ã‚ƒãªã„ã‹ãªã¨ã€‚調ã¹ã‚‹ã®é¢å€’ã§ã™ã—ã€æ‰‹å…ƒã«ã‚µãƒ³ãƒ—ルコードã‚ã£ãŸã»ã†ãŒä½•ã‹ã¨ä¾¿åˆ©ã§ã™ã‚ˆã。 ã¨ã„ã†ã‚ã‘ã§ã€ä»¥å‰ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—サンプルã®è¨˜äº‹æ›¸ã„ãŸã¨ãã«ä½œã£ãŸã‚µãƒ³ãƒ—ルサイトã«æ‰‹ã‚’åŠ ãˆãŸç‰©ã‚’丸ã”ã¨é…布ã—ã¾ã™ã€‚ æµçŸ³ã«ã‹ãªã‚Šå‡ºã¦ã‚‹ã®ã§ä»Šæ›´èª¬æ˜Žä¸è¦ã‹ã‚‚ã§ã™ã‘ã©ã€ã–ã£ãり説明ã™ã‚‹ã¨Webサイトをスマフォå‘ã‘ã«ç°¡å˜ã«å‡ºæ¥ã‚‹jQueryプラグインã§ã™ã€‚ 以下ã®ã‚µãƒ³ãƒ—ルã§ä½¿ç”¨ã—ã¦ã„るファイルãŒä¸¸ã”ã¨æ¢±åŒ…ã—ã¦ã‚ã‚Šã¾ã™ã€‚ サンプル※別窓 ã„ã¡ãŠã†ã‚ャプãƒãƒ£ã€‚ 目次 サムãƒã‚¤ãƒ«ä»˜ãã®ã‚µãƒ³ãƒ—ルã¨
jQuery Mobileã¨ã¯â€•â€•ã‚¹ãƒžãƒ›æ™‚代ã®åˆ°æ¥ã¨Web制作 (1/3)
「jQuery Mobileã€ã¯ã€ãƒ¢ãƒã‚¤ãƒ«Webアプリケーションやスマートフォンサイトã®æ§‹ç¯‰ã§ã„ã¾ã‚‚ã£ã¨ã‚‚注目ã•ã‚Œã¦ã„るフレームワークã§ã™ã€‚jQuery Mobileを使ãˆã°ã€iPhone/Androidã‚’ã¯ã˜ã‚ã€ã•ã¾ã–ã¾ãªã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ãƒ–ラウザーã«å¯¾å¿œã—ãŸã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚’手軽ã«åˆ¶ä½œã§ãã¾ã™ã€‚ jQuery Mobileを使ã£ãŸã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆåˆ¶ä½œã®åŸºæœ¬ã‹ã‚‰å®Ÿè·µçš„ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¾ã§ã€ãƒ™ã‚¹ãƒˆã‚»ãƒ©ãƒ¼ã€ŒWeb制作ã®ç¾å ´ã§ä½¿ã† jQueryデザイン入門ã€ï¼ˆWeb Professional Books）ã®è‘—者・西畑一馬ã•ã‚“ãŒè§£èª¬ã—ã¾ã™ã€‚（編集部） 「jQuery Mobileã€ã¯ã€ãƒ¢ãƒã‚¤ãƒ«Webアプリケーションやスマートフォンサイトã®æ§‹ç¯‰ã§ã„ã¾ã‚‚ã£ã¨ã‚‚注目ã•ã‚Œã¦ã„るフレームワークã§ã™ã€‚jQuery Mobileを使ãˆã°ã€iPhone/Androidã‚’ã¯ã˜ã‚ã€ã•ã¾ã–ã¾ãªã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ãƒ–ラウザーã«å¯¾
1時間ã§æºå¸¯ã‚µã‚¤ãƒˆã‚’スマートフォン対応ã«ã™ã‚‹æ–¹æ³• | GREE Engineering
åˆã‚ã¦ã®æŠ•ç¨¿ã¨ãªã‚Šã¾ã™ã€‚エンジニアã®matsuã§ã™ã€‚ æºå¸¯å‘ã‘ウェブサイトを1時間ã§ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã™ã‚‹æ–¹æ³•ã‚’紹介ã—ã¾ã™ã€‚ æ¦‚è¦ 2011å¹´4月7æ—¥ã®ãƒ‹ãƒ¥ãƒ¼ã‚¹ã«ã¦æºå¸¯é›»è©±ã®æ–°è¦å¥‘ç´„æ•°ã®ã†ã¡ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãŒå ã‚る割åˆãŒ50%を越ãˆã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãŒæœ¬æ ¼çš„ã«æ™®åŠã™ã‚‹å…†ã—ãŒè¦‹ãˆã¦ãã¾ã—ãŸã€‚ ç¾åœ¨ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘サイトを新è¦æ§‹ç¯‰ã™ã‚‹ãŸã‚ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã¯æ•°å¤šã出ã¦ã„ã¾ã™ãŒã€æ—¢å˜ã®æºå¸¯ã‚µã‚¤ãƒˆã‚’スマートフォンã«æœ€é©åŒ–ã™ã‚‹æ–¹æ³•ãŒã‚ã¾ã‚Šç´¹ä»‹ã•ã‚Œã¦ã„ãªã„ã®ã§ã“ã®è¨˜äº‹ã§ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã“ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’è¡Œã†ã¨ä»¥ä¸‹ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ 実装 全部ã§8ステップã‚ã‚Šã¾ã™ã€‚ ã“ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã§ã¯ãƒ–ãƒã‚°ã®ãƒˆãƒƒãƒ—ページを例ã«ã¨ã£ã¦èª¬æ˜Žã—ã¾ã™ã€‚ å‰åŠã§ã¯æ–‡å—コードã®å¤‰æ›´ã€HTMLã®å¤‰æ›´ã¨ã„ã£ãŸæ§‹é€ を変更ã—ã¾ã™ã€‚後åŠã§ã¯çµµæ–‡å—ã‚„æ–‡å—スタイルを行ã„ã€ä»•ä¸Šã’ã¨ã—ã¦HTML5ã®ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’è¡Œã£ã¦ã„ãã¾ã™ã€‚最åˆ
Adapt.js - Adaptive CSS
What is this? Adapt.js is a lightweight (820 bytes minified) JavaScript file that determines which CSS file to load before the browser renders a page. If the browser tilts or resizes, Adapt.js simply checks its width, and serves only the CSS that is needed, when it is needed. A potential drawback of Adapt.js is the possibility of a brief flash of unstyled content as a new stylesheet is being fetch
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://phone-size.com/
Good night, Posterous
HisasAnn.com is for sale | HugeDomains
css3ã®Media Queriesã§ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚„iPadç‰ã®æ§˜ã€…ãªãƒ‡ãƒã‚¤ã‚¹ã«å¯¾å¿œæ¸ˆã¿ã®WordPressテーマã„ã‚ã„ã‚ - ã‹ã¡ã³ã¨.net
{{#tags}}- {{label}}
{{/tags}}