[B! jquery] youichirouã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

youichirou id:youichirou

jqueryã«é–¢ã™ã‚‹youichirouã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (17)

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

ã‚¦ã‚§ãƒ–åˆ¶ä½œã§ React(Next) ã‚„ Vue(Nuxt)ã€jQuery ãŒæœ€è¿‘ã©ã‚Œãã‚‰ã„ä½¿ã‚ã‚Œã¦ã„ã‚‹ã®ã‹èª¿ã¹ã¦ã¿ãŸ - feb19
ã‚¦ã‚§ãƒ–åˆ¶ä½œã§ React(Next) ã‚„ Vue(Nuxt)ã€jQuery ãŒæœ€è¿‘ã©ã‚Œãã‚‰ã„ä½¿ã‚ã‚Œã¦ã„ã‚‹ã®ã‹èª¿ã¹ã¦ã¿ãŸdate2022.9.4(Sun.)tagsweb developmentFrontendJavaScript ã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºã§ React ã‚„ Vue ã‚’ä½¿ã†ã®ã¯ã‚ˆãã‚ã‚‹è©±ã‹ãªã¨æ€ã†ã®ã§ã™ãŒã€ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°ã‚„åºƒå ±æ´»å‹•ãªã©åºƒå‘Šã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ç³»ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆåˆ¶ä½œã§ã¯ã©ã‚Œãã‚‰ã„ä½¿ã‚ã‚Œã¦ã„ã‚‹ã®ã‹ãªã¨æ€ã„ã€æš‡ã¤ã¶ã—ã«ãƒªã‚µãƒ¼ãƒã—ã¦ã¿ã¾ã—ãŸã€‚ èª¿æŸ»æ–¹æ³•æ¯é›†å›£ã‚¦ã‚§ãƒ–ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚µã‚¤ãƒˆã‚’ã„ãã¤ã‹è¦‹ã¦æ¯”è¼ƒçš„å›½å†…ç³»ã®ã‚»ãƒ¬ã‚¯ãƒˆãŒå¤šãã†ãª https://io3000.com/ ã•ã‚“ã‹ã‚‰ 2022 å¹´ã«ç´¹ä»‹ã•ã‚Œã¦ã„ã‚‹ 175 ä»¶ã¨ã€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®ã‚¢ãƒ¯ãƒ¼ãƒ‰ã‚µã‚¤ãƒˆã¨ã—ã¦æœ‰åãª https://www.awwwards.com/websites/ ã•ã‚“ã§ 2022.8 ä»¥é™ã« Winner ã¨
youichirou 2022/09/05
ãƒ‡ã‚¶ã‚¤ãƒ³ã‚µãƒ³ãƒ—ãƒ«é›†ã¨ã—ã¦ã¨ã¦ã‚‚ã‚ã‚ŠãŒãŸã„

webåˆ¶ä½œ

vue

jquery
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã™ãä½¿ãˆã‚‹ï¼ã™ã”ã„ã‚¢ã‚¤ãƒ‡ã‚¢30å€‹ | ã‚³ãƒªã‚¹
ã‚µã‚¤ãƒˆã‚’ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã«ã™ã‚‹ã«ã¯ã€ãƒ‡ãƒã‚¤ã‚¹ã”ã¨ã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚µã‚¤ã‚ºã€ãƒ•ã‚©ãƒ³ãƒˆã‚„ç”»åƒã®ã‚µã‚¤ã‚ºã ã‘ã§ãªãã€ã‚¯ãƒªãƒƒã‚¯ã¨ã‚¿ãƒƒãƒ—ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã¨ã‚¹ãƒ¯ã‚¤ãƒ—ãªã©ã®æ©Ÿèƒ½æ€§ã€ãã—ã¦è¦‹ãŸç›®ã‚‚ã‚µã‚¤ã‚ºã ã‘ã§ãªãã€é…ç½®ã‚„ãƒˆãƒªãƒŸãƒ³ã‚°ãªã©ã€ã•ã¾ã–ã¾ãªå–ã‚Šçµ„ã¿ãŒã‚ã‚Šã¾ã™ã€‚ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã™ãã«ä½¿ãˆã‚‹åˆ¶ä½œãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã®ã™ã”ã„ã‚¢ã‚¤ãƒ‡ã‚¢ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Responsive web design: What the Internet looks like in 2016 ä»¥ä¸‹ã€å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ â€»å½“ãƒ–ãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«è¨±å¯ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ 01. ç©ºç™½ã‚¹ãƒšãƒ¼ã‚¹ã‚’åŠ¹æžœçš„ã«ä½¿ã† 02. ãƒã‚´ã®é…ç½®ã‚’ä¸€è²«ã•ã›ã‚‹ 03. ç¸¦ç½®ãã¨æ¨ªç½®ãã‚’è€ƒæ…®ã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³ 04. ç¸¦é•·ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒšãƒ¼ã‚¸ã®ç´ æ™´ã‚‰ã—ã„ã‚¢ã‚¤ãƒ‡ã‚¢ 05. æŒ‡ã®ã‚¿ãƒƒãƒ—ã«åˆã‚ã›ãŸå½¢ã¨å¤§ãã• 06. ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ç”¨ã®å¾®èª¿æ•´ 07. ä¸€è¡Œ
youichirou 2016/03/04
ãƒ‡ã‚¶ã‚¤ãƒ³ã®å‚è€ƒ

