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

kulamochi id:kulamochi

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

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

æœ€æ–°ç‰ˆã§å¦ã¶Electronå…¥é–€ â€“ HTML5ã§PCã‚¢ãƒ—ãƒªã‚’é–‹ç™ºã™ã‚‹åˆ©ç‚¹ã¨æ‰‹é † â€“ ICS MEDIA
Electronï¼ˆã‚¨ãƒ¬ã‚¯ãƒˆãƒãƒ³ï¼‰ã¨ã¯ã€ã‚¦ã‚§ãƒ–æŠ€è¡“ã§ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œæˆã§ãã‚‹ãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ã§ã™ã€‚HTMLã¨CSSã€JavaScriptã‚’ä½¿ã£ã¦é–‹ç™ºã—ã€Windowsã¨macOSã®ä¸¡OSã®ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’1ã¤ã®ã‚³ãƒ¼ãƒ‰ã‹ã‚‰ä½œã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚è¿‘å¹´ã€æ³¨ç›®åº¦ãŒé«˜ã¾ã£ã¦ãŠã‚Šãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆã‚„GitHubãªã©ã€æœ‰åä¼æ¥ã‚‚æŽ¡ç”¨ã—ã¦ã„ã¾ã™ã€‚ Electronã‚¨ãƒ¬ã‚¯ãƒˆãƒãƒ³è£½ã®ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã¯Chromiumã‚¯ãƒãƒŸã‚¦ãƒ ï¼ˆChromeãƒ–ãƒ©ã‚¦ã‚¶ã®å…ƒã¨ãªã‚‹ã‚‚ã®ï¼‰ã¨Node.jsãƒŽãƒ¼ãƒ‰ã‚¸ã‚§ã‚¤ã‚¨ã‚¹ãŒãƒ©ãƒ³ã‚¿ã‚¤ãƒ ã¨ãªã£ã¦ã„ã¾ã™ã€‚ã‚¦ã‚§ãƒ–ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ãã®ã¾ã¾ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã¨ã—ã¦å‹•ã‹ã—ãŸã‚Šã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã¨ã—ã¦ãƒ–ãƒ©ã‚¦ã‚¶ã ã‘ã§å®Ÿç¾ã§ããªã„æ©Ÿèƒ½ã‚’çµ„ã¿è¾¼ã‚ã‚‹ã®ãŒç‰¹å¾´ã§ã™ã€‚ åˆ©ç”¨ç”¨é€”ã¨ã—ã¦ã€ãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒ‡ã‚£ã‚¿ãƒ¼ã‚„ãƒ¦ãƒ¼ãƒ†ã‚£ãƒªãƒ†ã‚£ãƒ¼ã‚½ãƒ•ãƒˆã€ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«ãªã©ã®å°è¦æ¨¡ãªä½¿ã„æ–¹ã‹ã‚‰ã€ã‚¤ãƒ³ãƒˆãƒ©ãƒãƒƒãƒˆå†…ã®ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆãƒ„ãƒ¼
kulamochi 2018/08/23
App

HTML

CSS

javascript
ãƒªãƒ³ã‚¯
ãƒ–ãƒ©ã‚¦ã‚¶ã§ãƒ—ãƒƒã‚·ãƒ¥é€šçŸ¥ãŒç°¡å˜ã«å®Ÿè£…ã§ãã‚‹JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒPush.jsã€
2017å¹´ 3æœˆ5æ—¥ 07æ™‚20åˆ† 6å¹´å‰ ãƒ—ãƒƒã‚·ãƒ¥é€šçŸ¥ãŒç°¡å˜ã«å®Ÿè£…ã§ãã‚‹Javascriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒPush.jsã€ã®ç´¹ä»‹ã§ã™ã€‚ ã‚¹ãƒžãƒ›ã§ ãŠé¦´æŸ“ã¿ã®ãƒ—ãƒƒã‚·ãƒ¥é€šçŸ¥ã§ã™ãŒã€ Webãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§ã‚‚ ' Notification API ' ã¨ã„ã†å½¢ã§ ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã¸ã®ãƒ—ãƒƒã‚·ãƒ¥é€šçŸ¥ãŒåˆ©ç”¨ãŒã§ãã¾ã™ã€‚ 'Notification API' ã¯ãƒ–ãƒ©ã‚¦ã‚¶ã«ã‚ˆã£ã¦ä½¿ãˆã‚‹æ©Ÿèƒ½ã«ãƒãƒ©ã¤ããŒã‚ã£ãŸã‚Šã—ã¾ã™ãŒã€ ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã«ãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆã«é€šçŸ¥ã§ãã‚‹ã®ã§ã€ä½¿ã„æ–¹æ¬¡ç¬¬ã§é¢ç™½ã„ã“ã¨ãŒã§ãã¾ã™ã€‚ " ã‚¢ãƒ©ãƒ¼ãƒˆã®ä»£ã‚ã‚Šã« " " WebSocketã¨åˆã‚ã›ã¦ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã§æµã™æ–°ç€æƒ…å ±ã®é€šçŸ¥ã« " " ãƒã‚°ã‚¤ãƒ³ã—ãŸæ™‚ã®ã‚¦ã‚§ãƒ«ã‚«ãƒ ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã« " ... etc ç”Ÿã®ã¾ã¾ã§ãƒ—ãƒƒã‚·ãƒ¥é€šçŸ¥ã‚’æ›¸ã„ã¦ã„ãã¨ Permissionã®ç¢ºèªã‚„ é€šçŸ¥è¨±å¯ã®å‡¦ç†ã€‚ ãã®ä»–ã€æ¡ä»¶å¼ã®é€£ç¶šã§ã‚³ãƒ¼ãƒ‰ãŒé•·ããªã‚‹å‚¾å‘ãŒã‚ã‚Šã¾ã™ã€‚ ãã‚“ãª 'Not
kulamochi 2017/09/05
javascript

