[B! git][css] kyo_agoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kyo_ago id:kyo_ago

gitã¨cssã«é–¢ã™ã‚‹kyo_agoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6)

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

ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°è©¦é¨“
RESAS(åœ°åŸŸçµŒæ¸ˆåˆ†æžã‚·ã‚¹ãƒ†ãƒ ) APIã®ã€Œéƒ½é“åºœçœŒä¸€è¦§ã€APIã‹ã‚‰å–å¾—ã™ã‚‹APIãƒ¬ã‚¹ãƒãƒ³ã‚¹ã‹ã‚‰éƒ½é“åºœçœŒä¸€è¦§ã®ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã‚’å‹•çš„ã«ç”Ÿæˆã™ã‚‹éƒ½é“åºœçœŒã«ãƒã‚§ãƒƒã‚¯ã‚’å…¥ã‚Œã‚‹ã¨ã€RESAS APIã‹ã‚‰é¸æŠžã•ã‚ŒãŸéƒ½é“åºœçœŒã®ã€Œäººå£æ§‹æˆã€ã‚’å–å¾—ã™ã‚‹äººå£æ§‹æˆAPIãƒ¬ã‚¹ãƒãƒ³ã‚¹ã‹ã‚‰ã€Xè»¸:å¹´ã€Yè»¸:äººå£æ•°ã®æŠ˜ã‚Œç·šã‚°ãƒ©ãƒ•ã‚’å‹•çš„ã«ç”Ÿæˆã—ã¦è¡¨ç¤ºã™ã‚‹ã€Œç·äººå£ã€ã®ä»–ã«ã€Œå¹´å°‘äººå£ã€ã€Œç”Ÿç”£å¹´é½¢äººå£ã€ã€Œè€å¹´äººå£ã€ã‚‚åˆ‡ã‚Šæ›¿ãˆã‚‹UIã‚’ä½•ã‚‰ã‹ã®å½¢ã§ç”¨æ„ã—è¡¨ç¤ºã§ãã‚‹ã‚ˆã†ã«ã™ã‚‹ã“ã¨ï¼ˆåŒæ™‚ã«è¡¨ç¤ºã™ã‚‹å¿…è¦ã¯ãªã„ï¼‰ React/Vue.jsã®ã„ãšã‚Œã‹ã‚’ç”¨ã„ã¦SPAã‚’æ§‹ç¯‰ã™ã‚‹ã“ã¨ï¼ˆãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯ã§ãã‚‹ã ã‘æœ€æ–°ç‰ˆã‚’ã”ä½¿ç”¨ãã ã•ã„ï¼‰React VueNuxt.jsã‚„Next.jsãªã©ã®ã€ã“ã‚Œã‚‰ã‚’å†…åŒ…ã—ãŸãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®åˆ©ç”¨ã‚‚è¨±å¯ã™ã‚‹éƒ½é“åºœçœŒä¸€è¦§ãŠã‚ˆã³ç·äººå£æƒ…å ±ã¯RESAS APIã®ãƒ‡ãƒ¼ã‚¿ã‚’ç”¨ã„ã‚‹ã“ã¨ã‚°ãƒ©ãƒ•ã¯ Highcharts ã‚„ Rechar
kyo_ago 2022/04/19
ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

ã‚³ãƒ¼ãƒ‰

ãƒ†ã‚¹ãƒˆ

js

git

css

ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰

api

è»¢è·

