[B! ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³] ryoatnetã®ãƒ

ryoatnet id:ryoatnet

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«é–¢ã™ã‚‹ryoatnetã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (21)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

ã‚¢ãƒƒãƒ—ãƒ«ã¨ã‚°ãƒ¼ã‚°ãƒ«ã®ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã«å¦ã¶ã‚¹ãƒžãƒ›Webãƒ‡ã‚¶ã‚¤ãƒ³ã®è¦ç‚¹ï¼ˆã‚¹ãƒ©ã‚¤ãƒ‰ä»˜ï¼‰ | ãƒ™ã‚¤ã‚¸ã®ç¤¾é•·ãƒ–ãƒã‚°
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã•ã›ã‚‹Webã‚µã‚¤ãƒˆãŒæ€¥å¢—ã—ã¦ã„ã¾ã™ã€‚ã—ã‹ã—ã€ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ãŒå°ã•ãã‚¿ãƒƒãƒæ“ä½œãŒãƒ¡ã‚¤ãƒ³ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§ã¯ã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—å‘ã‘Webã‚µã‚¤ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã§åŸ¹ã£ãŸãƒŽã‚¦ãƒã‚¦ã®å¤šããŒé€šç”¨ã—ã¾ã›ã‚“ã€‚ã“ã®ã‚ˆã†ãªæ™‚ä»£ã«ãŠã‘ã‚‹ã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ãªãƒ‡ã‚¶ã‚¤ãƒ³ãƒ«ãƒ¼ãƒ«ã‚’å¦ã¶ãŸã‚ã«ã€å¼Šç¤¾ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®è’ç ‚ã‚’ä¸å¿ƒã«ã€AppleãŒå…¬é–‹ã—ã¦ã„ã‚‹iOS Human Interface Guidelineã¨ã€GoogleãŒå…¬é–‹ã—ã¦ã„ã‚‹Material Design Guidelineã®æ¯”è¼ƒã‚’è¡Œã„ã¾ã—ãŸã€‚ï¼ˆä»¥é™ã€ä¸¡è€…ã‚’ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã¨ç•¥ã—ã¾ã™ï¼‰ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã®Webã‚µã‚¤ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’è€ƒãˆã‚‹ä¸Šã§ã€ã‚¢ãƒ—ãƒªã®UIãƒ‡ã‚¶ã‚¤ãƒ³ã®å®šçŸ³ã‚’çŸ¥ã‚‹ã“ã¨ã¯é‡è¦ã§ã™ã€‚ãªãœãªã‚‰ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«ãŠã„ã¦ã¯Webã‚µã‚¤ãƒˆã‚’ãƒ–ãƒ©ã‚¦ã‚ºã™ã‚‹æ©Ÿä¼šã¯14ï¼…ã—ã‹ãªãï¼ˆcomScoreèª¿æŸ»ï¼2014ï¼‰ã€å¤šãã®æ™‚é–“ã‚’ã‚¢ãƒ—ãƒªã®ä¸ã§éŽã”ã—ã¦ã„ã‚‹ãŸã‚ã§ã™ã€‚ã•ã‚‰ã«ãƒ¦ãƒ¼ã‚¶ã¯ã€Œã“ã‚Œã¯
ryoatnet 2015/07/08
Web

Webã‚µã‚¤ãƒˆ

ãƒ‡ã‚¶ã‚¤ãƒ³

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³

Android

iOS
ãƒªãƒ³ã‚¯
ãƒ¢ãƒã‚¤ãƒ«SEOã«å½¹ç«‹ã¤Googleç´”æ£ãƒ„ãƒ¼ãƒ«Ã—5
[å¯¾è±¡: åˆã€œä¸ç´š] ã“ã®è¨˜äº‹ã§ã¯ã€ãƒ¢ãƒã‚¤ãƒ«å‘ã‘ã‚µã‚¤ãƒˆã®ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã‚„ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ã®å‘ä¸Šã«å½¹ç«‹ã¤ã€GoogleãŒæä¾›ã™ã‚‹å…¬å¼ãƒ„ãƒ¼ãƒ«ã‚’5ã¤ç´¹ä»‹ã—ã¾ã™ã€‚ Chrome PageSpeed Insights Mobile-Friendly Test Fetch as Google ãƒ¢ãƒã‚¤ãƒ«ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ ãƒ¬ãƒãƒ¼ãƒˆ é †ã«èª¬æ˜Žã—ã¾ã™ã€‚ Chrome Google Chromeã®ã€Œãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ ãƒ„ãƒ¼ãƒ«ã€ã§ã¯ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç«¯æœ«ã§è¦‹ãŸã¨ãã®ãã®ãƒšãƒ¼ã‚¸ã®è¡¨ç¤ºã‚’ã‚¨ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã§ãã¾ã™ã€‚ ã€Œãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ ãƒ„ãƒ¼ãƒ«ã€ã¯æ¬¡ã®æ‰‹é †ã§èµ·å‹•ã—ã¾ã™ã€‚ [Google Chromeã®è¨å®š]ï¼ˆå³ä¸Šã®3æœ¬ãƒãƒ¼ï¼‰ âˆ’ [ãã®ä»–ã®ãƒ„ãƒ¼ãƒ«] âˆ’ [ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ ãƒ„ãƒ¼ãƒ«] Ctrl + Shift + i (Windows) / Cmd + Opt + i (Mac) ã‚¹ãƒžãƒ›ã‚’è¡¨ã™ã‚¢ã‚¤ã‚³ãƒ³ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã‚¹ãƒžãƒ›ã§ã®è¡¨ç¤ºãƒ¢
ryoatnet 2014/12/01
ãƒ¢ãƒã‚¤ãƒ«

ãƒ„ãƒ¼ãƒ«

google

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