library

PC

mobile
ãƒªãƒ³ã‚¯
modal-video.js - å‹•ç”»ã‚’ãƒ¢ãƒ¼ãƒ€ãƒ«ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã§è¡¨ç¤ºã™ã‚‹ jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ãƒªãƒªãƒ¼ã‚¹ã—ã¾ã—ãŸ | JavaScript | ãƒ–ãƒã‚° | åå¤å±‹ã®CMSæ§‹ç¯‰ãƒ»Webåˆ¶ä½œä¼šç¤¾ ã‚¢ãƒƒãƒ—ãƒ«ãƒƒãƒ—ãƒ«
modal-video.js ã¯ã€å¼Šç¤¾ãŒ2017å¹´2æœˆã«ãƒªãƒªãƒ¼ã‚¹ã—ãŸãƒ“ãƒ‡ã‚ªã‚³ãƒ³ãƒ†ãƒ³ãƒ„å†ç”Ÿç”¨ã®JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ã“ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„å†…ã«è¨ç½®ã•ã‚ŒãŸ YouTubeã€Vimeoã€mp4 ãªã©ã‚’ ãƒ¢ãƒ¼ãƒ€ãƒ«ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ ã‚’é–‹ãã€ã‚ˆã‚Šå¤§ããå‹•ç”»ã‚’å†ç”Ÿã§ãã‚‹ã‚ˆã†ã«ã™ã‚‹ãŸã‚ã«ä½œã‚‰ã‚Œã¾ã—ãŸã€‚ èª°ã§ã‚‚è‡ªç”±ã«åˆ©ç”¨ã„ãŸã ã‘ã‚‹ã‚ˆã†ã« MIT license ã§ GitHub ã§å…¬é–‹ã—ã¦ã„ã¾ã™ã€‚
kulamochi 2017/03/28
jQuery

javascript

video

plugin
ãƒªãƒ³ã‚¯
amCharts: customizable free flash charts
JavaScript Charts & Maps Programming library for all your data visualization needs. Readme.md Came here to find your next charting library? Good. Our charts were designed to feel modern, sleek and fast, out-of-the box. But donâ€™t take our word for it â€“ check out our demos and fall in love. And best of all, our libs natively integrate with TypeScript, Angular, React, Vue and plain JavaScript apps. F
kulamochi 2017/02/08
javascript