react.js
ãƒªãƒ³ã‚¯
husky + lint-staged ã§å“è³ªã‚’ä¿ã¤ - ãƒŠãƒ‡ã‚ºãƒ€ãƒ»ã‚´ãƒœãƒªãƒ³ðŸ–¥
ãƒªãƒ³ãƒˆãƒ„ãƒ¼ãƒ«ã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¦ã‚‚ä½¿ã‚ãªã‘ã‚Œã°æ„å‘³ãŒãªã„ã€‚ ã¨ã„ã†ã‚ã‘ã§äººçš„ãªãƒªãƒ³ãƒˆå¿˜ã‚Œã‚’æœªç„¶ã«é˜²ããŸã‚ã«ã‚‚ã€huskey ã¨ lint-staged ã¨ å„ç¨®ãƒªãƒ³ãƒˆãƒ„ãƒ¼ãƒ«ã‚’çµ„ã¿åˆã‚ã›ã¦ã‚³ãƒŸãƒƒãƒˆå‰ã«è‡ªå‹•çš„ã«ãƒªãƒ³ãƒˆãŒè¡Œã‚ã‚Œã‚‹ç’°å¢ƒã‚’ä½œã‚Šã¾ã—ã‚‡ã†ã€‚ãƒªãƒ³ãƒˆã‚¨ãƒ©ãƒ¼æ™‚ã«ã‚³ãƒŸãƒƒãƒˆã‚’å¼¾ãã“ã¨ã«ã‚ˆã£ã¦ git ä¸Šã®ã‚³ãƒ¼ãƒ‰ã®å“è³ªã‚’ä¿ã¤ã“ã¨ãŒã§ãã¾ã™ã€‚ ç’°å¢ƒ husky 1.1.0 lint-staged 7.3.0 git hooks ã®è¨å®šã‚’ package.json ãªã©ã‹ã‚‰ã§ãã‚‹ã‚ˆã†ã«ã—ã¦ãã‚Œã‚‹ãƒ„ãƒ¼ãƒ«ã§ã™ã€‚ ç”Ÿã® git hooks ã ã¨ãƒãƒ¼ãƒ å†…ã§å…±æœ‰ã¨ã‹ãŒã—ã«ãã„ã§ã™ãŒã€husky ã‚’ä½¿ã£ã¦è¨å®šã‚’ package.json ãªã©ã«æ›¸ã‘ã°ç°¡å˜ã«å…±æœ‰ã§ãã¾ã™ã€‚ pre-commitÂ ãƒ•ãƒƒã‚¯ã‚’ä½¿ã†ã“ã¨ãŒå¤šã„ã¨æ€ã„ã¾ã™ãŒã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã®ãƒ•ãƒƒã‚¯ã§ã‚ã‚Œã°ã™ã¹ã¦ã‚µãƒãƒ¼ãƒˆã—ã¦ã„ã‚‹ã¿ãŸã„ã§ã™ã€‚ ã‚¹ãƒ†ãƒ¼ã‚¸ãƒ³ã‚°ã—ãŸãƒ•ã‚¡
kyo_ago 2019/05/22
node

js

json

html

git

css

add

javascript
ãƒªãƒ³ã‚¯
åœ°ã«è¶³ã‚’ã¤ã‘ãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®æ”¹å–„
æ¥å‹™ã¨æ¶ˆè²»è€…ã®ä½“é¨“ã‚’åŒæ™‚ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ãƒªã‚¯ãƒ«ãƒ¼ãƒˆã®ä¾¡å€¤æ¤œè¨¼ã®ãƒªã‚¢ãƒ« ãƒ¼ ã€ŒAirãƒ¬ã‚¸ ãƒãƒ³ãƒ‡ã‚£ã€ã‚»ãƒ«ãƒ•ã‚ªãƒ¼ãƒ€ãƒ¼ã®ãƒ–ãƒ¬ãªã„ã€Œä¾¡å€¤ã€ã®ç¢ºã‹ã‚æ–¹ ãƒ¼
kyo_ago 2018/05/25
é–‹ç™º

ã‚µãƒ¼ãƒ

js

html

git

css

è¨è¨ˆ

