[B! frontend] ytkwsmã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ytkwsm id:ytkwsm

frontendã«é–¢ã™ã‚‹ytkwsmã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (15)

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

æ–°ã—ã„ API
1. Lazy Image Loading 2. prefers-color-scheme 3. inverted-colors 4. scroll-snap-type 5. Array.flat() 6. Intl 7. TS Compiler API 8. PointerEvent â€¦
ytkwsm 2019/07/20
css

javascript

frontend

slideshare
ãƒªãƒ³ã‚¯
Gimli
Layout Tools Creating complex dynamic layouts often requires the use of grid and flexbox. Learning all the possible properties and how they interact with one another can be challenging. Gimli solves this by providing visual tools that greatly simplifies the process of creating complex layouts. Every edit will also change your code in realtime.
ytkwsm 2019/04/22
VisualStudioCode

extension

vscode

frontend

tools
ãƒªãƒ³ã‚¯
VueToolbox
Explore and discover the best Vue.js resources.
ytkwsm 2019/04/10
Vue.js

framework

UI

frontend

component

html

css

javascript
ãƒªãƒ³ã‚¯
SPA ãŒã€ã‚¦ã‚§ãƒ–é–‹ç™ºã®ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ã«ãªã‚‹æ™‚ä»£ - mizchi's blog
æœ€è¿‘ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã«é–¢ã™ã‚‹ãŠæ°—æŒã¡ã€‚æ£ç›´ã¾ã¨ã¾ã£ã¦ã¯ãªã„ã€‚ æœ€è¿‘ã€ã“ã‚“ãªæ„Ÿã˜ã®ãƒ„ã‚¤ãƒ¼ãƒˆã‚„è¨˜äº‹ãŒå¢—ãˆãŸã€‚ web æŠ€è¡“ã‚’ã‚ãƒ£ãƒªã‚¢ã®ä¸å¿ƒã«ã—ãªã„ ã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ (ä»¥ä¸‹SPA) ã®å°é ã«ã‚ˆã‚Šã€ç§ã®è¦³æ¸¬ç¯„å›²ã§ã¯ãƒ¢ãƒ€ãƒ³ãª Web ã‚µã‚¤ãƒˆã¯ SPA ã§ä½œã‚‰ã‚Œã‚‹ã‚ˆã†ã«ãªã£ãŸã€‚ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã¯ JSON ã‚’è¿”ã™ API ã‚µãƒ¼ãƒãƒ¼ã¨ãªã‚Šã€DB ã‚„ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã‚·ã‚¹ãƒ†ãƒ ã®ãƒ—ãƒã‚ã‚·ã®ã‚ˆã†ãªå˜åœ¨ã«ãªã‚Šã¤ã¤ã‚ã‚‹ã€‚ ç§ã¯ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã—ã¦ã‚ãƒ£ãƒªã‚¢ã‚’ç©ã‚“ã§ããŸã€‚SPA ãŒæµè¡Œã‚Šã ã—ãŸé ƒã€ã„ãšã‚Œã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¯ä¸è¦ã«ãªã£ã¦è‡ªåˆ†ã®ã‚ãƒ£ãƒªã‚¢ã‚’è€ƒãˆç›´ã•ãªãã¦ã¯ã„ã‘ãªã„æ™‚æœŸãŒãã‚‹ã®ã§ã¯ãªã„ã‹ã¨æˆ¦ã€…æã€…ã¨ã—ã¦ã„ãŸã€‚ è‡ªåˆ†ã‚‚å…ƒã€…ã€SPA ã‚’ä»–ã‚µã‚¤ãƒˆã¨ã®ã€Œå·®åˆ¥åŒ–æŠ€è¡“ã€ã¨å®šç¾©ã—ã¦ã„ãŸã€‚ãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚¿ãƒ–ãƒšãƒ¼ã‚¸ã®ãƒ©ã‚¤ãƒ•ã‚µã‚¤ã‚¯ãƒ«ã«ãŠã„ã¦ã€åˆæœŸåŒ–ãƒ—ãƒã‚»ã‚¹ã‚’ä¸€å›žã«ã¾ã¨ã‚ã¦ã‚·ãƒ¼ãƒ ãƒ¬ã‚¹ãªé·ç§»ã‚’å®Ÿç¾ã™ã‚‹æŠ€è¡“ã€‚ãŸã¨ãˆ
ytkwsm 2019/03/06
SPA