SEO
ãƒªãƒ³ã‚¯
å•†ç”¨åˆ©ç”¨ç„¡æ–™ã€ä»Šæ™‚ã®ã‚¹ãƒžãƒ•ã‚©ã‚¢ãƒ—ãƒªç”¨ã®ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ç´ æ -App Wireframes Kit
ã‚¹ãƒžãƒ•ã‚©ã‚¢ãƒ—ãƒªç”¨ã®ã•ã¾ã–ã¾ãªUIã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆãŒç”¨æ„ã•ã‚ŒãŸãƒ™ã‚¯ã‚¿ãƒ¼ãƒ™ãƒ¼ã‚¹ã®ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ç´ æã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ App Wireframes Kit ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ç´ æã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã¯ã€2ç¨®é¡žã€‚ .psd .ai ã©ã¡ã‚‰ã‚‚ãƒ™ã‚¯ã‚¿ãƒ¼ãƒ™ãƒ¼ã‚¹ã§ä½œã‚‰ã‚Œã¦ã„ã‚‹ã®ã§ã€ã‚µã‚¤ã‚ºå¤‰æ›´ã‚„ã‚«ãƒ©ãƒ¼å¤‰æ›´ãªã©ã‚‚ç°¡å˜ã«ã§ãã¾ã™ã€‚ App Wireframes Kitã«ã¯ã€ã‚¹ãƒžãƒ•ã‚©ã‚¢ãƒ—ãƒªç”¨ã®ã•ã¾ã–ã¾ãªã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒåŽã‚ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ ç´ æã®åˆ©ç”¨ã«ã‚ãŸã£ã¦ã¯ãƒã‚¤ãƒ¤ãƒªãƒ†ã‚£ãƒ•ãƒªãƒ¼ã§ã€å€‹äººã§ã‚‚å•†ç”¨ã§ã‚‚ç„¡æ–™ã§åˆ©ç”¨ã§ãã‚‹ã€ã¨ã®ã“ã¨ã§ã™ã€‚è©³ã—ãã¯ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ãƒ•ã‚¡ã‚¤ãƒ«ã®ã€ŒLicense.txtã€ã‚’ã”è¦§ãã ã•ã„ã€‚ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¯ãƒšãƒ¼ã‚¸ã®ä¸‹ã®æ–¹ã‹ã‚‰ã§ã™ã€‚
ryoatnet 2014/03/19
ç´ æ

ãƒ‡ã‚¶ã‚¤ãƒ³

ui

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ›ã‚¢ãƒ—ãƒªå“è³ªã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ | mixi-inc.github.io by mixi-inc
ã“ã®ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã«ã¤ã„ã¦ ã“ã®ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã¯æ—¢å˜ã®ã‚¢ãƒ—ãƒªã‚„ãƒ¬ãƒ“ãƒ¥ãƒ¼ç‰ã‚’å‚è€ƒã«ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒæœŸå¾…ã™ã‚‹ã§ã‚ã‚ã†çŠ¶æ…‹ã‚’ã¾ã¨ã‚ãŸã‚‚ã®ã§ã™ã€‚ ã‚¢ãƒ—ãƒªã®é–‹ç™ºã«é–¢ã‚ã£ã¦ã„ã‚‹æ–¹ãŸã¡ãŒæ—¥ã€…ã®å‹•ä½œç¢ºèªã‚’å®Ÿæ–½ã™ã‚‹ä¸ã§ã€ã“ã†ã„ã£ãŸç‚¹ã«æ°—ä»˜ã„ã¦ã»ã—ã„ã€ã¨ã„ã†ãƒã‚§ãƒƒã‚¯ãƒªã‚¹ãƒˆã«ãªã£ã¦ã„ã¾ã™ã€‚ â€»é …ç›®ã®ä¸ã«ã¯OSã‚„ç«¯æœ«ã«ä¾å˜ã™ã‚‹éƒ¨åˆ†ã‚‚å«ã¾ã‚Œã¾ã™ã€‚ ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« åˆå›žã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ãŒå•é¡Œãªãå®Œäº†ã™ã‚‹ã“ã¨ æ—¢ã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã•ã‚Œã¦ã„ã‚‹å ´åˆã€ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆãŒå•é¡Œãªãå®Œäº†ã™ã‚‹ã“ã¨ è¨˜éŒ²ãƒ¡ãƒ‡ã‚£ã‚¢å¯¾å¿œ(Android) ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«å¾Œã€è¨˜éŒ²ãƒ¡ãƒ‡ã‚£ã‚¢ã¸ã‚¢ãƒ—ãƒªãŒç§»å‹•ã§ãã‚‹ã“ã¨ãŒæœ›ã¾ã—ã„ â€»ä½†ã—ã€è¨˜éŒ²ãƒ¡ãƒ‡ã‚£ã‚¢ã¸ã‚¢ãƒ—ãƒªã‚’ç§»å‹•ã—ãŸå ´åˆã€ä¸€éƒ¨ã®æ©Ÿèƒ½ãŒåˆ¶é™ã•ã‚Œã‚‹(ã¯ãš)â†ãƒ›ãƒ¼ãƒ ã®ã‚¦ã‚£ã‚¸ã‚§ãƒƒãƒˆç‰ èµ·å‹• æœ¬ä½“ã«ä¿å˜ã—ã¦ã„ã‚‹ã‚¢ãƒ—ãƒªãŒæ£å¸¸ã«èµ·å‹•ã§ãã‚‹ã“ã¨ è¨˜éŒ²ãƒ¡ãƒ‡ã‚£ã‚¢ã¸ç§»å‹•ã—ã¦ã„ã‚‹ã‚¢ãƒ—ãƒªãŒæ£å¸¸ã«èµ·å‹•ã§ãã‚‹ã“ã¨ ãƒã‚°ã‚¤ãƒ³ åˆå›žã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«å¾Œ ç™»éŒ²æ¸ˆã¿ã‚¢ã‚«ã‚¦ãƒ³ãƒˆã§åˆ©
ryoatnet 2014/03/07
ã‚¢ãƒ—ãƒª

ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³

ios

é–‹ç™º

