[B! js] ohbaryeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ohbarye id:ohbarye

jsã«é–¢ã™ã‚‹ohbaryeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (14)

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

2022å¹´ã«ãŠã‘ã‚‹ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã®ãƒ™ãƒ¼ã‚¹ãƒ©ã‚¤ãƒ³
LINEæ ªå¼ä¼šç¤¾ã¯ã€2023å¹´10æœˆ1æ—¥ã«LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã«ãªã‚Šã¾ã—ãŸã€‚LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã®æ–°ã—ã„ãƒ–ãƒã‚°ã¯ã“ã¡ã‚‰ã§ã™ã€‚ LINEãƒ¤ãƒ•ãƒ¼ Tech Blog TL;DR:2022ã«ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã§æœ€ã‚‚è€ƒæ…®ã™ã¹ããƒ¦ãƒ¼ã‚¶ãƒ¼ç’°å¢ƒã¯ã€ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã§ã¯ä½Žã‚¹ãƒšãƒƒã‚¯ã®Androidç«¯æœ«ã€æ¨™æº–ä»•æ§˜ã§ã¯2å¹´å‰ã®Safariã€ãã—ã¦ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã§ã¯ï¼”Gã§ã™ã€‚ãã‚Œã«å¯¾ã—ã¦ã¯JSã¸ã®éŽå‰°ä¾å˜ãªã©ãŒåŽŸå› ã§ä¸»ã«ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã®é¢ã§ã®ã‚¦ã‚§ãƒ–å…¨ä½“ã®å¯¾å¿œãŒã‚ˆãã‚ã‚Šã¾ã›ã‚“ã€‚ ã“ã‚“ã«ã¡ã¯ï¼LINE ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºå®¤ã®ãƒ€ãƒãƒã‚¹ ã‚¢ãƒ©ãƒ³ã§ã™ã€‚ã“ã®è¨˜äº‹ã®ã‚¿ã‚¤ãƒˆãƒ«ã‚’è¦‹ã¦ã€Œé‡£ã‚Šã‚¿ã‚¤ãƒˆãƒ«ã§ã™ãã€œã€ã¨è€ƒãˆã¦ã„ã‚‹æ–¹ãŒã„ã‚‹ã¨æ€ã„ã¾ã™ãŒä»Šå›žã«é™ã£ã¦ã¯ãã‚Œã‚’å¤§ç›®ã«è¦‹ã¦ãã ã•ã„ã€‚ãã‚Œã¯ãªãœã‹ã¨è¨€ã„ã¾ã™ã¨ã€2021å¹´ã‹ã‚‰2022å¹´ã«ã‹ã‘ã¦ç§ãŸã¡ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒå…¨ä½“çš„ã«è€ƒãˆæ–¹ã‚’æ”¹ã‚ã‚‹å¿…è¦ãŒå‡ºã‚‹ã»ã©å¤§ããªå¤‰åŒ–ãŒã‚ã‚Šã¾ã—ãŸã€‚ ãã®å¤‰
ohbarye 2022/01/29
frontend

js

engineering