frontend

javascript
ãƒªãƒ³ã‚¯
Webãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã®æŒ¯ã‚Šè¿”ã‚Š 2018 - Webãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã«ã¤ã„ã¦
2018å¹´ã‚‚ã€æ®‹ã‚Šä¸€ã‚«æœˆã¨ãªã‚Šã¾ã—ãŸã€‚ Webãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã®Adventã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã‚’ä»Šå¹´ã‚‚é–‹å‚¬ã—ãŸã®ã§ã€ãã®åˆæ—¥ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã¨ã—ã¦ï¼ˆé…ã‚Œã¦ã„ã‚‹ã‚‚ã®ã®ï¼‰ã€ä»Šå¹´ã®Webãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‚’æŒ¯ã‚Šè¿”ã‚Šã¾ã™ã€‚ ãƒ™ã‚¢ãƒ¡ã‚¿ãƒ«å›žå¸° ä»Šå¹´ã®Webï¼ˆã«é™ã‚‰ãšï¼‰ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã§ç‰¹å¾´çš„ã ã£ãŸã®ã¯ã€ãƒ™ã‚¢ãƒ¡ã‚¿ãƒ«ã¸ã®å›žå¸°ã§ã—ã‚‡ã†ã€‚ ITæ¥ç•ŒãŒé•·ã„æ–¹ã¯ã”å˜ã˜ã ã¨ã¯æ€ã„ã¾ã™ãŒã€é›†ä¸ã¨åˆ†æ•£ã€ä»®æƒ³ã¨ç‰©ç†ã®ã‚µã‚¤ã‚¯ãƒ«ã¯ç¹°ã‚Šè¿”ã•ã‚Œã¦æ¥ã¾ã—ãŸã€‚ ä»Šå¾Œã‚‚ç¹°ã‚Šè¿”ã•ã‚Œã‚‹ã§ã—ã‚‡ã†ã€‚ ä»®æƒ³åŒ–æŠ€è¡“ã®å®¿å‘½ ã‚¯ãƒ©ã‚¦ãƒ‰ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ãƒ†ã‚£ãƒ³ã‚°ã®åŸºç¤Žã¨ãªã£ã¦ã„ã‚‹ã®ã¯ã€ä»®æƒ³åŒ–æŠ€è¡“ã§ã™ã€‚ AWSã‚’ã¯ã˜ã‚ã¨ã—ã¦ã€å¤šãã®ã‚¯ãƒ©ã‚¦ãƒ‰ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ãƒ†ã‚£ãƒ³ã‚°ã®ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã‚’æä¾›ã—ã¦ã„ã‚‹äº‹æ¥è€…ã¯ã€ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ãƒ†ã‚£ãƒ³ã‚°ãƒªã‚½ãƒ¼ã‚¹ï¼ˆè¨ˆç®—èƒ½åŠ›ï¼‰ã‚’å¡Šã¨ã—ã¦æ‰±ã„ã€ãã‚Œã‚’ç‰©ç†ã®æž ã‚’è¶…ãˆã¦ã€è«–ç†ã®å˜ä½ã§åˆ‡ã‚Šå‡ºã™æ–¹æ³•ã¨ã—ã¦ã€å„ç¨®ãƒã‚¤ãƒ‘ãƒ¼ãƒã‚¤ã‚¶ãƒ¼ã‚’ãƒ™ãƒ¼ã‚¹ã«ã—ãŸä»®æƒ³åŒ–æŠ€è¡“ã‚’ç”¨ã„ã¦ã„ã¾ã™ã€‚ ä»®æƒ³åŒ–æŠ€è¡“ã¯ã€
ytkwsm 2019/03/04
performance

webdesign

img

lazyloading

frontend

