[B! vo] yuisekiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

yuiseki id:yuiseki

voã«é–¢ã™ã‚‹yuisekiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (33)

${{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}}

wireframe.cc
Create better wireframes with an app fine-tunedfor wireframing Essential tools made simpler and smarter. Nothing to distract or slow you down. Achieve the right level of detail faster.
yuiseki 2013/03/01
$$$

vo

ä¾¿åˆ©

webé–‹ç™º
ãƒªãƒ³ã‚¯
Sassã§è¡Œã“ã†ï¼
Translation of: Getting Started with Sass - A List Apart CSSã®æŒã¤ãã®ç°¡æ˜Žã•ã¯æ¬ ã‹ã›ãªã„ç‰¹å¾´ã®ä¸€ã¤ã§ã€ãã‚Œã¯æœ€ã‚‚æ“è¿Žã•ã‚Œã¦ã„ã‚‹ç‚¹ã§ã—ãŸã€‚CSSã«ã‚ˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã¯ã€ã‚»ãƒ¬ã‚¯ã‚¿ãƒ¼ã¨ã„ãã¤ã‹ã®é©ç”¨ã—ãŸã„ã‚¹ã‚¿ã‚¤ãƒ«æƒ…å ±ã‚’å«ã‚€ãƒ«ãƒ¼ãƒ«ã‚’ç¾…åˆ—ã—ãŸã‚‚ã®ã«éŽãŽã¾ã›ã‚“ã€‚ã—ã‹ã—ã€Webã‚µã‚¤ãƒˆã‚„Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãŒå·¨å¤§ã«ã€ãã—ã¦è¤‡é›‘ã«ãªã‚Šã€æ§˜ã€…ãªãƒ‡ãƒã‚¤ã‚¹ã‚„ç”»é¢ã‚µã‚¤ã‚ºã«å¯¾å¿œã›ã–ã‚‹ã‚’å¾—ãªããªã£ãŸç¾åœ¨ã€ã“ã®ç°¡æ˜Žã•ã¨ã„ã†ç‰¹å¾´â€•fontã‚¿ã‚°ã‚„ãƒ†ãƒ¼ãƒ–ãƒ«ãƒ»ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®æ·˜æ±°ã«å¤§ã„ã«å½¹ã«ãŸã£ãŸã‚‚ã®â€•ãŒå¤§ããªè¶³ã‹ã›ã«ãªã£ã¦ã„ã¾ã™ã€‚ ç°¡å˜ãªè¨ˆç®—æ©Ÿèƒ½ã‚„å¤‰æ•°ã‚’è¿½åŠ ã™ã‚‹ãªã©ã¨ã„ã£ãŸCSSã®ä¿®æ£æ¡ˆãŒéŽåŽ»ã«æç¤ºã•ã‚Œã¾ã—ãŸãŒã€ã©ã‚Œã‚‚ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ãƒ»ãƒ™ãƒ³ãƒ€ãƒ¼ã«ã¯æŽ¡ç”¨ã•ã‚Œã¾ã›ã‚“ã§ã—ãŸã€‚ä»®ã«ã“ã†ã„ã£ãŸæ–°ã—ãç´ æ™´ã‚‰ã—ã„æ‹¡å¼µã•ã‚ŒãŸCSSãŒã‚ã‚‹ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã«å®Ÿè£…ã•ã‚ŒãŸã¨ã—ã¦ã‚‚ã€ãã‚ŒãŒå®Ÿç”¨ã«è€ãˆã‚‹ç¨‹åº¦ã«
yuiseki 2013/03/01
sass

css

css preprocessor

$$$

vo
ãƒªãƒ³ã‚¯
ç¬¬45å›žã€€CSSã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆåŒ–ãŒã‚‚ãŸã‚‰ã™ãƒ¡ãƒªãƒƒãƒˆ | gihyo.jp
åŒã˜è¨˜è¿°ã®ç¹°ã‚Šè¿”ã—ã‚’é˜²ãŽãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹æ€§ã‚„æŸ”è»Ÿæ€§ã‚’å‘ä¸Š W3Cã«ã‚ˆã£ã¦ç–å®šã•ã‚ŒãŸä»•æ§˜ã®1ã¤ã§ã€HTMLï¼XMLã®è¦ç´ ã®è¡¨ç¤ºã‚’ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã™ã‚‹ãŸã‚ã«ç”Ÿã¾ã‚ŒãŸã®ãŒã€ŒCSSã€ï¼ˆâ Cascading Style Sheetsï¼‰ã§ã™ã€‚HTMLã¨ã“ã®CSSã‚’çµ„ã¿åˆã‚ã›ã‚‹ã“ã¨ã«ã‚ˆã£ã¦ã€æ–‡æ›¸æ§‹é€ ï¼ˆHTMLï¼‰ã¨è¦‹ãŸç›®ã®è¡¨ç¾ï¼ˆCSSï¼‰ã‚’åˆ‡ã‚Šé›¢ã™ã“ã¨ãŒå¯èƒ½ã«ãªã‚‹ã»ã‹ã€HTMLã ã‘ã§ã¯å®Ÿç¾ã§ããªã„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒå¯èƒ½ã«ãªã‚‹ã¨ã„ã£ãŸå¤§ããªãƒ¡ãƒªãƒƒãƒˆãŒã‚ã‚‹ã“ã¨ã‹ã‚‰ã€Webã‚µã‚¤ãƒˆã®æ§‹ç¯‰ã‚„Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®é–‹ç™ºã«ãŠã„ã¦æ¬ ã‹ã›ãªã„æŠ€è¡“ã¨ãªã£ã¦ã„ã¾ã™ã€‚ ã“ã®CSSã§ç¾åœ¨æ³¨ç›®ã‚’é›†ã‚ã¤ã¤ã‚ã‚‹ã®ãŒã€Œã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘CSSã€ã‚„ã€ŒScala ble and Modular Architecture for CSSã€ï¼ˆâ æ‹¡å¼µæ€§ã®ã‚ã‚‹ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚¢ãƒ—ãƒãƒ¼ãƒï¼‰ã¨ã„ã£ãŸè€ƒãˆæ–¹ã§ã™ã€‚ã“ã‚Œã‚‰ã¯ã€CSSã§è¨˜è¿°ã™ã‚‹å†…å®¹ã‚’ã€Œã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆåŒ–ã€ã™ã‚‹ã“
yuiseki 2013/02/26
css

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

