[B! javascript] Falkyã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

Falky id:Falky

javascriptã«é–¢ã™ã‚‹Falkyã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (27)

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

JavaScript: æ‰€æœ›ã®ã‚¤ãƒ™ãƒ³ãƒˆãƒªã‚¹ãƒŠã®ç™ºç«ã‚’å¦¨ã’ã¦ã„ã‚‹ã‚¤ãƒ™ãƒ³ãƒˆãƒªã‚¹ãƒŠã‚’ç‰¹å®šã™ã‚‹ | Wantedly Engineer Blog
Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã§ã¯ã€DOMã®è¦ç´ ã«ã‚¤ãƒ™ãƒ³ãƒˆãƒªã‚¹ãƒŠ(ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ©)ã‚’å–ã‚Šä»˜ã‘ã‚‹ã“ã¨ã§ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã‚ˆã‚‹æ§˜ã€…ãªæ“ä½œ (ã‚¯ãƒªãƒƒã‚¯ãªã©) ã«å¿œã˜ã¦å‡¦ç†ã‚’è¡Œã†ã“ã¨ãŒã§ãã¾ã™ã€‚ ã—ã‹ã—ã€ã‚¤ãƒ™ãƒ³ãƒˆãƒªã‚¹ãƒŠã‚’ç™»éŒ²ã—ã¦ã‚‚ã€ä»–ã®ã‚¤ãƒ™ãƒ³ãƒˆãƒªã‚¹ãƒŠã¨ã®å¹²æ¸‰ã«ã‚ˆã£ã¦æ„å›³ã—ãŸé€šã‚Šã«ç™ºç«ã—ãªã„ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ã“ã“ã§ã¯ãã®èª¿æŸ»æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ å‰æçŸ¥è˜: ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ–ãƒªãƒ³ã‚°ã‚¤ãƒ™ãƒ³ãƒˆã«ã¤ã„ã¦ã¯ç†è€…ã®éŽåŽ»è¨˜äº‹ã§ã‚‚è§£èª¬ã—ã¾ã—ãŸãŒã€ã‚ã‚‰ãŸã‚ã¦ã“ã“ã§ã‚‚èª¬æ˜Žã—ã¾ã™ã€‚ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ–ãƒªãƒ³ã‚°ã‚’ç†è§£ã™ã‚‹ã“ã¨ãŒã€ã‚¤ãƒ™ãƒ³ãƒˆãƒ‡ãƒãƒƒã‚°ã®è¿‘é“ã ã‹ã‚‰ã§ã™ã€‚ DOMã«ãŠã„ã¦ã€è¦ç´ ã¯ãƒã‚¹ãƒˆã™ã‚‹ã“ã¨ã«ã‚ˆã£ã¦æœ¨æ§‹é€ ã‚’å½¢æˆã—ã¾ã™ã€‚ã‚ã‚‹è¦ç´ (ã‚¿ãƒ¼ã‚²ãƒƒãƒˆè¦ç´ )ãŒã‚¯ãƒªãƒƒã‚¯ã•ã‚Œã‚‹ãªã©ã—ã¦ã‚¤ãƒ™ãƒ³ãƒˆãŒç™ºç”Ÿã—ãŸã¨ãã€ã‚¤ãƒ™ãƒ³ãƒˆã¯ãã®è¦ç´ è‡ªä½“ã ã‘ã§ã¯ãªãã€ãã®ç¥–å…ˆè¦ç´ ã«ã‚‚é€ã‚‰ã‚Œã¾ã™ã€‚ã“ã‚Œã‚’ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ–ãƒªãƒ³ã‚°ã¨ã„ã„ã¾ã™ã€‚ ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ–ãƒªãƒ³ã‚°ã¯2ã¤ã®æ®µéšŽã«åˆ†ã‘ã‚‰ã‚Œã¾ã™ã€‚ Cap
Falky 2023/07/27
å›³è§£ãŒä¸Šæ‰‹ã„ãªã‚

javascript
ãƒªãƒ³ã‚¯
1é€±é–“ã§æ•°ç™¾ä¸‡å›žã‚‚ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã•ã‚Œã‚‹äººæ°—JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªãŒä¹—ã£å–ã‚‰ã‚Œã‚‹ã€Windowsãƒ‡ãƒã‚¤ã‚¹ã¯ãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰ç›—é›£ã®æã‚Œã‚‚
ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ç®¡ç†ãƒ„ãƒ¼ãƒ«ã®npmã§å…¬é–‹ã•ã‚Œã¦ã„ã‚‹ã€ŒUAParser.jsã€ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã®åˆ¤å®šå‡¦ç†ã‚’å®Ÿè¡Œã™ã‚‹JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã‚ã‚Šã€Facebookãƒ»Microsoftãƒ»Amazonãƒ»Googleãªã©ã®è¶…å¤§æ‰‹ä¼æ¥ã‚’å«ã‚€1000ä»¥ä¸Šã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§æŽ¡ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ãã‚“ãªUAParser.jsãŒãƒãƒƒã‚«ãƒ¼ã«ã‚ˆã£ã¦ãƒã‚¤ã‚¸ãƒ£ãƒƒã‚¯ã•ã‚Œã€LinuxãŠã‚ˆã³Windowsãƒ‡ãƒã‚¤ã‚¹ã‚’å¯¾è±¡ã«æš—å·è³‡ç”£æŽ¡æŽ˜ã‚„ãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰ã®ç›—é›£ã‚’è¡Œã†ãƒˆãƒã‚¤ã®æœ¨é¦¬ãŒä»•è¾¼ã¾ã‚Œã¦ã„ãŸã“ã¨ãŒåˆ¤æ˜Žã—ã¾ã—ãŸã€‚ Security issue: compromised npm packages of ua-parser-js (0.7.29, 0.8.0, 1.0.0) - Questions about deprecated npm package ua-parser-js Â· Issue #536 Â· faisalman/u
Falky 2021/10/25
ã¾ã˜ãƒ»ãƒ»ãƒ»ï¼Ÿ