backend
ãƒªãƒ³ã‚¯
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ã€Œæƒ³å®šå¤–ã€ã«å¯¾å¿œã™ã‚‹è€ƒãˆæ–¹ã¨Tipsã„ãã¤ã‹
ã¨ã¦ã‚‚å€‹äººçš„ãªè©±ã§ã™ãŒã€ã“ã“æœ€è¿‘ã§è‡ªåˆ†è‡ªèº«ã®ãƒ—ãƒ©ã‚¤ãƒã‚·ãƒ¼æ„è˜ã®é«˜ã¾ã‚Šã‚’æ„Ÿã˜ã¦ã€ãƒ–ãƒ©ã‚¦ã‚¶ã®è¨å®šã‚’è¦‹ç›´ã™æ©Ÿä¼šãŒã‚ã‚Šã¾ã—ãŸã€‚è¦‹ç›´ã—ãŸã®ã¯Cookieã®è¨å®šã§ã€è¨±å¯ã—ãŸãƒ‰ãƒ¡ã‚¤ãƒ³ã«ã—ã‹Cookieã‚’è¨˜æ†¶ã—ãªã„ã‚ˆã†ã«ã—ã¾ã—ãŸã€‚è¨å®šå¤‰æ›´ã«ã‚ˆã‚‹ã‚ã‚‹ç¨‹åº¦ã®ä¸ä¾¿ã¯è¦šæ‚Ÿã—ã¦ã„ã¾ã—ãŸã€‚ã¨ã¯ã„ãˆã€ã¾ã€œã›ã„ãœã„ã€åˆå›žã‚¢ã‚¯ã‚»ã‚¹ã®æ™‚ã®ãƒ¢ãƒ¼ãƒ€ãƒ«ãŒä½•åº¦ã‚‚å‡ºã‚‹ã‚ˆã†ã«ãªã‚‹ã¨ã‹ã€ãƒã‚°ã‚¤ãƒ³ã§ããªããªã‚‹ã¨ã‹ã€ãã®ãã‚‰ã„ã‹ãªã¨æ€ã£ã¦ã„ã¾ã—ãŸã€‚ ã—ã‹ã—å®Ÿéš›ã¯ã€æ‚ªã„æ„å‘³ã§æœŸå¾…ã‚’è£åˆ‡ã‚‰ã‚Œã‚‹ã“ã¨ã«ãªã‚Šã¾ã—ãŸã€‚ CookieãŒç„¡åŠ¹ãªã ã‘ã§ã€â€œå…¨ãâ€å‹•ã‹ãªããªã£ã¦ã—ã¾ã†ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚„ã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒªãŒã€æœ¬å½“ã«ãŸãã•ã‚“ã‚ã‚‹ã“ã¨ã«æ°—ã¥ã„ãŸã®ã§ã™ã€‚ å…¨ãå‹•ã‹ãªããªã£ã¦ã—ã¾ã†åŽŸå› ã¯å˜ç´”ï¼ˆå¾Œè¿°ï¼‰ã ã£ãŸã®ã§ã™ãŒã€ã¡ã‚‡ã£ã¨ã—ãŸå¯¾å‡¦ã§ç°¡å˜ã«ç›´ã›ã‚‹ã“ã¨ãªã®ã«ã€ã‚µã‚¤ãƒˆå…¨ä½“ãŒä¸€åˆ‡ä½¿ã„ç‰©ã«ãªã‚‰ãªããªã£ã¦ã¦ã€ã‚‚ã£ãŸã„ãªã„ï¼ï¼ã€€ã¨æ€ã„ã¾ã—ãŸã€‚ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®æƒ³å®šå¤– ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆ
ytkwsm 2018/07/05
frontend

javascript