css preprocessor

$$$

vo
ãƒªãƒ³ã‚¯
Androidã®ç”»é¢ã‚µã‚¤ã‚ºã‚’æ”»ç•¥ã—ã¦æ©Ÿç¨®ä¾å˜ã‚’å¸åŽã™ã‚‹(ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãƒãƒ¼ã¨ã‚¹ãƒ†ãƒ¼ã‚¿ã‚¹ãƒãƒ¼ã®ã‚µã‚¤ã‚ºã‚’å–å¾—ã™ã‚‹) | TechBooster
â€»ä¸Šè¨˜ã®åå‰ä»˜ã‘ã¯ä¸€èˆ¬çš„ãªã‚‚ã®ã§ã¯ãªãã€ä»Šå›žã®è§£èª¬ç”¨ã«å®šç¾©ã—ãŸåå‰ã§ã™ã€‚ï¼ˆDisplayã‚¯ãƒ©ã‚¹ã®ã‚µã‚¤ã‚ºã¨ã„ãˆã°ã©ã‚Œã‚‚ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã‚µã‚¤ã‚ºã¨ã„ã†ã“ã¨ã«ãªã‚‹ãŸã‚ã€ã‚ã‹ã‚Šã‚„ã™ã•ã‚’å„ªå…ˆã—ã¦å›³ç¤ºã—ã¾ã—ãŸ) ç‰¹ã«ã‚¹ãƒ†ãƒ¼ã‚¿ã‚¹ãƒãƒ¼ã¨ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãƒãƒ¼ã¯ç«¯æœ«ã”ã¨ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã•ã‚Œã¦ã„ã‚‹å¯èƒ½æ€§ã‚‚ã‚ã‚‹ãŸã‚ã€å‹•çš„ã«å–å¾—ã™ã‚‹ã®ãŒæœ›ã¾ã—ã„é …ç›®ã¨è¨€ãˆã‚‹ã§ã—ã‚‡ã†ã€‚ã—ã‹ã—ãªãŒã‚‰ã€ç›´æŽ¥ã“ã®2ã¤ã®é«˜ã•æƒ…å ±ã‚’å–å¾—ã™ã‚‹APIã¯å˜åœ¨ã—ã¦ã„ã¾ã›ã‚“ã€‚è¸ã¿è¾¼ã‚“ã§è§£èª¬ã™ã‚‹ãªã‚‰ã°ã€ã“ã‚Œã‚‰ã¯ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®é ˜åŸŸå¤–ã§ã‚ã‚Šã‚¢ãƒ—ãƒªãŒæ°—ã«ã™ã‚‹å¿…è¦ã¯ãªãã€æ°—ã«ã—ãªã„ã§ã„ã‚‰ã‚Œã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’æ¤œè¨Žã™ã¹ãã§ã‚ã‚‹ã€ã¨ã„ã†è¨è¨ˆæ€æƒ³ãŒã†ã‹ãŒãˆã¾ã™ã€‚è¨è¨ˆæ€æƒ³ã‚’å°Šé‡ã™ã‚‹ãªã‚‰ã°ã€ã“ã®ã‚ã¨è§£èª¬ã™ã‚‹APIã‚’ãªã‚‹ã¹ãä½¿ã‚ãªã„ã§ã„ã„ã‚ˆã†ã«å·¥å¤«ã§ãã‚‹ã¨æ©Ÿç¨®ä¾å˜ã®è‹¦æ‚©ã‹ã‚‰è§£æ”¾ã•ã‚Œã‚‹ã§ã—ã‚‡ã†ã€‚ å–å¾—ã™ã‚‹æ–¹æ³•ã¯ç¶šãã‹ã‚‰ ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãƒãƒ¼ã‚’é™¤ã„ãŸãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã‚µã‚¤ã‚ºã‚’å–å¾—ã™ã‚‹ ãƒ‡ã‚£ã‚¹
yuiseki 2013/02/12
androidé–‹ç™º

$$$

