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

hatano99 id:hatano99

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«é–¢ã™ã‚‹hatano99ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

ã‚·ãƒ³ãƒ—ãƒ«ã ã‘ã©ãƒ‘ãƒ¯ãƒ•ãƒ«ã€PWAã®ãƒ›ãƒ¼ãƒ ç”»é¢ã‚¢ã‚¤ã‚³ãƒ³è¿½åŠ #PWATokyo
9æœˆ22æ—¥ã« Google ã®æ±äº¬ã‚ªãƒ•ã‚£ã‚¹ã§é–‹å‚¬ã•ã‚ŒãŸ Progressive Web Apps Roadshow Tokyo 2017 ã«å‚åŠ ã—ã¾ã—ãŸã€‚ Google ã® ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã‚¢ãƒ‰ãƒœã‚±ã‚¤ãƒˆã€åŒ—æ‘è‹±å¿— æ°ã¯ã€ã€ŒIntegrated Experiencesã€ã¨ã„ã†ã‚¿ã‚¤ãƒˆãƒ«ã§ã€PWA ã«ãŠã‘ã‚‹ã€Œãƒ›ãƒ¼ãƒ ç”»é¢ã‚¢ã‚¤ã‚³ãƒ³è¿½åŠ ã€ã¨ã€ŒPayment Request APIã€ã«ã¤ã„ã¦ã€ãã®æœ‰èƒ½æ€§ã‚’èª¬æ˜Žã—ã¾ã—ãŸã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€ã€Œãƒ›ãƒ¼ãƒ ç”»é¢ã¸ã®ã‚¢ã‚¤ã‚³ãƒ³è¿½åŠ ã€ã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã—ã¦ãƒ¬ãƒãƒ¼ãƒˆã—ã¾ã™ã€‚ ã‚·ãƒ³ãƒ—ãƒ«ã€ã§ã‚‚ãƒ‘ãƒ¯ãƒ•ãƒ«ãªãƒ›ãƒ¼ãƒ ç”»é¢ã‚¢ã‚¤ã‚³ãƒ³ ã€Œãƒ›ãƒ¼ãƒ ç”»é¢ã¸ã®ã‚¢ã‚¤ã‚³ãƒ³è¿½åŠ ã€ã¯ã‚·ãƒ³ãƒ—ãƒ«ã§ã™ãŒãƒ‘ãƒ¯ãƒ•ãƒ«ãªæ©Ÿèƒ½ã§ã™ã€‚ ãŸã¨ãˆã°ã€PWA å¯¾å¿œã—ãŸ Twitter ã¯æ¯Žæ—¥100ä¸‡ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒãƒ›ãƒ¼ãƒ ç”»é¢ã‚¢ã‚¤ã‚³ãƒ³çµŒç”±ã§ã‚¢ã‚¯ã‚»ã‚¹ã—ã¾ã™ã€‚ æ¥½å¤©ãƒ¬ã‚·ãƒ”ã¯ã€ãƒ›ãƒ¼ãƒ ç”»é¢ã‚¢ã‚¤ã‚³ãƒ³ã§æ¬¡ã®ã‚ˆã†ãªæˆæžœã‚’æ‰‹ã«ã—ã¦ã„ã¾ã™ã€‚ ãƒ›ãƒ¼ãƒ ç”»é¢ã‚¢ã‚¤ã‚³ãƒ³ã‚’è¿½åŠ
hatano99 2017/12/19
PWA

ã‚¨ãƒ³ã‚²ãƒ¼ã‚¸ãƒ¡ãƒ³ãƒˆ

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³
ãƒªãƒ³ã‚¯
ã‚«ãƒ†ã‚´ãƒªåˆ¥ã«è¦‹ã‚‹ã€ã‚¹ãƒžãƒ•ã‚©ã®ã‚¢ãƒ—ãƒªã«ä½¿ç”¨ã•ã‚Œã¦ã„ã‚‹æ°—æŒã¡ã®ã„ã„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã¾ã¨ã‚
æ°—æŒã¡ã®ã„ã„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯ã€ã‚¹ãƒžãƒ•ã‚©ã®ã‚¢ãƒ—ãƒªã«ã¯æ¬ ã‹ã›ãªã„ã¨è¨€ã£ã¦ã‚‚ã‚ˆã„ã§ã—ã‚‡ã†ã€‚ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’è¨è¨ˆã™ã‚‹ä¸Šã§éžå¸¸ã«é‡è¦ã§ã€4ã¤ã®ã‚«ãƒ†ã‚´ãƒªã«åˆ†ã‘ã¦ãƒ¦ãƒ¼ã‚¶ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ã«æ¬ ã‹ã›ãªã„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Great Animations Make Great Apps ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ 1. çŸ¥ã‚‰ã›ã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ 2. å¯èƒ½ã§ã‚ã‚‹ã“ã¨ã‚’ä¼ãˆã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ 3. ã‚ãªãŸã‚’æ“è¿Žã™ã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ 4. æ¥½ã—ã¾ã›ã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ 1. çŸ¥ã‚‰ã›ã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ æœ€ã‚‚å˜ç´”ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ä½¿ã„æ–¹ã§ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«çŸ¥ã‚‰ã›ã‚‹ã“ã¨ã‚’ç›®çš„ã¨ã—ãŸã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã™ã€‚ã“ã‚Œã¯å¤šãã®ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã§ä½¿ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚
hatano99 2016/01/29
jQuery

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

