nurse-colors.jp - ã“ã®ã‚¦ã‚§ãƒ–サイトã¯è²©å£²ç”¨ã§ã™ï¼Â - nurse colors リソースãŠã‚ˆã³æƒ…å ±
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.
jQueryã®getJSON()ã§ã‚¨ãƒ©ãƒ¼ã‚’ãƒãƒ³ãƒ‰ãƒªãƒ³ã‚°ã™ã‚‹
jQuery.getJSON()ã§ã‚¨ãƒ©ãƒ¼ã‚’ãƒãƒ³ãƒ‰ãƒªãƒ³ã‚°ã™ã‚‹æ–¹æ³•ã‚’紹介ã—ã¾ã™ã€‚ １．ã¯ã˜ã‚ã« JSONã®å–å¾—ã§ã‚¨ãƒ©ãƒ¼ã‚’ãƒãƒ³ãƒ‰ãƒªãƒ³ã‚°ã«ã¯jQuery.ajax()を利用ã™ã‚‹ã‹ã€googleã§å…¬é–‹ã•ã‚Œã¦ã„ã‚‹jquery-jsonpプラグインを利用ã™ã‚‹ã¨ã„ã£ãŸå…ˆå…¥è¦³ãŒã‚ã‚Šã¾ã—ãŸãŒã€å…¬å¼ã‚µã‚¤ãƒˆã®ãƒ‰ã‚ュメントをèªã‚€ã¨1.5ã‹ã‚‰ã‚µãƒãƒ¼ãƒˆã•ã‚Œã¦ã„るよã†ã§ã€ã¾ã£ãŸãæ°—ãŒã¤ã„ã¦ã¾ã›ã‚“ã§ã—ãŸã€‚ jQuery.getJSON() As of jQuery 1.5, all of jQuery's Ajax methods return a superset of the XMLHTTPRequest object. This jQuery XHR object, or "jqXHR," returned by $.getJSON() implements the Promise interface, giving
爆速ã§ã‚ã‹ã‚‹jQuery.Deferred超入門
ãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã¯ã€2023å¹´10月1æ—¥ã«LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã«ãªã‚Šã¾ã—ãŸã€‚LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã®æ–°ã—ã„ブãƒã‚°ã¯ã“ã¡ã‚‰ã§ã™ã€‚LINEヤフー Tech Blog Yahoo!デベãƒãƒƒãƒ‘ーãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã®ä¸é‡Ž(@Hiraku)ã§ã™ã€‚ã“ã‚Œã¾ã§ã€JavaScriptã§éžåŒæœŸå‡¦ç†ã‚’書ã上ã§ã®å•é¡Œã¨ã—ã¦ã€ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯åœ°ç„やエラー処ç†ã«ä¾‹å¤–ãŒä½¿ãˆãªã„ã“ã¨ãªã©ã‚’解説ã—ã¦ãã¾ã—ãŸã€‚ ã“れらã®å•é¡Œã«å¯¾å‡¦ã™ã‚‹ãƒ©ã‚¤ãƒ–ラリã®1ã¤ã§ã‚ã‚‹jQuery.Deferredã«é–¢ã—ã¦ã€ã‚‚ã†å°‘ã—ä¸å¯§ã«è§£èª¬ã„ãŸã—ã¾ã™ã€‚ãªãŠã€jQueryã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯è¨˜äº‹åŸ·ç†æ™‚点ã®æœ€æ–°ã§ã‚ã‚‹ã€1.9.1を想定ã—ã¦ã„ã¾ã™ã€‚ jQuery.Deferredã¨ã¯ jQuery.Deferredã¨ã¯jQueryã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³1.5ã‹ã‚‰å°Žå…¥ã•ã‚ŒãŸã€éžåŒæœŸå‡¦ç†ã‚’ã†ã¾ã扱ã†ãŸã‚ã®æ¨™æº–モジュールã§ã™ã€‚使ã„ã“ãªã™ã“ã¨ã§ã€ä»¥ä¸‹ã®ã‚ˆã†ãªåŠ¹æžœãŒè¦‹è¾¼ã‚ã¾ã™ã€‚ éžåŒæœŸå‡¦ç†ã‚’連çµ
jQuery 1.7ã® on() off()ã«ã¤ã„ã¦èª¿ã¹ã¦ã¿ãŸ | ãƒã‚·ãƒ£ãƒã‚°ã€‚
æ–°ã—ã„ãƒãƒ£ãƒªã‚’手ã«å…¥ã‚ŒãŸã‚‰æ¯è»Šã‚„金属ã®ãƒãƒ¼ã‚’眺ã‚ã¦ãƒ‹ãƒ¤ãƒ‹ãƒ¤ã™ã‚‹ã‚ˆã†ã«ãªã£ãŸminamiã§ã™ã€‚ 11/3ã«jQueryã®æœ€æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³1.7ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸã€‚大å°ã•ã¾ã–ã¾ãªæ©Ÿèƒ½è¿½åŠ ãŒã•ã‚Œã¾ã—ãŸãŒã€ãã®ä¸ã§ã‚‚ã‹ãªã‚Šå¤§ããªã€Œ.on()ã€ã€Œ.off()ã€ã¨ã„ã†ã‚¤ãƒ™ãƒ³ãƒˆAPIãŒè¿½åŠ ã•ã‚Œã¾ã—ãŸãŒã€ä»Šã¾ã§ã®ã‚¤ãƒ™ãƒ³ãƒˆAPIã¨ã©ã†é•ã†ã®ã‹ã„ã¾ã„ã¡ã‚ã‹ã‚‰ãªã‹ã£ãŸã®ã§èª¿ã¹ã¦ã¿ã¾ã—ãŸã€‚ 「.on()ã€ã€Œ.off()ã€ã®ä½¿ã„ã©ã“ã‚ jQueryã«ã¯ä»Šã¾ã§ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã«ã‚‚ã€ã€Œ.bind()ã€ã€Œ.live()ã€ã€Œ.delegate()ã€ã¨ã„ã£ãŸã‚¤ãƒ™ãƒ³ãƒˆAPIãŒã‚ã‚Šã¾ã—ãŸã€‚ä»Šå›žè¿½åŠ ã•ã‚ŒãŸã€Œ.on()ã€ã€Œ.off()ã€ã¯ãれら3ã¤ã®æ©Ÿèƒ½ã‚’ã‚«ãƒãƒ¼ã—ãŸãƒ¡ã‚½ãƒƒãƒ‰ã«ãªã‚Šã¾ã™ã€‚ 「.bind()ã€ã€Œ.live()ã€ã€Œ.delegate()ã€ã«ã¤ã„ã¦ã¯ä»Šå¾Œã‚‚利用ã§ãã¾ã™ãŒã€ã€Œ.on()ã€ã€Œ.off()ã€ã®ä½¿ç”¨ãŒæŽ¨å¥¨ã•ã‚Œã¦ã„ãよã†ã§
スマホã§ã‚·ãƒ³ã‚°ãƒ«ã‚¿ãƒƒãƒ—ã®ãƒ¬ã‚¹ãƒãƒ³ã‚¹ã‚’å‘上ã•ã›ã‚‹jQueryプラグイン
スマホ（スマートフォン）ã§ã¯Webページã®ãƒªãƒ³ã‚¯ãŒã‚¿ãƒƒãƒ—ã—ã¦ã‹ã‚‰ãƒšãƒ¼ã‚¸ç§»å‹•ã‚’開始ã™ã‚‹ã¾ã§ã‚„ã‚„é…ãæ„Ÿã˜ã‚‹ã“ã¨ãŒå¤šã„。 調ã¹ã¦ã¿ã‚‹ã¨ã‚¹ãƒžãƒ›ä¸Šã§ã¯ã€ã‚¿ãƒƒãƒ—ã—ã¦ã‹ã‚‰ã‚¯ãƒªãƒƒã‚¯ã‚¤ãƒ™ãƒ³ãƒˆãŒç™ºç”Ÿã™ã‚‹ã¾ã§ç´„300msã®é…延ãŒç™ºç”Ÿã—ã¦ã„ã‚‹ã¨ã®ã“ã¨ã€‚ Remove onClick delay on webkit for iPhone ã†ã®ã‚‰ã¼ã€‚ – ã€JS】iPhoneã§ã‚¿ãƒƒãƒ—ã®åå¿œãŒé…ã„ã¨æ„Ÿã˜ãŸã‚‰ ãã“ã§touchstart/touchendイベントを利用ã—ã¦ã‚·ãƒ³ã‚°ãƒ«ã‚¿ãƒƒãƒ—を高速ã«åˆ¤å®šã™ã‚‹jQueryプラグインを作ã£ã¦ã¿ãŸã€‚ å®Ÿè£…æ¦‚è¦ ã¾ãšã‚¿ãƒƒãƒ—検出対象ã«å¯¾ã—ã¦ã€touchstartãŒå‘¼ã°ã‚ŒãŸã‚‰touchmoveãŠã‚ˆã³touchendã«ãƒªã‚¹ãƒŠã‚’è¨å®šã€‚ タッãƒã—ã¦ã‹ã‚‰æŒ‡ã‚’離ã™ã¾ã§ã«ç§»å‹•ãŒç„¡ã‘ã‚Œã°ã‚¿ãƒƒãƒ—ã¨åˆ¤å®šã—ã€ã‚«ã‚¹ã‚¿ãƒ イベントã®tapを発ç«ã—ã¾ã™ã€‚ ãã‚Œã‹ã‚‰å¾“æ¥ã®ã‚¯ãƒªãƒƒã‚¯ã‚¤ãƒ™ãƒ³ãƒˆã‚‚åŒæ™‚ã«ç™ºç«ã•ã›ã‚‹ã‚ˆã†ã«ã—ã¾ã—ãŸ
Canvasベースã®ãŠçµµã‹ããŒå®Ÿè£…ã§ãã‚‹jQueryプラグイン「Sketch.jsã€:phpspot開発日誌
Sketch.js - Simple Canvas-based Drawing for jQuery Canvasベースã®ãŠçµµã‹ããŒå®Ÿè£…ã§ãã‚‹jQueryプラグイン「Sketch.jsã€ã€‚ Canvasã«å¯¾å¿œã—ã¦ã„るブラウザãªã‚‰ä»¥ä¸‹ã®ã‚ˆã†ã«æ»‘らã‹ã«ã€è‰²ã‚’変ãˆãŸã‚Šãƒšãƒ³ã®å¤ªã•ã‚’変ãˆãŸã‚Šã§ãã‚‹ãŠãˆã‹ãツールãŒç°¡å˜ã«å®Ÿè£…ã§ãã¾ã™ã€‚ アンãƒã‚¨ã‚¤ãƒªã‚¢ã‚¹ãŒã‹ã‹ã£ã¦ãŠã‚Šã€ãªã‹ãªã‹ç¶ºéº—ã«ãŠçµµã‹ãã§ãã‚‹ã®ãŒã„ã„ã§ã™ã。 背景画åƒã‚’è¨å®šã—ã€ãã®ä¸Šã«ãƒšãƒ³ã§è½æ›¸ãã™ã‚‹ã€ãªã‚“ã¦ã„ã†ã“ã¨ã‚‚ã§ãã¡ã‚ƒã„ã¾ã™ 関連エントリ ãŠæ‰‹è»½ã«ãŠçµµã‹ãアプリãŒä½œã‚Œã‚‹jQueryプラグイン「wPaintã€
jQueryを使ã£ã¦ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç”¨ã®ã‚¤ãƒ™ãƒ³ãƒˆã‚’扱ã£ã¦ã¿ãŸ - SUSH-i LOG
スマートフォン用ã®ã‚µã‚¤ãƒˆã‚’ä½œã‚‹å ´åˆã¯ã€jQuery Mobileやらã€jQTouchやらã€Sencha Touchやら色々ã‚ã‚Šã¾ã™ãŒã€ã¡ã‚‡ã£ã¨ãã“ã¾ã§å¿…è¦ãªã„ã¨ãã«ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç‰¹æœ‰ã®ã‚¤ãƒ™ãƒ³ãƒˆã‚’jQueryを使ã£ã¦æ‰±ãˆãªã„ã‹è§¦ã£ã¦ã¿ã¾ã—ãŸã€‚ スマホ特有ã®ã‚¤ãƒ™ãƒ³ãƒˆ スマホ特有ã®ã‚¤ãƒ™ãƒ³ãƒˆã¯å¹¾ã¤ã‹ã‚ã‚Šã¾ã™ãŒã€ä»Šå›žã¯ç‰¹ã«ä½¿ã‚れるã§ã‚ã‚ã†ã‚¿ãƒƒãƒã€ã‚¹ãƒ©ã‚¤ãƒ‰ã€ãƒ”ンãƒã‚¤ãƒ³ã€ãƒ”ンãƒã‚¢ã‚¦ãƒˆã«é‡ç‚¹ã‚’ç½®ã„ã¦èª¿ã¹ã¦ã¿ã¾ã—ãŸã€‚ 上記æ“作ã«å¿…è¦ãªã‚¤ãƒ™ãƒ³ãƒˆã¯ä»¥ä¸‹ã®é€šã‚Šã§ã™ã€‚ touchstart touchmove touchend touchcancel gesturestart gesturechange gestureend 「touch***ã€ã¨ã„ã†ã‚¤ãƒ™ãƒ³ãƒˆãŒç”»é¢ã«æŒ‡ã§ã‚¿ãƒƒãƒã—ãŸã€ã—ã¦ã„る時ã®ã‚¤ãƒ™ãƒ³ãƒˆã€ã€Œgesture***ã€ã¨ã„ã†ã‚¤ãƒ™ãƒ³ãƒˆãŒã€ŒäºŒæœ¬æŒ‡ä»¥ä¸Šã€ã®æ“作（ピンãƒã‚¤ãƒ³ã€ãƒ”ンãƒã‚¢ã‚¦ãƒˆã€å›žè»¢ç‰ï¼‰ã‚’è¡Œã£ã¦ã„る時
iPhone/Android/PC 対応。jQuery ã§æ›¸ãタッãƒã‚¤ãƒ™ãƒ³ãƒˆ
ã“ã‚“ã«ã¡ã¯ï¼ãƒ—ãƒãƒ€ã‚¯ãƒˆä¼ç”»æ‹…当ã®æž—ã§ã™ã€‚ 今回ã¯ã€å‰å›žäºˆå‘Šã—ã¦ã„ãŸé€šã‚Šã€ã‚¿ãƒƒãƒã‚¤ãƒ™ãƒ³ãƒˆã«ã¤ã„ã¦æ›¸ã‹ã›ã¦ã„ãŸã ãã¾ã™ã€‚ 他所ã§ã‚‚タッãƒã‚¤ãƒ™ãƒ³ãƒˆã«ã¤ã„ã¦å–り扱ã£ã¦ã„ã¾ã™ãŒã€å½“記事ã§ã®ãƒã‚¤ãƒ³ãƒˆã¯ã€ jQuery を使ã£ã¦ã„る。（jQuery Mobile ã¯ä¸è¦ã§ã™ï¼‰ iOS / Android ã§å‹•ä½œç¢ºèªæ¸ˆã¿ã€‚ タッãƒã§ããªã„ PC ã®å ´åˆã€ãƒžã‚¦ã‚¹ã§å‹•ã。 ã“ã®ï¼“点ã§ã™ã€‚ ã“ã¡ã‚‰ã‚’実際ã«å‹•ä½œã™ã‚‹ã‚³ãƒ¼ãƒ‰ã«ã¦è§£èª¬ã—ã¾ã™ã€‚ 動作確èªç’°å¢ƒ タッãƒç’°å¢ƒ → iPhone / iPad / Android マウス環境 → Sleipnir / IE / Firefox / Google Chrome / Safari / Opera タッãƒã‚¤ãƒ™ãƒ³ãƒˆã«ã¤ã„㦠タッãƒã‚¤ãƒ™ãƒ³ãƒˆã¨ã¯ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãªã©ã§ç”»é¢ã‚’直接指ã§ã‚¿ãƒƒãƒã—ãŸã¨ãã«ç™ºç”Ÿã™ã‚‹ã‚¤ãƒ™ãƒ³ãƒˆã®ã“ã¨ã§ã™ã€‚ イベントã®ç¨®é¡ž touchstart : タッãƒã—
jQueryプラグイン作æˆæ³•ã®ã¾ã¨ã‚ | WIZ-CODE.blog
ç§ã¯ã©ã¡ã‚‰ã‹ã¨ã„ã†ã¨Prototype.jsライブラリをよã使ã£ã¦ããŸã®ã§ã™ãŒã€æœ€è¿‘ã¯jQuery寄りã«ãªã£ã¦ã„ã¦ã€ãƒ—ラグインをã„ãã¤ã‹ä½œã‚‹æ©Ÿä¼šãŒå‡ºã¦ãã¾ã—ãŸã€‚今回ã¯è‡ªåˆ†ãŒå‚考ã«ã—ãŸã‚µã‚¤ãƒˆãªã©ã‚’é ¼ã‚Šã«jQueryプラグイン作æˆæ–¹æ³•ã‚’ã¾ã¨ã‚ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ å‚考サイト：　jQuery を扱ã†: 第 3 回 ä¸ç´šãƒ¬ãƒ™ãƒ«ã® jQuery: 独自ã®ãƒ—ラグインを作æˆã™ã‚‹ 内容ã¯ã‚„やデベãƒãƒƒãƒ‘ーå‘ã‘ã§ã™ãŒã€ä»¥ä¸‹ã®Web技術を扱ã£ãŸä¸€é€£ã®ãƒ‰ã‚ュメント群もéžå¸¸ã«ãŸã‚ã«ãªã‚Šã¾ã™ã€‚ 技術文書一覧 プラグイン作æˆã®ãƒžãƒŠãƒ¼ 別ã«å¼·åˆ¶åŠ›ãŒã‚ã‚‹ã‚ã‘ã§ã¯ãªã„ã§ã™ãŒã€jQueryサイドã§æœ€ä½Žé™å®ˆã£ã¦ã»ã—ã„ã¨ã„ã†è¦å‰‡ã‚’載ã›ã¦ãŠãã¾ã™ã€‚ １ã€ãƒ•ã‚¡ã‚¤ãƒ«åã¯jquery.「ã‚ãªãŸã®ãƒ—ラグインåã€.jsã¨ã™ã‚‹ã€‚ 例：　jquery.clickablecanvas.js ï¼’ã€ãƒ¡ã‚½ãƒƒãƒ‰ã¯jQuery.fnオブジェクトã«ã‚¢ã‚¿ãƒƒãƒã—ã€
jquery-handsontable @ GitHub
Autoexpanding Type in any cell and see how the grid adds new rows and cols automatically. You can try CTRL+Z and CTRL+Y to undo/redo. Also, why not try CTRL+C, CTRL+V between this and Excel, Google Spreadsheet or LibreOffice! Code: <div id="example1grid" class="dataTable"></div> <script> $("#example1grid").handsontable({ rows: 5, cols: 5, minSpareCols: 1, //always keep at least 1 spare row at the
jQuery Mobile使用時ã«ã‚ˆã使ã„ãã†ãªãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã®ãƒªã‚¹ãƒˆã¨å‹•ä½œã‚µãƒ³ãƒ—ル - ã‹ã¡ã³ã¨.net
自分用ã«å‚™å¿˜éŒ²ã€‚ãã‚ãã‚ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ ãŒå‡ºã¦ãã‚‹é ƒã˜ã‚ƒãªã„ã‹ã¨æ€ã†ã®ã§ã€ãㆠ焦るã“ã¨ã‚‚ç„¡ã„æƒ…å ±ã ã¨æ€ã„ã¾ã™ãŒã€è¿‘々 使ã„ãã†ãªã®ã§ãã®æ™‚ã«é¢å€’ãªäº‹ã«ãªã‚‰ ãªã„よã†ã«ã‚ˆã使ã„ãã†ãªãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚’ リストã¨ã—ã¦ãƒ¡ãƒ¢ã—ã¦ãŠãã¾ã™ã€‚ ã¡ã‚ƒã‚“ã¨ã—ãŸãƒ‡ãƒ¢ã¯æœ¬å®¶ã§ç¢ºèªã—ã¦ä¸‹ã•ã„。ã“ã“ã«ã‚るサンプルã¯åƒ•ã®ã„ã„åŠ æ¸›ãªã‚µãƒ³ãƒ—ルã§ã™ã€‚å°šã€ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ãŒè¦‹ã‚„ã™ã„様ã«ã™ã‚‹ã ã‘ã®ç‚ºã«ã‚³ãƒ¡ãƒ³ãƒˆã‚¢ã‚¦ãƒˆå…¥ã‚Œã¦ã„ã¾ã™ãŒæ°—ã«ã—ãªã„ã§ä¸‹ã•ã„。 [note]追記 ã‚‚ã†å°‘ã—増やã—ã¦è¦‹ã‚„ã™ãã—ãŸã‚‚ã®ã‚’ダウンãƒãƒ¼ãƒ‰å‡ºæ¥ã‚‹ã‚ˆã†ã«ã—ã¾ã—ãŸã€‚ [/note] プラグインèªã¿è¾¼ã¿ <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css" /> <script type="text/javascript" src="
jQuery Mobile リファレンス的ãªã‚‚ã® - ã¸ã£ã½ã“プãƒã‚°ãƒ©ãƒžãƒ¼ã®æ—¥è¨˜
jQuery Mobile ã®ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹çš„ãªã‚‚ã®ã‚’作りã¾ã—ãŸã€‚ å–ã‚Šæ•¢ãˆãšå©ãå°ã§ã€ãƒ„ッコミãªã©ã‚ã‚Œã°ã‚³ãƒ¡ãƒ³ãƒˆãã ã•ã„ï¼ â€»RC2版ã«å¯¾å¿œã—ã¾ã—㟠Page è¦ç´ 属性 値 æ¦‚è¦ div data-role page ページ è¨å®š 値 既定 備考 data-fullscreen boolean false フルスクリーン表示（ヘッダーã¨ãƒ•ãƒƒã‚¿ãƒ¼ã§data-position="fixed"を指定ã™ã‚‹å¿…è¦ãŒã‚る） data-add-back-btn boolean false 戻るボタンã®è‡ªå‹•ç”Ÿæˆ data-back-btn-text ä»»æ„ "Back" 自動生æˆã•ã‚ŒãŸæˆ»ã‚‹ãƒœã‚¿ãƒ³ã®ãƒ†ã‚スト data-keep-native ä»»æ„ ãƒã‚¤ãƒ†ã‚£ãƒ–ã§åˆ©ç”¨ã™ã‚‹UIをセレクターã§æŒ‡å®šã™ã‚‹ data-dom-cache boolean false ページをã‚ャッシュã™ã‚‹ data-theme ä»»æ„ c テ
「jQuery Mobileã€ã®ç™»å ´ã§ã€ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—リケーション開発ã¯å¤§ãã変ã‚ã‚‹ ï¼ Publickey
ã“ã®ã¨ã“ã‚HTML5関連ã®ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—リケーション開発ã«ã¤ã„ã¦èª¿ã¹ã¦ã„ã¦ã€å…ˆé€±ã®æ°´æ›œæ—¥ã«ã¯SwapSkills主催ã®ã‚¤ãƒ™ãƒ³ãƒˆã€ŒjQueryモãƒã‚¤ãƒ«ã§ç°¡å˜ï¼ スマートフォンサイト作æˆã€ã«å‚åŠ ã—ã¦jQuery Mobileã«ã¤ã„ã¦å‹‰å¼·ã—ã¦ãã¾ã—ãŸã€‚ jQuery Mobileã¨ã¯ã€jQueryã®ãƒ—ラグインã¨ã—ã¦åˆ©ç”¨ã™ã‚‹ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—リケーション用ã®ãƒ©ã‚¤ãƒ–ラリã§ã™ã€‚ãã—ã¦ãã®é©šç•°çš„ãªã¾ã§ã®ç°¡å˜ã•ã¯ã€ã“ã‚Œã‹ã‚‰æ¥å‹™ç”¨ã®ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—リケーションã®ä½œã‚Šæ–¹ã‚’一変ã•ã›ã¦ã—ã¾ã†å¯èƒ½æ€§ã‚’æ„Ÿã˜ã•ã›ã¾ã™ã€‚ jQuery Mobileã®å¤§ããªç‰¹å¾´ã¯æ¬¡ã®3ã¤ã§ã™ã€‚ 1）HTMLを書ãã ã‘ã§ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—リケーションãŒã§ãã¦ã—ã¾ã† 2）モãƒã‚¤ãƒ«ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹å¯¾å¿œã®éƒ¨å“ãŒå¤šãæƒã£ã¦ã„ã‚‹ 3）iOSã€Androidã€WebOSã€Windows Moblieã€Symbianãªã©ã‚¯ãƒã‚¹ãƒ—ラットフォーム対応ã§ã‚ã‚‹ 具体的ãª
[JavaScript]ブãƒã‚°ã«Twitterã€facebookã„ã„ã!ã€ã¯ã¦ãƒ–ボタンç‰ã‚’カンタンã«è¨ç½®ã§ãるプラグイン「jQuery.socialbutton〠– devolen
[JavaScript]ブãƒã‚°ã«Twitterã€facebookã„ã„ã!ã€ã¯ã¦ãƒ–ボタンç‰ã‚’カンタンã«è¨ç½®ã§ãるプラグイン「jQuery.socialbutton〠Twitterã€facebookã„ã„ã!ã€mixiãƒã‚§ãƒƒã‚¯ã€ã¯ã¦ãƒ–ç‰ã®ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ãƒœã‚¿ãƒ³ã‚’カンタンã«ãƒ–ãƒã‚°ãªã‚“ã‹ã«è¨ç½®ã§ãるプラグイン「jQuery.socialbutton〠ブãƒã‚°ã‚’ã—ã¦ã„る人ã¯ã»ã¨ã‚“ã©ãŒè¨ç½®ã—ã¦ã„ã‚‹ã§ã‚ã‚ã†ã€ å„種ソーシャルボタンをã¨ã£ã¦ã‚‚ç°¡å˜ã«è¨ç½®ã§ãã‚‹ã®ãŒã“ã®ãƒ—ラグインã§ã™ã€‚ Twitter/facebookã„ã„ã/mixiãƒã‚§ãƒƒã‚¯/mixiイイãƒ/GREEã„ã„ã/Evernote/ã¯ã¦ãƒ–ã®ãƒœã‚¿ãƒ³ã‚’超カンタンã«ä½œã‚Œã‚‹ jQuery.socialbutton プラグインを作ã£ãŸã‚ˆ | ã‚¢ã‚¤ãƒˆãƒ©ãƒ³ã‚¹æ ªå¼ä¼šç¤¾ è¨ç½®æ–¹æ³•ã¯ã¨ã£ã¦ã‚‚ç°¡å˜ã§ã™ã—〠制作者ã•ã¾ã®ã‚µã‚¤ãƒˆã§ã‚‚ã‚‚ã¡ã‚ã‚“ã€è¨ç½®æ–¹æ³•ã¯æ›¸ã‹ã‚Œã¦ã„ã‚‹ã®ã§ã™ãŒã€ å°‘ã—
jQueryプラグインã®ãƒ™ã‚¹ãƒˆãƒˆãƒ¬ãƒ³ãƒ‰ç·ã¾ã¨ã‚2010*ホームページを作る人ã®ãƒã‚¿å¸³
ã‚‚ã¯ã‚„ã“ã®æ¥ç•Œã§ã¯ã‹ãªã‚Šæµ¸é€ã—ã¤ã¤ã‚ã‚‹jQuery。 今回ã¯ãã‚“ãªjQueryã«ã‚¹ãƒãƒƒãƒˆã‚’当ã¦ã€æœ¬å¹´åº¦ç´¹ä»‹ã•ã‚ŒãŸä¸ã§ã‚‚ã€ãƒ›ãƒƒãƒˆãªãƒˆãƒ¬ãƒ³ãƒ‰ãƒ—ラグインをã”紹介ã—ã¾ã™ã€‚ ※プラグインã¤ã‹ã£ã¦ãªã„ã®ã‚‚ã‚ã‚Šã¾ã™ã€‚ １）3D表示プラグイン サンプルデモ 今年ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã¨è¨€ãˆã°3D。 ã¨ã„ã†ã‚ã‘ã§ã“ã¡ã‚‰ã€‚ã¾ãšã¯ã‚µãƒ³ãƒ—ルデモを確èªã€‚ 触ã£ã¦ã‚ã‹ã‚‹é€šã‚Šã§ã™ãŒã€2æžšã®ç”»åƒãŒ3D表示ã•ã‚Œã¾ã™ã€‚ 呼ã³å‡ºã™ $(function() { $('#mindscape').smart3d(); }); HTML <ul id="mindscape"> <li><img src=".../mindscape1.png" /></li> <li><img src=".../mindscape2.png" /></li> </ul> CSS #mindscape { width: 720px; height: 170px;
Google Map Apiを試ã—ã¦ã¿ãŸ(ã¤ã„ã§ã«jQueryã®ãƒ—ラグイン化)
先日ã€Google Mapを利用ã™ã‚‹æ©Ÿä¼šãŒã‚ã£ãŸã®ã§ã™ãŒã€æœ€åˆã¯å˜ã«åœ°å›³ãŒã‚ã‚Œã°ã„ã„ã¨ã„ã†ã“ã¨ã ã‘ã ã£ãŸã‚ˆã†ãªã®ã§ã€Google Mapã®APIã¨ã‹ã‚’利用ã›ãšã«ã€åœ°å›³ã®å³ä¸Šã«ã‚るリンクã®ä½œæˆã§ã§ã¦ãã‚‹iflameを表示ã•ã›ã‚ˆã†ã¨æ€ã£ã¦ã„ãŸã€‚ ã—ã‹ã—ã€APIã®åˆ©ç”¨æ–¹æ³•ã£ã¦ã©ã†ã ã£ãŸã‹ãªãƒ¼ï¼Ÿãªã‚“ã¦æ€ã£ãŸã®ã§ã€ä»¥å‰åˆ©ç”¨ã—ãŸã“ã¨ãŒã‚ã£ãŸã®ã§ã™ãŒã€å†åº¦èª¿ã¹ã¦ã¿ã‚‹ã“ã¨ã«ã€‚ 今ã¯ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒï¼“も出ã¦ã„ã‚‹ã®ã§ã™ãŒã€ãã‚Œã¯åˆ©ç”¨ã—ãŸã“ã¨ãŒãªã‹ã£ãŸã®ã§ã€ãã‚Œã®åˆ©ç”¨æ–¹æ³•ãƒ¡ãƒ¢ã§ã™ã€‚ Google Map APIã®åˆ©ç”¨ ãƒãƒ¼ã‚¸ãƒ§ãƒ³ï¼“ã‹ã‚‰ã¯APIã‚ーãŒä¸è¦ã¨ã®ã“ã¨ã€‚利用ãŒæ¥½ã«ãªã£ã¦ã¾ã™ã。 ã¾ãšã¯Mapを利用ã™ã‚‹ãŸã‚ã®ãƒ©ã‚¤ãƒ–ラリã®èªã¿è¾¼ã¿ <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></scri
フォントサイズを変ãˆã‚‹ã€Œå¤§ãƒ»ä¸ãƒ»å°ã€ãƒœã‚¿ãƒ³ã‚’実装ã™ã‚‹æ–¹æ³•
知りåˆã„ã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã•ã‚“ã«ã€ã€Œå¤§ãƒ»ä¸ãƒ»å°ã€ã®ãƒœã‚¿ãƒ³ã§ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚’変更ã™ã‚‹æ–¹æ³•ã£ã¦ã©ã†ã‚„ã‚‹ã®ã§ã™ã‹ï¼Ÿã¨ã„ã†è³ªå•ã‚’ã„ãŸã ãã¾ã—ãŸã€‚ CSSã¨JavaScriptï¼ˆå ´åˆã«ã‚ˆã£ã¦ã¯JSã®ã¿ï¼‰ã§ç°¡å˜ã«ã§ãã¦ã—ã¾ã†ã®ã§ã€ã‚µãƒ³ãƒ—ルをã”紹介ã—ã¦ãŠãã¾ã™ã€‚ フォントサイズを変ãˆã‚‹ã€Œå¤§ãƒ»ä¸ãƒ»å°ã€ãƒœã‚¿ãƒ³å®Ÿè£… jQueryを使ã£ã¦ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚’変ãˆã‚‹ã€Œå¤§ãƒ»ä¸ãƒ»å°ã€ãƒœã‚¿ãƒ³ã‚’サクサクã£ã¨å®Ÿè£…ã—ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ ã¾ãšã¯ä»•æ§˜ã‚’考ãˆã¦ã¿ã¾ã—ょã†ã€‚ 仕様 ・大・ä¸ãƒ»å°ã®ãƒœã‚¿ãƒ³ã‚’クリックã™ã‚‹ã¨ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºãŒå¤‰æ›´ã•ã‚Œã‚‹ ・ãã‚Œãžã‚Œã®ãƒœã‚¿ãƒ³ã«IDをセットã—ã¦ãŠãã€ãã®IDåã‚’ã‚‚ã¨ã«classをセット ・CSSã«ã‚らã‹ã˜ã‚å„class用ã®ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚’入れã¦ãŠã ・å†åº¦è¨ªã‚ŒãŸã¨ãã€ã‚¯ãƒƒã‚ãƒ¼æƒ…å ±ãŒã‚ã‚Œã°ãã®ã‚µã‚¤ã‚ºã€ãªã‘ã‚Œã°ä¸ã‚µã‚¤ã‚ºã‚’。 スタイルシートã”ã¨å¤‰æ›´ã™ã‚‹æ–¹æ³•ã‚‚ã‚ã‚‹ã®ã§ã™ãŒã€ä»Šå›žã¯CSSã¨classã§ã‚»ãƒƒãƒˆã§å¯¾å¿œã—
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
GitHub - shokai/jQuery.editable: edit in place plugin for jQuery
finefinefine.jp
gmaps.js — Google Maps API with less pain and more fun
{{#tags}}- {{label}}
{{/tags}}