[B! slide] ryoatnetã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ryoatnet id:ryoatnet

slideã«é–¢ã™ã‚‹ryoatnetã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (8)

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

æ—¥æœ¬ä¸ã®ã€ŒUI/UXã€ã®å‚è€ƒã«ãªã‚‹ã‚¹ãƒ©ã‚¤ãƒ‰è³‡æ–™ã‚’æ°—åˆã„ã§å…¨éƒ¨é›†ã‚ã¾ã—ãŸï¼ï¼ˆãŸã¶ã‚“ï¼‰ | BtoBã‚µãƒ¼ãƒ“ã‚¹ã‚ãƒ¥ãƒ¼ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã€€Boxilï¼ˆãƒœã‚¯ã‚·ãƒ«ï¼‰ã¾ã¨ã‚ï¼
ã€ŒUI/UXã€ã¯ã‚‚ã¯ã‚„WEBãƒ‡ã‚¶ã‚¤ãƒ³ã‚„ã‚¢ãƒ—ãƒªé–‹ç™ºã«ãŠã„ã¦ã€ç„¡ãã¦ã¯ãªã‚‰ãªã„å˜åœ¨ã¨ãªã£ã¦ã„ã¾ã™ã€‚å®Ÿéš›ã«WEBã‚µãƒ¼ãƒ“ã‚¹ã‚„ã‚¢ãƒ—ãƒªã«è§¦ã‚Œã¦ç¢ºèªã™ã‚‹ã“ã¨ã‚‚å¤§äº‹ã§ã™ãŒã€è³‡æ–™ã§ã¾ã¨ã‚ã¦å‹‰å¼·ã™ã‚‹ã®ã‚‚ã‚ã‚Šã§ã™ã‚ˆãï¼ ãã“ã§ä»Šå›žã¯ã€æ—¥æœ¬ä¸ã®ã€ŒUI/UXã€ã«é–¢ã™ã‚‹è³‡æ–™ã‚’æ°—åˆã„ã§å…¨éƒ¨é›†ã‚ã¦ã¿ã¾ã—ãŸï¼ï¼ˆãŸã¶ã‚“ï¼‰ ãã‚Œã§ã¯ã€æ—©é€Ÿã¿ã¦ã„ãã¾ã—ã‚‡ã†ï¼ UIãƒ‡ã‚¶ã‚¤ãƒ³ã¨UXã®è¶…åŸºç¤Žã€ŒUI Design & UX for ENGINEERã€
ryoatnet 2015/05/22
UX

Design

slide

ãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
CSSã§æ³¥æ²¼ã«ã¯ã¾ã‚‰ãªã„3ã¤ã®ã‚¢ãƒ—ãƒãƒ¼ãƒï½œã€Žãƒ—ãƒã¨ã—ã¦æ¥ãšã‹ã—ããªã„ æ–°ãƒ»WEBãƒ‡ã‚¶ã‚¤ãƒ³ã®å¤§åŽŸå‰‡ã€ç™ºå£²è¨˜å¿µã‚¤ãƒ™ãƒ³ãƒˆ
æ³¨é‡ˆ 60åˆ†ã®ã‚»ãƒŸãƒŠãƒ¼ç”¨ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã§ã™ 60åˆ†é–“ã²ãŸã™ã‚‰ã—ã‚ƒã¹ã‚‹ãŸã‚ã®è³‡æ–™ãªã®ã§ã€ç›®æ¬¡ã¯ã‚ã‚Šã¾ã›ã‚“ ã‚»ãƒŸãƒŠãƒ¼ã®ãƒ•ã‚©ãƒãƒ¼ã‚¢ãƒƒãƒ—ã®ãŸã‚ã«å…¬é–‹ã—ã¦ã„ã¾ã™ æ–‡å—ãŒå¤§ãã„ã®ã¯ã€ä¼šå ´ã®å¾Œã‚ã®å¸ã§ã‚‚è¦‹ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹ãŸã‚ã§ã™ Cascading Style Sheets .header { margin: 8px; color: #f00; } ãƒžã‚¸ãƒƒã‚¯ãƒŠãƒ³ãƒãƒ¼ã®è‰¯ããªã„ä¾‹ .main { float: left; width: 640px; } .main h1 { width: 640px; } .main p { width: 640px; } .main ul li { width: 620px; margin-left: 20px; } æ•°å€¤ãŒä¹±ç«‹ .aaa { width: 640px; } .bbb { width: 324px; } .ccc { width: 216px; } .ddd
ryoatnet 2015/03/05
design

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

css

css3

slide
ãƒªãƒ³ã‚¯
iOSã‚¢ãƒ—ãƒªé–‹ç™ºã«ãŠã‘ã‚‹è‡ªå‹•åŒ–ãƒŽã‚¦ãƒã‚¦
èª°ã‚‚å…¨ä½“ã‚’çŸ¥ã‚‰ãªã„ ï½ž ãƒãƒ¼ãƒ«ã®åž£æ ¹ã‚’è¶…ãˆã¦å¼•ãä¸Šã’ã‚‹é–‹ç™ºç”Ÿç”£æ€§ / Boosting Development Productivity Across Roles
ryoatnet 2015/03/02
iOS

CI

slide

ãƒŽã‚¦ãƒã‚¦
ãƒªãƒ³ã‚¯
ã€Œã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ãƒ†ã‚¹ãƒˆå…¥é–€ã€ã¨ã„ã†è©±ã‚’ã—ãŸ - obfuscatism
å…ˆé€±ã€PFIã‚»ãƒŸãƒŠãƒ¼ï¼ˆç¤¾å†…ã‚»ãƒŸãƒŠãƒ¼ï¼‰ã§ã€Œã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ãƒ†ã‚¹ãƒˆå…¥é–€ã€ã¨ã„ã†è©±ã‚’ã—ãŸã€‚ å…¥é–€ã¨ã„ã†ã‚¿ã‚¤ãƒˆãƒ«ã ã‘ã©å®Ÿã¯ãƒ†ã‚¹ãƒˆãã®ã‚‚ã®ã§ã¯ãªãã€2014å¹´ã®ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ãƒ†ã‚¹ãƒˆã§ãƒ–ãƒ¼ãƒ ã«ãªã‚Šãã†ãªã“ã¨ã‚’ç´¹ä»‹ã™ã‚‹ã¤ã‚‚ã‚Šã ã£ãŸãŒã€å°ºãŒè¶³ã‚‰ãªã‹ã£ãŸã®ã§ãã®è©³ç´°ã‚’ã“ã“ã§ç´¹ä»‹ã—ãŸã„ã€‚ å…¨ç„¶é–¢ä¿‚ãªã„ãŒã€æ¡œã‚‚æ•£ã£ã¦GWã«è¿‘ã¥ãä»Šæ—¥ã€æœ€è¿‘ã‚ãŸã—ã¯FPS(First Person Shooting)ã®Battlefield 4ã‚’PCã§éŠã¶ã®ã«ãƒãƒžã£ã¦ã„ã‚‹ã€‚ ãƒãƒ³ãƒ‰ã‚¬ãƒ³ãƒ»ãƒŠã‚¤ãƒ•ã‚ªãƒ³ãƒªãƒ¼ã®ã‚µãƒ¼ãƒã§ç·´ç¿’ã—ã€ã¤ã„ã«ãƒãƒ³ãƒ‰ã‚¬ãƒ³ã®ã‚¢ãƒ³ãƒãƒƒã‚¯ã‚’å®Œäº†ã•ã›ãŸã¨ã“ã‚ã§ã‚ã‚‹ã€‚ é¢è˜ã®ã‚ã‚‹æ–¹ãŒã„ãŸã‚‰æ˜¯éžä¸€ç·’ã«ãƒ—ãƒ¬ã‚¤ã—ãŸã„ï¼ˆOriginã®IDã¯suma90hã§ã‚ã‚‹ï¼‰ã€‚ ã¾ãšã¯Immutable Infrastructureã¨ã„ã£ãŸå˜èªžã‚„Docker(LXC)ã¨ã„ã£ãŸåŸºç›¤æŠ€è¡“ã¨ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ãƒ†ã‚¹ãƒˆã®é–¢é€£ã«ã¤ã„ã¦è¨˜ã™ã€‚ ãã—ã¦ã€RRRSpecã®ã‚ˆã†ãª
ryoatnet 2014/04/24
ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ãƒ†ã‚¹ãƒˆ

infrastructure

immutable infrastructure

CI

testing

slide
ãƒªãƒ³ã‚¯
dockerã«ã¤ã„ã¦ç¤¾å†…å‹‰å¼·ä¼šã§è©±ã—ã¾ã—ãŸ - åœ§å€’äºã‚°ãƒ©ãƒ³ãƒ‘ã®ãƒ–ãƒã‚°
ã“ã‚“ã«ã¡ã¯ï¼@at_grandpa ã§ã™ã€‚ ç¤¾å†…å‹‰å¼·ä¼šã§dockerã«ã¤ã„ã¦è©±ã™æ©Ÿä¼šãŒã‚ã‚Šã¾ã—ãŸã€‚ ä»¥ä¸‹ã«ã€å‹‰å¼·ä¼šã§ä½¿ç”¨ã—ãŸã‚¹ãƒ©ã‚¤ãƒ‰ã‚’è¼‰ã›ã¾ã™ã€‚ ã€Œdockerã£ã¦èžã„ãŸã“ã¨ã‚ã‚‹ã‘ã©ãªã‚“ãªã‚“ã ï¼Ÿã€ã¨ã„ã†äººå‘ã‘ã«ä½œã‚Šã¾ã—ãŸã€‚ ï¼ˆè‡ªåˆ†ã‚‚ãã®ç«‹ã¡ä½ç½®ã ã£ãŸã®ã§ï¼‰ ã¯ã—ã‚™ã‚ã¦ã®docker from at_grandpa å†…å®¹ã¨ã—ã¦ã¯ä»¥ä¸‹ã«ãªã‚Šã¾ã™ã€‚ ç¾åœ¨ã®ã‚µãƒ¼ãƒãƒ¼é‹ç”¨ãŒæŠ±ãˆã‚‹å•é¡Œ ( p.9 ) dockerã‚’æ”¯ãˆã‚‹æŠ€è¡“ ( p.56 ) AUFS LXC å®Ÿéš›ã«dockerã‚’ä½¿ã†æµã‚Œ ( p.85 ) pingã¨vimã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¦ã¿ã‚‹ dockerã®ãã®ä»–ã®æ©Ÿèƒ½ ( p.113 ) AUFSã‚„LXCã«ã¤ã„ã¦ã¯ã€ä»¥ä¸‹ã®ã‚µã‚¤ãƒˆãŒå€‹äººçš„ã«ã‚ã‹ã‚Šã‚„ã™ã‹ã£ãŸã§ã™ã€‚ DockerãŒåˆ©ç”¨ã—ã¦ã„ã‚‹AUFSã¨LXC ã‚¹ãƒ©ã‚¤ãƒ‰å†…ã§ä½¿ç”¨ã—ãŸURLã¯ã“ã¡ã‚‰ã§ã™ã€‚ Docker: Linuxã‚³ãƒ³ãƒ†ãƒŠã‚’ä½¿ã£ã¦ã‚¢ãƒ—ãƒª
ryoatnet 2014/01/30
Docker

DevOps

slide

server

ä»®æƒ³åŒ–

vm
ãƒªãƒ³ã‚¯
Gitå…¥é–€ v1.1.0
Frontrend Vol.6 powered by CyberAgent, Inc. http://frontrend.doorkeeper.jp/events/6907 ã§ç™ºè¡¨ã—ãŸãƒ—ãƒ¬ã‚¼ãƒ³è³‡æ–™ã§ã™ã€‚ ã“ã†ã„ã†è³‡æ–™ã«å¯¾ã™ã‚‹æŠ•ã’éŠçš„ãªã®ãŒã©ã†ãªã‚‹ã®ã‹æ°—ã«ãªã£ã¦ã„ãŸã®ã§ã€ã‚‚ã—ã‚ˆã‚ã—ã‘ã‚Œã°ãƒ»ãƒ»ãƒ»ï¼15å††ã‹ã‚‰ã§ãã‚‹ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ã‚«ãƒ³ãƒ‘ã‚µãƒ¼ãƒ“ã‚¹ã ãã†ã§ã™m(_ _)m http://kampa.me/t/dev
ryoatnet 2013/11/16
git

development

slide

è³‡æ–™
ãƒªãƒ³ã‚¯
æ°—è»½ãªSNS Mobile Push ã®è©±
AWS meets Android - "AWS SDK for Android"ã§é–‹ç™ºã‚’æ¥½ã«ã—ã‚ˆã†ï¼SORACOM, INC
ryoatnet 2013/11/02
SNS

Push

push notification

slide
ãƒªãƒ³ã‚¯
iOS 7å‹‰å¼·ä¼š å…¨ã‚»ãƒƒã‚·ãƒ§ãƒ³ã®è³‡æ–™ã¨å‹•ç”»ã‚’å…¬é–‹ã—ã¾ã™ï¼ #ios7yahoo
ãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã¯ã€2023å¹´10æœˆ1æ—¥ã«LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã«ãªã‚Šã¾ã—ãŸã€‚LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã®æ–°ã—ã„ãƒ–ãƒã‚°ã¯ã“ã¡ã‚‰ã§ã™ã€‚LINEãƒ¤ãƒ•ãƒ¼ Tech Blog å…ˆæ—¥ã€iOS 7ã«é–¢ã™ã‚‹å‹‰å¼·ä¼šã‚’ãƒ¤ãƒ•ãƒ¼ã§é–‹å‚¬ã—ã¾ã—ãŸã€‚ http://connpass.com/event/3497/ ä¸–ç•Œã®æ³¨ç›®ã™ã‚‹iOS 7ãŒãƒ†ãƒ¼ãƒžã¨ã„ã†ã“ã¨ã‚‚ã‚ã‚Šã€250å¸ãŒã‚ã£ã¨ã„ã†é–“ã«æº€å¸ã€‚ Ustreamé…ä¿¡ã§ã‚‚å¤šãã®æ–¹ã«è¦‹ã¦ã„ãŸã ãã€å¤§ç››æ³ã®å‹‰å¼·ä¼šã¨ãªã‚Šã¾ã—ãŸã€‚ å‚åŠ è€…ã®æ–¹ã‹ã‚‰ã®ãƒªã‚¯ã‚¨ã‚¹ãƒˆã‚’ã„ãŸã ãã¾ã—ãŸã®ã§ã€å…¨ã‚»ãƒƒã‚·ãƒ§ãƒ³ã®ç™ºè¡¨ã‚¹ãƒ©ã‚¤ãƒ‰ã€ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’ã¾ã¨ã‚ã¦å…¬é–‹è‡´ã—ã¾ã™ï¼ â–¼ç™ºè¡¨ã‚’è¦‹é€ƒã—ãŸæ–¹ã¯Ustã‚¢ãƒ¼ã‚«ã‚¤ãƒ–ã‚’ãœã²ã”è¦§ä¸‹ã•ã„ï¼ Ustreamå‰åŠï¼š//www.ustream.tv/recorded/39618130 Ustreamå¾ŒåŠï¼š//www.ustream.tv/recorded/39619493 Toget
ryoatnet 2013/10/11
iOS 7

iphone

ios7

å‹‰å¼·ä¼š

slide
ãƒªãƒ³ã‚¯
1