vo
ãƒªãƒ³ã‚¯
HTML5ã«ã‚ˆã‚‹ãƒã‚¤ãƒ–ãƒªãƒƒãƒ‰ã‚¢ãƒ—ãƒªé–‹ç™ºã«é–¢ã™ã‚‹é›‘è¨˜ - id:anatooã®ãƒ–ãƒã‚°
HTML5ã§iPhoneã‚„Androidå‘ã‘ã®ãƒã‚¤ãƒ–ãƒªãƒƒãƒ‰ã‚¢ãƒ—ãƒªã‚’ä½œã‚‹ã®ãŒæœ€è¿‘ã®æµè¡Œã‚Šã¿ãŸã„ã§ã™ã€‚ãƒã‚¤ãƒ–ãƒªãƒƒãƒ‰ã‚¢ãƒ—ãƒªã¨ã¯ã€å¤–é¢ã¯æ™®é€šã®ã‚¢ãƒ—ãƒªã¨ã—ã¦AppStoreã‚„Google play marketã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã§ãã‚‹ã‚‚ã®ã®ã€ãã®ä¸èº«ã‚„ä¸€éƒ¨ãŒHTML5ã§è¨˜è¿°ã•ã‚Œã¦ã„ã‚‹ã‚¢ãƒ—ãƒªã§ã™ã€‚ æœ€è¿‘ã®æœ‰åãªä¾‹ã ã¨ã€Cookpadã‚„LinkedInã€ã¯ã¦ãªã‚¹ãƒšãƒ¼ã‚¹ã€å°‘ã—å‰ã«ãƒã‚¤ãƒ†ã‚£ãƒ–ã«ç§»è¡Œã—ã¦ã—ã¾ã„ã¾ã—ãŸãŒfacebookã®ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã‚‚HTML5ã‚’ä½¿ã£ã¦è¨˜è¿°ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚GREEç•Œéšˆã§è¨€ã‚ã‚Œã¦ã„ã‚‹ã‚‰ã—ã„ã‚¬ãƒ¯ãƒã‚¤ãƒ†ã‚£ãƒ–ã£ã¦ã„ã†è¨€è‘‰ã‚‚ãƒã‚¤ãƒ–ãƒªãƒƒãƒ‰ã‚¢ãƒ—ãƒªã‚’æŒ‡ã—ã¾ã™ã€‚ã¡ã‚‡ã£ã¨ã‚°ã‚°ã£ã¦ã¿ã‚‹ã¨ã€2016å¹´ã«ã¯ä¼æ¥å‘ã‘ã®ã‚¢ãƒ—ãƒªã®50%ãŒãƒã‚¤ãƒ–ãƒªãƒƒãƒ‰ã‚¢ãƒ—ãƒªã«ãªã‚‹ã¨ã„ã†äºˆæ¸¬ã‚‚ã‚ã‚Šã¾ã™ã€‚ ãƒã‚¤ãƒ–ãƒªãƒƒãƒ‰ã‚¢ãƒ—ãƒªã®ä½•ãŒã„ã„ã‹ã¨ã„ã†ã¨ã€Objective-Cã¨ã‹Javaã¨ã‹ãŒã‚ã‹ã‚‰ãªãã¦ã‚‚ã‚¦ã‚§ãƒ–ç³»æŠ€è¡“è€…ã§ã‚ã‚Œã°Android
yuiseki 2013/02/11
tech

javascript

html5

vo

ãƒã‚¤ãƒ–ãƒªãƒƒãƒ‰ã‚¢ãƒ—ãƒª
ãƒªãƒ³ã‚¯
Backbone demo app with sinatra backend
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
yuiseki 2013/02/08
javascript

backbone.js

$$$

vo
ãƒªãƒ³ã‚¯
Androidç«¯æœ«ã®devicePixelRatio
Androidç«¯æœ«ã®devicePixelRatio WebKitç³»ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã¯devicePixelRatioã¨ã„ã†ãƒ—ãƒãƒ‘ãƒ†ã‚£ãŒå®šç¾©ã•ã‚Œã¦ã„ã¾ã™ã€‚ã“ã‚Œã¯ç”»åƒ1pxã‚’å®Ÿéš›ã®ãƒ‡ãƒã‚¤ã‚¹ä¸Šã§ä½•pxã¨ã—ã¦ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚’è¡Œã†ã‹ã¨ã„ã†ã‚‚ã®ã€‚ CSSã§devicePixelRatioã‚’ç‰¹å®šã§ãã‚‹ -webkit-min-device-pixel-ratioãªã©ã¯ iPhone4ã®Retina Displayå¯¾å¿œãªã©ã§ä¸€æ™‚æœŸæ³¨ç›®ã•ã‚Œã¾ã—ãŸãã€‚ ã€Webã‚¢ãƒ—ãƒªã€‘iPhone4 ã§ç”»åƒã‚’ãã‚Œã„ã«è¡¨ç¤ºã™ã‚‹è‰²ã€…ãªæ–¹æ³•ã€è©¦è¡ŒéŒ¯èª¤ç·¨ã€‘ | KAYAC DESIGNER'S BLOG JavaScriptã§ã¯æ¬¡ã®ã‚ˆã†ã«å–å¾—ã§ãã¾ã™ã€‚ window.devicePixelRatio ãã“ã§ã€Androidç«¯æœ«ã®devicePixelRatioãŒã©ã†ãªã£ã¦ã‚‹ã‹Twitterã§è‰²ã€…ãªæ–¹ã«å”åŠ›ã„ãŸã ãèª¿ã¹ã¦ã¿ã¾ã—ãŸã€‚
yuiseki 2013/01/31
è¶…ä¾¿åˆ©ãƒšãƒ¼ã‚¸ç™ºè¦‹ã€€Nexus 7ã®ç´„1.325ã£ã¦ã®ã¯ãªã‚“ãªã®â€¦