font
ãƒªãƒ³ã‚¯
WAI-ARIAã‚’æ´»ç”¨ã—ãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å®Ÿè£… | ç¬¬1å›ž roleå±žæ€§ã€ariaå±žæ€§ã®åŸºç¤ŽçŸ¥è˜
WAI-ARIAã‚’æ´»ç”¨ã—ãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å®Ÿè£… ç¬¬1å›ž roleå±žæ€§ã€ariaå±žæ€§ã®åŸºç¤ŽçŸ¥è˜ Webã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã‚’ç¢ºä¿ã™ã‚‹ã•ã¾ã–ã¾ãªä»•æ§˜ã®ã†ã¡ã€Webã‚µã‚¤ãƒˆã‚„Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã§æ´»ç”¨ã§ãã‚‹roleå±žæ€§ã¨ariaå±žæ€§ã«ã¤ã„ã¦å–ã‚Šä¸Šã’ã¾ã™ã€‚ã¾ãšã€ä¸¡è€…ã®åŸºç¤Žçš„ãªçŸ¥è˜ã‹ã‚‰è§£èª¬ã—ã¾ã™ã€‚ ã¯ã˜ã‚ã« æƒ…å ±ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã«é–¢ã™ã‚‹æ³•æ•´å‚™ãªã©ã®èƒŒæ™¯ã‚‚ã‚ã‚Šã€ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã®ç¢ºä¿ã¯ã€ä»Šå¾Œã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã—ã¦ç„¡è¦–ã§ããªã„æŠ€è¡“ã¨ãªã£ã¦ãã¾ã—ãŸã€‚ ã‚ãªãŸãŒã“ã‚Œã¾ã§ã€ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã«å¯¾ã—ã¦ã€ã‚ã¾ã‚Šèˆˆå‘³ã®ãªã„ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ãƒ»ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ»ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã ã£ãŸã¨ã—ã¦ã‚‚ã€HTMLã¨SVGã®è¿½åŠ ä»•æ§˜ã§ã‚ã‚‹WAI-ARIAï¼ˆã‚¦ã‚§ã‚¤ãƒ»ã‚¢ãƒªã‚¢ï¼‰ã‚’ç†è§£ã™ã‚Œã°ã€Webã‚µã‚¤ãƒˆã®ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã‚’å¼·åŒ–ã§ãã‚‹ã®ã¯ã‚‚ã¡ã‚ã‚“ã®ã“ã¨ã€CSSè¨è¨ˆã‚„JavaScriptã§ã®UIå®Ÿè£…ã®éš›ã«ã‚‚ã€WAI-ARIAã®è€ƒãˆæ–¹ã‚’å½¹ç«‹ã¦ã‚‹ã“
ytkwsm 2017/11/01
WAI-ARIA

html

accessibility

frontend
ãƒªãƒ³ã‚¯
RMP ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒ»ãƒ–ãƒ¼ãƒˆã‚ãƒ£ãƒ³ãƒ— 2017 - ã‚ˆã†ã“ã web ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ä¸–ç•Œã¸
ç¤¾å†…ã®2017æ–°å’å‘ã‘ãƒ–ãƒ¼ãƒˆã‚ãƒ£ãƒ³ãƒ— ( ç ”ä¿® ) ã«ã¦ä½¿ç”¨ã—ãŸã‚¹ãƒ©ã‚¤ãƒ‰è³‡æ–™ã§ã™ãŒã€ã›ã£ã‹ããªã®ã§ä¸€èˆ¬å…¬é–‹ã—ã¾ã™ã€‚
ytkwsm 2017/05/30
javascript

frontend

speaker deck
ãƒªãƒ³ã‚¯
Reactã®æœ€æ–°å‹•å‘ã¨ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ â”€â”€ HTML5 Conference 2016ã‚»ãƒƒã‚·ãƒ§ãƒ³ãƒ¬ãƒãƒ¼ãƒˆ
Reactã®æœ€æ–°å‹•å‘ã¨ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ â”€â”€ HTML5 Conference 2016ã‚»ãƒƒã‚·ãƒ§ãƒ³ãƒ¬ãƒãƒ¼ãƒˆ å°æž—å¾¹ 2016å¹´9æœˆ3æ—¥ã«æ±äº¬é›»æ©Ÿå¤§å¦ã§é–‹å‚¬ã•ã‚ŒãŸã€ŒHTML5 Conference 2016ã€ã®ã‚»ãƒƒã‚·ãƒ§ãƒ³ã‚’ç‰¹é›†ã™ã‚‹ç¬¬äºŒå¼¾ã¯ç†è€…ã§ã‚ã‚‹ç§ã€å°æž—å¾¹ãŒç™»å£‡ã—ãŸã€Œ Reactã®æœ€æ–°å‹•å‘ã¨ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ ã€ã®å†…å®¹ã‚’è§£èª¬ã—ã¾ã™ã€‚ Reactã®ç¾çŠ¶ Reactã¯ã€2013å¹´ã«FacebookãŒå…¬é–‹ã—ãŸã€Viewã‚’ä½œã‚‹ãŸã‚ã®JavaScriptã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã§ã™ã€‚ https://facebook.github.io/react/ ç¾åœ¨ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯v15.3.2ã§ã™ã€‚ v1.0.0ã‹ã‚‰v14.0.0ã¾ã§ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ ã€Œã™ã§ã«å®‰å®šã—ã¦ã„ã¦ãƒ—ãƒãƒ€ã‚¯ã‚·ãƒ§ãƒ³ã§ã‚‚åˆ©ç”¨ã§ãã‚‹ã€ã“ã¨ã‚„ã€Œã‚»ãƒžãƒ³ãƒ†ã‚£ãƒƒã‚¯ãƒ»ãƒãƒ¼ã‚¸ãƒ§ãƒ‹ãƒ³ã‚°ï¼ˆãƒ‘ãƒƒãƒ.ãƒžã‚¤ãƒŠãƒ¼.ãƒ¡ã‚¸ãƒ£ãƒ¼ï¼‰ã«æº–æ‹ ã—ã¦ã„ã‚‹ã€ã“ã¨ã‚’ç¤ºã™ãŸã‚ã«ã€v0.
ytkwsm 2017/02/14
facebook