development
ãƒªãƒ³ã‚¯
Reactã‚’å–ã‚Šå·»ãçŠ¶æ…‹ç®¡ç†ã®æ½®æµã‚’å¦ã¼ã†ã€‚Hooksã‚„Server Componentsãªã©ã®ç™»å ´ã§ä½•ãŒå¤‰ã‚ã‚‹ã‹ï½œãƒã‚¤ã‚¯ãƒ©ã‚¹è»¢è·ãƒ»æ±‚äººæƒ…å ±ã‚µã‚¤ãƒˆ AMBIï¼ˆã‚¢ãƒ³ãƒ“ï¼‰
Reactã‚’å–ã‚Šå·»ãçŠ¶æ…‹ç®¡ç†ã®æ½®æµã‚’å¦ã¼ã†ã€‚Hooksã‚„ServerÂ Componentsãªã©ã®ç™»å ´ã§ä½•ãŒå¤‰ã‚ã‚‹ã‹ Reactã‚’å–ã‚Šå·»ãçŠ¶æ…‹ç®¡ç†ã®ã‚¢ãƒ—ãƒãƒ¼ãƒã¯å¤‰åŒ–ã‚’ç¶šã‘ã¦ã„ã¾ã™ãŒã€ã„ã¾çŸ¥ã£ã¦ãŠãã¹ãæ‰‹æ³•ã¨ã¯ã©ã®ã‚ˆã†ãªã‚‚ã®ã§ã—ã‚‡ã†ã‹ã€‚å°æž—Â å¾¹ï¼ˆ@koba04ï¼‰ã•ã‚“ã«ã€ç¾åœ¨ã€ãã—ã¦ã“ã®å…ˆã®çŠ¶æ…‹ç®¡ç†ã«ã¤ã„ã¦åŸ·ç†ã„ãŸã ãã¾ã—ãŸã€‚ ã“ã‚“ã«ã¡ã¯ã€å°æž—ï¼ˆ@koba04ï¼‰ã§ã™ã€‚ 2019å¹´5æœˆã«ã€ŽSPAã«ãŠã‘ã‚‹çŠ¶æ…‹ç®¡ç†:é–¢æ•°åž‹ã®ã‚¢ãƒ—ãƒãƒ¼ãƒã‚‚å–ã‚Šå…¥ã‚Œã‚‹ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ç³»ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã®å¤‰é·ã€ã¨ã„ã†è¨˜äº‹ã‚’æ›¸ãã¾ã—ãŸãŒã€ãã“ã‹ã‚‰2å¹´ä»¥ä¸ŠãŒçµŒéŽã—ã€Reactã‚’ç”¨ã„ãŸçŠ¶æ…‹ç®¡ç†ã¯å¤§ããå¤‰ã‚ã‚Šã¾ã—ãŸã€‚æœ¬è¨˜äº‹ã§ã¯Reactã‚’å–ã‚Šå·»ãçŠ¶æ…‹ç®¡ç†ã®å¤‰é·ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚ åºƒãŒã‚‹Reduxã®æŽ¡ç”¨ Hooksã®ç™»å ´ ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãƒ„ãƒªãƒ¼ã‹ã‚‰ç‹¬ç«‹ã—ãŸçŠ¶æ…‹ç®¡ç† Concurrent Featuresã«ã‚ˆã‚‹æ–°ã—ã„ãƒ¦ãƒ¼ã‚¶ãƒ¼ä½“é¨“ çŠ¶æ…‹ã¨ã‚ãƒ£
ohbarye 2022/01/17
react

hooks

graphql

redux

js

web
ãƒªãƒ³ã‚¯
Rails 7.0ã§ã‚¢ã‚»ãƒƒãƒˆãƒ‘ã‚¤ãƒ—ãƒ©ã‚¤ãƒ³ã¯ã©ã†å¤‰ã‚ã‚‹ã‹ | Wantedly Engineer Blog
Rails 7.0ã§ã¯ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚µãƒãƒ¼ãƒˆãŒåˆ·æ–°ã•ã‚Œã¾ã™ã€‚æ–°ãŸãªãƒ©ã‚¤ãƒ–ãƒ©ãƒªãŒå¤šæ•°å°Žå…¥ã•ã‚Œã€é¸æŠžè‚¢ãŒå¢—ãˆã‚‹ãŸã‚ã€ã€ŒRailså…¬å¼ã®ã‚‚ã®ã‚’é¸ã¹ã°OKã€ã¨ã„ã†æˆ¦ç•¥ãŒé€šç”¨ã—ãªããªã‚Šã¾ã™ã€‚ æœ¬ç¨¿ã§ã¯ã€Railsã§ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’æ›¸ããŸã‚ã®é¸æŠžè‚¢ã«ã¤ã„ã¦ã€ãã®æ´å²ã¨å®Ÿè£…ã‚’è¸ã¾ãˆã¦æ¯”è¼ƒæ¤œè¨Žã—ã¾ã™ã€‚ çµè«–ã‹ã‚‰è¨€ã†ã¨(ã¾ã ã‚¢ãƒ«ãƒ•ã‚¡ç‰ˆãªã®ã§ä»Šå¾Œã‚‚çŠ¶æ³ãŒå¤‰ã‚ã‚‹å¯èƒ½æ€§ã¯ã‚ã‚Šã¾ã™ãŒã€) æ–°è¦ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã§ã¯Sprocketsã®å½¹å‰²ã¯ç„¡ããªã‚Šãã†ã§ã™ã€‚æ–°ã—ã„ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¨ã—ã¦ Propshaft, importmap-rails, jsbundling-rails, css bundling-rails ãŒç™»å ´ã—ã€ä¸»è¦ãªé¸æŠžè‚¢ã¨ã—ã¦ä»¥ä¸‹ãŒæä¾›ã•ã‚Œã¾ã™ã€‚ (å„ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®è©³ç´°ã«ã¤ã„ã¦ã¯å¾Œè¿°ã—ã¾ã™) Propshaft + importmap-railsãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®é¸æŠžè‚¢ã€‚Node.jsãŒä¸è¦ã€‚ãƒˆãƒ©ãƒ³ã‚¹ãƒ‘ã‚¤ãƒ«ã‚’å«ã‚ã€è¤‡
ohbarye 2021/10/30
rails