$$$

è¶…ä¾¿åˆ©

device pixel ratio

ãƒ‡ãƒã‚¤ã‚¹ãƒ”ã‚¯ã‚»ãƒ«æ¯”

vo
ãƒªãƒ³ã‚¯
ã•ã‚‰ã°mozã¨oã®device-pixel-ratio - fragmentary
ãã†ã„ãˆã°ã€Firefox 16ã¨Opera 12.10ã‹ã‚‰ãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªãƒ¼ã®resolutionã¨dppxãŒä½¿ãˆã‚‹ã®ã‚’æ€ã„å‡ºã—ãŸã€‚ ã“ã‚Œã‚‰ã‚’ä½¿ã†ã¨ã€Retina displayã¯ã˜ã‚é«˜å¯†åº¦ãªãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã«å¯¾å¿œã™ã‚‹ã‚³ãƒ¼ãƒ‰ãŒã‘ã£ã“ã†çŸããªã‚‹ã€‚ ã“ã‚Œã¾ã§ã¯ã“ã‚“ãªæ„Ÿã˜ã€‚ @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1) { .foo { background-image: url(image-2x.png); } } } device-pixel-ratioã¯ã‚‚ã¨ã‚‚ã¨WebKitã®æ‹¡å¼µã ã£ãŸã‚‚ã®ã€‚ãã‚Œã‚’Mozillaã¨Operaã‚‚å–ã‚Šå…¥ã‚ŒãŸã®ã ã‘ã©ã€ãƒ™ãƒ³ãƒ€ãƒ¼æŽ¥é è¾žã®é¢å€’ã•ã«åŠ ãˆã¦min-/max-ã®ã¤ãæ–¹ã€å€¤ã®æ›¸ãæ–¹ãŒã°ã‚‰ã°ã‚‰
yuiseki 2013/01/31
min-resolution

device pixel ratio

ãƒ‡ãƒã‚¤ã‚¹ãƒ”ã‚¯ã‚»ãƒ«æ¯”

$$$

vo

media queries
ãƒªãƒ³ã‚¯
ã€Webã‚¢ãƒ—ãƒªã€‘iPhone4 ã§ç”»åƒã‚’ãã‚Œã„ã«è¡¨ç¤ºã™ã‚‹è‰²ã€…ãªæ–¹æ³•ã€è©¦è¡ŒéŒ¯èª¤ç·¨ã€‘
iPhone4 ãŒã¤ã„ã«å±Šã„ã¦èˆˆå¥®æ°—å‘³ã®gunjiã§ã™ã€‚ 2é€±é–“å¾…ã¡ã§ã—ãŸï¼ å¾…ã£ã¦ã‚‹é–“ã«ã€iPhone4ã‚‚å¯¾è±¡ã¨ã—ãŸWEBã‚¢ãƒ—ãƒªï¼ˆãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªã®web view ã‚’å«ã‚€ï¼‰ ã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã§æ°—ã‚’ã¤ã‘ã‚‹ã“ã¨ã«ã¤ã„ã¦ãŠã•ã‚‰ã„ã—ã¦ã„ãŸã¨ã“ã‚ã€ Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã«ç”»åƒã‚’æœ€é©åŒ–ã•ã›ã‚‹ã®ã£ã¦æ„å¤–ã¨ã‚ã‚“ã©ã„ã‚ˆãï¼ ã¨ã„ã†ç¾å®Ÿã«æ‰“ã¡ã®ã‚ã•ã‚ŒãŸã®ã§ã€ã¾ã¨ã‚ã¦ã¿ã¾ã™ã€‚ ãã‚‚ãã‚‚Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã£ã¦ãªã‚“ã§ã—ãŸã£ã‘ï¼Ÿ ã¯ã„ã¯ã„ã€iPhone4ã®ç›®çŽ‰ã®ã²ã¨ã¤ã§ã€ä»Šã¾ã§ã®2å€ã®è§£åƒåº¦ã§ ç”»é¢ãŒã¨ã£ã¦ã‚‚ã‚ãƒ¬ã‚¤ã«è¦‹ãˆã‚‹ã‚“ã§ã™ã‚ˆãï¼ æ‹¡å¤§ã—ãªãã¦ã‚‚å°ã•ãªæ–‡å—ãŒèªã‚ã‚‹ãªã‚“ã¦ã‚µã‚¤ã‚³ãƒ¼ï¼ ã¨ã“ã‚ãŒã€ä»Šã¾ã§iPhoneå‘ã‘ã«ä½œã£ãŸã‚µã‚¤ãƒˆã‚’ã“ã®iPhone4ã§è¦‹ã‚‹ã¨ã¡ã‚‡ã£ã¨ ä¸æ€è°ãªçŠ¶æ…‹ã«ãªã£ã¦ã‚‹ã“ã¨ãŒã‚ã‚‹ã®ã§ã™ã€‚ iPhone4ã§è¦‹ãŸã‚‰ãªã‚“ã‹ç”»åƒãŒã«ã˜ã‚“ã§ã‚‹ã‚ˆã†ã«è¦‹ãˆã‚‹ãƒ»ãƒ»ãƒ»ï¼Ÿï¼ ã“ã†ã„ã†ã‚¤ãƒ¡ãƒ¼ã‚¸ã§ã™ã€‚ ãã†ã€
yuiseki 2013/01/31
device pixel ratio