library
ãƒªãƒ³ã‚¯
ã‚¹ãƒ‘ãƒ ã«åŠ¹ãæ£è¦è¡¨ç¾2ï¼URLã®åˆ†è§£ã¨ãƒ‰ãƒ¡ã‚¤ãƒ³åã®æŠ½å‡º | ã‚†ã£ãã‚Šã¨â€¦
ã‚¦ãƒã®CGIæŽ²ç¤ºæ¿ã«ã¯ã€ã‚¹ãƒ‘ãƒ ã¨åˆ¤å®šã•ã‚ŒãŸæŠ•ç¨¿ã‹ã‚‰URLã®ãƒ‰ãƒ¡ã‚¤ãƒ³åã‚’æŠ½å‡ºã—ã€æŠ•ç¨¿ç¦æ¢ãƒ¯ãƒ¼ãƒ‰ã¨ã—ã¦ä¸€å®šæœŸé–“ä¿æŒã™ã‚‹æ©Ÿèƒ½ã‚’æŒãŸã›ã¦ã„ã¾ã™ã€‚ä»–ã®ã‚¹ãƒ‘ãƒ åˆ¤å®šãƒ•ã‚£ãƒ«ã‚¿ã¨åˆã‚ã›ã‚‹ã“ã¨ã§ãƒ¢ãƒ¬ã‚’å°‘ãªãã™ã‚‹åŠ¹æžœã‚’ç‹™ã£ãŸã‚‚ã®ã§ã™ãŒã€ç‰¹ã«ã‚¹ãƒ‘ãƒ å¯¾ç–ãŒæœªç†Ÿã ã£ãŸé ƒã€ã“ã®æ©Ÿèƒ½ã«å¼•ã£ã‹ã‹ã£ãŸã‚¹ãƒ‘ãƒ æŠ•ç¨¿ã‚‚å°‘ãªãã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚ ã•ã¦ã€æ£è¦è¡¨ç¾ URL åˆ†è§£ ã‚’ Google ã§æ¤œç´¢ã™ã‚‹ ã¨ç¬¬1ä½ã«ã€Œæ£è¦è¡¨ç¾ã‚µãƒ³ãƒ—ãƒ«(URLã‚’åˆ†è§£ã™ã‚‹)ã€ãŒæŒ™ãŒã‚Šã€æ¬¡ã®ã‚ˆã†ãªæ£è¦è¡¨ç¾ãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ ^(.+?)://(.+?):?(d+)?(/.*)?$ ã“ã®æ£è¦è¡¨ç¾ã¯ã€å·¦å´ã®ã‚«ãƒƒã‚³ã‹ã‚‰é †ã« ã‚¹ã‚ãƒ¼ãƒ ã€ãƒ›ã‚¹ãƒˆã€ãƒãƒ¼ãƒˆã€ãƒ‘ã‚¹ ã¸ã¨åˆ†è§£ã—ã¦ãã‚Œã‚‹ã®ã§ã™ãŒã€http://127.0.0.1/ ã®æ§˜ã«IPã‚¢ãƒ‰ãƒ¬ã‚¹ã§æ§‹æˆã•ã‚ŒãŸURLã®å ´åˆã€ãƒ›ã‚¹ãƒˆãŒ 127.0.0.ã€ãƒãƒ¼ãƒˆãŒ 1 ã¨ãªã£ã¦ã—ã¾ã†ã¨ã„ã†å•é¡Œç‚¹ãŒã‚ã‚Šã¾ã™ã€‚ ã‚‚ã¡ã‚ã‚“ã“ã‚Œã‚’æ”¹å–„
kulamochi 2016/11/10
javascript

tips
ãƒªãƒ³ã‚¯
JavaScriptã§ã‚°ãƒ©ãƒ•æç”»å…¥é–€ï¼å…¨ï¼˜å€‹ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ã‚³ãƒ¼ãƒ‰ä»˜ãã§ä¸€æŒ™ã«è§£èª¬ï¼ - paiza times
ã©ã†ã‚‚ã€ã¾ã•ã¨ã‚‰ã‚“ï¼ˆ@0310lanï¼‰ã§ã™ã€‚ ä»Šå›žã¯ã€JavaScriptã‚’ä½¿ã£ã¦ã€Œã‚°ãƒ©ãƒ•ã‚„ãƒãƒ£ãƒ¼ãƒˆã‚’æããŸã„ï¼ã€ã¨ã‹ã€ã€Œã•ã¾ã–ã¾ãªãƒ‡ãƒ¼ã‚¿ã‚’å¯è¦–åŒ–ã•ã›ãŸã„ï¼ã€ã¨ã„ã†äººã«ã‚ªã‚¹ã‚¹ãƒ¡ã®JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ã”ç´¹ä»‹ã—ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ ã¾ãŸã€ã™ãã«ä½¿ã„å§‹ã‚ã‚‰ã‚Œã‚‹ã‚ˆã†ã«ã€ãƒŸãƒ‹ãƒžãƒ ãªæ§‹æˆã®ã€Œã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ã€ã‚‚åˆã‚ã›ã¦æŽ²è¼‰ã—ã¦ã„ã‚‹ã®ã§ã€è‡ªåˆ†ã«åˆã£ãŸãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ã†å–ã£æŽ›ã‹ã‚Šã«ãªã‚Œã°å¹¸ã„ã§ã™ã€‚ â– Chart.js ã€Chart.jsã€‘ æœ€è¿‘ã€æ´»ç™ºã«ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã‚’ã—ã¦ã„ã‚‹ã€ŒChart.jsã€ã¯ã€ã™ã¹ã¦ã®ã‚°ãƒ©ãƒ•ãŒè‡ªå‹•çš„ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³è¡¨ç¤ºã•ã‚Œã‚‹ãƒ¦ãƒ‹ãƒ¼ã‚¯ãªä»•æŽ›ã‘ã‚’æŒã£ã¦ãŠã‚Šã€ã‚·ãƒ³ãƒ—ãƒ«ã§ç†è§£ã—ã‚„ã™ã„è¨˜è¿°ãŒå‡ºæ¥ã‚‹ç‚¹ã‚‚é…åŠ›ã§ã™ã€‚ ã‚°ãƒ©ãƒ•ã®ç¨®é¡žã¯å°‘ãªã„ã‚‚ã®ã®ã€ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ï¼†ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã§ã€ã‚ã¾ã‚Šã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã›ãšã«ã€Œãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã€ã®ã¾ã¾ã§ã‚‚æ‰‹è»½ã«ä½¿ãˆã‚‹ã§ã—ã‚‡ã†ã€‚ ã€ åŸºæœ¬ã®æ›¸ãæ–¹ ã€‘ ã€Œchart.jsã€ãƒ•ã‚¡ã‚¤ãƒ«ã¯ã€å…¬å¼
kulamochi 2016/09/07
javascript