web

jQuery
ãƒªãƒ³ã‚¯
[JS]ã»ã‚“ã®æ•°è¡Œã§ä¾¿åˆ©ãªæ©Ÿèƒ½ã‚’å®Ÿè£…ã™ã‚‹jQueryã®ã‚¹ãƒ‹ãƒšãƒƒãƒˆã®ã¾ã¨ã‚ -jQuery Tips
jQueryã«ã¯é«˜æ€§èƒ½ãªãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãŒãŸãã•ã‚“ãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¦ã„ã¾ã™ãŒã€ã»ã‚“ã®æ•°è¡Œã®ã‚³ãƒ¼ãƒ‰ã ã‘ã§ã‚‚ä¾¿åˆ©ãªæ©Ÿèƒ½ã‚’ç°¡å˜ã«å®Ÿè£…ã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ Webã‚µã‚¤ãƒˆã§æœ€è¿‘ã‚ˆãåˆ©ç”¨ã•ã‚Œã¦ã„ã‚‹ä¾¿åˆ©ãªæ©Ÿèƒ½ã‚’å®Ÿè£…ã™ã‚‹ã‚¹ãƒ‹ãƒšãƒƒãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ jQuery Tips Everyone Should Know -GitHub ã‚¤ãƒ©ã‚¹ãƒˆ: Girls Design Materials ã‚³ãƒ¼ãƒ‰ã¯MITãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã§ã€å€‹äººã§ã‚‚å•†ç”¨ã§ã‚‚ç„¡æ–™ã§åˆ©ç”¨ã§ãã¾ã™ã€‚ ãƒšãƒ¼ã‚¸ã®ä¸Šã«æˆ»ã‚‹ãƒœã‚¿ãƒ³ ç”»åƒã®ãƒ—ãƒªãƒãƒ¼ãƒ‰ ç”»åƒãŒãƒãƒ¼ãƒ‰ã•ã‚Œã¦ã„ã‚‹ã‹ãƒã‚§ãƒƒã‚¯ ãƒªãƒ³ã‚¯åˆ‡ã‚Œã®ç”»åƒã‚’è‡ªå‹•ä¿®å¾© ãƒ›ãƒãƒ¼ã®ãƒˆã‚°ãƒ« å…¥åŠ›æ¬„ã‚’ä½¿ç”¨ã§ããªãã™ã‚‹ aã‚¿ã‚°ã®ã‚¯ãƒªãƒƒã‚¯ã‚¤ãƒ™ãƒ³ãƒˆã ã‘ã‚’åˆ©ç”¨ã™ã‚‹ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ç°¡å˜ã«è¨å®šã™ã‚‹ ã‚·ãƒ³ãƒ—ãƒ«ãªã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ ç•°ãªã‚‹é«˜ã•ã®divè¦ç´ ã‚’æƒãˆã‚‹ å¤–éƒ¨ãƒªãƒ³ã‚¯ã‚’æ–°ã—ã„ã‚¿ãƒ–ãƒ»ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã§é–‹ã ãƒ†ã‚ã‚¹ãƒˆãŒç„¡ã„è¦ç´ ã¯éžè¡¨ç¤ºã«ã™ã‚‹ ãƒšãƒ¼ã‚¸ã®ä¸Šã«æˆ»ã‚‹ãƒœã‚¿ãƒ³
youichirou 2015/10/23
jquery

javascript

tips
ãƒªãƒ³ã‚¯
RSS Feeds Reader Plugin for jQuery - Zazar Website Builder
This plugin will read RSS feeds from any website URL using the Google Feeds API. It produces structured HTML with in-built CSS classes for styling. Simple and easy to use. Features Supports Atom 1.0, RSS 2.0, RSS 1.0 & RSS 0.9x. For jQuery versions 1.4, 1.5 and 1.6. Specify the number of feeds to return. Choose to include header, date and description. Specify the title HTML tag. Choose to use eith
youichirou 2015/08/04
RSSãƒ•ã‚£ãƒ¼ãƒ‰ã‚’jQuery/JavaScriptã§å–å¾—ã™ã‚‹ã‚„ã¤