ãƒ‡ãƒã‚¤ã‚¹ãƒ”ã‚¯ã‚»ãƒ«æ¯”

$$$

vo
ãƒªãƒ³ã‚¯
webå¸³ | webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ã€webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«ã‚ˆã‚‹ã€webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãŸã‚ã®ã‚µã‚¤ãƒˆ Â» ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ devicePixelRatioã€€ã«ã¤ã„ã¦
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«ã¯ã€ç”»åƒ1pxãŒå®Ÿéš›ã®ãƒ‡ãƒã‚¤ã‚¹ä¸Šã§ä½•pxã¨ã—ã¦ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã•ã‚Œã‚‹ã‹ã‚’ç¤ºã™ devicePixelRatioã¨ã„ã†å€¤ãŒã‚ã‚Šã¾ã™ã€‚ ã“ã‚Œã®å€¤ã¯webkitç³»ã§ã‚ã‚Œã°ã€window.devicePixelRatioã«å…¥ã£ã¦ã„ã¾ã™ã€‚ javascriptã§å‡ºåŠ›ã™ã‚‹å ´åˆã€ document.write(window.devicePixelRatio); ã§å‡ºåŠ›å¯èƒ½ã§ã™ã€‚ ã¾ãŸã€cssã§ã¯-webkit-min-device-pixel-ratioã§æŒ‡å®šå‡ºæ¥ã¾ã™ã€‚ èª¿ã¹ãŸã¨ã“ã‚iPhone4ã§ã¯ã“ã®å€¤ãŒ2ã«ãªã£ã¦ã„ã¦ã€ ä»Šã¾ã§é€šã‚Šã«ç”»åƒã‚’è¡¨ç¤ºã•ã›ã‚‹ã¨è‡ªå‹•çš„ã«æ‹¡å¤§ã•ã‚Œã¦ç”»åƒãŒãƒœã‚±ã¦è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ã€å›žé¿ç–ã€‘ãã®ï¼‘ ã“ã‚Œã‚’é¿ã‘ã‚‹ã«ã¯ã€å®Ÿéš›ã«è¡¨ç¤ºã•ã›ãŸã„ã‚µã‚¤ã‚ºã®2å€ã®ãƒ”ã‚¯ã‚»ãƒ«ã‚µã‚¤ã‚ºã®ã‚‚ã®ã‚’ç”¨æ„ã—ã¦ã€ ç¸¦æ¨ªã‚’1/2ã«ã—ã€cssåˆã¯HTMLç‰ã§æŒ‡å®šã‚’è¡Œã„ è¡¨ç¤ºã•ã›ã‚‹ã¨ç”»åƒã®1ãƒ”ã‚¯ã‚»ãƒ«ã¨ãƒ‡ãƒã‚¤ã‚¹ã®
yuiseki 2013/01/31
device pixel ratio

ãƒ‡ãƒã‚¤ã‚¹ãƒ”ã‚¯ã‚»ãƒ«æ¯”

$$$

vo
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚¢ãƒ—ãƒªãƒ‡ã‚¶ã‚¤ãƒ³ã«å½¹ç«‹ã¤ åŸºç¤Žã®ã¾ã¨ã‚ï¼
Androidã®ç”»é¢ã‚µã‚¤ã‚º iPhoneã¨é•ã„ã€æ©Ÿç¨®ã”ã¨ã«ç”»é¢ã‚µã‚¤ã‚ºãŒé•ã„ã€ã„ãã¤ã‚‚ç”»é¢ã‚µã‚¤ã‚ºãŒå˜åœ¨ã—ã¾ã™ãŒã€ä½œã‚Šæ–¹ã¨ã—ã¦ã¯ã€ä½Žè§£åƒåº¦ã€ä¸è§£åƒåº¦ã€é«˜è§£åƒåº¦ã®3ç¨®é¡žã®ã‚µã‚¤ã‚ºã‚’ç”¨æ„ã—ã¾ã™ã€‚ãŸã ã€ä½Žè§£åƒåº¦ã®æ©Ÿç¨®ã¯ã€è‡ªå‹•èª¿æ•´ã‚’ã—ã¦ãã‚Œã‚‹ã‚‚ã®ãŒã‚ã‚‹ã®ã§ã€ä¸è§£åƒåº¦ã€é«˜è§£åƒåº¦ã ã‘ã«çµžã£ã¦ã‚‚ã„ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ è§£åƒåº¦ã®åˆ†ã‘æ–¹ã¯ä»¥ä¸‹ã®3ã‚¿ã‚¤ãƒ—ã§ã™ã€‚ ä½Žè§£åƒåº¦ï¼ˆX-Peria miniãªã©ï¼‰ ä¸è§£åƒåº¦ï¼ˆHT-03Aã€HTC Heroãªã©ï¼‰ é«˜è§£åƒåº¦ï¼ˆX-Periaã€HTC desireã€Nexus oneãªã©ï¼‰ QVGAï¼ˆ240x320ï¼‰ WQVGA400ï¼ˆ240x400ï¼‰ WQVGA432ï¼ˆ240x432)
yuiseki 2013/01/30
ã‚¹ãƒžãƒ›é–‹ç™º

Webé–‹ç™º

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

$$$