twitter

Netflix

Airbnb

Uber

react.js

javascript

frontend
ãƒªãƒ³ã‚¯
LIGã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒãƒ¼ãƒ ã‚’æ§‹ç¯‰ã™ã‚‹ãŸã‚ã«ã‚„ã£ãŸ6ã¤ã®ã“ã¨ | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
LIGãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒãƒ¼ãƒ ã®æ´å² ã¾ãšã€2015å¹´9æœˆç¾åœ¨ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒãƒ¼ãƒ ã¯ã€ä»¥ä¸‹ã®ãƒ¡ãƒ³ãƒãƒ¼ã§æ§‹æˆã•ã‚Œã¦ã„ã¾ã™ã€‚ ã¯ã‚„ã¡ ã›ã„ã¨ ãŠã˜ã„ã¡ã‚ƒã‚“ ã¾ã‚ ã„ãªã° åº—é•· [New] ã‚†ã†ãŸ [New] ã‚†ãŸã‚ 7æœˆã«ã‚†ã†ãŸã€8æœˆä¸æ—¬ã«ã‚†ãŸã‚ãŒæ–°ã—ãä»²é–“ã«åŠ ã‚ã‚Šã¾ã—ãŸã€‚ã¾ã LIGãƒ–ãƒã‚°ä¸Šã«ã¯ãƒ‡ãƒ“ãƒ¥ãƒ¼ã—ã¦ã„ãªã„ã®ã§ãƒ¡ãƒ³ãƒãƒ¼ãƒšãƒ¼ã‚¸ã¸ã®ãƒªãƒ³ã‚¯ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€è¿‘ã€…ç™»å ´ã™ã‚‹äºˆå®šã§ã™ã€‚ ã•ã¦ã€ãã‚‚ãã‚‚ãƒãƒ¼ãƒ ãŒç™ºè¶³ã—ãŸã®ã¯2014å¹´ã®1æœˆé ƒã®ã“ã¨ã§ã—ãŸã€‚ 2014å¹´1æœˆ ç§ãŒLIGã®æœ€çµ‚é¢æŽ¥ã¸ã‚„ã£ã¦ããŸã¨ãã®ã“ã¨ã€‚å½“æ™‚ã¯ã¾ã ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒãƒ¼ãƒ ã¨ã„ã†æ˜Žç¢ºãªçµ„ç¹”å½¢æ…‹ã¯ãªãã€ä»£è¡¨ã®ãŸã‹ã•ã‚“ã‹ã‚‰ä»¥ä¸‹ã®ã‚ˆã†ã«è¨€ã‚ã‚Œã¾ã—ãŸã€‚ ã€Œã“ã‚Œã‹ã‚‰ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒãƒ¼ãƒ ã‚’ä½œã£ã¦ã»ã—ã„ã€ ã€Œã†ã¡ã¯ã©ã“ã®ä¼šç¤¾ã‚ˆã‚Šã‚‚å¿…è¦ã¨ã—ã¦ã„ã‚‹ï¼ã€ ã€Œå¿…è¦ã¨ã—ã¦ã„ã‚‹ã€ã¨ã¯ã£ãã‚Šè¨€ã‚ã‚ŒãŸã“ã¨ãŒã™ã”ãå¬‰ã—ãã€ãã®ç†±æ„ã«æƒ¹ã‹ã‚Œã¦å…¥ç¤¾ã™ã‚‹æ±ºæ„ã‚’ã‹ãŸã‚ã¾ã—ãŸ
ytkwsm 2015/09/30
frontend

javascript