webpack

js

frontend
ãƒªãƒ³ã‚¯
React ã‚¹ãƒ†ãƒ¼ãƒˆç®¡ç† æ¯”è¼ƒè€ƒå¯Ÿ - uhyo/blog
ã“ã‚“ã«ã¡ã¯ã€‚Reactã®è©±é¡Œã®ä¸ã§ã‚‚ã‹ãªã‚Šã®éƒ¨åˆ†ã‚’å ã‚ã‚‹ã®ãŒã‚¹ãƒ†ãƒ¼ãƒˆç®¡ç†ã€ã•ã‚‰ã«è¨€ãˆã°å„ç¨®ã®ã‚¹ãƒ†ãƒ¼ãƒˆç®¡ç†ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ä»Šã•ã‚‰ãªãŒã‚‰ã€Reactã«ãŠã‘ã‚‹ã‚¹ãƒ†ãƒ¼ãƒˆç®¡ç†ã®æ‰‹æ³•ã‚„ã„ãã¤ã‹ã®ã‚¹ãƒ†ãƒ¼ãƒˆç®¡ç†ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’æ¯”è¼ƒè€ƒå¯Ÿã—ã¦è¨˜äº‹ã«ã¾ã¨ã‚ã¾ã—ãŸã€‚ useState + ãƒã‚±ãƒ„ãƒªãƒ¬ãƒ¼Reactã«ãŠã‘ã‚‹åŸºæœ¬çš„ãªã‚¹ãƒ†ãƒ¼ãƒˆç®¡ç†ã¯useStateã§ã™ã€‚ã²ã¨ã¤ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆå†…ã§å®Œçµã™ã‚‹ã‚ˆã†ãªã‚¹ãƒ†ãƒ¼ãƒˆãªã‚‰ã°useStateã¯éžå¸¸ã«é©ã—ã¦ãŠã‚Šã€ä»–ã®é¸æŠžè‚¢ã¯ã»ã¼ç„¡ã„ã¨è¨€ã£ã¦ã‚‚æ§‹ã‚ãªã„ã§ã—ã‚‡ã†ã€‚ ã‚¹ãƒ†ãƒ¼ãƒˆã‚’ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®åºƒç¯„å›²ã§ä½¿ã„ãŸã„å ´åˆãŒå•é¡Œã§ã™ã€‚æ¬¡ã®ç”»åƒã«ä¾‹ç¤ºã•ã‚Œã‚‹ã‚ˆã†ã«ã€åˆ†å²ã—ãŸã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãƒ„ãƒªãƒ¼ã®æœ«ç«¯ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆï¼ˆä½¿ç”¨è€…ï¼‰ã§åŒã˜ã‚¹ãƒ†ãƒ¼ãƒˆã‚’å‚ç…§ã—ãŸã„å ´åˆã‚’è€ƒãˆã¾ã™ã€‚ useStateã¨çµ„ã¿åˆã‚ã›ã‚‹å ´åˆã€ã‚‚ã£ã¨ã‚‚åŽŸå§‹çš„ãªæ–¹æ³•ã¯propsã®ãƒã‚±ãƒ„ãƒªãƒ¬ãƒ¼ã«ã‚ˆã‚‹ã‚‚ã®ã§ã™ã€‚propsã¯è¦ªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‹ã‚‰å
ohbarye 2021/07/25
react