vo
ãƒªãƒ³ã‚¯
Nodefront by karthikv
Overview Nodefront is a node.js-powered command-line utility that speeds up front-end development. Installation Installation is simple with npm: It is not recommended to use npm update nodefront due to a known bug that prevents it from adding new dependencies correctly. Introductory Screencast Before diving into the documentation, you may view a screencast that introduces some of nodefront's key f
yuiseki 2013/01/30
nodejs

node.js

javascript

css

css preprocessor

coffeescript

$$$

vo
ãƒªãƒ³ã‚¯
Androidã‚„iOSã®ã€Œãƒã‚¤ãƒ–ãƒªãƒƒãƒ‰ã‚¢ãƒ—ãƒªã€ã§ï¼ŒJavaScriptã¨ãƒã‚¤ãƒ†ã‚£ãƒ–ãƒ»ã‚³ãƒ¼ãƒ‰ãŒé€£æºã™ã‚‹ä»•çµ„ã¿ã‚’å›³è§£ã€€ï¼ˆãŠã¾ã‘ï¼šHTMLå´ã§æ–½ã™ã¹ãï¼Œã‚¯ãƒã‚¹ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ å¯¾ç–ï¼‰ - ä¸»ã«è¨€èªžã¨ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºã«é–¢ã—ã¦
Androidãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®TOPã¸ HTMLã‚„JavaScriptç‰ã®WebæŠ€è¡“ã‚’ä½¿ã£ã¦ï¼ŒAndroidã‚„iPhoneãªã©ãƒ¢ãƒã‚¤ãƒ«ç’°å¢ƒã®ãƒã‚¤ãƒ†ã‚£ãƒ–ãƒ»ã‚¢ãƒ—ãƒªã‚’ä½œæˆã™ã‚‹äº‹ãŒã§ãã‚‹ã€‚ ãã†ã„ã†ã‚¢ãƒ—ãƒªã®äº‹ã‚’ãƒã‚¤ãƒ–ãƒªãƒƒãƒ‰ãƒ»ã‚¢ãƒ—ãƒªã¨å‘¼ã¶ã€‚ Androidã¨iOSã§ã¯ï¼Œãƒã‚¤ãƒ–ãƒªãƒƒãƒ‰ãƒ»ã‚¢ãƒ—ãƒªã‚’å®Ÿç¾ã™ã‚‹ãŸã‚ã®ã‚¢ã‚¤ãƒ‡ã‚¢ã¯ï¼Œéžå¸¸ã«ä¼¼ã¦ã„ã‚‹ã€‚ ä¸‹è¨˜ã®å›³ã‚’è¦‹ã‚Œã°ï¼Œä»•çµ„ã¿ãŒé…·ä¼¼ã—ã¦ã„ã‚‹äº‹ãŒåˆ†ã‹ã‚‹ã¯ãšã ã€‚ ãªãŠWindows Phoneã®å ´åˆã‚‚ï¼Œã ã„ãŸã„ä¼¼ãŸã‚ˆã†ãªãƒ•ãƒãƒ¼ã€‚ ä»¥ä¸‹ã§ã¯ï¼Œå„ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã”ã¨ã®è©³ç´°ãªäº‹æƒ…ã‚’ãƒ¡ãƒ¢ã™ã‚‹ã€‚ ã¾ãŸï¼Œè¤‡æ•°ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ é–“ã§ã®ç§»æ¤æ€§ã‚’å‘ä¸Šã•ã›ã‚‹ãŸã‚ã«ï¼ŒHTMLå´ã§ã©ã®ã‚ˆã†ã«å¯¾å‡¦ã—ãŸã‚‰è‰¯ã„ã‹ï¼Ÿã¨ã„ã†èª²é¡Œã«ã¤ã„ã¦ã‚‚è¿°ã¹ã‚‹ã€‚ ï¼ˆï¼‘ï¼‰Androidã®å ´åˆ Androidã§ãƒã‚¤ãƒ–ãƒªãƒƒãƒ‰ãƒ»ã‚¢ãƒ—ãƒªã‚’å®Ÿç¾ã™ã‚‹ãŸã‚ã®ä»•çµ„ã¿ã¯ï¼Œä¸‹è¨˜ã®ã‚¨ãƒ³ãƒˆãƒªã«è¨˜è¿°ã—ãŸã€‚ ãŸã£ãŸï¼’ãƒ•ã‚¡ã‚¤ãƒ«ã§ï¼ŒHTMLï¼‹JSè£½ã®ãƒã‚¤ãƒ†
yuiseki 2013/01/30
ãƒã‚¤ãƒ–ãƒªãƒƒãƒ‰ã‚¢ãƒ—ãƒª

javascript