team
ãƒªãƒ³ã‚¯
ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—è¬›åº§ Part1 ãƒ—ãƒãƒãƒ¼ã‚° ã€œ HTML - Qiita
#Webã‚’ã¨ã‚Šã¾ãç’°å¢ƒ ##UXãƒ‡ã‚¶ã‚¤ãƒ³ã€Webé–‹ç™ºãƒˆãƒ¬ãƒ³ãƒ‰æ¦‚è¦ UIã€UXã€UCD ãƒ‡ãƒã‚¤ã‚¹ ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ ###Webã‚¤ãƒ³ã‚¿ãƒ•ã‚§ã‚¤ã‚¹ä¸‰è¦ç´ UIã€UXã€UCD UI ï¼š ä½¿ã„å‹æ‰‹ UX ï¼š ä½“é¨“ UCD ï¼š ãƒ¦ãƒ¼ã‚¶ãƒ¼ä¸å¿ƒè¨è¨ˆ ###UIã¨UXã®é•ã„ ã€ŽThe Difference Between UX and UIã€ http://design.org/blog/difference-between-ux-and-ui-subtleties-explained-cereal ####UI æŠ¼ä¸‹ã—ã‚„ã™ã„ã‚«ãƒ¼ãƒˆãƒœã‚¿ãƒ³ ã‚¿ãƒƒãƒUI 44pxä»¥ä¸Šï¼ˆAppleï¼‰ ####UX ã„ã„è²·ã„ç‰©ãŒã§ããŸ ã¾ãŸåˆ©ç”¨ã—ãŸã„ã¨æ€ã£ãŸ ####UCD ãƒœã‚¿ãƒ³UI ï¼»é€ä¿¡ï¼½ï¼»ç™»éŒ²ï¼½ â–½ ï¼»ã‚«ãƒ¼ãƒˆã«å…¥ã‚Œã‚‹ï¼½ ï¼»ç¢ºèªç”»é¢ã«ã™ã™ã‚€ï¼½ ï¼»ãƒ—ãƒãƒ•ã‚£ãƒ¼ãƒ«ã‚’å¤‰æ›´ã™ã‚‹ï¼½ æ§‹æˆã€ã‚µã‚¤ãƒˆãƒžãƒƒãƒ— ã“ã®è¡Œç‚ºã®æ¬¡ã«è¡¨ç¤ºã•ã‚Œã‚‹ã¹ããƒšãƒ¼ã‚¸ã¯
ytkwsm 2015/01/05
å¿µã®ãŸã‚ãƒ¡ãƒ¢ã€‚ä½“ç³»çš„ã€‚è¦ç´ ã‚¿ã‚¤ãƒ—ã€ãƒžã‚¤ã‚¯ãƒãƒ‡ãƒ¼ã‚¿

basic

webdesign

frontend
ãƒªãƒ³ã‚¯
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰è‡ªå‹•åŒ–ãƒ„ãƒ¼ãƒ«ã‚’ã¾ã¨ã‚ã¦ç†è§£ã™ã‚‹ - ãƒ¯ã‚¶ãƒŽãƒ | wazanova
http://www.youtube.com/watch?v=1OAfGm_cI6Y 1 comment | 0 points | by WazanovaNews â– comment by Jshiike | ç´„4æ™‚é–“å‰ Googleã®Addy Osmaniã«ã‚ˆã‚‹Future of Web Appã®ã‚ãƒ¼ãƒŽãƒ¼ãƒˆã‚¹ãƒ”ãƒ¼ãƒã§ã™ã€‚ 49åˆ†é–“ [Video]ã§ä¸‹è¨˜ã®è©±é¡Œã‚’å…¨ã¦ã¾ã¨ã‚ã¦ã¾ã™ã€‚ãƒ•ãƒãƒ³ãƒˆé–¢é€£ã®ä¾¿åˆ©ãƒ„ãƒ¼ãƒ«ãŒä¸€é€šã‚Šç¶²ç¾…ã•ã‚Œã¦ã¾ã™ã€‚ãŠã‹ã’ã§ã€Yeoman (Yo/Grunt/Bower) ã®æ¦‚è¦ã‚‚ã™ã£ãã‚Šç†è§£ã§ãã¾ã—ãŸã€‚ã‚¹ãƒ©ã‚¤ãƒ‰ï¼ˆ236æžšï¼‰ã§ç¢ºèªã•ã‚ŒãŸã„æ–¹ã¯ã“ã¡ã‚‰ã€‚ Codekit Hammer Prepros Koala Mixture compass.app scout-app Yeoman / Grunt grunt-image: JPG/PNG/Gifã‚’æœ€é©åŒ–ã—ã¦è»½é‡åŒ– grunt-
ytkwsm 2014/06/05
frontend