é‹ç”¨
ãƒªãƒ³ã‚¯
Gitã®ã‚³ãƒŸãƒƒãƒˆã‚°ãƒ©ãƒ•ã‚’å¯è¦–åŒ–ã§ãã‚‹GitGraph.jsãŒãŠã‚‚ã—ã‚ã„ - Qiita
ãƒ—ãƒ¬ã‚¼ãƒ³è³‡æ–™ã‚’ä½œã£ã¦ã„ã‚‹æ™‚ã«ã€Œã“ã®ã‚³ãƒŸãƒƒãƒˆã‚°ãƒ©ãƒ•ã‚’Markdownã‹ãƒ†ã‚ã‚¹ãƒˆã§æ›¸ã‘ãŸã‚‰ãªã€ã¨æ€ã£ãŸã“ã¨ãŒã‚ã‚‹äººã€çµæ§‹ã„ã‚‹ã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ GitGraph.js ã‚’ä½¿ã†ã¨ã€JavaScriptã§è¨˜è¿°ã—ãŸã‚³ãƒŸãƒƒãƒˆãƒã‚°ã‚’canvasã‚’ä½¿ã£ã¦å¯è¦–åŒ–ã§ãã‚‹ã“ã¨ã‚’çŸ¥ã‚Šã¾ã—ãŸã€‚ãªã‹ãªã‹ãŠã‚‚ã—ã‚ã„ã§ã™ã€‚ æº–å‚™ ã¾ãš GitGraph.js ã® JavaScript ã¨ CSS ãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªã¿è¾¼ã¿ã¾ã™ã€‚GitHub ã‹ã‚‰ã‚½ãƒ¼ã‚¹ã‚’cloneã™ã‚‹ãªã‚Šã€bowerã‚’ä½¿ã†ãªã‚Šã€CDNã‚’ä½¿ã†ãªã‚Šã€ãŠå¥½ã¿ã§ã€‚ã“ã“ã§ã¯ã‚³ãƒŸãƒƒãƒˆã‚°ãƒ©ãƒ•ã‚’å®šç¾©ã™ã‚‹ã‚³ãƒ¼ãƒ‰ã‚‚åˆ¥ãƒ•ã‚¡ã‚¤ãƒ« index.js ã«æ›¸ãã“ã¨ã«ã—ã¾ã™ã€‚ <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>GitGraph.js</title> <link rel="stylesheet" type=
kyo_ago 2016/09/29
canvas

JavaScript

git

ãƒ–ãƒ©ãƒ³ãƒ

ã‚³ãƒŸãƒƒãƒˆ

ãƒžãƒ¼ã‚¸

ã‚°ãƒ©ãƒ•

CSS

ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆ
ãƒªãƒ³ã‚¯
Gitæ´»ç”¨æ³• ãƒ¼ ã‚³ãƒ¼ãƒ‰ã¯ã„ã¤ã‚‚1è¡Œã”ã¨ã«ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆåŒ–ã•ã‚Œã¦ã„ã‚‹ | POSTD
ã‚³ãƒ¼ãƒ‰ã«ã¯1è¡Œã”ã¨ã«éš ã—ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆãŒã‚ã‚Šã¾ã™ã€‚ æ¬¡ã®ã‚³ãƒ¼ãƒ‰ã‚¹ãƒ‹ãƒšãƒƒãƒˆã®4è¡Œç›®ã‚’æ›¸ã„ãŸäººã¯ã€ä½•ã‹ç†ç”±ãŒã‚ã£ã¦DOMãƒŽãƒ¼ãƒ‰ã® clientLeft ãƒ—ãƒãƒ‘ãƒ†ã‚£ã«ã‚¢ã‚¯ã‚»ã‚¹ã—ãŸã®ã§ã—ã‚‡ã†ãŒã€çµæžœçš„ã«ä½•ã‚‚ã—ã¦ã„ã¾ã›ã‚“ã€‚ã“ã‚Œã¯ã‹ãªã‚Šä¸å¯è§£ã§ã™ã€‚ãªãœã“ã†ã—ãŸã®ã‹ã€ã‚ãªãŸã¯èª¬æ˜Žã§ãã¾ã™ã‹ï¼Ÿã€€ä»Šå¾Œã€ã“ã®å‘¼ã³å‡ºã—ã‚’å¤‰æ›´ã—ãŸã‚Šå‰Šé™¤ã—ãŸã‚Šã—ã¦ã‚‚å®‰å…¨ã§ã—ã‚‡ã†ã‹ï¼Ÿ // ... if (duration > 0) this.bind(endEvent, wrappedCallback) this.get(0).clientLeft this.css(cssValues) ç§ã§ã¯ãªãä»–ã®äººãŒã‚ãªãŸã«ã“ã®ã‚³ãƒ¼ãƒ‰ã‚’è¦‹ã›ãŸã¨ã—ã¦ã€èª°ãŒã“ã®è¡Œã‚’è¨˜è¿°ã—ãŸã®ã‹ã€ã©ã‚“ãªç†ç”±ãŒã‚ã£ãŸã®ã‹ã€ã“ã®ã¾ã¾ã®çŠ¶æ…‹ã«ã—ãªã‘ã‚Œã°ã„ã‘ãªã„ã®ã‹ã€ã‚ãªãŸã¯ãŠãã‚‰ãèª¬æ˜Žã§ããªã„ã§ã—ã‚‡ã†ã€‚ãŸã ã—ã€ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’é€²ã‚ã¦ã„ã‚‹ã¨ãã¯å¤§æŠµã®å ´åˆã€ãƒãƒ¼ã‚¸ãƒ§ãƒ³ç®¡ç†ã‚·ã‚¹
kyo_ago 2015/01/05
DOM