library

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
position:fixedã§ãƒ˜ãƒƒãƒ€å›ºå®šæ™‚ã®ãƒšãƒ¼ã‚¸å†…ãƒªãƒ³ã‚¯ã®ãšã‚Œã‚’è§£æ¶ˆã—ãŸã„ ï½œ Tips Note by TAM
position:fixedã‚’ä½¿ã£ã¦ãƒ˜ãƒƒãƒ€ã‚’å›ºå®šã—ãŸå ´åˆ ãƒšãƒ¼ã‚¸å†…ãƒªãƒ³ã‚¯ã®ä½ç½®ãŒãƒ˜ãƒƒãƒ€ã®é«˜ã•åˆ†ãšã‚Œã¦ã—ã¾ã„ã¾ã™ã€‚ ãƒ˜ãƒƒãƒ€ã‚’å›ºå®šã™ã‚‹æ¡ˆä»¶ãŒå¢—ãˆã¦ãã¾ã—ãŸã®ã§è¦šæ›¸ã§ã™ã€‚ CSSã§èª¿æ•´ã™ã‚‹æ–¹æ³•ã¨ã€JavaScriptã§èª¿æ•´ã™ã‚‹æ–¹æ³•ãŒã‚ã‚Šã¾ã™ã€‚ ãƒ˜ãƒƒãƒ€ã®é«˜ã•ï¼š100px â– HTML <div id="header"> ãƒ˜ãƒƒãƒ€ãƒ¼ãŒã¯ã„ã‚Šã¾ã™ </div> <div id="content"> <a href="#link01">ãªã‚“ã¨ã‹</a> <div name="link01" id="link01">ã‹ã‚“ã¨ã‹</div> </div> CSSã§èª¿æ•´ã™ã‚‹ padding-topã§ãƒ˜ãƒƒãƒ€ã®é«˜ã•åˆ†ãšã‚‰ã—ã¦ã€margin-topã§ãƒžã‚¤ãƒŠã‚¹ã®å€¤ã‚’ã„ã‚Œã‚‹ã¨ã†ã¾ãã„ãã¾ã™ã€‚ margin-top:-100px; padding-top:100px; â– CSS #header { width: 100%; m
kulamochi 2016/04/04
css

javascript

tips
ãƒªãƒ³ã‚¯
ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã®ãŠçŸ¥ã‚‰ã› - NAVER ã¾ã¨ã‚
ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã®ãŠçŸ¥ã‚‰ã› NAVERã¾ã¨ã‚ã¯2020å¹´9æœˆ30æ—¥ã‚’ã‚‚ã¡ã¾ã—ã¦ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã„ãŸã—ã¾ã—ãŸã€‚ ç´„11å¹´é–“ã€NAVERã¾ã¨ã‚ã‚’ã”åˆ©ç”¨ãƒ»ã”æ„›é¡§ã„ãŸã ãèª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚
kulamochi 2016/03/15
tips

php