jquery
ãƒªãƒ³ã‚¯
ãƒ—ãƒã‚°ãƒ©ãƒ çµ„ã‚“ã ã‚‰è² ã‘ï¼å®Ÿã¯HTML/CSSã ã‘ã§ã§ãã‚‹ã“ã¨2015å¤
2. 2015 Yusuke Hirao, CC BY-ND. è‡ªå·±ç´¹ä»‹ å¹³å°¾å„ªå…¸ï¼ˆã²ã‚‰ãŠ ã‚†ã†ã¦ã‚“ï¼‰ === æ ªå¼ä¼šç¤¾ãƒ‡ã‚£ãƒ¼ã‚¼ãƒ Webã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ ## ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£æ´»å‹• - ç¦å²¡ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å‹ã®ä¼š Fukuoka Frontend Frogs - ç¦å²¡ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—å‹‰å¼·ä¼š - baserCMSãƒ¦ãƒ¼ã‚¶ãƒ¼ä¼š Yusuke Hirao @cloud10designs 3. 2015 Yusuke Hirao, CC BY-ND. è‡ªå·±ç´¹ä»‹ ## ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ç´¹ä»‹ ### ç¦å²¡ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å‹ã®ä¼š Fukuoka Frontend Frogs ### ç¦å²¡ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—å‹‰å¼·ä¼š ### baserCMSãƒ¦ãƒ¼ã‚¶ãƒ¼ä¼š ã€Œäº•ã®ä¸ã®è›™ã€ã«ã¯ãªã‚‰ãªã„ã‚ˆã†ã«ã¨é›†ã¾ã£ãŸ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ãŸã‚ã®ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã€‚ Webã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãƒ»ã‚¢ãƒ—ãƒªé–‹ç™ºã®æ‚©ã‚ã‚‹è›™ãŸã¡ãŒ ãã®å ´ã§è©±é¡Œã‚’æ±ºã‚ã¦ã€ã‚¢ãƒ³ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹å½¢å¼ã§
youichirou 2015/07/26
Edgeã¯ã¾ã æ¤œè¨¼ã§ãã¦ãªã„ã‘ã©ã€éžäº’æ›ãŒã¾ã ã‚ã‚‹ã®ã‹â€¦ã€‚

jquery

html

CSS
ãƒªãƒ³ã‚¯
http://www.webtoolnavi.com/jquery-matchheight/
youichirou 2015/05/15
jquery

JavaScript

ãƒ—ãƒ©ã‚°ã‚¤ãƒ³

WEBåˆ¶ä½œ
ãƒªãƒ³ã‚¯
jQuery responsive mousehover zoom + 360 degree product viewer
The extension supports color swatch or product variations in general. You can change images, 360 product spins and videos effortlessly by using an API method. Below the circles, click on the text links to display the code that runs on switching the respective content. Of course, if you are using one of our modules for an e-commerce system, the integration with product variants is already there. Th
youichirou 2015/04/23
jquery
ãƒªãƒ³ã‚¯
[JS]ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒå¿«é©ã«æ“ä½œã§ãã‚‹ã“ã¨ã«ã“ã ã‚ã£ãŸã€ã‚¿ãƒƒãƒãƒ‡ãƒã‚¤ã‚¹ã«ã‚‚å¯¾å¿œã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’å®Ÿè£…ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Flickity
ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸: ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ Flickityã®ä½¿ã„æ–¹ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã¨ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ â€»jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¨ã—ã¦åˆ©ç”¨ã™ã‚‹æ™‚ã¯ã€jquery.jsã‚’åŠ ãˆã¾ã™ã€‚ <head> ... <link rel="stylesheet" href="/path/to/flickity.css" media="screen"> <script src="/path/to/flickity.pkgd.min.js"></script> </head> Step 2: HTML å„ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’divè¦ç´ ãªã©ã§å®Ÿè£…ã—ã€ãƒ©ãƒƒãƒ‘ãƒ¼ã§å†…åŒ…ã—ã¾ã™ã€‚ <div id="main-gallery"> <div class="gallery-cell">...</div> <div class="gallery-cell">...</div> <div cl
youichirou 2015/01/29
jquery