npm

javascript

security

incident

crack
ãƒªãƒ³ã‚¯
ç¾ä»£ã® JavaScript ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
ç§ãŸã¡ã¯ã“ã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’ä¸–ç•Œä¸ã®äººã€…ã«æä¾›ã—ãŸã„ã¨è€ƒãˆã¦ã„ã¾ã™ã€‚ã“ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã®å†…å®¹ã‚’ã‚ãªãŸãŒçŸ¥ã£ã¦ã„ã‚‹è¨€èªžã«ç¿»è¨³ã™ã‚‹ã®ã‚’æ‰‹ä¼ã£ã¦ãã ã•ã„ã€‚
Falky 2021/09/23
javascript

programming
ãƒªãƒ³ã‚¯
JavaScript ã§ print ãƒ‡ãƒãƒƒã‚°æ™‚ã«å¤‰æ•°åã‚’å‡ºåŠ›ã™ã‚‹ - mizdra's blog
æ•°åˆ—ã®å’Œã‚’æ±‚ã‚ã‚‹ãƒ—ãƒã‚°ãƒ©ãƒ ã‚’ä½œæˆã™ã‚‹ã“ã¨ã«ãªã‚Šã€æ„æ°—æšã€…ã¨ä»¥ä¸‹ã®ã‚ˆã†ãªãƒ—ãƒã‚°ãƒ©ãƒ ã‚’æ›¸ã„ãŸã¨ã„ã†çŠ¶æ³ã‚’æƒ³åƒã—ã¦ä¸‹ã•ã„ã€‚ function sum(nums, acc = 0) { if (nums.length === 0) return 0; if (nums.length === 1) return nums[0]; return sum(nums.slice(1), acc + nums[0]); } const nums = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; console.log(sum(nums)); // expected: 55 ä¸€è¦‹ã™ã‚‹ã¨ä½•ã‚‚å•é¡Œãªã•ãã†ã«è¦‹ãˆã‚‹ãƒ—ãƒã‚°ãƒ©ãƒ ã§ã™ãŒã€å®Ÿã¯ãƒã‚°ãŒã‚ã‚Šã¾ã™ (çš†ã•ã‚“åˆ†ã‹ã‚Šã¾ã™ã‹?) *1ã€‚å®Ÿéš›ã«ä¸Šè¨˜ãƒ—ãƒã‚°ãƒ©ãƒ ã‚’å®Ÿè¡Œã™ã‚‹ã¨ 55 ã§ã¯ãªã 10 ãŒå‡ºåŠ›ã•ã‚Œã¾ã™ã€‚ ã“ã†ã—ãŸå ´é¢ã«éé‡ã™ã‚‹ã¨ã€è‡ªç„¶ã¨ sum
Falky 2021/05/03
debugger; çŸ¥ã‚‰ãªã‹ã£ãŸâ€¦

javascript
ãƒªãƒ³ã‚¯
æ–°æ„Ÿè¦šï¼ãƒ¡ã‚½ãƒƒãƒ‰ãƒã‚§ãƒ¼ãƒ³ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒã‚¹ãƒ©ã‚¹ãƒ©æ›¸ã‘ã‚‹ã€ŒTween24.jsã€ã‚’ä½œã‚Šã¾ã—ãŸ - ICS MEDIA
æ–°æ„Ÿè¦šï¼ãƒ¡ã‚½ãƒƒãƒ‰ãƒã‚§ãƒ¼ãƒ³ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒã‚¹ãƒ©ã‚¹ãƒ©æ›¸ã‘ã‚‹ã€ŒTween24.jsã€ã‚’ä½œã‚Šã¾ã—ãŸ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã‚‹æ™‚ã«ã€ã€Œæ€ã„ã¤ã„ãŸæ¼”å‡ºã‚’ã™ãã«å®Ÿè£…ã—ãŸã„ã€ã€Œé ã®ä¸ã§ã¯ã§ãã¦ã„ã‚‹ã®ã«ã€ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹ã®ãŒé¢å€’ã€ã¨æ€ã£ãŸã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã‹ï¼Ÿã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ä½œæˆã«ã¯ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ç”¨ã™ã‚‹ã“ã¨ãŒå¤šã„ã¨æ€ã„ã¾ã™ãŒã€ä½¿ã„æ–¹ã‚’èª¿ã¹ã¦è¦šãˆã¦ã€ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‹ã‚‰ã‚³ãƒ”ãƒšã—ãŸã‚Šã€ã²ãŸã™ã‚‰ã‚¿ã‚¤ãƒ”ãƒ³ã‚°ã‚’ã—ã¦â€¦ ç§ã¯ã“ã‚Œã‚‰ã®å•é¡Œã‚’è§£æ±ºã™ã‚‹ãŸã‚ã«ã€ã€ŒTween24ã€ã¨ã„ã†ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½œã‚Šã¾ã—ãŸã€‚Tween24ã¯ãƒ¡ã‚½ãƒƒãƒ‰ãƒã‚§ãƒ¼ãƒ³ã§è¨˜è¿°ã™ã‚‹ã®ãŒç‰¹å¾´ã§ã€ãŸã£ãŸ1è¡Œã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒå®Ÿè£…ã§ãã¾ã™ã€‚ä¾å˜ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚‚ãªãã€å˜ä½“ã§å‹•ä½œã—ã¾ã™ã€‚ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®å¤šãã¯ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆåž‹ã§ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’æŒ‡å®šã™ã‚‹ãŸã‚ã‚¿ã‚¤ãƒ”ãƒ³ã‚°ãŒå¤šããªã‚ŠãŒã¡ã§ã™ãŒã€ãƒ¡ã‚½ãƒƒãƒ‰ãƒã‚§ãƒ¼ãƒ³ã§ã‚ã‚Œã°ã‚¨ãƒ‡ã‚£ã‚¿ãƒ¼ã®ã‚³ãƒ¼ãƒ‰è£œå®Œæ©Ÿèƒ½ã§ã‚¹ãƒ©ã‚¹ãƒ©ã¨è¨˜è¿°ã§ãã¾ã™ã€‚ ãã®ä»–ã«ã‚‚ã€ãƒ¡ã‚½
Falky 2021/04/10
javascript