vo
ãƒªãƒ³ã‚¯
jQuery Mobile ã¨ HTML5 ã§ã€Androidã®ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªã‚’ä½œæˆã™ã‚‹æ‰‹é † - ä¸»ã«è¨€èªžã¨ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºã«é–¢ã—ã¦
Androidãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®TOPã¸ é‡è¦ãªãŠçŸ¥ã‚‰ã›ï¼š ã“ã®è¨˜äº‹ã§å…¬é–‹ã—ãŸæƒ…å ±ã¯ï¼ŒAndroidã®MVCãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒAndroid-MVCã€ã®æ©Ÿèƒ½ã®ä¸€éƒ¨ã¨ã—ã¦å–ã‚Šè¾¼ã¾ã‚Œã¾ã—ãŸã€‚ ã‚ˆã‚Šæ£ç¢ºãªè¨è¨ˆæƒ…å ±ã‚„ï¼Œå‹•ä½œå¯èƒ½ãªå…¨ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’é–²è¦§ã—ãŸã„å ´åˆï¼Œã€ŒAndroid-MVCã€ã®å…¬å¼ãƒšãƒ¼ã‚¸ã‚ˆã‚ŠæŠ€è¡“æƒ…å ±ã‚’å‚ç…§ã—ã¦ãã ã•ã„ã€‚ Androidã®MVCãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ - ã€ŒAndroid-MVCã€ http://code.google.com/p/android-mvc-... jQuery Mobileã¯ï¼Œ ã‚¹ãƒžãƒ›å‘ã‘ã®å‹•çš„UIã‚’ï¼ŒJavaScriptã‚’æ›¸ã‹ãšã«ä½œæˆã§ãã‚‹ãƒ„ãƒ¼ãƒ«ã€‚ HTML5ã‚’æ›¸ãã ã‘ã§ï¼Œå‹•ãã®ã‚ã‚‹ç”»é¢ãŒã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã§ãã‚‹ã€‚ æ¥µã‚ã¦æã‚‹ã¹ãUIæ§‹ç¯‰èƒ½åŠ›ã‚’æŒã£ã¦ã„ã‚‹ã®ã§ï¼Œã€ŒUIã®ãŸã‚ã®DSLï¼ˆãƒ‰ãƒ¡ã‚¤ãƒ³ç‰¹åŒ–è¨€èªžï¼‰ã€ã¨å‘¼ã‚“ã§ã‚‚ã„ã„ãã‚‰ã„ã ã€‚ ã“ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯ï¼ŒWebã‚µã‚¤ãƒˆã®ç”»é¢ã ã‘ã§ãªãï¼Œ
yuiseki 2013/01/30
ãƒã‚¤ãƒ–ãƒªãƒƒãƒ‰ã‚¢ãƒ—ãƒª

androidé–‹ç™º

javascript

vo
ãƒªãƒ³ã‚¯
https://ameblo.jp/ca-1pixel/entry-11334309931.html
yuiseki 2013/01/23
css

css preprocessor

stylus

vo
ãƒªãƒ³ã‚¯
Androidã®WebView#addJavascriptInterfaceãŒã©ã‚Œã ã‘å±é™ºã‹æ¤œè¨¼ã—ã¦ã¿ãŸ (Kanasansoft Web Lab.)
AndroidÂ SDKã®JavaDocã®èª¬æ˜Žã¯ã‹ãªã‚Šç°¡ç´ ãªã‚“ã ã‘ã©ã€WebViewã®addJavascriptInterfaceã®èª¬æ˜Žã¯çã—ãèª¬æ˜ŽãŒå¤šã„ã€‚ ç«¯çš„ã«æ„è¨³ã™ã‚‹ã¨ã€ã€ŒaddJavascriptInterfaceã‚’ä½¿ã†ã¨ã€ã‚ãƒŸã®ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’JavaScriptã‹ã‚‰æ“ä½œã§ãã‚‹ã‚ˆã†ã«ãªã‚‹ã‚ˆã€‚ã¨ã¦ã‚‚ä¾¿åˆ©ãªä¾¿åˆ©ã ã‘ã©ã€å±é™ºãªã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ã®å•é¡ŒãŒã‚ã‚‹ã‚ˆã€‚ã‚ãƒŸãŒæ›¸ã„ãŸHTMLä»¥å¤–ã§ã¯ä½¿ã‚ãªã„ã§ãã€‚ã€ã¨ã„ã†æ„Ÿã˜ã€‚ ã€Œã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’å…¬é–‹ã™ã‚‹ã€è¡Œç‚ºãŒå±é™ºã ã¨ã„ã†ã®ã¯ã€æŠ€è¡“è€…ã¯ç›´æ„Ÿçš„ã«ã‚ã‹ã‚‹ã¨æ€ã†ã‘ã©ã€ã˜ã‚ƒã‚ã©ã‚Œãã‚‰ã„å±é™ºãªã®ã‹å®Ÿéš›ã«è©¦ã—ã¦ã¿ãŸã€‚ ã¾ãšã€æ¬¡ã®ã‚ˆã†ãªAndroidã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã£ãŸã€‚ ã€Œandroid.permission.INTERNETã€ã‚’ãƒ‘ãƒ¼ãƒŸãƒƒã‚·ãƒ§ãƒ³ã«æŒ‡å®šã—ã¦ã€WebViewã‚’ç”»é¢ã«è¨å®šã—ã€å¾Œè¿°ã™ã‚‹HTMLã‚’é–‹ãã‚ˆã†ã«ã—ãŸã€‚ WebViewClientã®èª¬æ˜Žã¯å‰²æ„›ã€‚
yuiseki 2013/01/22
ãƒã‚¤ãƒ–ãƒªãƒƒãƒ‰ã‚¢ãƒ—ãƒª

javascript