redux

js

javascript

frontend
ãƒªãƒ³ã‚¯
blitz-js prisma rails å€’ã—æ–¹
ã“ã®è¨˜äº‹ã®å†…å®¹ bl itz-js ãŒç”Ÿã¾ã‚ŒãŸèƒŒæ™¯ prisma ã®ç´¹ä»‹ bl itz ã§ç°¡å˜ãªãƒ–ãƒã‚°ã‚’ä½œã£ã¦ã¿ã‚‹ bl itz ã‚’ vercel ã«ãƒ‡ãƒ—ãƒã‚¤ã—ã¦ã¿ã‚‹ tldr bl itz-js ã¯ next.js + prisma ã§ rails ã‚’å†ç¾ã—ã‚ˆã†ã¨ã—ã¦ã„ã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ Prisma ORM ãã‚Œè‡ªä½“ãŒè‰¯ã„ã€‚bl itz ã®ç†è§£ã®ãŸã‚ã«ã‚‚ã€ã¾ãš Prisma ã‚’å¦ã¹ bl itz-js è‡ªä½“ã¯ã¾ã Î± å“è³ªã ã‘ã©ã€ä»Šã‹ã‚‰æ³¨ç›®ã—ã¦ãŠãä¾¡å€¤ã¯ã‚ã‚‹ã€‚ãƒ‡ãƒ•ã‚¡ã‚¯ãƒˆã«ãªã‚‹ã‹ã¯ä¸æ˜Žã€‚æ€æƒ³ã¯ç¶™æ‰¿ã•ã‚Œãã†ã€‚ ã¯ã˜ã‚ã« next.js ã¯ã¨ã¦ã‚‚è‰¯ã„ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã ãŒã€æ°¸ç¶šå±¤ã‚’æŒãŸãªã„ã€‚ãªã®ã§ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã¨ãƒ•ãƒãƒ³ãƒˆã‚µãƒ¼ãƒãƒ¼ã«é–‰ã˜ã¦ã„ã‚‹ã€‚ æ°¸ç¶šå±¤ã€ã¤ã¾ã‚Š DB ã‚’æŒãŸãªã„ã®ã§ã€åˆå¦è€…ã‚„æµè¡Œã‚Šã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚¹ã‚¯ãƒ¼ãƒ«ã®æ•™æã«é¸ã°ã‚Œãªã„ã€‚ã¾ãŸã€JavaScript ã®å¦ç¿’è³‡æ–™ãŒæ•£ã‚‰ã°ã£ã¦ã„ã‚‹ã€‚ è¦ã¯ Rail
ohbarye 2020/09/29
js

rails

typescript

blitz

prisma
ãƒªãƒ³ã‚¯
20 å¹´ä»£ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰.md
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
ohbarye 2020/02/01
wasm

webpack

node

firebase

js

cdn
ãƒªãƒ³ã‚¯
Chromeæ‹¡å¼µã®é«˜é€Ÿãªè‹±èªžè¾žæ›¸ãƒ„ãƒ¼ãƒ«ã‚’ã¤ãã‚Šã¾ã—ãŸ(Mouse Dictionary) - Qiita
çµŒç·¯ ã‚‚ã¨ã‚‚ã¨MouseoverDictionaryã¨ã„ã†ç´ æ™´ã‚‰ã—ã„Firefoxç”¨è¾žæ›¸ãŒã‚ã£ãŸã®ã§ã™ãŒã€Quantumã®ç™»å ´ã¨XULã®å»ƒæ¢ã¨ã¨ã‚‚ã«ä½¿ãˆãªããªã£ã¦ã—ã¾ã£ãŸãŸã‚ã€è‡ªåˆ†ç”¨ã«Chromeæ‹¡å¼µã‚’ã¤ãã£ãŸæ¬¡ç¬¬ã§ã™ã€‚ ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ å®Ÿè£…ã«é–¢ã‚ã‚‹æŠ€è¡“å¯„ã‚Šã®ç”¨èªž: React, esbuild, chrome.storage.local, chrome.storage.sync, Cross-extension messaging, Hogan, debounce, resizable/draggable, intl.v8Break Iterator, deinja, ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶, ãªã©ã€‚ â€»è©³ç´°ã¯ã€ŒMouse Dictionaryã®æŠ€è¡“çš„ãªè©±ã€ã‚’ã”å‚ç…§ãã ã•ã„ https://qiita.com/wtetsu/it ems/2a5568cb0b5a38c003fb ä½¿ã„æ–¹ ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«
ohbarye 2020/01/04
chrome