animation
ãƒªãƒ³ã‚¯
ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã®å°Žå…¥ã‹ã‚‰ç”Ÿã˜ã‚‹SSRF | ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ãƒ–ãƒã‚° | è„†å¼±æ€§è¨ºæ–ï¼ˆã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£è¨ºæ–ï¼‰ã®GMOã‚µã‚¤ãƒãƒ¼ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ byã‚¤ã‚¨ãƒ©ã‚¨
ã‚ªãƒ•ã‚§ãƒ³ã‚·ãƒ–ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£éƒ¨ã®å±±å´Žã§ã™ã€‚ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ï¼ˆSSRï¼‰ã®å°Žå…¥ã«ã‚ˆã£ã¦SSRFãŒç™ºç”Ÿã™ã‚‹å•é¡Œã‚’è¦‹ã¤ã‘ã‚‹æ©Ÿä¼šãŒã‚ã£ãŸãŸã‚ã€æœ¬è¨˜äº‹ã§ã¯å®Ÿä¾‹ã‚’äº¤ãˆãªãŒã‚‰ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ï¼ˆSSRï¼‰ã¨ã¯ï¼Ÿ æœ¬è¨˜äº‹ã§æ‰±ã†SSRã¨ã¯ã€Œã‚µãƒ¼ãƒä¸Šã§HTMLã‚’å‡ºåŠ›ã™ã‚‹ã“ã¨ã€ã‚’æŒ‡ã—ã¦ã„ã¾ã™ã€‚ãŸã ã—erbã‚„jspã®ã‚ˆã†ãªãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‹ã‚‰HTMLã‚’å‡ºåŠ›ã™ã‚‹ã®ã¨ã¯ç•°ãªã‚Šã€ä¸€èˆ¬çš„ã«ã¯ä»¥ä¸‹ã®ã‚ˆã†ã«ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ï¼ˆCSRï¼‰ã®æ–‡è„ˆã§ä½¿ã‚ã‚Œã‚‹ã“ã¨ãŒä¸»ã§ã™ã€‚ è¿‘å¹´ã®Vue.jsã‚„Reactã‚’ä»£è¡¨ã™ã‚‹ã‚ˆã†ãªWebãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¯ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§å‹•çš„ã«DOMãƒ„ãƒªãƒ¼ã‚’æ§‹ç¯‰ã—ã¦ç”»é¢ã‚’æç”»ï¼ˆCSRï¼‰ã™ã‚‹ã®ãŒä¸»æµã¨ãªã£ã¦ã„ã¾ã™ã€‚ã“ã‚Œã«ã‚ˆã£ã¦ãƒšãƒ¼ã‚¸é·ç§»ã‚’æŒŸã¾ãšãƒ¦ãƒ¼ã‚¶ä½“é¨“ã®ã‚ˆã„ã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ï¼ˆSPAï¼‰ãŒä½œã‚‹ã“ã¨ãŒã§ãã‚‹ã¨ã„ã†ãƒ¡ãƒªãƒƒãƒˆãŒã‚ã‚Šã¾ã™ã€‚ ãŸã ã€å˜ç´”ãªSPAã«ã¯ãƒ‡ãƒ¡
Falky 2021/03/23
ãŸã—èŸ¹