tools
ãƒªãƒ³ã‚¯
bem-methodology-ja/index.md at master Â· juno/bem-methodology-ja
ytkwsm 2014/05/25
classã®å‘½åè¦å‰‡ã€‚block, element, modifierã®3ã¤ã§ã€BEMã€‚

frontend

css

html

thinking
ãƒªãƒ³ã‚¯
What's Object-Oriented CSS (japanese)
Nicole SullivanãŒæå”±ã—ã¦ã„ã‚‹OOCSSã‚’æ—¥æœ¬èªžã§è§£èª¬ã—ãŸã‚¹ãƒ©ã‚¤ãƒ‰ã§ã™ã€‚Webridge Meeting #2( http://webridge-kagawa.com/ )ã§ãŠè©±ã—ã¾ã—ãŸã€‚ Nicole Sullivan has been proposed in Japanese describing OOCSS slide. I talked Webridge Meeting # 2.Read less
ytkwsm 2014/04/07
OOCSS

css

frontend
ãƒªãƒ³ã‚¯
ç‹¬å¦ã§ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ»ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚’ç›®æŒ‡ã™äººã®ãŸã‚ã®åŸºç¤Žã‚«ãƒªã‚ãƒ¥ãƒ©ãƒ - DESIGNMAP
æœ¬è¨˜äº‹ã¯2013å¹´ã«æ›¸ã„ãŸè¨˜äº‹ã§å†…å®¹ãŒã ã„ã¶å¤ããªã£ã¦ãŠã‚Šã¾ã™ã€‚ ãƒ•ãƒãƒ³ãƒ‰ã‚¨ãƒ³ãƒ‰ã¯3å¹´é–“ã§å¤§ããçŠ¶æ³ãŒã‹ã‚ã‚Šã¾ã—ãŸã€‚ä¸‹è¨˜ã®2016å¹´ã«æ›¸ã„ãŸæ”¹è¨‚ç‰ˆã®æ–°ã—ã„è¨˜äº‹ã‚’ãŠã™ã™ã‚ã—ã¾ã™ã€‚ ã€Œãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã¯ï¼Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®æ´å²ï¼ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®å‹‰å¼·ãŒé›£ã—ãã¿ãˆã‚‹ç†ç”± ï¼ ã¾ã£ãŸãã®ã‚¼ãƒã‹ã‚‰ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚’ç›®æŒ‡ã™ãŸã‚ã®ç‹¬å¦ã‚«ãƒªã‚ãƒ¥ãƒ©ãƒ vol.1ã€ 2011å¹´ã«ã€Žã¾ã£ãŸãã®ã‚¼ãƒã‹ã‚‰ã€ç‹¬å¦ã§Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«ãªã‚‹æ–¹æ³•ã€ã€2012å¹´ã«ã€Ž19ã®ã‚¹ãƒ†ãƒƒãƒ—ã§ã€ã¾ã£ãŸãã®ã‚¼ãƒã‹ã‚‰ã€ç‹¬å¦ã§Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«ãªã‚‹æ–¹æ³•ã€ã‚’æ›¸ã„ã¦ã€ç‹¬å¦ã§Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚’ç›®æŒ‡ã™äººå‘ã‘ã®å…·ä½“çš„ãªç‹¬å¦æ–¹æ³•ã‚’æ›¸ã„ãŸã€‚ä»Šå›žã¯ã€Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¨ã„ã†å¤§ã¾ã‹ãªããã‚Šã§ã¯ãªãã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã«ã—ã¼ã£ã¦ç‹¬å¦æ–¹æ³•ã‚’ã¾ã¨ã‚ã¦ã‚†ããŸã„ã€‚ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ»ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã¯ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã¨ã¯Webãƒ–ãƒ©ã‚¦ã‚¶å´ï¼ˆã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆ
ytkwsm 2013/06/21
javascript

DOM

Ajax

html5

frontend

reference

css
ãƒªãƒ³ã‚¯
1