vo

ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£
ãƒªãƒ³ã‚¯
Androidã®WebView#addJavascriptInterfaceã¯åŸºæœ¬ä½¿ã‚ãªã„æ–¹ãŒã„ã„ã€ã£ã¦ã„ã†è©± - æ„›ã¨å‹‡æ°—ã¨ç¼¶ãƒ“ãƒ¼ãƒ«
åŸºç¤ŽçŸ¥è˜ Androidã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã§åŸ‹ã‚è¾¼ã¿ãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚ˆã†ãªã‚‚ã®ã‚’å®Ÿç¾ã™ã‚‹ãŸã‚ã®Viewã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã§ã‚ã‚‹android.webkit.WebViewã«ã¯æ¬¡ã®ã‚ˆã†ãªã‚·ã‚°ãƒãƒãƒ£ã§addJavascriptIntefaceã¨ã„ã†ãƒ¡ã‚½ãƒƒãƒ‰ãŒç”Ÿãˆã¦ã„ã¾ã™ã€‚ http://developer.android.com/reference/android/webkit/WebView.html#addJavascriptInterface(java.lang.Object,%20java.lang.String) ã“ã‚Œã¯ã€ç°¡å˜ã«è¨€ã†ã¨Javaã®ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’WebViewå†…ã§ãƒãƒ¼ãƒ‰ã•ã‚ŒãŸJavaScriptã‹ã‚‰å©ã‘ã‚‹ã‚ˆã†ã«ãªã‚‹ã€ã¨ã„ã†ã‚‚ã®ã§ã™ã€‚ä¾‹ãˆã° class JSInterface { private Context context; public JSInterface(Context c
yuiseki 2013/01/22
ãƒã‚¤ãƒ–ãƒªãƒƒãƒ‰ã‚¢ãƒ—ãƒª

javascript

vo

ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£
ãƒªãƒ³ã‚¯
Sign in - Google Accounts
yuiseki 2013/01/21
ãƒã‚¤ãƒ–ãƒªãƒƒãƒ‰ã‚¢ãƒ—ãƒª

javascript

vo
ãƒªãƒ³ã‚¯
Sign in - Google Accounts
yuiseki 2013/01/21
ãƒã‚¤ãƒ–ãƒªãƒƒãƒ‰ã‚¢ãƒ—ãƒª

javascript

vo
ãƒªãƒ³ã‚¯
ADWAYS ENGINEERS BLOG:UIWebView
UIWebView 2012å¹´06æœˆ29æ—¥ iPhoneã®ãƒã‚¤ãƒ†ã‚£ãƒ–æ©Ÿèƒ½ã‚’WebViewã‹ã‚‰å‘¼ã³å‡ºã™æ–¹æ³•ï¼ˆï¼‘ï¼‰ ãƒ»ã¯ã˜ã‚ã« ãƒªãƒ¯ãƒ¼ãƒ‰åºƒå‘Šã®ã€ŒReward Plusã€ã®æ‹…å½“ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚’ã‚„ã£ã¦ã„ã¾ã™ã€æ³¢åˆ‡ã§ã™ã€‚ æœ€è¿‘ã€iPhoneå‘ã‘ã®æ–°ã‚µãƒ¼ãƒ“ã‚¹ãŒç«‹ã¡ä¸ŠãŒã‚Šã€ç§è‡ªèº«ã‚‚iPhoneã‚¢ãƒ—ãƒªé–‹ç™ºã«å…¥é–€ã—ãŸã°ã‹ã‚Šãªã®ã§ã€iPhoneç³»ã®é–‹ç™ºã®è©±é¡Œã‚’æä¾›ã§ãã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ ãƒ»ãƒã‚¤ãƒ†ã‚£ãƒ–ã¨Webã®é€£æº ã€€HTML5ã®æ™®åŠã§ã€æ˜¨ä»Šãƒã‚¤ãƒ†ã‚£ãƒ–æ©Ÿèƒ½ã§ã—ã‹å®Ÿç¾ã§ããªã„ã“ã¨ã¯ã€ã ã„ã¶æ¸›ã£ã¦ãã¾ã—ãŸã€‚ Webã®æ–¹ãŒæŸ”è»Ÿæ€§ãŒã‚ã‚Šã€ã—ã‹ã‚‚ãƒã‚¤ãƒ†ã‚£ãƒ–ã®é–‹ç™ºã‚ˆã‚Šã‚‚å°‘ãªã„åŠ´åŠ›ã§é–‹ç™ºã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã®ã§ã€WebãŒåˆ©ç”¨ã§ãã‚‹å ´é¢ã§ã¯ç©æ¥µçš„ã«æ´»ç”¨ã—ã¦ã„ããŸã„ã‚‚ã®ã§ã™ã€‚ ä¸€æ–¹ã§ã€ã‚¢ãƒ—ãƒªå†…èª²é‡‘ã‚„ãƒ‡ãƒã‚¤ã‚¹æ©Ÿèƒ½ã¸ã®ã‚¢ã‚¯ã‚»ã‚¹ã€ãƒ—ãƒƒã‚·ãƒ¥é€šçŸ¥ç‰ã¨ã„ã£ãŸiPhoneã®ç‰¹æ€§ã‚’ç”Ÿã‹ã—ãŸã‚µãƒ¼ãƒ“ã‚¹ã‚’ã¤ãã‚‹ãŸã‚ã«ã¯ã€ãƒã‚¤ãƒ†ã‚£ãƒ–æ©Ÿèƒ½ã¸ã®ã‚¢ã‚¯ã‚»ã‚¹ã¯ã€ã¾ã ã¾ã
yuiseki 2013/01/21
ãƒã‚¤ãƒ–ãƒªãƒƒãƒ‰ã‚¢ãƒ—ãƒª

javascript

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