javascript
ãƒªãƒ³ã‚¯
3æ³å¨˜ã€Œã„ã¤ã‹ã‚‰è«–ç†å¼ãŒçœŸå½å€¤ã®ã¿ã‚’è¿”ã™ã¨éŒ¯è¦šã—ã¦ã„ãŸï¼Ÿã€ - Qiita
ã‚ã‚‹æ—¥ã®æŸWebåˆ¶ä½œä¼šç¤¾ ãƒ¯ã‚¤ã€ŒãŠã¯ã‚ˆã†ã”ã–ã„ã¾ã™ã€œã€ ç¤¾é•·ã€Œã‚“ï¼Ÿã‚„ã‚å¤ªéƒŽã€ ç¤¾é•·ã€Œä»Šæ—¥ã¯æœ‰ä¼‘ã¨ã‚‹ã‚“ã‚„ãªã‹ã£ãŸã£ã‘ï¼Ÿã€ ãƒ¯ã‚¤ã€Œãã†ãªã‚“ã§ã£ã‘ã©ã€å¨˜ã¡ã‚ƒã‚“ãŒJavaScriptã‚’æ•™ãˆã¦ã»ã—ã„è¨€ã†ã‚‚ã‚“ã§ã£ã‹ã‚‰ã€ ãƒ¯ã‚¤ã€Œã‚ˆã‚å¤ªéƒŽã¨å¨˜ã¡ã‚ƒã‚“ã¨ä¸€ç·’ã«æ¥ãŸã‚“ã§ã™ã‚ã€ ãƒ¯ã‚¤ã€Œä¼šç¤¾ã®PCã€å‹‰å¼·ã«ä½¿ã£ã¦ã‚‚ãˆãˆã§ã£ã—ã‚ƒã‚ã‹ï¼Ÿã€ ç¤¾é•·ã€Œï¼ˆ**ãˆãˆã§ã£ã—ã‚ƒã‚ã‹ï¼Ÿ**ã£ã¦ã„ã†ã‹ï¼‰ã€ ç¤¾é•·ã€Œï¼ˆã‚‚ã†ã€æ¥ã¦ã‚‚ã†ã¦ã‚‹ã‚„ã‚“ãƒ»ãƒ»ãƒ»ï¼‰ã€ ç¤¾é•·ã€Œã‚‚ã€ã‚‚ã¡ã‚ã‚“ãˆãˆã§ãƒ»ãƒ»ãƒ»ã€ ãŠå‹‰å¼·é–‹å§‹ ãƒ¯ã‚¤ã€Œã•ã‚ã€JavaScriptã®ãŠå‹‰å¼·é–‹å§‹ã‚„ã€ ã‚ˆã‚å¤ªéƒŽã€Œã¡ã‚ƒã‚“ã¨æœ¬ã‚‚è²·ã†ã¦ã‚ã‚‹ã§ã€ ãƒ¯ã‚¤ã€ŒãŠã†ã€æ°—ãŒåˆ©ãã‚„ãªã„ã‘ã€œã€ ãƒ‰ã‚µãƒ‰ã‚µãƒƒãƒ»ãƒ»ãƒ» ã‚ªãƒ©ã‚¤ãƒªãƒ¼ è©³è§£ Javaãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚° ã€å…¨ï¼’å·»ã€‘ ãƒ¯ã‚¤ã€ŒOh... Java...ã€ ã‚ˆã‚å¤ªéƒŽã€Œ2å†Šã§10,000å††è¿‘ãã—ãŸã‚ãƒ¼ã€ ã‚ˆã‚å¤ªéƒŽã€Œã§ã‚‚ã¾ã‚ã€å¨˜ã¡ã‚ƒã‚“ã®å°†æ¥ã®ãŸã‚ã‚„ï¼ã€ ãƒ¯ã‚¤ã€Œã‚ã®ã€ã‚ˆã‚å¤ªéƒŽã¯ã‚“ãƒ»ãƒ»
Falky 2019/05/05
javascript
ãƒªãƒ³ã‚¯
ã€2019å¹´4æœˆç‰ˆã€‘JavaScriptã®consoleãŒã™ã”ã„ã“ã¨ã«ãªã£ã¦ãŸã€‚ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
Falky 2019/04/03
çŸ¥ã‚‰ã‚“ã®çµæ§‹ã‚ã‚‹ãªã€ã€ã€

javascript
ãƒªãƒ³ã‚¯
PixiJS v4
The HTML5 Creation EngineCreate beautiful digital content with the fastest, most flexible 2D WebGL renderer.
Falky 2017/02/22
javascript

webgl

interaction
ãƒªãƒ³ã‚¯
ã€éŸ³å£°å¯¾å¿œã€‘ iPhone Safariã§å‹•ç”»ã‚’ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³å†ç”Ÿã™ã‚‹æ–¹æ³•ç¶šã - Qiita
iPhone Safariã§å‹•ç”»ã‚’ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³å†ç”Ÿã™ã‚‹æ–¹æ³•ã¸ã®åå¿œã®ä¸ã«ã€ŒéŸ³å£°ã¯ï¼Ÿã€ã¨ã®å£°ãŒã¡ã‚‰ã»ã‚‰ã‚ã‚Šã¾ã—ãŸã€‚ ã‚¹ãƒžãƒ›ã¯å¸¸ã«ã‚µã‚¤ãƒ¬ãƒ³ãƒˆãƒ¢ãƒ¼ãƒ‰ã«ã—ã¦ã¦æ®†ã©éŸ³å‡ºã•ãªã„ã®ã§ã™ã£ã‹ã‚Šé ã‹ã‚‰æŠœã‘ã¦ã„ã¾ã—ãŸãŒã€å®Ÿé¨“æ¸ˆã¿ã§ã—ãŸã®ã§ä»Šå›žã¯éŸ³å£°ä»˜ãã§ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³å†ç”Ÿã™ã‚‹æ–¹æ³•ã®è©±ã‚’ã°ã€‚ éŸ³å£°ã‚’Audio APIã‚’ä½¿ã£ã¦åŒæ™‚ã«å†ç”Ÿ æœ€åˆã«æ€ã„ã¤ãã®ã¯å‹•ç”»ã‹ã‚‰Dem uxã—ã¦åˆ†é›¢ã—ãŸéŸ³å£°ã‚’Audio APIã‚’ä½¿ã£ã¦åŒæ™‚ã«å†ç”Ÿã™ã‚‹æ–¹æ³•ã§ã—ã‚‡ã†ã€‚ å®Ÿéš›ã“ã‚Œã§è¶³ã‚Šã‚‹å ´åˆã‚‚ã‚ã‚Šã¾ã™ã€‚ãŒã€è¶³ã‚Šãªã„å ´åˆã‚‚ã‚ã‚Šã¾ã™ã€‚ Videoã¨Audioã«åŒæ™‚ã«å†ç”Ÿå‘½ä»¤ã‚’é€ã£ã¦ã‚‚ã€åŒã˜é€Ÿã•ã§å†ç”Ÿã•ã‚Œã‚‹ã‹ã¯ä¿è¨¼ã•ã‚Œãªã„ æ˜”ã€…ã«AviUTLã ã®TMPGEncã ã®ã§ã‚¨ãƒ³ã‚³ã—ã¦ãŸäººãªã‚“ã‹ã¯ã‚ã‹ã‚‹ã¨æ€ã„ã¾ã™ãŒã€åˆ†é›¢ã•ã‚ŒãŸéŸ³å£°ã¨æ˜ åƒã¯çµæ§‹ã‹ã‚“ãŸã‚“ã«ã‚ºãƒ¬ã¾ã™ã€‚ ã¾ã—ã¦ä»Šå›žã¯Videoã‚’ã¾ã¨ã‚‚ã«å†ç”Ÿã—ã¦ã„ãªã„ã‚ã‘ã§ã€‚ ã§ã™ã‹ã‚‰ãƒŠãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã¨BGMã®ã¿ã®CMãªã‚“
Falky 2016/07/12
ã™ã°ã‚‰ã—ã„