android

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³
ãƒªãƒ³ã‚¯
ã•ã‚‰ã°Wi-Fiãƒ«ãƒ¼ã‚¿ãƒ¼ï¼ã‚¹ãƒžãƒ›ã®ã€ŒBluetoothãƒ†ã‚¶ãƒªãƒ³ã‚°ã€ã¨ã¯ï¼Ÿãã®è¨å®šæ–¹æ³•ã‚’è§£èª¬ã€‚ - ã™ã¾ã»ã‚“!!
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®æ–°å¸¸è˜ï¼Ÿ ã€Œãƒ†ã‚¶ãƒªãƒ³ã‚°ã€ã‚’ã™ã‚‹ãªã‚‰ã€æ–ç„¶ã€ŒBluetoothãƒ†ã‚¶ãƒªãƒ³ã‚°ã€ãŒãŠã™ã™ã‚ã§ã™ã€‚ãã®ç†ç”±ã¨ã€æŽ¥ç¶šæ–¹æ³•ã‚’è§£èª¬ã—ã¾ã™ã€‚ï¼ˆã“ã®è¨˜äº‹ã¯2017å¹´5æœˆ23æ—¥ã«ä¸€éƒ¨å†…å®¹ã‚’åŠ ç†ã—ã¾ã—ãŸï¼‰ æ¦‚å¿µèª¬æ˜Ž ãƒ†ã‚¶ãƒªãƒ³ã‚°ã¨ã¯ ä»¥å‰ã¯ã€ãƒŽãƒ¼ãƒˆPCã‚„ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆç«¯æœ«ã‚’æŒã¡æ©ããªã‚‰ã€ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆæŽ¥ç¶šã®ãŸã‚ã«ã€ŒWi-Fi ãƒ«ãƒ¼ã‚¿ãƒ¼ã€ã‚’æŒã¡æ©ã„ã¦ã„ãŸäººã‚‚å¤šã‹ã£ãŸã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ ã—ã‹ã—æœ€è¿‘ã§ã¯ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®æ™®åŠã«å¾“ã„ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«æ¨™æº–æè¼‰ã•ã‚Œã¦ã„ã‚‹ã€Œãƒ†ã‚¶ãƒªãƒ³ã‚°ã€æ©Ÿèƒ½ã‚’æ´»ç”¨ã™ã‚‹äººãŒå¢—ãˆã¦ã„ã¾ã™ã€‚ã“ã‚Œã¯ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚’ã€ŒWi-Fi ãƒ«ãƒ¼ã‚¿ãƒ¼ã€åŒ–ã—ã€å¥½ããªæºå¸¯ç«¯æœ«ã‚’ã€ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã«æŽ¥ç¶šã§ãã‚‹ã¨ã„ã†æ©Ÿèƒ½ã§ã™ã€‚ ãƒ†ã‚¶ãƒªãƒ³ã‚°ï¼ˆè‹±: tetheringï¼‰ã¨ã¯ã€é€šä¿¡ç«¯æœ«ã‚’å†…è”µã—ãŸãƒ¢ãƒã‚¤ãƒ«ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ã‚¿ï¼ˆæºå¸¯é›»è©±å›žç·šã«æŽ¥ç¶šã•ã‚ŒãŸã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãªã©ï¼‰ã‚’å¤–ä»˜ã‘ãƒ¢ãƒ‡ãƒ ã®ã‚ˆã†ã«ç”¨ã„ã¦ã€ä»–ã®ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ã‚¿ãƒ¼ç‰ã‚’ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒ
ryoatnet 2014/02/04
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

android

ios

ãƒ†ã‚¶ãƒªãƒ³ã‚°

tips

Bluetooth

Wi-Fi
ãƒªãƒ³ã‚¯
http://case-mobile-design.com/smartphonetoukei/
ryoatnet 2014/01/31
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

android

Apple

google

å‚è€ƒ

ios
ãƒªãƒ³ã‚¯
dfltweb1.onamae.com â€“ ã“ã®ãƒ‰ãƒ¡ã‚¤ãƒ³ã¯ãŠåå‰.comã§å–å¾—ã•ã‚Œã¦ã„ã¾ã™ã€‚
ã“ã®ãƒ‰ãƒ¡ã‚¤ãƒ³ã¯ã€ãŠåå‰.comã§å–å¾—ã•ã‚Œã¦ã„ã¾ã™ã€‚ ãŠåå‰.comã®ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã¸ Copyright Â© 2020 GMO Internet, Inc. All Rights Reserved.
ryoatnet 2013/11/13
æŠ€è¡“

ã‚¢ãƒ—ãƒª

ã¾ã¨ã‚

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³
ãƒªãƒ³ã‚¯
GoogleãŒMotorolaã‚’è²·ã£ãŸç†ç”±ã¯ã“ã‚Œã‹ï¼Ÿ ã‚ªãƒ¼ãƒ—ãƒ³ãªçµ„ã¿ç«‹ã¦å¼ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãƒ»ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã€ŒAraã€ç™ºè¡¨ã€€ãƒãƒ¼ãƒ‰ã‚¦ã‚§ã‚¢ç‰ˆAndroidã‚’ç›®æŒ‡ã™
GoogleãŒMotorolaã‚’è²·ã£ãŸç†ç”±ã¯ã“ã‚Œã‹ï¼Ÿ ã‚ªãƒ¼ãƒ—ãƒ³ãªçµ„ã¿ç«‹ã¦å¼ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãƒ»ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã€ŒAraã€ç™ºè¡¨ã€€ãƒãƒ¼ãƒ‰ã‚¦ã‚§ã‚¢ç‰ˆAndroidã‚’ç›®æŒ‡ã™ ç±³Motorolaã¯28æ—¥ï¼ˆç¾åœ°æ™‚é–“ï¼‰ã€çµ„ã¿ç«‹ã¦å¼ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãƒ»ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã€ŒAraã€ã‚’ç™ºè¡¨ã—ãŸã€‚ ã‚ã‚‰ç°¡å˜â€¦å‹•ç”»ã§åˆ†ã‹ã‚‹çµ„ã¿ç«‹ã¦å¼ã‚¹ãƒžãƒ›ã€ŒAraã€ã®ä½œã‚Šæ–¹ Motorolaã«ã‚ˆã‚Œã°ã€ã“ã®Araã¯ã€ŒAndroidãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ãŒã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã«å¯¾ã—ã¦æˆã—ãŸã“ã¨ã‚’ã€ãƒãƒ¼ãƒ‰ã‚¦ã‚§ã‚¢ã«å¯¾ã—ã¦ã‚‚æˆã™ã€ãŸã‚ã®ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã¨ãªã‚‹ã€‚ã‚µãƒ¼ãƒ‰ãƒ‘ãƒ¼ãƒ†ã‚£è£½ãƒãƒ¼ãƒ‰ã‚¦ã‚§ã‚¢ã‚’ã‚µãƒãƒ¼ãƒˆã—ã€æ–°ãŸãªã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãƒ»ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã‚’å‰µã‚Šã ã™è¨ˆç”»ã ã€‚ ã“ã®ã‚¨ã‚³ã‚·ã‚¹ãƒ†ãƒ ã«ãŠã„ã¦ã€ãƒ¦ãƒ¼ã‚¶ã¯è‡ªç”±ã«ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ãƒ—ãƒã‚»ãƒƒã‚µãƒ¼ã‚„ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ãªã©ã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚’çµ„ã¿åˆã‚ã›ã‚‹ã“ã¨ãŒã§ãã‚‹ã‚ˆã†ã«ãªã‚‹ã€‚é–‹ç™ºè€…ã«ã¨ã£ã¦ã¯ã€ãƒãƒ¼ãƒ‰ã‚¦ã‚§ã‚¢é–‹ç™ºã«å¯¾ã™ã‚‹å‚å…¥éšœå£ã‚’ä¸‹ã’ã€æŠ€è¡“é©æ–°ã®ãƒšãƒ¼ã‚¹ã‚’
ryoatnet 2013/10/30
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