js

extension

english
ãƒªãƒ³ã‚¯
CSS in JSã¯CSSã®æ›¸ãæ–¹ã‚’ã©ã®ã‚ˆã†ã«å¤‰ãˆã‚‹ã®ã‹ - yuhei blog
CSSã®é›£ã—ã•ã®æ ¹æºã¯ã‚»ãƒ¬ã‚¯ã‚¿ã«ã‚ã‚‹ã€‚CSSè¨è¨ˆã®ãŸã‚ã®æ–¹æ³•è«–ã§ã¯ã©ã®ã‚ˆã†ã«ã—ã¦ã‚»ãƒ¬ã‚¯ã‚¿ã¨é–¢ã‚ã‚‹ã¹ãã‹ã«ã¤ã„ã¦èªžã‚‰ã‚Œã‚‹ã€‚ ãã®é–¢ã‚ã‚Šæ–¹ãŒCSSã®ã¿ã§å®Ÿç¾ã§ããªã‘ã‚Œã°ãªã‚‰ãªã„ã¨ã„ã†åˆ¶ç´„ã‚’æ¨ã¦ãŸã®ãŒã„ã‚ã‚†ã‚‹CSS in JSã®é¡žï¼ˆå®šç¾©çš„ã«å¾®å¦™ãªã‚„ã¤ã‚‚å…¨éƒ¨ã²ã£ãã‚‹ã‚ã¦ï¼‰ã ã€‚å¯èƒ½æ€§ã¯ä¸€æ°—ã«åºƒãŒã‚Šç„¡æ•°ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãŒç”Ÿã¿å‡ºã•ã‚ŒãŸã€‚ ã‚ã‚‹ç¨‹åº¦ã®æœŸé–“ã‚’çµŒã¦ã„ãã¤ã‹ã®ç€ç›®ã™ã¹ãã‚¢ãƒ—ãƒãƒ¼ãƒãŒè¦‹ãˆã¦ããŸã€‚ã“ã‚Œã‹ã‚‰åƒ•ã¯ã©ã®ã‚ˆã†ã«ã‚»ãƒ¬ã‚¯ã‚¿ã¨é–¢ã‚ã£ã¦ã„ãã¹ãã‹ã¨ã„ã†è¦–ç‚¹ã§è¨˜ã—ã¦ã¿ãŸã„ã€‚ æ“¬ä¼¼ã‚¹ã‚³ãƒ¼ãƒ— é€šå¸¸CSSã®ã‚»ãƒ¬ã‚¯ã‚¿ã«ã¯ã‚¹ã‚³ãƒ¼ãƒ—ã¯ãªã„ãŒã€HTMLã‚„CSSã«ãƒãƒƒã‚·ãƒ¥å€¤ã‚’ä»˜ä¸Žã—ã¦ç‰¹å®šã®ã‚³ãƒ³ãƒ†ã‚ã‚¹ãƒˆã‚’æ“¬ä¼¼çš„ã«é–‰ã˜ã¦ã—ã¾ãŠã†ã¨ã„ã†ã‚¢ã‚¤ãƒ‡ã‚¢ã€‚å®Ÿè£…ã¨ã—ã¦ã¯ã€Vue.jsã®å˜ä¸€ãƒ•ã‚¡ã‚¤ãƒ«ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã€Angularã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚¹ã‚¿ã‚¤ãƒ«ã€styled-jsxãªã©ã€‚é–¢é€£ã™ã‚‹ã‚¦ã‚§ãƒ–æ¨™æº–æŠ€è¡“ã¨ã—ã¦Shadow DOMãŒã‚ã‚‹ã€‚ ä¾‹ãˆ
ohbarye 2018/11/23
css