web-direction

tips

hack

javascript
ãƒªãƒ³ã‚¯
ã™ã‚‹ã™ã‚‹ã•ã›ãŸã„ï¼šã‚µã‚¤ãƒœã‚¦ã‚ºæŽ¡ç”¨æƒ…å ±ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ï¼ˆãã®1ï¼‰ - fragmentary
ã‚µã‚¤ãƒœã‚¦ã‚ºã®æŽ¡ç”¨æƒ…å ±ãƒšãƒ¼ã‚¸ã‚’è¦‹ã¦ã„ãŸã€‚ ã‚µã‚¤ãƒœã‚¦ã‚º | æŽ¡ç”¨æƒ…å ±ï¼ˆæ–°å’ãƒ»ã‚ãƒ£ãƒªã‚¢ï¼‰ ã¨ã„ã£ã¦ã‚‚å—ã‘ã‚‹ã¨ã‹ã§ã¯ãªãã€ãŸã æ€§æ ¼æ‚ªã„ã“ã¨ã‚’æ€ã£ã¦ã„ãŸã ã‘ãªã‚“ã ã‘ã©ã€‚ Kintoneã®ã‚»ã‚¯ã‚·ãƒ§ãƒ³ã§ã‚¢ãƒ—ãƒªã£ã½ã„ã‚¢ã‚¤ã‚³ãƒ³ãŸã¡ãŒå³ã‹ã‚‰å·¦ã¸ã¨æµã‚Œã¦ã„ã‚‹ã‚“ã ã‘ã©ã€ãã‚ŒãŒã‚¬ã‚¿ã‚¬ã‚¿ã¨ã—ã¦ã„ã‚‹ã€‚ã™ã‚‹ã™ã‚‹ã—ã¦ã„ãªã„ã€‚ã™ã‚‹ã™ã‚‹ã•ã›ãŸã„ã€‚ ã¨ã„ã†ã‚ã‘ã§ã€ä½•ãŒèµ·ã“ã£ã¦ã„ã‚‹ã®ã‹ã‚’èª¿ã¹ã¦ã¿ã‚ˆã†ã‹ã¨ã€‚ä½•å›žã‹ã«ã‚ã‘ã¦æ›¸ãã‚ˆã€‚ ãã®1 â€• ä½•ãŒèµ·ã“ã£ã¦ã„ã‚‹ã®ã‹èª¿ã¹ã‚‹ ãã®2 â€• èª¿ã¹ãªãŒã‚‰ç›´ã—ãªãŒã‚‰ã™ã‚‹ã™ã‚‹ã•ã›ã‚‹ ãã®3 â€• ã¡ã‚‡ã£ã¨ã—ãŸã“ã¨ã‚„ä»–ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚ã™ã‚‹ã™ã‚‹ã•ã›ã‚‹ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®å®Ÿè£…ã‚’èª¿ã¹ã‚‹ ã‚ã¨ã®ã“ã¨ã‚’è€ƒãˆã¦ã€Chrome DevToolsã‚’ä½¿ã†ã€‚ ã¾ãšã€è©²å½“ã®æµã‚Œã‚‹ã‚¢ã‚¤ã‚³ãƒ³ã®ã¨ã“ã‚ã§å³ã‚¯ãƒªãƒƒã‚¯ã—ã¦inspectã™ã‚‹ã€‚Elementsãƒ‘ãƒãƒ«ã§ã€<div class="icon"> ã¨ã„ã†è¦ç´ ãŒãƒã‚¤ãƒ©ã‚¤ãƒˆã•ã‚Œã‚‹ã€‚div
Falky 2016/05/13
hæŠ¼ã™ã ã‘ã§visibility: hiddenã—ã¦ãã‚Œã‚‹ãªã‚“ã¦çŸ¥ã‚‰ãªã‹ã£ãŸâ€¦ã€‚

chrome

debug

tips

troubleshoot

web-design

javascript

dev-console
ãƒªãƒ³ã‚¯
comico (ã‚³ãƒŸã‚³) | ã‚¿ãƒ†ã‚«ãƒ©ãƒ¼æ¼«ç”»ãŒæ¯Žæ—¥ç„¡æ–™ã€æ¯Žæ—¥æ›´æ–°ï¼
ãƒžãƒ³ã‚¬ã‚’ç„¡æ–™ã§èªã‚€ãªã‚‰comicoï¼ˆã‚³ãƒŸã‚³ï¼‰ï¼ ã‚ªãƒªã‚¸ãƒŠãƒ«ã®ã‚¿ãƒ†ã‚«ãƒ©ãƒ¼æ¼«ç”»ã‹ã‚‰å®šç•ªã®ã‚³ãƒŸãƒƒã‚¯ã‚¹ã€æŠ•ç¨¿ä½œå“ã¾ã§è±Šå¯Œã«å–ã‚Šæƒãˆï¼ ãŠå¾—ãªã‚ãƒ£ãƒ³ãƒšãƒ¼ãƒ³ã‚‚æ¯Žæ—¥å®Ÿæ–½ä¸ï¼
Falky 2016/03/16
ãªã‚“ã ã“ã‚Œï½—

lol

javascript