google

mobile

smartphone

Motorola

ãƒãƒ¼ãƒ‰ã‚¦ã‚§ã‚¢

ara
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã®UIã§ã‚ˆãä½¿ã†ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ãƒªã‚¹ãƒˆè¡¨ç¤ºã¾ã¨ã‚ï¼“ï¼“ã‚µã‚¤ãƒˆ ï½œ iPhoneãƒ‡ã‚¶ã‚¤ãƒ³ãƒœãƒƒã‚¯ã‚¹
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã¨ãã«ãƒ˜ãƒƒãƒ€ãƒ¼ã«ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚¢ã‚¤ã‚³ãƒ³ã‚’è¨ç½®ã—ã¦ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãƒªã‚¹ãƒˆãŒã§ã‚‹ã‚ˆã†ã«ã™ã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®è¡¨ç¤ºã®ä»•æ–¹ã‚„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯è‰²ã€…ã‚ã‚‹ã®ã§ã¾ã¨ã‚ã¾ã—ãŸã€‚æœ€è¿‘ã¯ã€æµè¡Œã‚Šï¼Ÿãªã®ã‹Facebookã®ã‚¢ãƒ—ãƒªã‚ˆã†ã«æ¨ªã‹ã‚‰å‡ºã¦ãã‚‹ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒå¤šã„ã§ã™ã€‚
ryoatnet 2013/10/03
ui

ã¾ã¨ã‚

ã‚¢ãƒ—ãƒª

ãƒ‡ã‚¶ã‚¤ãƒ³

WEBãƒ‡ã‚¶ã‚¤ãƒ³

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã®UIã‚’å‡¦ç†ç³»çµ±ã§ã¾ã¨ã‚ãŸã€ŽUX Archiveã€ | 100SHIKI
ã“ã‚Œã¯å‚è€ƒã«ã—ãŸã„ã€ã¨ã„ã†æ„å‘³ã§ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€‚ UX Archiveã§ã¯ã€ç§€é€¸ãªãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã®UIã‚’ã¾ã¨ã‚ã¦ã„ã‚‹ã€‚ ãƒ¦ãƒ‹ãƒ¼ã‚¯ãªã®ã¯å‡¦ç†ç³»çµ±ã”ã¨ã«ã¾ã¨ã‚ã‚‰ã‚Œã¦ã„ã‚‹ç‚¹ã§ã€Œã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰å‡¦ç†ã®UIã€ã€Œå‰Šé™¤å‡¦ç†ã®UIã€ã€Œç™»éŒ²å‡¦ç†ã®UIã€ã¨ã„ã£ãŸããã‚Šã§è¦‹ã¦ã„ãã“ã¨ãŒã§ãã‚‹ã€‚ ã¾ãŸã‚¢ãƒ—ãƒªã”ã¨ã«ã‚‚æ¤œç´¢ã§ãã‚‹ã®ã§ã€æ°—ã«ãªã‚‹ã‚¢ãƒ—ãƒªã®UIã‚’ã¾ã¨ã‚ã¦ã¿ãŸã„å ´åˆã«ã‚‚ä¾¿åˆ©ã ã‚ã†ã€‚ ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã¯UIãŒå¤§äº‹ãªã®ã§ã€è¦šãˆã¦ãŠã„ã¦ã‚‚æã¯ãªã„ã‹ã‚‚ã§ã™ãªã€‚
ryoatnet 2013/09/26
ui

UX

ã¾ã¨ã‚

ã‚¢ãƒ—ãƒª