js

css-in-js
ãƒªãƒ³ã‚¯
ç¶šãƒ»è²¢çŒ®ã§ãã‚‹OSSã®è¦‹ã¤ã‘æ–¹ / How to find "Good First Issues" part 2
Roppongi.js#5ã€Œç¶šãƒ»è²¢çŒ®ã§ãã‚‹OSSã®è¦‹ã¤ã‘æ–¹ -How to find "Good First Issues" part 2-ã€ ãƒªãƒ³ã‚¯ä»˜ãã®è³‡æ–™ã¯ã“ã¡ã‚‰ https://ohbarye.github.io/slides/2018/roppongi.js-5/ ç´¹ä»‹ã—ã¦ã„ã‚‹â€¦
ohbarye 2018/08/24
è²¢çŒ®ã—ãŸã„æ°—æŒã¡ã‚’ã•ã‚‰ã«åŠ é€Ÿã•ã›ãŸã„æ°—æŒã¡ #roppongijs

github

js
ãƒªãƒ³ã‚¯
Vue.jsã¨HTMLã¨CSSã§3Dã‚¢ã‚¯ã‚¢ãƒªã‚¦ãƒ ã‚’ä½œã£ã¦ã¿ãŸ - Crieit
ãƒ–ãƒ©ã‚¦ã‚¶ã§è¦‹ã‚‹ã“ã¨ãŒã§ãã‚‹3Dã‚¢ã‚¯ã‚¢ãƒªã‚¦ãƒ ã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ ã“ã®3Dã®å®Ÿè£…ã¯åŸºæœ¬çš„ã«ã¯HTMLã¨CSSã ã‘ã§å‡ºæ¥ã¦ã„ã¾ã™ã€‚canvasã‚‚ä½¿ã£ã¦ã„ã¾ã›ã‚“ã€‚Vue.jsã‚‚ä½¿ã£ã¦ã„ã¾ã™ãŒã€éšã‚’æ³³ãŒã›ãŸã‚Šè¦–ç‚¹ã‚’å¤‰æ›´ã™ã‚‹ãŸã‚ã®ç”¨é€”ã®ãŸã‚ã€3Dæç”»è‡ªä½“ã«ã¯ã‚ã¾ã‚Šé–¢ä¿‚ã‚ã‚Šã¾ã›ã‚“ã€‚ è¨˜äº‹ã®æœ€å¾Œã«æ“ä½œã§ãã‚‹CodePenã‚’é…ç½®ã—ã¦ã‚ã‚‹ã®ã§èªã‚€ã®ãŒé¢å€’ãªæ–¹ã¯ãã¡ã‚‰ã‚’è¦‹ã¦ã—ã¾ã£ã¦ãã ã•ã„ï¼ˆå¤§æ³£ãã—ãªãŒã‚‰ï¼‰ã€‚ ä½œã‚Šæ–¹ HTML HTMLã¯å˜ã«ãã‚Œãžã‚Œã®ç´ æã‚’é…ç½®ã—ã¦ã„ã‚‹ã ã‘ã§ã™ã€‚ <div id="app" @mousemove="onMouseMoved" @touchmove="onMouseMoved"> <div class="container" :style="rotation"> <img class="bg" src="bg.jpg"> <img class="water front" src=
ohbarye 2018/07/19
css

vue.js

js