manga
ãƒªãƒ³ã‚¯
JavaScript ã‚’ PNG ã«åœ§ç¸®ã™ã‚‹ | Yomotsu net
JavaScript ã‚’ PNG ã«åœ§ç¸®ã™ã‚‹ãƒ„ãƒ¼ãƒ«ã‚’ä½œã‚Šã¾ã—ãŸã€‚JS_Packer demoscene ã¯æœ€è¿‘ WebGL ã‚’ä½¿ã£ãŸã‚‚ã®ã‚‚å¤šããªã£ã¦ãã¦ã„ã¾ã™ã€‚ demoecene ã¯åŸºæœ¬çš„ã« ãƒãƒ¼ã‚«ãƒ«ã«ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦å˜åœ¨ã—ã¦ã„ã‚‹ã‚‚ã®ã‚’ä½¿ã† ãã®ãƒ•ã‚¡ã‚¤ãƒ«å®¹é‡ã¯ 1 ãƒã‚¤ãƒˆã§ã‚‚å°‘ãªã„ã»ã†ãŒã„ã„ (å®¹é‡åˆ¶é™ãŒã‚ã‚‹åˆ†é‡ŽãŒã‚ã‚‹) ã¨ã„ã†æ–‡åŒ–ã§ã™ã€‚ãã—ã¦ JS ãƒ•ã‚¡ã‚¤ãƒ«ã‚’åœ§ç¸®ã™ã‚‹æ‰‹æ³•ã®ä¸€ã¤ã«ã€JS ã‚’ PNG ç”»åƒã«ã—ã¦ã€ãã‚Œã‚’ãƒ‡ã‚³ãƒ¼ãƒ‰ã™ã‚‹ã€ã¨ã„ã†æ‰‹æ³•ãŒå˜åœ¨ã—ã¾ã™ã€‚ JS ã®æ€§è³ªJS ã®ã‚³ãƒ¼ãƒ‰ã¯åŸºæœ¬çš„ã«ã‚¢ã‚¹ã‚ãƒ¼æ–‡å—ã®é›†ã¾ã‚Šã§ã™ã€‚ã‚¢ã‚¹ã‚ãƒ¼ã‚³ãƒ¼ãƒ‰ã¯ã€å°æ–‡å—/å¤§æ–‡å—ã®ã‚¢ãƒ«ãƒ•ã‚¡ãƒ™ãƒƒãƒˆã€æ•°å—ã€ã‚¹ãƒšãƒ¼ã‚¹ã¨ã„ã£ãŸ 128 ç¨®é¡žã—ã‹å˜åœ¨ã—ã¾ã›ã‚“ã€‚ PNG8 ã®æ€§è³ª8 ãƒ“ãƒƒãƒˆ PNG ã¯ 256 ç¨®é¡žã®è‰²ã‚’ãƒ‘ãƒ¬ãƒƒãƒˆã«æŒã£ã¦ã„ã¾ã™ã€‚ PNG ã¯å¯é€†åœ§ç¸®ï¼ˆãƒã‚¹ãƒ¬ã‚¹ï¼‰å½¢å¼ã®ç”»åƒã§ã™ã€‚åœ§ç¸®ã—ã¦ã‚‚å¤±ã‚ã‚Œã‚‹ãƒ‡ãƒ¼ã‚¿ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚
Falky 2015/05/11
è‡ªå·±è§£å‡ã®ç™ºæƒ³ã¯ãªã‹ã£ãŸâ€¦ã€‚

javascript
ãƒªãƒ³ã‚¯
https://h2md.axell-embedded.com/
Falky 2015/03/13
iPhoneã§ã‚‚ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³å‹•ç”»å†ç”Ÿã€‚æœ‰å„Ÿã€‚

web-design

javascript

movie

html5
ãƒªãƒ³ã‚¯
ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ã®å¹…
ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ã®å¹…ã‚’çŸ¥ã‚ŠãŸã„ã“ã¨ã¯ã¾ã¾ã‚ã‚‹ã€‚CSSã§æ‹¾ãˆã‚Œã°æœ€é«˜ãªã®ã ã‘ã©â€¦â€¦ã¨ã„ã†ã¨ã“ã‚ã§ã€calc(100vw - 100%)ã§æ‹¾ãˆã‚‹ã“ã¨ãŒã‚ã‹ã£ãŸã€‚ãŸã ã“ã‚Œã§æ‹¾ãˆã‚‹ã‹ã©ã†ã‹ã¯ãã®è¦ç´ ã®è¦ªã«ä¾å˜ã™ã‚‹ã®ã§ã€ã„ã¤ã§ã‚‚ã©ã“ã§ã‚‚ä½¿ãˆã‚‹ã‚ã‘ã§ã¯ãªã„ã€‚ã›ã‚ã¦JavaScriptã§ã¯æ‰±ãˆã‚‹ã‚ˆã†ã«ã—ã¦ã¿ãŸã„ã€‚ Demo: Get Scrollbar Width with JavaScript ãƒœã‚¿ãƒ³ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ã®å¹…ãŒãƒ€ã‚¤ã‚¢ãƒã‚°ã§è¡¨ç¤ºã•ã‚Œã‚‹ã€‚ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ã®å ´åˆã¯0pxã«ãªã‚Šã€ãã†ã§ãªã„å ´åˆã¯ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ã®å¹…ãŒè¿”ã‚‹ã€‚bodyè¦ç´ ã®å¹…ãŒ100%ã§ã‚ã‚‹ã“ã¨ãŒæ¡ä»¶ã«ãªã‚‹ãŒã€ã¾ãšå¤§ä¸ˆå¤«ã ã‚ã†ã€‚ ä»•çµ„ã¿ã¯å˜ç´”ãªã‚‚ã®ã§widthãƒ—ãƒãƒ‘ãƒ†ã‚£ãƒ¼ã‚’calc(100vw - 100%)ã«ã—ãŸè¦ç´ ã‚’bodyè¦ç´ ã®åã«çªã£è¾¼ã‚“ã§ã€è¨ˆç®—æ¸ˆã¿ã‚¹ã‚¿ã‚¤ãƒ«ã‚’æ‹¾ã†ã¨ã„ã†ã ã‘ã ã€‚overflowãƒ—ãƒãƒ‘ãƒ†ã‚£ãƒ¼
Falky 2014/12/28
ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ã®å¹…ã¯ calc(100vw - 100%) â€¦ãªã‚‹ã»ã©