design

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³
ãƒªãƒ³ã‚¯
ã€Œãªãœãã®ï½‰ï¼°ï½ˆï½ï½Žï½…ï¼•ï½ƒã€ã€€çˆ¶è¦ªã‚’æ®´ã£ãŸæ¯åã‚’é€®æ•
è¥¿ä¸–ç”°è°·ç½²ã¯ï¼’ï¼æ—¥ã€çˆ¶è¦ªã‚’é‹åˆ©ãªã‚‚ã®ã§åˆ‡ã‚Šä»˜ã‘ãŸã¨ã—ã¦ã€åŒå±…ã®æ¯åï¼ˆï¼’ï¼“ï¼‰ã‚’å‚·å®³ã®ç¾è¡ŒçŠ¯ã§é€®æ•ã—ãŸã€‚çˆ¶è¦ªã¯é éƒ¨ã‚’ç¸«ã†å…¨æ²»ï¼“æ—¥ç¨‹åº¦ã®ã‘ãŒã‚’è² ã£ãŸã€‚çŠ¯è¡Œã®å‹•æ©Ÿã«ã¤ã„ã¦æ¯åã¯ã€Œçˆ¶ã®é¸åˆ¥çœ¼ã«çµ¶æœ›ã—ãŸã€ã¨è©±ã—ã¦ã„ã‚‹ã€‚ è¥¿ä¸–ç”°è°·ç½²ã«ã‚ˆã‚‹ã¨ã€é€®æ•ã•ã‚ŒãŸæ¯åã¯ï¼’ï¼æ—¥ç™ºå£²ã®æ–°åž‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã€Œï½‰ï¼°ï½ˆï½ï½Žï½…ï¼•ï½ƒã€ã®ãƒ›ãƒ¯ã‚¤ãƒˆã‚’ç™ºå£²æ—¥ã«æ‰‹ã«å…¥ã‚Œã‚‹ã‚ˆã†çˆ¶è¦ªã«ä¾é ¼ã€‚ä»Šå›žã‹ã‚‰ï¼®ï¼´ï¼´ãƒ‰ã‚³ãƒ¢ã‚‚ã€Œï½‰ï¼°ï½ˆï½ï½Žï½…ï¼•ï½“ã€ã¨ã€Œï½‰ï¼°ï½ˆï½ï½Žï½…ï¼•ï½ƒã€ä¸¡æ©Ÿç¨®ã®è²©å£²ã«å‚å…¥ã—ãŸãŒã€ã™ã§ã«å‚å…¥æ¸ˆã¿ã®ï½ï½•ã€ã‚½ãƒ•ãƒˆãƒãƒ³ã‚¯ã‚’å«ã‚ãŸï¼“ç¤¾ã™ã¹ã¦ãŒäº‹å‰äºˆç´„ã‚’å—ã‘ä»˜ã‘ãªã‹ã£ãŸãŸã‚ã€å„ç¤¾ã®æ——è‰¦åº—ã«ã¯ç™ºå£²å‰ã‹ã‚‰è¡Œåˆ—ãŒã§ãã¦ã„ãŸã€‚ äºˆç´„ä¸å¯ã§ã‚ã‚‹ã“ã¨ã‚’çŸ¥ã£ãŸçˆ¶è¦ªã¯ã€ç™ºå£²æ—¥å‰æ—¥ã®ï¼‘ï¼™æ—¥å¤œã€ä¼šç¤¾ã®éƒ¨ä¸‹ï¼’äººã«ãã‚Œãžã‚Œï½ï½•ã¨ã‚½ãƒ•ãƒˆãƒãƒ³ã‚¯å‰ã«ä¸¦ã¶ã‚ˆã†æŒ‡ç¤ºã€‚è‡ªèº«ã¯ãƒ‰ã‚³ãƒ¢ã‚·ãƒ§ãƒƒãƒ—ä¸¸ã®å†…åº—ã«ä¸¦ã‚“ã§ä¸€å¤œã‚’éŽã”ã—ãŸã€‚ã¾ãŸå½“æ—¥ã€æ——è‰¦åº—ã§ã¯ç™ºå£²è¨˜å¿µã‚¤ãƒ™ãƒ³ãƒˆã¨ã—ã¦å„ç¤¾ç¤¾é•·ã¨å¥³å„ªãŒæ¥åº—ã™ã‚‹ã“ã¨
ryoatnet 2013/09/20
ãƒã‚¿

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

iPhone

å‰›åŠ›å½©èŠ½

è™šæ§‹æ–°èž
ãƒªãƒ³ã‚¯
OSã€ãƒ–ãƒ©ã‚¦ã‚¶åˆ¤å®šã‚’ã—ã¦CSSãƒãƒƒã‚¯ã‚’å€‹åˆ¥è¨å®šã§ãã‚‹js[CSS Browser Selector] | brown crown blog
1æœˆ 24th, 2013 ã‚¹ãƒžãƒ›å‹¢åŠ›ãŒå‹¢ã„ã‚’å¢—ã—ã¦ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œãŒæ¨™æº–ã«ãªã‚Šã¤ã¤ã‚ã‚‹ä»Šæ—¥ã“ã®é ƒã€‚ ã‚ˆãã‚ã‚‹ã®ãŒã‚¹ãƒžãƒ›å¯¾å¿œã¨ã—ã¦ãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªã‚„ã‚¹ãƒžãƒ›ç”¨ã®CSSã‚’æº–å‚™ã—ã¦CSSã‚’æ›¸ãæ›ãˆã‚‹ã¨ã„ã†ã‚‚ã®ã€‚ ãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªã¯CSS3ã®æ©Ÿèƒ½ãªã®ã§è¨˜è¿°ã®ä»•æ–¹ã¯ã“ã®è¾ºã‚’å‚è€ƒã« ã‚¹ãƒžãƒ›ç”¨ã®CSSã‚’åˆ¥ã«èªã¿è¾¼ã‚€å ´åˆã¯ãƒªãƒ³ã‚¯ã‚¿ã‚°ã«æ¡ä»¶ï¼ˆãƒ‡ãƒã‚¤ã‚¹ã®ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºãªã©ï¼‰ã‚’åŠ ãˆã¦åˆ†å²ã•ã›ã‚‹ ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã‚’åˆ¤å®šã—ã¦ï¼ˆã“ã“ã§ã¯480pxï¼‰ãã‚Œä»¥ä¸‹ãªã‚‰sp.cssï¼ˆã‚¹ãƒžãƒ›å‘ã‘ï¼‰ãã‚Œä»¥ä¸Šãªã‚‰pc.cssï¼ˆPCå‘ã‘ï¼‰ã‚’èªã‚€ <link rel=â€stylesheetâ€ type=â€text/cssâ€ media=â€only screen and (max-device-width:480px)â€ href=â€./css/sp.cssâ€> <link rel=â€stylesheetâ€ type=â€text/cssâ€
ryoatnet 2013/09/07
css

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