html
ãƒªãƒ³ã‚¯
ã‚ã®äººæ°—ã‚µãƒ¼ãƒ“ã‚¹ã¯ã€Webã‚µã‚¤ãƒˆã‚’é«˜é€ŸåŒ–ã™ã‚‹ãŸã‚ã«ä½•ã‚’ã—ã¦ã„ã‚‹ã‹ | Wantedly Engineer Blog
æœ€è¿‘ã€Webã‚µã‚¤ãƒˆã®é«˜é€ŸåŒ–ãŒè©±é¡Œã«ãªã£ã¦ã„ã¾ã™ã€‚ Wantedlyã§ã‚‚ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã®ãƒ¬ã‚¹ãƒãƒ³ã‚¹é€Ÿåº¦ã¯ã—ã£ã‹ã‚Šãƒˆãƒ©ãƒƒã‚ãƒ³ã‚°ã—ã¦å–ã‚Šçµ„ã‚“ã§ã„ã¾ã—ãŸãŒã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã¯ã¾ã ã¾ã ã‚„ã‚Œã‚‹ã“ã¨ãŒã‚ã‚‹ã¨èªè˜ã—ã€æ‚”ã—ã•ã‚’èƒ¸ã«ã•ã£ããå‹•ãå‡ºã—ã¦ã„ã¾ã™ã€‚ å–ã‚Šçµ„ã‚€ã«å½“ãŸã£ã¦ã€ã¾ãšã¯äº‹ä¾‹ã‚’é›†ã‚ã¦ã„ãã“ã¨ã‹ã‚‰å§‹ã‚ã¾ã—ãŸã€‚ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã®å®Ÿè£…ã‚’è¦‹ã‚‹ã“ã¨ã¯ã§ããªã„ã§ã™ãŒã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã¯é ‘å¼µã‚Œã°è¦—ã‘ã‚‹ã®ã§ã€Webã‚µã‚¤ãƒˆã®é«˜é€ŸåŒ–ã«å–ã‚Šçµ„ã‚“ã§ã„ãã†ãªä»–ã®ã‚µãƒ¼ãƒ“ã‚¹ã‚’ã˜ã£ãã‚Šè¦³å¯Ÿã™ã‚‹ã“ã¨ã§ã€è‡ªåˆ†ãŸã¡ã®ãƒ—ãƒãƒ€ã‚¯ãƒˆã«æœ€é©ãªæ–¹æ³•ã‚’é¸æŠžã§ãã‚‹ã¯ãšã§ã™ã€‚ æ§˜ã€…ãªç¨®é¡žã®ã‚µãƒ¼ãƒ“ã‚¹ã‚’æä¾›ã—ã¦ã„ã‚‹ã‚µã‚¤ãƒˆã‚’èª¿æŸ»ã—ã¦ã¿ã‚‹ã¨ã€ãã®é«˜é€ŸåŒ–ã®æ‰‹æ³•ã¯ã‚µãƒ¼ãƒ“ã‚¹ã”ã¨ã«çµæ§‹é•ã£ã¦ã„ã¦ã€å¦ã¶ã“ã¨ãŒæƒ³åƒä»¥ä¸Šã«å¤šã‹ã£ãŸã®ã§ã€ãƒ–ãƒã‚°ã«ã¾ã¨ã‚ã¦ã¾ã—ãŸã€‚åŒã˜ã‚ˆã†ã«Webé«˜é€ŸåŒ–ã¸ã®ãƒ¢ãƒãƒ™ãƒ¼ã‚·ãƒ§ãƒ³ãŒé«˜ã¾ã£ã¦ã„ã‚‹çš†ã•ã‚“ã®å‚è€ƒã«ãªã‚Œã°å¹¸ã„ã§ã™ã€‚ Netflixã¾ãšã¯ã€å‹•ç”»ã‚¹ãƒˆãƒª
ohbarye 2017/11/29
Netflix

web

js

development

http