ui

css3

*webåˆ¶ä½œ

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³
ãƒªãƒ³ã‚¯
ç”·å¥³ãƒ»å¹´ä»£åˆ¥ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°ã¯ã€Œã‚‚ã†ã§ããªã„ã€ã€€ãƒžãƒ«ãƒãƒ‡ãƒã‚¤ã‚¹æ™‚ä»£ã®æƒ…å ±è¡Œå‹•5ã¤ã®ã‚¿ã‚¤ãƒ—ã€GoogleãŒåˆ†é¡ž
ã€Œã€ŽF1å±¤ã€ã‚‚ã€ŽM1å±¤ã€ã‚‚ã€ã‚‚ã†ã„ã¾ã›ã‚“ã€â€•â€•Googleæ—¥æœ¬æ³•äººã¯12æœˆ16æ—¥ã€è¤‡æ•°ã®ãƒ‡ã‚¸ã‚¿ãƒ«ãƒ‡ãƒã‚¤ã‚¹ã‚’åˆ©ç”¨ã—ã¦ã„ã‚‹ãƒžãƒ«ãƒã‚¹ã‚¯ãƒªãƒ¼ãƒ³ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®è¡Œå‹•åˆ†æžã«åŸºã¥ãã€æƒ…å ±æŽ¥è§¦è¡Œå‹•ã«é–¢ã™ã‚‹5ã¤ã®ã‚¿ã‚¤ãƒ—ã‚’ç™ºè¡¨ã—ãŸã€‚ç”·å¥³ã‚„å¹´ä»£ã«ã‚ˆã‚‹å‚¾å‘ã¯ã‚ã¾ã‚Šè¦‹ã‚‰ã‚Œãšã€ã€Œå˜ç´”ãªåŒºåˆ†ã‘ã¯æ„å‘³ã‚’æˆã•ãªããªã‚Šã¤ã¤ã‚ã‚‹ã€ã¨ã¾ã¨ã‚ã¦ã„ã‚‹ã€‚ ã‚¤ãƒ³ãƒ†ãƒ¼ã‚¸ã®ã‚·ãƒ³ã‚°ãƒ«ã‚½ãƒ¼ã‚¹ãƒ‘ãƒãƒ«ã€Œi-SSPã€ã‚’åˆ©ç”¨ã—ã€ãƒ†ãƒ¬ãƒ“ã€PCã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®3ã¤ã‚’ä¿æœ‰ã—åˆ©ç”¨ã—ã¦ã„ã‚‹20ï½ž60ä»£ã®ç”·å¥³500äººã‚’å¯¾è±¡ã«ã€ãã‚Œãžã‚Œã®ãƒ„ãƒ¼ãƒ«ã®ä½¿ç”¨æ™‚é–“ã‚„è¦–è´ãƒ»è¡Œå‹•å†…å®¹ã‚’ãƒ‡ãƒ¼ã‚¿ã§å–å¾—ã—ã¦åˆ†æžã‚’è¡Œã£ãŸã€‚æ„è˜çš„ã«å›žç”ã™ã‚‹ã‚¢ãƒ³ã‚±ãƒ¼ãƒˆã«æ¯”ã¹ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®å…ˆå…¥è¦³ã‚„ãƒã‚¤ã‚¢ã‚¹ãŒå…¥ã‚‰ãªã„ã®ãŒç‰¹å¾´ã®æ‰‹æ³•ã ã€‚ æƒ…å ±æŽ¥è§¦è¡Œå‹•ãƒ‡ãƒ¼ã‚¿ã«åŸºã¥ãã€åŒç¤¾ãŒé¡žåž‹åŒ–ã—ãŸ5ã‚¿ã‚¤ãƒ—ã¯ä»¥ä¸‹ã®é€šã‚Šã€‚ 1.ã‚ãƒžã‚¸ãƒ¡å¤§é£Ÿã‚‰ã„ï¼ˆå…¨ä½“ã®22ï¼…ï¼‰ ãƒ‡ãƒã‚¤ã‚¹åˆ©ç”¨æ™‚é–“ãŒå…¨ä½“çš„ã«é•·ãã€æœèµ·ããŸã‚‰ã™ãã«ãƒ†ãƒ¬ãƒ“ã®é›»æºã‚’ã‚ªãƒ³ã€‚æƒ…å ±ç•ªçµ„ãŒ
hatano99 2013/12/18
ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°