android

JS

csshack

smartphone
ãƒªãƒ³ã‚¯
ke-tai.org > Blog Archive > å…¬å¼Androidã‚¨ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚¿ã‚’ä½¿ã£ã¦PCä¸Šã«ãƒ†ã‚¹ãƒˆç’°å¢ƒã‚’ç”¨æ„ã™ã‚‹æ–¹æ³•ã¾ã¨ã‚ãŸè¨˜äº‹ã€ŒAndroidæºå¸¯ã‚’è²·ã‚ãšã«Android OSã‚’ãƒ†ã‚¹ãƒˆãƒ‰ãƒ©ã‚¤ãƒ–ã—ã¦ã¿ã‚ˆã†ã˜ã‚ƒãªã„ã‹ã€
å…¬å¼Androidã‚¨ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚¿ã‚’ä½¿ã£ã¦PCä¸Šã«ãƒ†ã‚¹ãƒˆç’°å¢ƒã‚’ç”¨æ„ã™ã‚‹æ–¹æ³•ã¾ã¨ã‚ãŸè¨˜äº‹ã€ŒAndroidæºå¸¯ã‚’è²·ã‚ãšã«Android OSã‚’ãƒ†ã‚¹ãƒˆãƒ‰ãƒ©ã‚¤ãƒ–ã—ã¦ã¿ã‚ˆã†ã˜ã‚ƒãªã„ã‹ã€ Tweet 2010/8/20 é‡‘æ›œæ—¥ matsui Posted in Android, è¨˜äº‹ç´¹ä»‹ãƒ»ãƒªãƒ³ã‚¯ | 3 Comments Â» ã“ã“æœ€è¿‘ã„ã‚ã‚†ã‚‹ã‚¬ãƒ©ã‚±ãƒ¼ã«å–ã£ã¦ä»£ã‚ã£ã¦ã‚·ã‚§ã‚¢ã‚’ä¼¸ã°ã—ã¤ã¤ã‚ã‚‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§ã™ãŒã€PCãƒ»ã‚±ãƒ¼ã‚¿ã‚¤ãƒ»ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®3ç¨®å¯¾å¿œãªã©ã¨ã„ã†æ¡ˆä»¶ã‚‚ãã‚ãã‚å¢—ãˆã¦ããŸã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ ã‚µã‚¤ãƒˆã‚„ã‚¢ãƒ—ãƒªã‚’ä½œæˆã™ã‚‹ä¸Šã§å¿…è¦ã«ãªã‚‹ã®ãŒã‚¨ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚¿ã§ã™ãŒã€Androidã®ã‚¨ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚¿ã¯å…¬å¼ã‚µã‚¤ãƒˆï¼ˆandroid.comï¼‰ä¸Šã§å…¬é–‹ã•ã‚Œã¦ã„ã‚‹ã‚‚ã®ã®ã€ã‚»ãƒƒãƒˆã‚¢ãƒƒãƒ—æ–¹æ³•ãŒã‚„ã‚„é¢å€’ã ã£ãŸã‚Šã—ã¾ã™ã€‚ ãã‚“ãªã‚¨ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚¿ã®ã‚»ãƒƒãƒˆã‚¢ãƒƒãƒ—æ–¹æ³•ã‚’è©³ã—ãã¾ã¨ã‚ãŸã‚µã‚¤ãƒˆãŒã€å…ˆæ—¥äººæ°—ã‚’é›†ã‚ã¦ã„ãŸã‚ˆã†ã§ã™ã®ã§ã€ã”ç´¹ä»‹ã•ã›ã¦
ryoatnet 2013/09/05
android

iPhone

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

æ¤œè¨¼

ã‚¨ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚¿

ãƒ¢ãƒã‚¤ãƒ«
ãƒªãƒ³ã‚¯
Androidã‚¢ãƒ—ãƒªã®æ¤œè¨¼ã‚³ã‚¹ãƒˆã‚’æœ€å°åŒ–ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ | Android | Developers AppKitBox
ä½•ãŒã§ãã‚‹ã‹æ©Ÿèƒ½ã®è©³ç´°ã‚’çŸ¥ã‚ŠãŸã„ æ©Ÿèƒ½ç´¹ä»‹ã‚„ä½¿ã„æ–¹ã‚’ã”è¦§ãã ã•ã„ã€‚ æ–™é‡‘ä½“ç³»ã«ã¤ã„ã¦ã‚’çŸ¥ã‚ŠãŸã„ æ–™é‡‘ãƒ—ãƒ©ãƒ³ã‚’ã”è¦§ãã ã•ã„ã€‚ ã”åˆ©ç”¨ç”¨é€”ã«å¿œã˜ãŸæ–™é‡‘ãƒ—ãƒ©ãƒ³ã‚’æä¾›ã—ã¦ãŠã‚Šã¾ã™ã€‚ æ”¯æ‰•ã„æ–¹æ³•ã«ã¤ã„ã¦çŸ¥ã‚ŠãŸã„ ãƒ—ãƒ©ãƒ³è³¼å…¥ã®æµã‚Œã‚’ã”è¦§ãã ã•ã„ã€‚ã”åˆ©ç”¨ç”¨é€”ã«å¿œã˜ãŸè³¼å…¥ãƒ»æ”¯æ‰•ã„æ–¹æ³•ã‚’ã”ç¢ºèªã„ãŸã ã‘ã¾ã™ã€‚ è«‹æ±‚æ›¸æ‰•ã„ï¼ˆéƒµé€åˆã¯PDFï¼‰ã¨ã‚¯ãƒ¬ã‚¸ãƒƒãƒˆã‚«ãƒ¼ãƒ‰æ‰•ã„ã«å¯¾å¿œã—ã¦ãŠã‚Šã¾ã™ãŒã€è«‹æ±‚æ›¸ã«ã‚ˆã‚‹ãŠæ”¯æ‰•ã„ã¯ã€æ—¥æœ¬å›½å†…æ³•äººæ§˜ã®ã¿ã¨ãªã£ã¦ãŠã‚Šã¾ã™ã€‚ ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ãŒæ°—ã«ãªã‚Šã¾ã™ è¦ç´„ã®å®šã‚ã«å¾“ã„ã€ç´°å¿ƒã®æ³¨æ„ã‚’æ‰•ã£ã¦ãŠå®¢æ§˜ã®å€‹äººæƒ…å ±ã‚’ç®¡ç†ã—ã¦ãŠã‚Šã¾ã™ã€‚ é€šä¿¡ã¯ã€ŒSSLï¼ˆãƒ‡ãƒ¼ã‚¿ã‚’æš—å·åŒ–ã™ã‚‹é€šä¿¡æ–¹æ³•ï¼‰ã€ã‚’æŽ¡ç”¨ã—ã¦ãŠã‚Šã€ ã”å…¥åŠ›ã„ãŸã ã„ãŸæƒ…å ±ã¯ä¿è·ã•ã‚Œã¾ã™ã€‚ ã¾ãŸã€ã”åˆ©ç”¨ã„ãŸã ã„ãŸç«¯æœ«ã¯è¿”å´å¾Œã«ç«¯æœ«å†…ã®å€‹äººæƒ…å ±ã‚„å„ç¨®ãƒ‡ãƒ¼ã‚¿ç‰ãŒæ®‹ã‚‰ãªã„ã‚ˆã†å¯èƒ½ãªé™ã‚Šå‰Šé™¤ã—ã¦ãŠã‚Šã¾ã™ã®ã§ã€ã”å®‰å¿ƒãã ã•ã„ã€‚ ç™»éŒ²ã—ãŸå€‹äººæƒ…å ±ãŒã©ã®ã‚ˆã†ã«åˆ©ç”¨ã•ã‚Œã‚‹ã‹
ryoatnet 2013/09/05
android