css

web-design

javascript
ãƒªãƒ³ã‚¯
Picturefill
The picture element, srcset and sizes attributes, and associated features allow web developers to deliver an appropriate image to every user depending on a variety of conditions like screen size, viewport size, screen resolution, and more. Picturefill enables support for the picture element and associated features in browsers that do not yet support them, so you can start using them today! Picture
Falky 2014/09/10
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã‚¤ãƒ¡ãƒ¼ã‚¸ã®è¡¨ç¤ºã«ãƒŸãƒ©ã‚¯ãƒ«ä¾¿åˆ©ã ã‘ã©ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶æœªå®Ÿè£…ãªpictureè¦ç´ ã‚„imgã¸ã®srcset/sizeså±žæ€§æŒ‡å®šãªã©ã‚’ä½¿ãˆã‚‹ã‚ˆã†ã«ã—ã¦ãã‚Œã‚‹ã‚„ã¤

web-design

responsive

javascript
ãƒªãƒ³ã‚¯
HTML5 Video Player | Video.js
Video.js is the open-source HTML5 video player for the modern web: embed html5 video easily, support all major formats, and style it your way. It supports video playback on desktop and mobile devices. The project was started mid 2010, and now has hundreds of contributors and has been used on over 3,000,000 websites. Plays anythingPlays â€œtraditionalâ€ file formats such as MP4 and WebM, but also supp
Falky 2014/09/09
videoã‚¿ã‚°ã‚’ã¾ã¨ã‚‚ã«ä½¿ãˆã‚‹ã‚ˆã†ã«ã—ã¦ãã‚Œã‚‹ã‚„ã¤ã€‚å¤ã„IEã§å†ç”Ÿå¯ã«ãªã‚‹ä»–ã€Firefoxç”¨ã«webMç”¨æ„ã—ãªãã¦ã‚‚Flash+mp4ã«ãƒ•ã‚©ãƒ¼ãƒ«ãƒãƒƒã‚¯ã—ã¦ãã‚Œã‚‹ã€‚ã¤ã‚ˆã„

javascript

html5

douga
ãƒªãƒ³ã‚¯
ã€jQueryã€‘è¦ç´ ãŒè¦‹ãˆãŸã‚¿ã‚¤ãƒŸãƒ³ã‚°ã§ã‚¤ãƒ™ãƒ³ãƒˆã‚’ç™ºç”Ÿã•ã›ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ | ãƒã‚·ãƒ£ãƒã‚°ã€‚
ã¯ã˜ã‚ã¾ã—ã¦ã€ä»Šæœˆã‚ˆã‚Šãƒã‚·ãƒ£ãƒã‚°ã®ãƒ¡ãƒ³ãƒãƒ¼ã«ãªã£ãŸfukasawaã¨ç”³ã—ã¾ã™ã€‚ ã¾ã ã¾ã å‹‰å¼·ä¸ã§è‡³ã‚‰ã¬ç‚¹ã‚‚å¤šã€…ã‚ã‚‹ã¨ã¯å˜ã˜ã¾ã™ãŒã€ç”Ÿæ¸©ãè¦‹å®ˆã£ã¦ã„ãŸã ã‘ã‚‹ã¨å¹¸ã„ã§ã™ã€‚ æœ¬é¡Œã§ã™ã€‚ç¤¾å†…ã§è¡Œã‚ã‚Œã¦ã„ã‚‹jQueryå‹‰å¼·ä¼šã®ãƒã‚¿æŽ¢ã—ã®ãŸã‚ã«Web Designingã®jQuery Lab.ã‚’èªã‚“ã§ã„ãŸã®ã§ã™ãŒã€è¨˜äº‹ã®ä¸ã§inviewã¨ã„ã†jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãŒä½¿ã‚ã‚Œã¦ã„ã¾ã—ãŸã€‚ è¨˜äº‹ã§ã¯ã€Œã‚°ãƒ©ãƒ•ã‚’æç”»ã™ã‚‹é ˜åŸŸãŒãƒ–ãƒ©ã‚¦ã‚¶ã®è¡¨ç¤ºé ˜åŸŸå†…ã«å…¥ã£ãŸã‚¿ã‚¤ãƒŸãƒ³ã‚°ã§ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿè¡Œã—ã‚°ãƒ©ãƒ•ã‚’æç”»ã™ã‚‹ã€ã¨ã„ã†å‹•ä½œã‚’è¡Œã†ãŸã‚ã«ã“ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãŒä½¿ã‚ã‚Œã¦ã„ã‚‹ã®ã§ã™ãŒã€inviewã‚’ä½¿ã†ã“ã¨ã§ã€ã“ã®ã‚ˆã†ã«ã€Œãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§è¦‹ãˆãŸã¨ãã«å‡¦ç†ã‚’å®Ÿè¡Œã™ã‚‹ã€ã¨ã„ã†å‹•ä½œã‚’å®Ÿç¾ã§ãã‚‹ã‚ˆã†ã§ã™ã€‚ jquery.inview æ°—ã«ãªã£ãŸã®ã§ä½¿ã„æ–¹ã‚’èª¿ã¹ã¦ã¿ã¾ã—ãŸã€‚ ç°¡å˜ãªä½¿ã„æ–¹ 1. jQueryã¨jquery.inview.jsã‚’èª
Falky 2014/09/08
javascript
ãƒªãƒ³ã‚¯
ç”»åƒé…å»¶ãƒãƒ¼ãƒ‰ Lazy Load (Unveil.js) ã§ä½“æ„Ÿè¡¨ç¤ºã‚¹ãƒ”ãƒ¼ãƒ‰ã‚¢ãƒƒãƒ—ï¼ â€“ ã‚»ãƒ«ãƒ†ã‚£ã‚¹ãƒ©ãƒœ
Unveil ã‚’çµ„ã¿è¾¼ã‚€ WordPress ã‚’ä½¿ç”¨ã—ã¦ã„ã‚Œã°ã€Lazy Load é–¢é€£ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¯æ²¢å±±ç™»éŒ²ã•ã‚Œã¦ã„ã¾ã™ ãã®å¤šãã¯ jQuery ã® Lazy Load ã‚’ä½¿ç”¨ã—ã¦ã€PHPå´ã®å‡¦ç†ã§ imgã‚¿ã‚°è¦ç´ ã®æ›¸ãæ›ãˆå‡¦ç†ã‚’è¡Œã£ã¦ã„ã‚‹ã ã‘ãªã®ã§ã€ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½¿ã‚ãªãã¦ã‚‚ãƒ†ãƒ¼ãƒžã«ç°¡å˜ã«çµ„ã¿è¾¼ãƒ ã“ã¨ãŒå‡ºæ¥ã¾ã™ å½“åˆã¯ Celtis-one ãƒ†ãƒ¼ãƒžã«ç›´æŽ¥çµ„ã¿è¾¼ã‚“ã§ã„ã¾ã—ãŸãŒã€celtispack ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¸ç§»ã—ã¾ã—ãŸ celtispack ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¦Â Unveil Lazyload ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚’æœ‰åŠ¹åŒ–ã™ã‚‹ã¨ç°¡å˜ã«ä½¿ç”¨ã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¯ã€WordPress Plugin : Celtispack ãƒšãƒ¼ã‚¸ã‹ã‚‰è¡Œã†ã“ã¨ãŒå‡ºæ¥ã¾ã™ ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã«çµ„ã¿è¾¼ã‚“ã æ™‚ã®ãƒã‚¤ãƒ³ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ ã‚¹ã‚¯ãƒªãƒ—ãƒˆã®èªã¿è¾¼ã¿ ãŠãªã˜ã¿ã® wp_enqueue_script ã‚’ä½¿ç”¨ã—
Falky 2014/09/08
ç”»åƒã®é…å»¶ãƒãƒ¼ãƒ‰ã€‚HTMLå´ã§img srcã‚’ãƒ€ãƒŸãƒ¼ã«æ›¸ãæ›ãˆã¦ãã ã•ã„ï¼ã˜ã‚ƒãªãã¦ã€JavaScriptã§å‹•çš„ã«ãƒ€ãƒŸãƒ¼ã«æ›¸ãæ›ãˆã‚‹ã®ãŒæ£ã—ã„ã¨æ€ã†(ã‘ã©ãã®ãŸã‚ã«ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚’ãƒ–ãƒãƒƒã‚¯ã—ã¡ã‚ƒã†ã®æœ¬æœ«è»¢å€’ã§ã¯ã‚ã‚‹)