åˆ†æž

ãƒ¡ãƒ‡ã‚£ã‚¢

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³
ãƒªãƒ³ã‚¯
Developers.IO
ã€10/30ãƒªãƒ¢ãƒ¼ãƒˆã€‘ ã‚¯ãƒ©ã‚¹ãƒ¡ã‚½ãƒƒãƒ‰ã®ãƒ•ãƒªãƒ¼ãƒ©ãƒ³ã‚¹ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ä¼šç¤¾èª¬æ˜Žä¼šã€œãƒ‡ãƒ¼ã‚¿åˆ†æž/Webã‚¢ãƒ—ãƒª/AWSã‚¤ãƒ³ãƒ•ãƒ©æ¡ˆä»¶ç‰¹é›†ï½žã‚’é–‹å‚¬ã—ã¾ã™
hatano99 2013/02/14
ãƒ‡ã‚¶ã‚¤ãƒ³

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

é–‹ç™º

development

blog
ãƒªãƒ³ã‚¯
æ˜Ÿç©ºæ–‡åº«ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã‚º
æ˜Ÿç©ºæ–‡åº«ã®é–‹ç™ºè€…å‘ã‘æƒ…å ±ã€‚ API æ˜Ÿç©ºæ–‡åº«ã®æŽ²è¼‰ä½œå“ãªã©ã®æƒ…å ±ã‚’å–å¾—ã™ã‚‹ãŸã‚ã®APIã§ã™ã€‚ ãƒ†ã‚ã‚¹ãƒˆãƒªãƒ¼ãƒ€ãƒ¼ã‚„ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãªã©å¹…åºƒã„ç”¨é€”ã«ã”åˆ©ç”¨ã„ãŸã ã‘ã¾ã™ã€‚
hatano99 2013/02/08
iPhone

é›»åæ›¸ç±

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

App

Kindle

Apple
ãƒªãƒ³ã‚¯
O2Oãƒ„ãƒ¼ãƒ«ã€ŽPassbookã€ã®ä½¿ã„æ–¹ãƒ»ä½œã‚Šæ–¹ãƒ»æ´»ã‹ã—æ–¹ã¾ã¨ã‚
Passbookå¯¾å¿œã®ãƒ‘ã‚¹ä½œæˆã‚µãƒ¼ãƒ“ã‚¹ã€ŽPassifyï¼ˆãƒ‘ã‚·ãƒ•ã‚¡ã‚¤ï¼‰ã€ã‚’é–‹å§‹ã—ã¾ã—ãŸã€‚å¤§å¤‰ã‚ã‚ŠãŒãŸã„ã“ã¨ã«ã€ã™ã§ã«ç¾Žå®¹å®¤ã®ãƒ¡ãƒ³ãƒãƒ¼ã‚ºã‚«ãƒ¼ãƒ‰ã€ç—…é™¢ã®è¨ºç™‚åˆ¸ã€ãƒªã‚µã‚¤ã‚¯ãƒ«ã‚·ãƒ§ãƒƒãƒ—ã®ã‚¯ãƒ¼ãƒãƒ³åˆ¸ãªã©ã®ç”¨é€”ã§ãŠå•ã„åˆã‚ã›ã‚’ã„ãŸã ã„ã¦ãŠã‚Šã¾ã™ã€‚ O2Oæ–½ç–ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚’æ´»ç”¨ã—ãŸãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°æ–½ç–ã«èˆˆå‘³ã‚’ãŠæŒã¡ã®æ–¹ã¯ã€ãœã²ä¸€åº¦ç‰¹è¨ã‚µã‚¤ãƒˆã‚’ã”è¦§ã„ãŸã ã‘ã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ Passbookå¯¾å¿œã®ãƒ‘ã‚¹ä½œæˆã‚µãƒ¼ãƒ“ã‚¹ã€ŽPassifyï¼ˆãƒ‘ã‚·ãƒ•ã‚¡ã‚¤ï¼‰ã€ æœ¬ã‚µãƒ¼ãƒ“ã‚¹ã®é–‹å§‹ã«ä¼´ã„ã€ã“ã®ãƒ–ãƒã‚°ã§ã‚‚ã€ŽPassbookã€ã®ä½¿ã„æ–¹ãƒ»ä½œã‚Šæ–¹ãƒ»æ´»ã‹ã—æ–¹ã«ã¤ã„ã¦æ•´ç†ã—ã¦ãŠããŸã„ã¨æ€ã„ã¾ã™ã€‚ã¾ãŸã€J-CASTãƒ‹ãƒ¥ãƒ¼ã‚¹ ä¼šç¤¾ã‚¦ã‚©ãƒƒãƒå†…ã€Žã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆæ‹è¦‹ã€ã§ã‚‚é–¢é€£è¨˜äº‹ã‚’åŸ·ç†ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚ã‚ã‚ã›ã¦ã€ãŠå½¹ç«‹ã¦ã„ãŸã ã‘ã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ èªäº†æ™‚é–“ : 3åˆ† â€”â€“ iPhoneã‚’ãŠæŒã¡ã®çš†ã•ã‚“ã€OSã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã¯ãŠæ¸ˆã¿ã§ã™ã‹ï¼Ÿæœ€æ–°ã¯ã€ŽiOS6
hatano99 2012/10/09
o2o