javascript
ãƒªãƒ³ã‚¯
æŒ‡å®šã—ãŸèƒŒæ™¯ç”»åƒã‚’xç§’æ¯Žã«åˆ‡ã‚Šæ›¿ãˆã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ - Rewish
imgè¦ç´ ã§ã¯ãªãèƒŒæ™¯ç”»åƒï¼ˆbackground-imageï¼‰ã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ 2013å¹´7æœˆ29æ—¥ã«ãƒãƒ¼ã‚¸ãƒ§ãƒ³0.4.0ã‚’ãƒªãƒªãƒ¼ã‚¹ã—ã¾ã—ãŸã€‚ä¸€ã‹ã‚‰æ›¸ããªãŠã—ã¦ã€åˆ‡ã‚Šæ›¿ãˆæ–¹æ³•ãªã©è‰²ã€…æ”¹å–„ã—ã¦ã„ã‚‹ã®ã§ã€è‰¯ã‘ã‚Œã°ä½¿ã£ã¦ã¿ã¦ãã ã•ã„ã€‚ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ jquery.bgswitcher.js é–‹ç™ºãƒªãƒã‚¸ãƒˆãƒªã¯rewish/jquery-bgswitcher Â· GitHub ä¾å˜ãƒ©ã‚¤ãƒ–ãƒ©ãƒª jQuery 1.7.xä»¥ä¸ŠãŒå¿…è¦ã§ã™ã€‚ ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ MIT License ä¸»ãªæ©Ÿèƒ½ ã‚¨ãƒ•ã‚§ã‚¯ãƒˆä»˜ãã®èƒŒæ™¯åˆ‡ã‚Šæ›¿ãˆ åˆ‡ã‚Šæ›¿ãˆã®åˆ¶å¾¡ï¼ˆé–‹å§‹/åœæ¢/ãƒªã‚»ãƒƒãƒˆï¼‰ ãƒ•ã‚¡ã‚¤ãƒ«åã®é€£ç•ªè‡ªå‹•èªã¿è¾¼ã¿ ç”»åƒã®ãƒ—ãƒªãƒãƒ¼ãƒ‰ ãƒ‡ãƒ¢ Demo - jQuery.BgSwitcher ä½¿ç”¨æ–¹æ³• <div class="box"> <p>Lorem ipsum dolor sit amet.</p> </div>
youichirou 2014/12/21
jquery

JavaScript
ãƒªãƒ³ã‚¯
css-lecture.comÂ -Â css lecture ãƒªã‚½ãƒ¼ã‚¹ãŠã‚ˆã³æƒ…å ±
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.
youichirou 2014/12/19
webåˆ¶ä½œ

jquery
ãƒªãƒ³ã‚¯
Webãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã«å¾“äº‹ã™ã‚‹ãŠå‰ã‚‰ã¯ã„ã„åŠ æ¸›é«˜é »åº¦ã‚¤ãƒ™ãƒ³ãƒˆã¨ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¨ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ã®ä»˜ãåˆã„æ–¹ã‚’è€ƒãˆã‚ - Qiita
ã‚‚ã†ãªã‚“ã‹ã“ã®éš›ãƒžã‚¸ã§è¨€ã‚ã›ã¦ã„ãŸã ãã‚“ã§ã™ã‘ã©ã€çŸ¥ã£ã¦ã‚‹ã‹çŸ¥ã‚‰ãªã„ã‹åˆ†ã‹ã‚Šã¾ã›ã‚“ãŒä¸–ã®ä¸ã«ã¯ã™ã”ã„é »åº¦ã§å‘¼ã°ã‚Œã†ã‚‹DOMã‚¤ãƒ™ãƒ³ãƒˆã£ã¦è¨€ã†ã®ãŒã„ãã¤ã‹ã‚ã‚‹ã‚ã‘ã§ã™ã‚ˆ ä¾‹ãˆã° scroll mousemove, touchmove devicemotion è¾ºã‚Šã§ã™ã‚ˆã€‚ ã§ã€é«˜é »åº¦ã§å‘¼ã°ã‚Œã‚‹ã£ã¦è¨€ã†ã“ã¨ã¯å¿…ç„¶çš„ã«å‡¦ç†é‡ãŒå¢—ãˆã‚‹ã£ã¦åˆ†ã‹ã‚Šã¾ã™ã‚ˆãï¼Ÿï¼Ÿï¼Ÿï¼Ÿï¼Ÿwhile(1) {}ã˜ã‚ƒãªã„ã¨ã¯ã„ãˆUIã‚¹ãƒ¬ãƒƒãƒ‰ã«ååˆ†å½±éŸ¿ã‚’ä¸Žãˆã†ã‚‹é »åº¦ã§å‘¼ã°ã‚Œã‚‹è¨³ã§ã™ã€‚åˆ†ã‹ã‚Šã¾ã™ã‚ˆãï¼Ÿï¼Ÿï¼Ÿï¼Ÿï¼Ÿï¼Ÿï¼Ÿï¼Ÿ ãã†ãªã‚‹ã¨å½“ç„¶ãã®ã‚¤ãƒ™ãƒ³ãƒˆå†…ã§é‡ã„å‡¦ç†ã‚’è¡Œãˆã°äººé–“ãŒèªè˜ã§ãã‚‹ãƒ¬ãƒ™ãƒ«ã§ã®ãƒ¬ã‚¹ãƒãƒ³ã‚¹é…å»¶ãŒèµ·ãã‚‹ã£ã¦ã„ã†ã®ã¯ã”ç†è§£ã§ãã¾ã™ã‚ˆãï¼Ÿ é‡ã„å‡¦ç†ã£ã¦ã„ã†ã®ã¯ã¾ãæƒ³åƒå‡ºæ¥ã‚‹ã¨ã¯æ€ã†ã‚“ã§ã™ãŒä¾‹ãˆã°ã‚ˆãã‚ã‚‹ã®ãŒ DOMã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãƒ—ãƒãƒ‘ãƒ†ã‚£ã¸ã®ã‚¢ã‚¯ã‚»ã‚¹ offsetTopã€offsetLeftã€offsetWidthã€offsetHe
youichirou 2014/10/25
ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