git

css

blame

Develop

programming

management

tips
ãƒªãƒ³ã‚¯
ã€çŸ¥ã£ã¦ãŸï¼Ÿã€‘GitHubã®Wikiã«ã‚µã‚¤ãƒ‰ãƒãƒ¼ã‚’è¿½åŠ ã™ã‚‹æ–¹æ³• | Act as Professional
GitHubã«ä¾å˜ã—ã¦ã„ã‚‹@HIROCASTERã§ã”ã–ã„ã¾ã›ã†ã€‚ ä»Šå›žã¯GitHubã®Wikiã«ã¦ã€ã‚µã‚¤ãƒ‰ãƒãƒ¼ã‚’è¿½åŠ ã™ã‚‹æ–¹æ³•ã§ã™ã€‚ ã“ã®ã‚µã‚¤ãƒ‰ãƒãƒ¼ã‚’è¿½åŠ ã™ã‚‹ã¨ã€å…¨ãƒšãƒ¼ã‚¸ã«ã‚µã‚¤ãƒ‰ãƒãƒ¼ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ ã‚„ã‚Šæ–¹ ã‚„ã‚Šæ–¹ã¯ç°¡å˜ã§ã™ã€‚ã€Œ_Sidebarã€ã¨ã„ã†Wikiãƒšãƒ¼ã‚¸ã‚’ä½œæˆã™ã‚‹ã ã‘ã§ã™ã€‚ é€šå¸¸ã®ãƒšãƒ¼ã‚¸ã‚’è¿½åŠ ã™ã‚‹ã®ã¨åŒæ§˜ã«ã€ŒNew Pageã€ãƒœã‚¿ãƒ³ã‚’æŠ¼ã—ã¦ã€ã€Œ_Sidebarã€ãƒšãƒ¼ã‚¸ã‚’ä½œæˆã—ã¾ã™ã€‚ é€šå¸¸ã®ãƒšãƒ¼ã‚¸ã®æ§˜ã«ã‚µã‚¤ãƒ‰ãƒãƒ¼ã®å†…å®¹ã‚’è¨˜è¿°ã—ã¾ã™ã€‚ç‰¹ã«ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ã“ã¨ãŒå¤šã„ãƒšãƒ¼ã‚¸ã¸ã®ãƒªãƒ³ã‚¯ã‚’ä¸¦ã¹ã¦ãŠãã¨è‰¯ã„ã§ã—ã‚‡ã†ã€‚ ä»¥ä¸Šã§ã€ã‚µã‚¤ãƒ‰ãƒãƒ¼ã‚’å…¨ãƒšãƒ¼ã‚¸ã«è¡¨ç¤ºã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ ãƒã‚¤ãƒ³ãƒˆ ã€Œ_Sidebarã€ãƒšãƒ¼ã‚¸ã¯ã€é€šå¸¸ã®ãƒšãƒ¼ã‚¸ã®ã‚ˆã†ã«ãƒšãƒ¼ã‚¸ä¸€è¦§ã§ãƒªãƒ³ã‚¯ãŒè¡¨ç¤ºã•ã‚Œã¾ã›ã‚“ã€‚ã‚ˆã£ã¦ã€ãƒªãƒ³ã‚¯ã‚’è¾¿ã£ã¦ç·¨é›†ã™ã‚‹ã“ã¨ãŒã§ãã¾ã›ã‚“ã€‚ ã€Œ_Sidebarã€ãƒšãƒ¼ã‚¸ã‚’ç·¨é›†ã™ã‚‹æ–¹æ³•ã¯ URLã‚’ç›´æŽ¥æŒ‡å®šã—ã¦ã‚¢
kyo_ago 2012/11/27
wiki

CSS

GitHub

webservice

lifehack

git

+github

*thresh25

ã‚µã‚¤ãƒ‰ãƒãƒ¼
ãƒªãƒ³ã‚¯
1