1時間ã§æºå¸¯ã‚µã‚¤ãƒˆã‚’スマートフォン対応ã«ã™ã‚‹æ–¹æ³• | GREE Engineeringåˆã‚ã¦ã®æŠ•ç¨¿ã¨ãªã‚Šã¾ã™ã€‚エンジニアã®matsuã§ã™ã€‚ æºå¸¯å‘ã‘ウェブサイトを1時間ã§ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã™ã‚‹æ–¹æ³•ã‚’紹介ã—ã¾ã™ã€‚ æ¦‚è¦ 2011å¹´4月7æ—¥ã®ãƒ‹ãƒ¥ãƒ¼ã‚¹ã«ã¦æºå¸¯é›»è©±ã®æ–°è¦å¥‘ç´„æ•°ã®ã†ã¡ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãŒå ã‚る割åˆãŒ50%を越ãˆã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãŒæœ¬æ ¼çš„ã«æ™®åŠã™ã‚‹å…†ã—ãŒè¦‹ãˆã¦ãã¾ã—ãŸã€‚ ç¾åœ¨ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘サイトを新è¦æ§‹ç¯‰ã™ã‚‹ãŸã‚ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã¯æ•°å¤šã出ã¦ã„ã¾ã™ãŒã€æ—¢å˜ã®æºå¸¯ã‚µã‚¤ãƒˆã‚’スマートフォンã«æœ€é©åŒ–ã™ã‚‹æ–¹æ³•ãŒã‚ã¾ã‚Šç´¹ä»‹ã•ã‚Œã¦ã„ãªã„ã®ã§ã“ã®è¨˜äº‹ã§ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã“ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’è¡Œã†ã¨ä»¥ä¸‹ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ 実装 全部ã§8ステップã‚ã‚Šã¾ã™ã€‚ ã“ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã§ã¯ãƒ–ãƒã‚°ã®ãƒˆãƒƒãƒ—ページを例ã«ã¨ã£ã¦èª¬æ˜Žã—ã¾ã™ã€‚ å‰åŠã§ã¯æ–‡å—コードã®å¤‰æ›´ã€HTMLã®å¤‰æ›´ã¨ã„ã£ãŸæ§‹é€ を変更ã—ã¾ã™ã€‚後åŠã§ã¯çµµæ–‡å—ã‚„æ–‡å—スタイルを行ã„ã€ä»•ä¸Šã’ã¨ã—ã¦HTML5ã®ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’è¡Œã£ã¦ã„ãã¾ã™ã€‚最åˆ
PCやモãƒã‚¤ãƒ«ãªã©ç•°ãªã‚‹ç”»é¢ã‚µã‚¤ã‚ºã«å¯¾å¿œã—ãŸã‚¦ã‚§ãƒ–デザイン集 -Media Queries
モãƒã‚¤ãƒ«é–‹ç™ºã«æ¬ ã‹ã›ãªã„テストツール14é¸
スマートフォンサイトé‹ç”¨ã¨ä»Šå¾Œã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¸‚å ´ã®å±•æœ› : LINE Corporation ディレクターブãƒã‚°
MdN Design｜ç·åˆæƒ…å ±ã‚µã‚¤ãƒˆ
ã„ã¾ã‹ã‚‰ã§ã‚‚é…ããªã„ï¼ ã‚±ãƒ¼ã‚¿ã‚¤ãƒ‡ã‚¶ã‚¤ãƒ³ã®åŸºç¤Žå›ºã‚
ウノウラボ Unoh Labs: iモードブラウザ 2.0ã¾ã¨ã‚
モãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³é›†ã®ãƒ¢ãƒã‚¤ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¢ãƒ¼ã‚«ã‚¤ãƒ–　公å¼ã‚µã‚¤ãƒˆ
10分ã§ã§ãã‚‹Movable Typeケータイ対応法 (1/2)
{{#tags}}- {{label}}
{{/tags}}