javascript

jquery
ãƒªãƒ³ã‚¯
gmaps.jsã§ç°¡å˜ã‚°ãƒ¼ã‚°ãƒ«ãƒžãƒƒãƒ—
ã‚°ãƒ¼ã‚°ãƒ«ãƒžãƒƒãƒ—ã‚’ç°¡å˜ã«è¡¨ç¤ºã•ã›ã¦ãã‚Œã‚‹ãƒ„ãƒ¼ãƒ«ã®ã”ç´¹ä»‹ã§ã™ã€‚ã‚‚ã†ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯V3ã«ç§»è¡Œã—ãªã„ã¨V2ã ã¨è¡¨ç¤ºã•ã‚Œãªã„ã®ã§æ³¨æ„ãŒå¿…è¦ã§ã™ãã€‚ ã‚°ãƒ¼ã‚°ãƒ«ãƒžãƒƒãƒ—ã£ã¦æ„å¤–ã¨è¨˜è¿°ã«æ‰‹é–“ãŒã‹ã‹ã‚‹ã‚“ã§ã™ã‘ã©ã“ã‚Œã‚’ä½¿ã†ã“ã¨ã§ã•ãã£ã¨è¡¨ç¤ºã•ã›ã¦æœ‰åŠ¹åˆ©ç”¨ã—ã¡ã‚ƒã„ã¾ã—ã‚‡ã†ãƒ¼ http://hpneo.github.io/gmaps/ ã‚³ãƒãƒ©ã‹ã‚‰gmaps.jsã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚ ã‚¹ãƒãƒ³ã‚µãƒ¼ãƒªãƒ³ã‚¯ headéƒ¨åˆ†ã« ã¨jqueryã¨google mapã®APIã‚’gmapsã®ãƒ‘ã‚¹ã‚’é€šã—ã¦ãŠãã¾ã™ã€‚ ã¾ãšã€å˜ç´”ã«è¡¨ç¤ºã ã‘ã®å ´åˆã¯ä¸‹è¨˜ã®ã‚ˆã†ã«è¨˜è¿°ã™ã‚Œã°OKï¼å ´æ‰€ã¯éƒ½åºã§ã™ã€‚ ãƒ”ãƒ³ã‚‚é…ç½®ã•ã›ã¦ã¿ã¾ã™ã€‚ï¼‘ã¤ã˜ã‚ƒãªã2ã¤é…ç½®ã—ã¦ã¿ã¾ã—ã‚‡ãƒ¼ ã“ã‚Œã§å®Œç’§ï¼ï¼ ã“ã‚Œã‚’ãƒ™ãƒ¼ã‚¹ã«æ¤œç´¢ã—ã¦ç·¯åº¦çµŒåº¦ãŒã‚ã‹ã‚‹ã‚‚ã®ã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ ãã®ã»ã‹ã„ã‚ã„ã‚ã¨ã‚µãƒ³ãƒ—ãƒ«ãŒã‚ã‚‹ã®ã§å®Ÿéš›ã«è©¦ã—ã¦ã¿ã‚‹ã®ã‚‚é¢ç™½ã„ã¨æ€ã„ã¾ã™ã€‚ä½ç½®æƒ…å ±ã‚’å–å¾—ã—ãŸã‚Šã€ãƒ«ãƒ¼ãƒˆæ¡ˆå†…ã—ãŸã‚Šã€
youichirou 2014/08/14
javascript