javascript
ãƒªãƒ³ã‚¯
ã€jQueryã€‘è¶…ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹ãƒ¢ãƒ¼ãƒ€ãƒ«ãƒ»ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ï¼»Remodalï¼½ã®ä½¿ã„æ–¹
ä»Šæ—¥ã¯è¶…ç°¡å˜ã«ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ãƒ»ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚’å®Ÿè£…ã§ãã‚‹ï¼»Remodalï¼½ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã¾ãšã¯ä¸‹è¨˜ãƒªãƒ³ã‚¯å…ˆã‚ˆã‚Šã€å®Ÿéš›ã®æŒ™å‹•ã‚’ã”ç¢ºèªãã ã•ã„ã€‚ ã‚ªãƒ³ã‚ºã®å®Ÿè£…ã‚µãƒ³ãƒ—ãƒ« : https://on-ze.com/demo/jquery-remodal/ ãƒ•ã‚¡ã‚¤ãƒ«å®¹é‡ãŒè»½ã„ãŸã‚æŒ™å‹•ã‚‚æ—©ãã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã§ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³éƒ¨åˆ†ã¯CSSã«ä¾å˜ã—ã¦ã„ã¾ã™ã€‚ å¾Œã§ç´¹ä»‹ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ï¼»remodel-default-theme.cssï¼½ãŒã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å¸ã£ã¦ã„ã¦ã€ãã“ã§å‹•ä½œã®å‡¦ç†ã‚’æŒ‡å®šã™ã‚‹ä»•çµ„ã¿ã«ãªã£ã¦ã„ã¾ã™ã€‚ ä»¥ä¸‹ã€å®Ÿè£…æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚ ï¼»Remodalï¼½ã®å¿…è¦ãªãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªã¿è¾¼ã‚€ ã¯ã˜ã‚ã«ï¼»Remodalï¼½ã®å…¬å¼ã‚µã‚¤ãƒˆã‚ˆã‚Šã€å¿…è¦ãªãƒ•ã‚¡ã‚¤ãƒ«ã‚’å…¥æ‰‹ã—ã¦ãã¾ã™ã€‚ Remodal : http://vodkabears.github.io/remodal/ GitHub : https://gith
kulamochi 2016/03/08
javascript

jQuery

plugin

tips
ãƒªãƒ³ã‚¯
Clean USA Map Demo - JSFiddle - Code Playground
kulamochi 2016/03/07
javascript

jQuery

plugin

tips
ãƒªãƒ³ã‚¯
Webã‚µã‚¤ãƒˆï¼†Webã‚¢ãƒ—ãƒªã®Retinaå¯¾å¿œæ–¹æ³•ã¾ã¨ã‚
ã“ã‚“ã«ã¡ã¯ã€‚ ä¼šç¤¾ã‹ã‚‰MacBookPro Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ãƒ¢ãƒ‡ãƒ«ã‚’æ”¯çµ¦ã•ã‚Œã¾ã—ãŸæµ…æµ·ã§ã™ã€‚ Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã€éžå¸¸ã«å¿«é©ãªã®ã§ã™ãŒã€Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã«æœ€é©åŒ–ã•ã‚Œã¦ã„ãªã„Webãƒšãƒ¼ã‚¸ã‚„ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã§ã¯ã€ãƒ“ã‚¯ã‚»ãƒ«ãƒ™ãƒ¼ã‚¹ã§ä½œã‚‰ã‚Œã¦ã„ã‚‹éƒ¨åˆ†ãŒã™ã“ã—ã¼ã‘ãŸã‚ˆã†ã«è¦‹ãˆã¦ã—ã¾ã„ã¾ã™ã€‚ ç‰¹ã«æ–‡å—ã‚’ç”»åƒã«ã—ã¦ã„ã‚‹å ´åˆãªã‚“ã‹ã¯ã€ã‹ãªã‚Šæ°—ã«ãªã‚Šã¾ã™ã€‚ Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã¯æ—¢ã«iPhoneã§ä½¿ã‚ã‚Œã¦ã„ã‚‹ã»ã‹ã€ä¸€éƒ¨ã®Androidã‚‚Retinaç›¸å½“ã®è§£åƒåº¦ã‚’æŒã£ã¦ã„ã‚‹ãƒ¢ãƒ‡ãƒ«ãŒç™»å ´ã—ã¦ãŠã‚Šã€ãƒ¢ãƒã‚¤ãƒ«Webã‚µã‚¤ãƒˆã‚„Webã‚¢ãƒ—ãƒªãŒRetinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã‚’æ„è˜ã—ãŸä½œã‚Šã«ãªã£ã¦ã„ã‚‹ã“ã¨ã¯ã‚ˆãè¦‹ã‚‰ã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ ã“ã‚Œã‹ã‚‰ã‚‚PCãªã©ã€Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤å¯¾å¿œã®ãƒ‹ãƒ¼ã‚ºã¯å¢—ãˆã‚‹ã ã‚ã†ã¨æ€ã„ã€å¯¾å¿œæ–¹æ³•ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ ç›®æ¬¡ imgã‚¿ã‚° CSS JavaScript Google Map
kulamochi 2015/11/26
Web

tips

CSS