Webã‚µãƒ¼ãƒ“ã‚¹

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã§ä½¿ãˆã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã„ã‚ã„ã‚
Fit Text - A plugin for i... / slabText / FitVids.JS - A lightweig...ä»–...å…¨7ä»¶
hatano99 2012/04/22
ãƒ—ãƒ©ã‚°ã‚¤ãƒ³

javascript

jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³

jQuery

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³
ãƒªãƒ³ã‚¯
ã‚¢ãƒ‰ãƒ“ã®æ–°ãƒ„ãƒ¼ãƒ«ã€ŒShadowã€ã¯ã€ãƒ¢ãƒã‚¤ãƒ«ç”¨Webã‚¢ãƒ—ãƒªé–‹ç™ºè€…å¿…é ˆã®ãƒ„ãƒ¼ãƒ«
ãƒ¢ãƒã‚¤ãƒ«ãƒ‡ãƒã‚¤ã‚¹ç”¨ã®Webã‚µã‚¤ãƒˆã‚„Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºã§å¤§å¤‰ãªã‚‚ã®ã®1ã¤ãŒå‹•ä½œç¢ºèªã§ã™ã€‚ä½•å°ã‚‚ã®ãƒ‡ãƒã‚¤ã‚¹ã‚’æœºã®ä¸Šã«ä¸¦ã¹ã¦ã€ã²ã¨ã¤ã²ã¨ã¤ç¢ºèªã—ãªã‘ã‚Œã°ãªã‚Šã¾ã›ã‚“ã€‚ ã‚¢ãƒ‰ãƒ“ã‚·ã‚¹ãƒ†ãƒ ã‚ºã®Adobe LabsãŒå…¬é–‹ã—ãŸã€ŒAdobe Shadowã€ã¯ã€ãã†ã—ãŸè‹¦åŠ´ã‚’ã—ã¦ã„ã‚‹ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«ã¨ã£ã¦æ‰‹æ”¾ã›ãªã„ãƒ„ãƒ¼ãƒ«ã«ãªã‚‹ã§ã—ã‚‡ã†ã€‚ è¤‡æ•°ãƒ‡ãƒã‚¤ã‚¹ã«å¯¾ã™ã‚‹åŒæ™‚è¡¨ç¤ºã¨ãƒªãƒ¢ãƒ¼ãƒˆã‚¤ãƒ³ã‚¹ãƒšã‚¯ã‚·ãƒ§ãƒ³ ShadowãŒã©ã‚“ãªãƒ„ãƒ¼ãƒ«ãªã®ã‹è§£èª¬ç”¨ãƒ“ãƒ‡ã‚ªã®èª¬æ˜Žã‚’ç´¹ä»‹ã—ã¾ã—ã‚‡ã†ã€‚ iPhoneã‚¢ãƒ—ãƒªã®Shadowã‚’èµ·å‹•ã™ã‚‹ã¨ç•ªå·ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ãã®ç•ªå·ã‚’ã€MacOSã‹Windowsç”¨Chromeãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚¨ã‚¯ã‚¹ãƒ†ãƒ³ã‚·ãƒ§ãƒ³ã¨ã—ã¦é…å¸ƒã•ã‚Œã¦ã„ã‚‹Shadowã«å…¥åŠ›ã—ã¾ã™ã€‚ã“ã‚Œã§ã€Chromeãƒ–ãƒ©ã‚¦ã‚¶ã¨iPhoneãŒãƒšã‚¢ã«ãªã‚Šã¾ã—ãŸã€‚ åŒã˜ã‚ˆã†ã«ã€Androidç”¨Shadowã‚‚Chromeãƒ–ãƒ©ã‚¦ã‚¶ã¨ãƒšã‚¢ã«ã™ã‚‹ã“ã¨ãŒã§ã
hatano99 2012/03/08
Android

WEBåˆ¶ä½œ

adobe

Chrome

development

iPhone

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

ãƒ–ãƒ©ã‚¦ã‚¶

web
ãƒªãƒ³ã‚¯
1