ã‚¢ãƒ—ãƒª

ãƒ†ã‚¹ãƒˆ

test

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³
ãƒªãƒ³ã‚¯
ã“ã‚ŒãŒã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã¨ãã® viewport è¨å®šï¼“ãƒ‘ã‚¿ãƒ¼ãƒ³ã
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã® Web ã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã¨ãã€viewport ã®è¨å®šæ¬¡ç¬¬ã§ä½¿ã„å‹æ‰‹ãŒå¤§å¹…ã«å¤‰ã‚ã‚‹ã€‚ æœ€è¿‘ã¯ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ– Web ãƒ‡ã‚¶ã‚¤ãƒ³ãŒæµè¡Œã—ã¦ã‚‹ã‘ã©ã‚‚ã€ãã®å¤§å‰æã¨ã—ã¦ viewport ã®è¨å®šãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’æŠ‘ãˆã¦ãŠãã®ã¯é‡è¦ã ã‚ã†ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€viewport ã®è¨å®šã«ã‚ˆã£ã¦ã€è¦‹ãŸç›®ãƒ»ä½¿ã„å‹æ‰‹ãŒã©ã†å¤‰ã‚ã‚‹ã‹ã‚’è§£èª¬ã™ã‚‹ã€‚ ãƒ‘ã‚¿ãƒ¼ãƒ³1: ä½•ã‚‚è€ƒãˆãšã« HTML ã‚’æ›¸ã ã¾ãšã¯ã€viewport ã‚’æŒ‡å®šã›ãšã«ã€å˜ç´”ãª HTML ã‚’ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§è¡¨ç¤ºã—ã¦ã¿ã‚‹ã€‚ <!DOCTYPE html> <head> <meta charset="utf-8"> </head> <body> <img src="/images/logo-ja.png"> <p>è‰²ã‚“ãªç´ æãŒã”ã£ãŸç…®ã«ãªã£ãŸæ§˜åã‚’ãŠæ¤€ã§è¡¨ç¾ã—ã¦ã„ã¾ã™ã€‚ æ¹¯æ°—ãŒ<strong>ã€Œã¦ã£ãã€</strong>ã«è¦‹ãˆã‚‹ã®ãŒéš ã—å‘³ã«ãªã£ã¦ã„ã¾
ryoatnet 2013/09/04
iPhone

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

HTML

ãƒ‡ã‚¶ã‚¤ãƒ³

webãƒ‡ã‚¶ã‚¤ãƒ³

CSS

viewport

mobile
ãƒªãƒ³ã‚¯
http://android-benchmark.com/
ryoatnet 2013/08/29
android

ã¾ã¨ã‚

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

ãƒ™ãƒ³ãƒãƒžãƒ¼ã‚¯

benchmark

ç«¯æœ«æ¯”è¼ƒ
ãƒªãƒ³ã‚¯
Mobile HTML5
Site Not Found Well, this is awkward. The site you're looking for is not here. Is this your site? Get more info or contact support. DreamHost
ryoatnet 2013/07/29
mobile

HTML

iOS

android

html5

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