javascript
ãƒªãƒ³ã‚¯
ã‚¯ãƒªãƒƒã‚«ãƒ–ãƒ«ãƒžãƒƒãƒ—ã‚’æ£ç¢ºãªåº§æ¨™ç‚¹ã§ä½œæˆã™ã‚‹æ–¹æ³• | NIWAKASOFT
ä¸å‹•ç”£ç³»ã®ã‚µã‚¤ãƒˆã‚„ã€æ±‚äººåª’ä½“ç³»ã®ã‚µã‚¤ãƒˆã§ã‚ˆãè¦‹ã‹ã‘ã‚‹ã€åœ°å›³ç”»åƒä¸Šã®çœŒã‚„åœ°åŸŸæ¯Žã«ãƒªãƒ³ã‚¯ã‚’è¨å®šã—ã¦ã€ã‚ªãƒ³ãƒžã‚¦ã‚¹ã§è©²å½“ç¯„å›²ãŒåˆ‡ã‚Šæ›¿ã‚ã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä»Šå›žã¯ä½œæˆã—ã¦è¡Œã“ã†ã¨æ€ã„ã¾ã™ã€‚â€»ä»Šå›žã®è¨˜äº‹ã¯ã‚¢ãƒ‰ãƒ“ã®ç”»åƒç·¨é›†ã‚½ãƒ•ãƒˆã‚’ãƒ•ãƒ«æ´»ç”¨ã„ãŸã—ã¾ã™ã€‚ä¸»ã«ãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ï¼ˆã‚¤ãƒ©ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¿ãƒ¼ãƒ»ãƒ•ã‚¡ã‚¤ãƒ¤ãƒ¼ãƒ¯ãƒ¼ã‚¯ã‚¹ã§ã‚‚å¯ï¼‰ã‚’ä½¿ç”¨è‡´ã—ã¾ã™ã®ã§è©²å½“ã‚½ãƒ•ãƒˆãŒç„¡ã„æ–¹ã¯ç”³ã—è¨³ã‚ã‚Šã¾ã›ã‚“ã€‚ ã¾ãšã¯ä¸‹ã®ã‚µãƒ³ãƒ—ãƒ«ã‚’å¾¡è¦§ãã ã•ã„ã€ãã‚Œãžã‚Œã®çœŒã®ä¸Šã§ã‚ªãƒ³ãƒžã‚¦ã‚¹æ™‚ã«ç”»åƒãŒåˆ‡ã‚Šæ›¿ã‚ã£ã¦ã„ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ã“ã®ã‚µãƒ³ãƒ—ãƒ«ã®åœ°å›³ã®ã‚ˆã†ã«ã€Œå››è§’ã€ã§åŒºåˆ‡ã‚‰ã‚ŒãŸãƒªãƒ³ã‚¯é ˜åŸŸã§ã‚ã‚Œã°ãƒ‰ãƒªãƒ¼ãƒ ã‚¦ã‚£ãƒ¼ãƒãƒ¼ã§å®Œçµå‡ºæ¥ã¦ã—ã¾ã„ã¾ã™ãŒã€ä¾‹ãˆã°ãƒ‡ã‚£ãƒ•ã‚©ãƒ«ãƒ¡ã•ã‚Œã¦ã„ãªã„æ£ç¢ºãªåœ°å›³ã«ã‚¯ãƒªãƒƒã‚«ãƒ–ãƒ«ãƒžãƒƒãƒ—ã‚’ä½œæˆã—ãŸã„å ´åˆãªã©ã«åŠ›ã‚’ç™ºæ®ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ãã‚Œã§ã¯æ—©é€Ÿä½œæˆæ‰‹é †ã®ç´¹ä»‹ã§ã™!! ãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ç‰ã§åœ°å›³ã¨ã—ã¦ä½¿ç”¨ã—ãŸã„ç”»åƒã®ä½œæˆ ç”»åƒã¯2æžšå¿…è¦ã«ãªã‚Šã¾ã™ã€‚ å…ƒç”»åƒ ã‚ª
kulamochi 2015/10/28
jQuery

javascript

plugin