performance
ãƒªãƒ³ã‚¯
E2Eãƒ†ã‚¹ãƒˆãŒãŸã¾ã«è½ã¡ã‚‹ã¨ãã®ã‚ˆãã‚ã‚‹ãƒ‘ã‚¿ãƒ¼ãƒ³ - Qiita
Capybara ã‚’ä½¿ã£ã¦ PhantomJS ã‚„ Selenium ãªã©ãƒ–ãƒ©ã‚¦ã‚¶ã‚’ä»‹ã—ãŸ E2E ãƒ†ã‚¹ãƒˆã‚’ã™ã‚‹ã¨ãã«éé‡ã™ã‚‹ã€ãŸã¾ã«è½ã¡ã‚‹ãƒ†ã‚¹ãƒˆã®ãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’ã¾ã¨ã‚ã¦ã„ãã€‚ ã‚±ãƒ¼ã‚¹1: æŠ¼ã—æã è½ã¡ãŸã¨ãã®çŠ¶æ³ ãƒœã‚¿ãƒ³ã‚„ãƒªãƒ³ã‚¯ã®ã‚¯ãƒªãƒƒã‚¯ã«å¤±æ•—ã—ã¦ãã†ã«è¦‹ãˆã‚‹ã€‚ åŽŸå› click_on ãªã©ã¯ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ãã«å¯¾è±¡ã®è¦ç´ ã‚’è¦‹ã¤ã‘ã€ x åº§æ¨™ã¨ y åº§æ¨™ã‚’å–å¾—ã—ãŸä¸Šã§ãã®åº§æ¨™ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã€‚ å¯¾è±¡ã®è¦ç´ ã‚’è¦‹ã¤ã‘ãŸã¨ãã¨ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹çž¬é–“ã®åº§æ¨™ãŒç•°ãªã‚‹ãŸã‚ã€ã‚¯ãƒªãƒƒã‚¯ã¯ã—ã¦ã„ã‚‹ãŒç›®æ¨™ã®è¦ç´ ã‚’ã‚¯ãƒªãƒƒã‚¯ã¯ã§ãã¦ã„ãªã„ã€‚ ãšã‚Œã‚‹ç†ç”±ã®å¤šãã¯ç”»åƒãªã©ã®èªã¿è¾¼ã¿ã«ä¼´ã†åº§æ¨™ã®ãšã‚Œã€‚ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚‚ãšã‚Œå¾—ã‚‹ãŒè‡ªåˆ†ã§æŠŠæ¡ã—ã¦é©å®œå¾…ã¤ã‚ˆã†ã«ã—ã¦ã„ã‚‹ãƒ‘ã‚¿ãƒ¼ãƒ³ãŒå¤šã„ã®ã§ã ã„ãŸã„ã®å ´åˆå•é¡Œã«ã¯ãªã£ã¦ã„ãªã„ã€‚ å¯¾ç– èªã¿è¾¼ã¿ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã«ã‚ˆã‚‰ãšåº§æ¨™ãŒå›ºå®šã•ã‚Œã‚‹ã‚ˆã†ãª CSS ã‚’æ›¸ãã®ãŒç†æƒ³çš„ã€‚ å›žç·šã«ã‚ˆã£ã¦ã¯ãƒ¦ãƒ¼ã‚¶ã‚‚ãƒœã‚¿ãƒ³
ohbarye 2017/11/06
capybara

js

selenium
ãƒªãƒ³ã‚¯
è¤‡é›‘ãªJavaScriptã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã«ç«‹ã¡å‘ã‹ã†ãŸã‚ã®ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£
Build Apps for iOS, Android & Desktop in 100% Kotlin With Compose Multiplatform (mDevCamp 2024)
ohbarye 2017/08/04
è¨è¨ˆã‚’å…±æœ‰ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ï¼ˆãƒšã‚¢ãƒ—ãƒã€ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã€å‹‰å¼·ä¼š etc.ï¼‰ã«ã¤ã„ã¦ã‚‚èžã„ã¦ã¿ãŸã„ / "ã„ãã‚‰ãã‚Œã„ãªè¨è¨ˆã«è¦‹ãˆã¦ã‚‚ã€ãƒãƒ¼ãƒ å†…ã§åˆæ„ãŒå–ã‚Œã¦ãªã„è¨è¨ˆã¯é–“é•ãˆãŸè¨è¨ˆ"

architecture

web

js
ãƒªãƒ³ã‚¯
bouncejs.comÂ -Â bouncejs ãƒªã‚½ãƒ¼ã‚¹ãŠã‚ˆã³æƒ…å ±
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
ohbarye 2016/09/03
animation

js
ãƒªãƒ³ã‚¯
1