å¯¾å¿œè¡¨
ãƒªãƒ³ã‚¯
HTML5ã§ä½¿ãˆã‚‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®æ©Ÿèƒ½ | DevelopersIO
HTML5ã‚’ä½¿ã£ãŸã‚¹ãƒžãƒ›ã‚¢ãƒ—ãƒªé–‹ç™ºã«èˆˆå‘³ãŒã‚ã£ãŸã®ã§ã€ã‚«ãƒ¡ãƒ©ã‚„GPSãªã©ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®æ©Ÿèƒ½ãŒã©ã“ã¾ã§ä½¿ãˆã‚‹ã®ã‹è©¦ã—ã¦ã¿ã¾ã—ãŸã€‚ Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãªã®ã§ãƒ–ãƒ©ã‚¦ã‚¶ã«ä¾å˜ã—ã¾ã™ãŒã€ä»¥ä¸‹ã®ã‚µã‚¤ãƒˆã«ãƒ¢ãƒã‚¤ãƒ«ãƒ–ãƒ©ã‚¦ã‚¶åˆ¥å¯¾å¿œçŠ¶æ³ãŒæ›¸ã‹ã‚Œã¦ã„ã¾ã™ã€‚ http://mobilehtml5.org è©¦ã—ãŸã®ã¯ä»¥ä¸‹ã®æ©Ÿèƒ½ã§ã™ã€‚ç«¯æœ«ã¯Galaxy Nexusã¨iPod Touch 4ä¸–ä»£ã‚’ä½¿ã„ã¾ã—ãŸã€‚ Androidã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯4.0.4ã§ãƒ–ãƒ©ã‚¦ã‚¶ã¯Chromeã¨ä¸€éƒ¨Firefoxã§ã™ã€‚iOSã¯5.0.1ã€Safariã§è©¦ã—ã¾ã—ãŸã€‚ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§ç¢ºèªã§ãã‚‹ã‚ˆã†ã«ã‚µãƒ³ãƒ—ãƒ«ã‚’ä½œã£ãŸã®ã§è©¦ã—ã¦ã¿ã¦ä¸‹ã•ã„ã€‚ ã‚¿ãƒƒãƒã‚¤ãƒ™ãƒ³ãƒˆ(Touch Events) ãƒžãƒ«ãƒãƒ¡ãƒ‡ã‚£ã‚¢(Multimedia) ä½ç½®æƒ…å ±ã®å–å¾—(Geolocation API) åŠ é€Ÿåº¦ã‚»ãƒ³ã‚µãƒ¼(Motion Sensors) ãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ã‚¯ã‚»ã‚¹(F
ryoatnet 2013/07/29
HTML

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

iOS

Android

HTML5

api

mobile
ãƒªãƒ³ã‚¯
Media Queries ã‚’ä½¿ã£ã¦ã€Webã‚µã‚¤ãƒˆã‚’ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«å¯¾å¿œã•ã›ã‚‹ã¨ãã®æ³¨æ„æ›¸ã
ä»Šå›žã“ã®ãƒ–ãƒã‚° - Webãƒ‡ã‚¶ã‚¤ãƒ³ ãƒ¬ã‚·ãƒ”ã‚’ã€iPhone ãªã©ã§ã‚‚è¦‹ã‚Œã‚‹ã‚ˆã†ã«ãƒªãƒ‡ã‚¶ã‚¤ãƒ³ã—ã¾ã—ãŸã€‚ä½¿ç”¨ã—ãŸã®ã¯ CSS3 ã® Media Queriesï¼ˆãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªï¼‰ã€‚ãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªã®ä½¿ã„æ–¹ã‚„æ„Ÿæƒ³ã€æ°—ã‚’ã¤ã‘ãŸã„æ³¨æ„æ›¸ãã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸï¼ é…ã‚Œã°ã›ãªãŒã‚‰ã“ã®ãƒ–ãƒã‚° â€“ Webãƒ‡ã‚¶ã‚¤ãƒ³ ãƒ¬ã‚·ãƒ”ã‚’ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§ã‚‚è¦‹ã‚Œã‚‹ã‚ˆã†ã«æ”¹ä¿®ã—ã¾ã—ãŸã€‚ã“ã®ãƒ–ãƒã‚°ã¯ WordPress ã§æ›¸ã„ã¦ã„ã‚‹ã®ã§ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚„ iPad ã¸ã®å¯¾å¿œæ–¹æ³•ã¯ã„ãã¤ã‚‚ã‚ã‚‹ã®ã§ã™ãŒã€ä»Šå›žã¯ CSS3 ã® Media Queriesï¼ˆãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªï¼‰ã‚’ä½¿ã£ã¦ã€iPadã€iPhone ãªã©ã€ã„ã‚ã‚“ãªãƒ‡ãƒã‚¤ã‚¹ã«å¯¾å¿œï¼ˆå¯¾å¿œã¨ã„ã†ã‹ã€ä¸€å¿œè¦‹ã‚Œã‚‹ç¨‹åº¦ï¼‰ã«ã—ã¦ã¿ã¾ã—ãŸã€‚ ãªã®ã§ Media Queries ã‚’ä½¿ã£ãŸã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã¨ã€ãƒªãƒ‡ã‚¶ã‚¤ãƒ³ã—ãªãŒã‚‰æ€ã£ãŸã“ã¨ãªã©ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ CSS3 Media Queries ç›®æ¬¡
ryoatnet 2013/06/25
Media Queries

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

Webãƒ‡ã‚¶ã‚¤ãƒ³

css3
ãƒªãƒ³ã‚¯
MediaQuery ã¾ã¨ã‚ - ITæˆ¦è¨˜
Media Query ã¨ã¯ CSS3 ã‹ã‚‰å°Žå…¥ã•ã‚Œã‚‹ Media Type ã‚’å¤§å¹…ã«æ‹¡å¼µã™ã‚‹ä»•æ§˜ã§ã™ã€‚ ãã‚‚ãã‚‚ Media Type ã¨ã¯ Media Type ã¨ã¯ CSS 2 ç³»ã«å…ƒã€…ã‚ã‚‹ä»•æ§˜ã§ CSS ã‚’é©ç”¨ã™ã‚‹ãƒ¡ãƒ‡ã‚£ã‚¢ï¼ˆãƒ‘ã‚½ã‚³ãƒ³ã®ç”»é¢ã€ãƒ†ãƒ¬ãƒ“ã€ãƒ—ãƒªãƒ³ã‚¿ç”¨ç´™ãªã©ï¼‰ã‚’æŒ‡å®šã™ã‚‹ã¨ãã«ä½¿ã„ã¾ã™ã€‚ ä»¥ä¸‹ã®ä¾‹ã ã¨ã€ media å±žæ€§ã®ä¸ã«è¨˜è¿°ã•ã‚Œã¦ã„ã‚‹ all ã‚„ screen ã‚„ print ãŒ Media Type ã§ã™ã€‚ <link rel="stylesheet" type="text/css" href="å…±é€šã®.css" media="all" /> <link rel="stylesheet" type="text/css" href="ãƒ‘ã‚½ã‚³ãƒ³ã®ç”»é¢ã®.css" media="screen" /> <link rel="stylesheet" type="text/css"
ryoatnet 2013/06/25
css

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

tips

mediaquery

Media Queries

media query

MediaQueries

CSS3
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