tips
ãƒªãƒ³ã‚¯
ä¸€ç·’ã«æ—¥æœ¬ä¸€ã‚’ç›®æŒ‡ã™ä»²é–“å‹Ÿé›†ï¼ï½œæ ªå¼ä¼šç¤¾ã‚½ãƒ•ãƒ†ãƒ«
æ ªå¼ä¼šç¤¾ã‚½ãƒ•ãƒ†ãƒ« ã€’501-0112 å²é˜œå¸‚é¡å³¶ç²¾è¯1-3-17 å²é™½ç¬¬ä¸€ãƒ“ãƒ« TEL:058-254-8500ï¼ˆ10:00ã€œ17:00ï¼‰ FAX:058-254-8505
kulamochi 2015/05/15
javascript
ãƒªãƒ³ã‚¯
[JavaScript] å…¨è§’ã‚’2ã€åŠè§’ã‚’1ã¨æ•°ãˆã‚‹ã‚³ãƒ¼ãƒ‰ | ãã»ã‚“ã®ã
JavaScriptã§å…¨è§’ã‚’2ã€åŠè§’ã‚’1ã¨æ•°ãˆã‚‹å¿…è¦ãŒã‚ã£ãŸã®ã§èª¿ã¹ã¦ã¿ãŸã‚‰ã€å¤§é‡ã«å‚è€ƒã«ãªã‚‹ãƒšãƒ¼ã‚¸ãŒå‡ºã¦ãã¾ã—ãŸã€‚çµæ§‹éœ€è¦ãŒã‚ã‚‹ã®ã§ã™ãã€‚ html5ã®canvasä¸Šã«ãƒ†ã‚ã‚¹ãƒˆã‚’æç”»ã™ã‚‹éš›ã€ãƒ†ã‚ã‚¹ãƒˆã®é•·ã•ã‚’å–å¾—ã™ã‚‹ã«ã¯measureText()ãƒ¡ã‚½ãƒƒãƒ‰ã‚’ä½¿ã„ã¾ã™ã€‚canvasã‚’åˆã‚ã¦ä½¿ã£ãŸæ™‚ã€ã“ã®ãƒ¡ã‚½ãƒƒãƒ‰ã«æ°—ã¥ã‹ãšã€ã€Œå…¨è§’ã‚’2ã€åŠè§’ã‚’1ã¨ã—ã¦æ•°ãˆã€ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚’æŽ›ã‘ã¦é•·ã•ã‚’æ±‚ã‚ã‚ˆã†ã€ãªã©ã¨è€ƒãˆãŸã®ã§ã™ãã€‚ãã®æ™‚ã«å¿…è¦ã«ãªã£ãŸã‚ã‘ã§ã™ãŒã€ã“ã‚Œã§æ£ã—ã„widthãŒåˆ†ã‹ã‚‹ã‚ã‘ã‚‚ãªãã€‚ ãã‚Œã¯ãã‚Œã¨ã—ã¦ã€è¡¨é¡Œã®ã‚³ãƒ¼ãƒ‰ã¯éžå¸¸ã«æœ‰ç”¨ã§ä½¿ã„æ‰€ã‚‚å¤šã„ã®ã§ãƒ¡ãƒ¢ã—ã¦ãŠãã¾ã™ã€‚ã‚³ãƒ¼ãƒ‰ã¯ã“ã¡ã‚‰ã‚’å‚è€ƒã«ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚ var charcount = function (str) { len = 0; str = escape(str); for (i=0;i<str.length;i++,len++)
kulamochi 2015/05/15
javascript
ãƒªãƒ³ã‚¯
http://blog.tofu-kun.org/070627210315.php
kulamochi 2015/05/15
javascript
ãƒªãƒ³ã‚¯
Superfish Suckerfish on â€™roids
One More Step Please complete the security check to access support.tpg.com.au Why do I have to complete a CAPTCHA? Completing the CAPTCHA proves you are a human and gives you temporary access to the web property.
kulamochi 2015/05/11
javascript

jQuery

plugin
ãƒªãƒ³ã‚¯
Webåˆ¶ä½œ W3G
ã‚»ãƒ«ãƒ©ãƒ³ä¸Šä½ã‚¢ãƒ—ãƒªã®å£²ä¸Šãƒ»ãƒ©ãƒ³ã‚ãƒ³ã‚°æŽ¨ç§»ãƒ»ãƒ¦ãƒ¼ã‚¶ãƒ¼æ•°ãªã©ã®çµ±è¨ˆæƒ…å ±ã‚’ã¾ã¨ã‚ã¦ã„ã¾ã™ã€‚è¤‡æ•°ã®èª¿æŸ»ãƒ¡ãƒ‡ã‚£ã‚¢ãŒç™ºè¡¨ã—ã¦ã„ã‚‹ãƒ‡ãƒ¼ã‚¿ã‚’æ¯”è¼ƒå‚ç…§ã—ã¦ã€ã‚ˆã‚Šç¢ºåº¦ã®é«˜ã„æƒ…å ±ã‚’ç¢ºèªã§ãã¾ã™ã€‚
kulamochi 2015/03/27
javascript

browser

tips
ãƒªãƒ³ã‚¯
ã‚¹ã‚¯ãƒãƒ¼ãƒ«é€”ä¸ã‹ã‚‰ä½ç½®ãŒå›ºå®šã•ã‚Œã‚‹ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã£ã¦ã¿ã‚‹
ã‚ã‚‹ç¨‹åº¦ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨ã€é€”ä¸ã‹ã‚‰ä½ç½®ãŒå›ºå®šã«ãªã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’è¦‹ã‹ã‘ãŸã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã‹ï¼Ÿ ä»Šå›žã¯jQueryã‚’ä½¿ã£ã¦ãã‚Œã‚’ä½œã‚Šã¾ã™ã€‚ ãƒ‡ãƒ¢1 ãƒ‡ãƒ¢2 é€”ä¸ã‹ã‚‰ä½ç½®ãŒå›ºå®šã•ã‚Œã‚‹ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ‡ãƒ¢ 1 & 2 ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ ä»Šå›žä½¿ã†HTMLã¯ã“ã‚“ãªæ„Ÿã˜ã§ã™ã€‚ <div id="header"> <h1>ã‚¿ã‚¤ãƒˆãƒ«</h1> </div> <div id="container"> <div id="main">å·¦ã‚«ãƒ©ãƒ ï¼ˆãƒ¡ã‚¤ãƒ³ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ï¼‰</div> <div id="sidebar"> <div id="nav">ã“ã“ã‚’å›ºå®šã™ã‚‹</div> </div> </div>#mainã¨#sidebarã¯float: leftã—ã¦ã„ã¾ã™ã€‚ ã“ã‚Œã®#navãŒè¡¨ç¤ºã‚¨ãƒªã‚¢ä¸Šéƒ¨ã‹ã‚‰20pxã®ä½ç½®ã¾ã§æ¥ãŸã‚‰ä½ç½®ã‚’å›ºå®šã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ position: fixedã‚’ä½¿ã£ã¦å›ºå®šã™ã‚‹
kulamochi 2015/03/26
javascript

tips
ãƒªãƒ³ã‚¯
jQueryã§ç¾åœ¨ã®ãƒªãƒ³ã‚¯ã«ã‚¯ãƒ©ã‚¹ã‚’ä»˜ã‘ã‚‹ | Styler
PHPã¨ã‹WPã¨ã‹ã§ã¯ãªãã€HTMLã§é™çš„ãªãƒšãƒ¼ã‚¸ã‚’åˆ¶ä½œã—ã¦ã„ã‚‹å ´åˆã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼æ§‹é€ éƒ¨åˆ†ãªã‚“ã‹ã¯ã€ãã®ãƒšãƒ¼ã‚¸æ¯Žã«ç·¨é›†ã—ãŸã‚Šã—ãªã„ã¨ã„ã‘ã¾ã›ã‚“ã‚ˆãã€‚ ãã‚“ãªæ™‚ã«ã€Dreamweaverã§ã¯ãƒ©ã‚¤ãƒ–ãƒ©ãƒªæ©Ÿèƒ½ãŒä½¿ãˆã‚‹ã®ã§ã™ãŒã€ãƒ©ã‚¤ãƒ–ãƒ©ãƒªæ©Ÿèƒ½ã‚’ä½¿ã†ã¨ã€ãƒšãƒ¼ã‚¸æ¯Žã«å°‘ã—å¤‰ãˆãŸã„å ´åˆã«å¤‰ãˆã‚Œã¾ã›ã‚“ã€‚ <ul id="menu"> <li><a href="index.html">HOME</a></li> <li><a href="cafe.html">Cafe</a></li> <li><a href="access.html">Access</a></li> <li><a href="contact.html">Contact Us</a></li> </ul> ä¾‹ãˆã°ä¸Šè¨˜ã®ã‚ˆã†ãªHTMLãŒãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¨ã—ã¦ç™»éŒ²ã•ã‚Œã¦ã„ã‚‹ã¨ã€æŒ‡å®šã—ã¦ã‚ã‚‹å…¨ã¦ã®ãƒšãƒ¼ã‚¸ã«å¯¾ã—ã¦ã€åŒã˜ã‚³ãƒ¼ãƒ‰ãŒæŒ¿å…¥ã•ã‚Œã¾ã™ã€‚ ã§ã‚‚ã€HOMEã§ã¯
kulamochi 2015/03/26
javascript

tips
ãƒªãƒ³ã‚¯
FlexSlider 2
// Can also be used with $(document).ready() $(window).load(function() { $('.flexslider').flexslider({ animation: "slide" }); });  <div class="flexslider"> <ul class="slides"> <li> <img src="slide1.jpg" /> </li> <li> <img src="slide2.jpg" /> </li> <li> <img src="slide3.jpg" /> </li> <li> <img src="slide4.jpg" /> </li> </ul> </div>
kulamochi 2015/03/20
javascript

jQuery

plugin
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 7 æ¬¡ã®ãƒšãƒ¼ã‚¸