javascript
ãƒªãƒ³ã‚¯
WebGLã«å¯¾å¿œã—é«˜é€ŸåŒ–ã—ãŸCreateJSã®æç”»æ€§èƒ½ã‚’æŽ¢ã‚‹ - ICS MEDIA
ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ã‚³ãƒ³ãƒ†ãƒ³ãƒ„åˆ¶ä½œã«å½¹ç«‹ã¤HTML5å‘ã‘ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯CreateJS (ä½¿ã„æ–¹ã¯å…¥é–€ã‚µã‚¤ãƒˆã‚’å‚ç…§ãã ã•ã„)ã€‚2014å¹´1æœˆã«å…¬å¼ãƒ–ãƒã‚°ã§WebGLã‚µãƒãƒ¼ãƒˆãŒç™ºè¡¨ã•ã‚Œã¾ã—ãŸï¼ˆå‚ç…§è¨˜äº‹ã€ŒWebGL Support in EaselJSã€)ã€‚å…¬å¼ãƒ–ãƒã‚°ã«ã‚ˆã‚‹ã¨ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ãŒå¾“æ¥æ¯”ã®6ã€œ50å€ã«ã‚‚é”ã™ã‚‹ã¨ã®ã“ã¨ã§ã™ã€‚ æžœãŸã—ã¦ã©ã®ãã‚‰ã„ã®æ€§èƒ½ãŒã‚ã‚‹ã®ã‹æ°—ã«ãªã‚Šã¾ã—ãŸã®ã§ã€ä»¥å‰ã®æ¤œè¨¼è¨˜äº‹ã€ŒHTML5é–‹ç™ºè€…å¿…è¦‹ã€æœ€é€Ÿã®JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯ã©ã‚Œã !? ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã®å¾¹åº•æ¤œè¨¼ã€ã‚’å…ƒã«ã€WebGLå¯¾å¿œç‰ˆã®CreateJS(æç”»ã‚’æ‰±ã†JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒEaselJSã€)ã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‚’æ¯”è¼ƒæ¤œè¨¼ã—ã¦ã¿ã¾ã—ãŸã€‚æ¤œè¨¼ã«ç”¨ã„ãŸãƒ‡ãƒ¢ã¯æ¬¡ã®ãƒªãƒ³ã‚¯ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã“ã¨ã§å†ç”Ÿã§ãã¾ã™ã€‚ CreateJS (EaselJS 0.7.1)Â : å¾“æ¥ç‰ˆã€‚Canvasã®Context2DãŒåˆ©ç”¨ã•ã‚Œã¦ã„ã‚‹
Falky 2014/08/29
ã“ã‚Œã¯ã¤ã‚ˆã„

javascript

webgl
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