jQuery
ãƒªãƒ³ã‚¯
ScaleOut | Supership
2024å¹´4æœˆ1æ—¥ã‚ˆã‚Šã€Supershipæ ªå¼ä¼šç¤¾ã¯è¦ªä¼šç¤¾ã§ã‚ã‚‹Supershipãƒ›ãƒ¼ãƒ«ãƒ‡ã‚£ãƒ³ã‚°ã‚¹æ ªå¼ä¼šç¤¾ã«å¸åŽåˆä½µã•ã‚Œã¾ã—ãŸã€‚ åˆä½µã«ä¼´ã„ã€å˜ç¶šä¼šç¤¾ã§ã‚ã‚‹Supershipãƒ›ãƒ¼ãƒ«ãƒ‡ã‚£ãƒ³ã‚°ã‚¹ã¯ç¤¾åã‚’Supershipã«å¤‰æ›´ã—ã€æ–°ãŸãªçµŒå–¶ä½“åˆ¶ã‚’ç™ºè¶³ã—ã¾ã—ãŸã€‚æœ¬ä»¶ã«é–¢ã™ã‚‹è©³ç´°ã¯ã€ãƒ—ãƒ¬ã‚¹ãƒªãƒªãƒ¼ã‚¹ã‚’ã”ç¢ºèªãã ã•ã„ã€‚ 2024å¹´4æœˆ1æ—¥ã‚ˆã‚Šã€Supershipæ ªå¼ä¼šç¤¾ã¯è¦ªä¼šç¤¾ã§ã‚ã‚‹Supershipãƒ›ãƒ¼ãƒ«ãƒ‡ã‚£ãƒ³ã‚°ã‚¹æ ªå¼ä¼šç¤¾ã«å¸åŽåˆä½µã•ã‚Œã¾ã—ãŸã€‚ åˆä½µã«ä¼´ã„ã€å˜ç¶šä¼šç¤¾ã§ã‚ã‚‹Supershipãƒ›ãƒ¼ãƒ«ãƒ‡ã‚£ãƒ³ã‚°ã‚¹ã¯ç¤¾åã‚’Supershipã«å¤‰æ›´ã—ã€æ–°ãŸãªçµŒå–¶ä½“åˆ¶ã‚’ç™ºè¶³ã—ã¾ã—ãŸã€‚ æœ¬ä»¶ã«é–¢ã™ã‚‹è©³ç´°ã¯ã€ãƒ—ãƒ¬ã‚¹ãƒªãƒªãƒ¼ã‚¹ã‚’ã”ç¢ºèªãã ã•ã„ã€‚
youichirou 2014/04/03
RelativeLayoutã¯ã€Œç›¸å¯¾ã€ä½ç½®ã ã¨æ€ã†ã€‚layout_alignParentLeft="true"ã ã¨ã€å·¦å´ã«ãªã‚‹ã¨æ€ã†ã€‚ã‚ã¨ã€ç¶´ã‚ŠãŒã€ŒRela"y"tiveLayoutã€ã«ãªã£ã¦ã¦é–“é•ã£ã¦ã‚‹ã€‚ / ç›´ã£ã¦ãŸã€‚
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã«ãŠã™ã™ã‚ã€‚jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŽPageSlideã€ã‚’ä½¿ã£ã¦Facebooké¢¨ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’å†ç¾ã—ã¦ã¿ã¾ã—ãŸ
ã“ã¡ã‚‰ã‚‚ãŠã™ã™ã‚ã§ã™ï¼(2013.08.27)â†’ã€ŽãƒŒãƒ«ãƒŒãƒ«ã®ç§˜è¨£ã¯CSSï¼Googleã‚¹ãƒžãƒ›ç‰ˆã§æŽ¡ç”¨ã•ã‚Œã¦ã„ã‚‹ä½¿ã„å¿ƒåœ°ã®ã‚ˆã„ã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’å†ç¾ã—ãŸã€ŽjSlideMenuã€ ã€ ã“ã‚“ã«ã¡ã¯ã€éœ™ï¼ˆ@xxmiz0rexxï¼‰ã§ã™ã€‚ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã§ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®è¡¨ç¤ºæ–¹æ³•ã‚’ã‚ã‚Œã“ã‚Œè€ƒãˆãŸçµæžœã€ç´ æ•µãªjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã«è¾¿ã‚Šç€ãã¾ã—ãŸã®ã§ã”ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã‚³ãƒ³ãƒ†ãƒ³ãƒ„é‡ãŒå¤šãã¦ã‚‚ãƒ¡ãƒ‹ãƒ¥ãƒ¼åˆ†ã®ã‚¹ãƒšãƒ¼ã‚¹ã‚’è€ƒãˆãšã«æ§‹æˆã§ãã‚‹ã®ã§ã‹ãªã‚Šæ°—ã«å…¥ã£ã¦ã„ã¾ã™ :) Facebookã‚„Pathãªã©ã§ä½¿ã‚ã‚Œã¦ã„ã‚‹ã‚ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼è¡¨ç¤ºã®å‹•ãã‚’jQueryã§ç°¡å˜ã«å†ç¾ã§ãã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ æ™®æ®µã¯CSSã§éžè¡¨ç¤ºã«ã—ã¦ãŠã„ã¦ã€ãƒœã‚¿ãƒ³ã‚’æŠ¼ã—ãŸæ™‚ã«â”ƒï¼¼( Â°Ð”Â°)ä¸‰ï½¶ï¾žï¾—ï½¯ã¨å¼•ãæˆ¸ã‚’é–‹ã‘ãŸã‚ˆã†ã«ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒå‡ºç¾ã—ã¾ã™ï½— ï¼Šè¿½è¨˜ï¼Š ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã¯MITãªã®ã§å•†ç”¨ã‚µã‚¤ãƒˆã§ã‚‚ä½¿ç”¨OKã§ã™ï¼ å‚è€ƒï¼šPageSlide: a j
youichirou 2012/09/22
Webãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ

jquery
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã«å…¥ã‚Œã‚‹ã¨ä½¿ã„ã‚„ã™ããªã‚‹ï¼ãŠã™ã™ã‚jQuery4é¸ï¼ | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
ã©ã†ã‚‚ã€ã¯ã‚„ã¡ã§ã™_(:3ã€âˆ )_ ã‚¹ãƒžãƒ›ã«ä½¿ã†ã¨ã‚ˆã‚Šã‚µã‚¤ãƒˆãŒè¦‹ã‚„ã™ããªã‚‹jQueryã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ã¿ãŸãé–‹é–‰å¼ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒå®Ÿè£…ã§ãã‚‹jsã§ã™ã€‚ è¨˜äº‹ã®å¤šã„ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ã¾ã¨ã‚ã‚‹ã®ã«ä¾¿åˆ©ã§ã™ãã€‚ â– å‹•ãã‚’ã¿ã‚‹ HTML <dl class="acordion"> <dt class="trigger">ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼<span class="open-close">open</span></dt> <dd class="acordion_tree">ãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆ</dd> <dd class="acordion_tree">ãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆ ãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆ</dd> <dd class="acordion_tree">ãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚ã‚¹ãƒˆãƒ†ã‚
youichirou 2012/09/22
webãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ

jquery
ãƒªãƒ³ã‚¯
è¦ç´ ã®é«˜ã•ã‚’æƒãˆã‚‹è¶…è»½é‡ãªjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³jquery.tile.jsã‚’å…¬é–‹ | URIN HACK
ä½¿ç”¨æ–¹æ³•ï¼‘â€•å…¨ã¦ã®è¦ç´ ã®é«˜ã•ã‚’æƒãˆã‚‹ æŒ‡å®šã—ãŸè¤‡æ•°ã®è¦ç´ ã®é«˜ã•ã‚’ã€ãã®ä¸ã®æœ€å¤§ã®é«˜ã•ã«æƒãˆã¾ã™ã€‚ å„è¦ç´ ã®å¹…ãŒåŒã˜ã§ã‚ã‚Œã°ã€å„è¦ç´ ã®ã‚µã‚¤ã‚ºï¼ˆé«˜ã•ãƒ»å¹…ï¼‰ã¯å…¨ã¦åŒã˜ã«ãªã‚Šã€ã‚¿ã‚¤ãƒ«çŠ¶ã«è¦ç´ ãŒä¸¦ã³ã¾ã™ã€‚ å„è¦ç´ ã«å¯¾ã—ã¦heightã‚’æŒ‡å®šã™ã‚‹å¿…è¦ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ javascriptã‚µãƒ³ãƒ—ãƒ« tile-sample1ã¨ã„ã†classå±žæ€§ã‚’æŒã¤è¦ç´ ã®é«˜ã•ã‚’ã€ãã®ä¸ã®æœ€å¤§ã®é«˜ã•ã§æƒãˆã‚‹ã«ã¯ã€ä»¥ä¸‹ã®ã‚ˆã†ã«è¨˜è¿°ã—ã¾ã™ã€‚ 1 $(function(){ 2 $(".tile-sample1").tile(); 3 }); å®Ÿè¡Œçµæžœ ä½¿ç”¨æ–¹æ³•ï¼’â€•åŒã˜è¡Œã«ã‚ã‚‹è¦ç´ ã®é«˜ã•ã‚’æƒãˆã‚‹ ã‚¿ã‚¤ãƒ«ã®åˆ—æ•°ã‚’æŒ‡å®šã—ã¦ã€åŒã˜è¡Œã«ä¸¦ã¶è¦ç´ ã®ä¸ã§æœ€å¤§ã®é«˜ã•ã«æƒãˆã¾ã™ã€‚ javascriptã‚µãƒ³ãƒ—ãƒ« tile-sample2ã¨ã„ã†classå±žæ€§ã‚’æŒã¤è¦ç´ ãŒæ¨ªã«ï¼”ã¤ä¸¦ã‚“ã§ã„ã‚‹ã¨ãã€æ¨ªã«ä¸¦ã‚“ã è¦ç´ ã®é«˜ã•ã‚’å„è¡Œæ¯Žã«æƒãˆã‚‹ã«ã¯ã€ãã®åˆ—æ•°ï¼ˆï¼ï¼”ï¼‰ã‚’
youichirou 2011/12/26
javascript

jquery

css
ãƒªãƒ³ã‚¯
Reï¼šzapaæ° ä»Šæ›´ã§ã™ãŒã€jQueryã«ã¯ã¾ã‚Šã¾ã—ãŸ - ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã‚’ä½œã‚‹äººã®ãƒã‚¿å¸³
ZAPAæ°ã®è¨˜äº‹ã€‚ ãƒ‹ãƒ¥ãƒ¼ã‚¿ã‚¤ãƒ—ãªJSãƒ©ã‚¤ãƒ–ãƒ©ãƒªjQueryã‚’ä½¿ã£ã¦ã¿ã‚ˆã†ï¼ ã“ã‚Œã‚’è¦‹ã¦ã‹ã‚‰3æ—¥é–“ã€‚ ãƒ–ãƒã‚°ã‚‚ã‚ã¾ã‚Šã‹ã‘ãšã“ã‚Œã°ã£ã‹ã‚Šã„ã˜ã£ã¦éŠã‚“ã§ã¾ã—ãŸã€‚ ç¡çœ æ™‚é–“ã‚‚1æ—¥2æ™‚é–“ãã‚‰ã„ã«ãªã‚Šã€ä»Šæ—¥ã¯æ›¸ã“ã†ã¨æ€ã„ã¾ã™ã€‚ ã¾ãšZAPAæ°ã€ãã£ã‹ã‘ã‚’ã‚ã‚ŠãŒã¨ã†ã€‚ ç§ã¯JavaScriptã®çŸ¥è˜ãŒã»ã¼çš†ç„¡ãªäººé–“ã§ã™ã€‚ ãã‚“ãªç§ã§ã‚‚jQueryã¯ç°¡å˜ã«ä½¿ãˆã‚‹ç‚ºã€é¢ç™½ãã¦ã¯ã¾ã‚Šã¾ã—ãŸã€‚ ãŸã ã€ãŠæ¥ãšã‹ã—ã„è©±ã€PHPã‚’ä½¿ã£ã¦JavaScriptã‚’ã‚ã‚‹ç¨‹åº¦åˆ¶å¾¡ã—ãªã‘ã‚Œã°ç§ã¯ä½¿ã„ã“ãªã›ã¾ã›ã‚“ã€‚ ã§ã™ãŒæã‚ã—ãç°¡å˜ã«ã“ã‚Œã¾ã§ã“ã®ãƒ–ãƒã‚°ã§ç´¹ä»‹ã—ã¦ããŸã‚ˆã†ãªJavaScriptã‚¢ãƒ—ãƒªã¨åŒç‰ã®ã‚‚ã®ã‚’ä½œã‚Œã‚‹ç‚ºã€ã“ã‚Œã¯ã¯ã¾ã‚Šã¾ã™ã€‚ JavaScriptãƒ€ãƒ¡ãƒ€ãƒ¡ã®ç§ã§ã‚‚å‡ºæ¥ã¾ã—ãŸ ãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹æŽ¥ç¶šéƒ¨ã‚„ã€ãªã‚“ã‚„ã‹ã‚“ã‚„ã¯å…¨ã¦PHPã§ã¾ã‹ãªã„ã€å‹•ä½œéƒ¨åˆ†ã‚„Formãªã©ã¯ï½ŠQueryã«æŠ•ã’ã‚‹ã€‚ ã“ã‚“ãªæ–¹æ³•ã§è‰²ã€…è©¦ã—ã¦è¦‹ã¾ã—ãŸãŒã€A
youichirou 2007/12/28
javascript

jquery

php

webãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°
ãƒªãƒ³ã‚¯
1