JavaScriptを使ã£ã¦ã€å†™çœŸã®é¡”ã‚’èªè˜ã€æŠ½å‡ºã—ã¦ã€ãã®ç¯„囲をå–å¾—ã™ã‚‹æ–¹æ³•ã‚’解説。Face Detectionを使ã„ã¾ã™ã€‚
JavaScriptã§ç”»åƒã®é¡”èªè˜ã‚’ã™ã‚‹æ–¹æ³•ã€Face Detection】
JavaScriptを使ã£ã¦ã€å†™çœŸã®é¡”ã‚’èªè˜ã€æŠ½å‡ºã—ã¦ã€ãã®ç¯„囲をå–å¾—ã™ã‚‹æ–¹æ³•ã‚’解説。Face Detectionを使ã„ã¾ã™ã€‚
フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰JavaScriptã«ãŠã‘ã‚‹è¨è¨ˆã¨ãƒ†ã‚¹ãƒˆ
今日話ã•ãªã„ã“㨠JavaScriptã®åŸºç¤ŽçŸ¥è˜ã€jQueryã®å°Žå…¥ æ°—æŒã¡ã„ã„UIã‚„UXãŒã†ã‚“ã¡ã‚ƒã‚‰ Canvasã‚„WebGLを使ã£ãŸãƒªãƒƒãƒã§ã‚¤ã‚±ã¦ã‚‹ã‚²ãƒ¼ãƒ ã®ä½œã‚Šæ–¹
グラフæããªã‚‰Morris.jsãŒãŠæ‰‹è»½ã§è‰¯ã„ã‹ã‚‚ - (ﾟ∀ﾟ)o彡 sasata299's blog
2012å¹´11月16æ—¥13:55 JavaScript Ruby グラフæããªã‚‰Morris.jsãŒãŠæ‰‹è»½ã§è‰¯ã„ã‹ã‚‚ ã“ã‚“ã«ã¡ã‚。寒ããªã£ã¦ãã¾ã—ãŸãŒã¿ãªã•ã¾ãŠå…ƒæ°—ã§ã™ã‹ï¼Ÿ ã•ã¦ã€å…ˆæ—¥ã¡ã‚‡ã£ã¨ã—ãŸã‚°ãƒ©ãƒ•ã‚’æç”»ã—ãŸã‹ã£ãŸã‚“ã§ã™ã‚ˆã€‚ãã‚Œã§ãªã«ã‹ä½¿ã„ã‚„ã™ã„ライブラリ無ã„ã‹ãªãƒ¼ã¨æ€ã£ã¦ã„ãŸã‚‰ railscast (revisedãªã®ã§æœ‰æ–™ã§ã™) 㧠Morris.js ã£ã¦jQueryプラグインãŒç´¹ä»‹ã•ã‚Œã¦ã¦è‰¯ã•ã’ã ã£ãŸã®ã§ä½¿ã£ã¦ã¿ã¾ã—ãŸã€‚google analytics ã¿ãŸã„ãªãƒ„ールãƒãƒƒãƒ—も出ã—ã¦ãã‚Œã¾ã™ã€‚ 使ã„æ–¹ã¯ã¨ã£ã¦ã‚‚ç°¡å˜ã§ã™ã€‚ ã¾ãšã€jQuery (>=1.7) 㨠Raphael (>=2.0) ãŒå¿…è¦ã§ã™ã€‚ã‚ã¨ã¯ Morris.js ãŒã‚ã‚Œã°å‹•ä½œã—ã¾ã™ã€‚ ã“れらを app/assets/javascripts/application.js ã«è¨å®šã—ã¦ãã ã•ã„。ã“ã®è¨˜äº‹åŸ·ç†æ™‚点ã§ã®
How to write Maintainable jQuery Applications
These days it's hard to call yourself a web developer if you do not have at least some jQuery experience. jQuery is very helpful for many many things such as browser compatibility, ajax calls, DOM manipulation, utility, and more. It helps us lazy web developers do these common operations simply - but one thing it does not help us do, is write good code. Not so long ago (ok, maybe a while ago) I wr
JSテストツールJasmineã‚’CoffeeScriptã§ä½¿ã†ï¼ˆå°‘ã—応用的ãªä½¿ã„方） - Qiita
以下ã®SlideShareãŒå¤§å¤‰å‚考ã«ãªã£ãŸã®ã§å‚™å¿˜ã‚’å…¼ãã¦CoffeeScript版を書ã„ã¦ã¿ãŸã€‚ JS開発ã«ãŠã‘ã‚‹TDDã¨è‡ªå‹•ãƒ†ã‚¹ãƒˆãƒ„ール利用ã®å‹˜æ‰€ http://www.slideshare.net/KojiNakamura/jstdd 目次 1. Matcher概観 2. beforeEach / afterEach 3. Spy 4. Async Test 5. jQuery code test 1. Matcher概観 notã§å¦å®šã®Matcherã¨ãªã‚‹ expect(x).toEqual(y) expect(x).not.toEqual(y) expect(x).toBe(y) toBe㯠=== ã«ã‚ˆã‚‹ç‰å€¤ãƒã‚§ãƒƒã‚¯ expect(x).toMatch(pattern) expect(x).toBeDeï¬ned() expect(x).toBeUndeï¬ned() expec
jQuery custom event 応用編 - monjudoh’s diary
å‰ç½®ã custom eventã¨ã¯ä½•ã‹?(å‰ç½®ãã®å‰ç½®ã) ブラウザãŒã‚µãƒãƒ¼ãƒˆã—ã¦ã„ã‚‹eventã§ã¯ãªã„独自定義event。 clickã¨ã‹ã¯ãƒ–ラウザãŒã‚µãƒãƒ¼ãƒˆã—ã¦ã„ã‚‹event ユーザã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚„ブラウザã®çŠ¶æ…‹ç‰ã«ã‚ˆã£ã¦ç›´æŽ¥ç™ºç«ã•ã‚Œã‚‹ã“ã¨ã¯ãªã„ click eventã¯ã€ãƒ¦ãƒ¼ã‚¶ãŒãƒžã‚¦ã‚¹ãƒã‚¤ãƒ³ã‚¿ã‚’è¦ç´ ã®ä¸Šã«ç§»å‹•å¾Œã«ãƒžã‚¦ã‚¹ã®ãƒœã‚¿ãƒ³ã‚’押ã™ã¨ç™ºç«ã•ã‚Œã‚‹ DOMContentLoaded eventã¯ã€ãƒšãƒ¼ã‚¸ã®HTMLãŒãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰å®Œäº†ã—ã€ã™ã¹ã¦ãƒ‘ースã•ã‚Œã‚‹ã¨ç™ºç«ã•ã‚Œã‚‹ jQueryã§ã¯trigger,triggerHandler methodã§eventをユーザã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ç‰ã«é–¢ä¿‚ãªã発ç«ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã‚‹ custom eventも発ç«å‡ºæ¥ã‚‹ 逆ã«è¨€ã†ã¨custom eventã¯JavaScriptã®å´ã‹ã‚‰ã—ã‹ç™ºç«ã•ã‚Œãªã„ 以å‰The JUI 2009 Returnsã§è©±ã‚’ã—ã¾ã—ãŸã€‚ htt
[JS]jQueryã®ãƒ—ラグイン100é¸ -2010å¹´ç·é›†ç·¨
2010å¹´ã«ç´¹ä»‹ã—ãŸã‚‚ã®ã‚’ä¸å¿ƒã¨ã—ãŸjQueryã®ãƒ—ラグイン100+αé¸ã§ã™ã€‚ 今年ã¯ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚„レイアウトã€å¾ŒåŠã¯èƒŒæ™¯ç”»åƒé–¢é€£ã®ãƒ—ラグインãŒç‰¹ã«ç›®ç«‹ã£ã¦ã„ãŸã‚ˆã†ã«æ€ã„ã¾ã™ã€‚ [ad#ad-2] コンテンツスライダー・カルーセル関連 ギャラリー・画åƒæ‹¡å¤§é–¢é€£ ナビゲーション関連 タブ関連 パãƒãƒ«ãƒ»ãƒœãƒƒã‚¯ã‚¹é–¢é€£ ツールãƒãƒƒãƒ—関連 レイアウト関連 背景画åƒé–¢é€£ ãã®ä»–UI関連 アニメーション関連 スクãƒãƒ¼ãƒ«ãƒ»ãƒ‰ãƒ©ãƒƒã‚°ãªã©æ“作関連 テーブル・リスト・データ関連 フォーム関連 ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ç”Ÿæˆ ãã®ä»– コンテンツスライダー・カルーセル関連
色々ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒã‚ã‚‹ç”»åƒã‚ºãƒ¼ãƒ JavaScript「Cloud Zoomã€
ç”»åƒã‚’ズームã•ã›ã‚‹ã“ã¨ã§ã€å°ã•ãªã‚¹ãƒšãƒ¼ã‚¹ã§è©³ç´°ã¾ã§è¦‹ã›ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ 今回紹介ã™ã‚‹Professor Cloudã¯è»½é‡ã‹ã¤ç°¡å˜ã«ã‚ºãƒ¼ãƒ ã‚’ã•ã›ã‚‰ã‚Œã¾ã™ã€‚ sponsors 使用方法 Professor Cloudã‹ã‚‰ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ダウンãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚ ã¾ãŸjQueryも忘れãšç”¨æ„ã—ã¾ã—ょã†ã€‚ <link href="cloud-zoom.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="jquery-1.4.2.min.js"></script> <script type="text/javascript" src="cloud-zoom.1.0.1.js"></script> 上記を記述ã—ãŸã‚‰ç”»åƒã‚’記述ã—ã¦ã„ãã¾ã™ã€‚ ã¾ãšã¯ã€å°ã•ã„ç”»åƒã¨ã‚ºãƒ¼ãƒ 表示ã•ã›ã‚‹å¤§ãã„ç”»åƒã‚’用æ„ã—ã¾ã—ょã†ã€‚ <a
DOM Window (jquery.DOMWindow.js)
DOM window $(selector).openDOMWindow({options}) & $(selector).closeDOMWindow({options}) jQuery plugin (jquery.DOMwindow.js) used to create DOM windows. Example 1 Open a DOM window using inline content embedded in the page. The window is fixed to the centered of the viewport. This is default behavior. required | optional | not used anchoredClassName - datatype:string, default:empty string anchoredS
jQueryã§è¦‹æ „ãˆã®ã„ã„グラフãŒæã‘る「jqPlot〠(1/3)
証券会社ã®ã‚µã‚¤ãƒˆã®æ ªå¼ç›¸å ´ã‚°ãƒ©ãƒ•ã€ã‚·ãƒ§ãƒƒãƒ”ングサイトã®ä¾¡æ ¼å¤‰å‹•ã‚°ãƒ©ãƒ•ãªã©ã€Webサイト上ã«å¤‰å‹•ã™ã‚‹ãƒ‡ãƒ¼ã‚¿ã‚’ã‚‚ã¨ã«ã€å‹•çš„ã«ã‚°ãƒ©ãƒ•ã‚’表示ã—ãŸã„ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚従æ¥ã¯ã€Flashを使ã†ã“ã¨ãŒå¤šã‹ã£ãŸã§ã™ãŒã€æœ€è¿‘ã¯Ajax/JavaScript人気もã‚ã£ã¦ã€ã€ŒJavaScriptã§ã‚°ãƒ©ãƒ•ã‚‚作æˆã—ãŸã„ã€ã¨ã„ã†ãƒ‹ãƒ¼ã‚ºã‚‚å¼·ããªã£ã¦ã„ã¾ã™ã€‚ 以å‰ã€æœ¬èªŒã§ã¯ã€HTML5ã®Canvasを使ã£ãŸå›³å½¢ã®ã‚µãƒ³ãƒ—ルã¨ã—ã¦ã€ã‚°ãƒ©ãƒ•ã®æ画方法を紹介ã—ã¾ã—ãŸãŒï¼ˆé–¢é€£è¨˜äº‹ï¼‰ã€ä»Šå›žã¯ã‚°ãƒ©ãƒ•æç”»ã«ç‰¹åŒ–ã—ãŸå°‚用ライブラリ「jqPlotã€ã‚’使ã£ã¦ã€ã‚‚ã£ã¨ç°¡å˜ã«è¦‹æ „ãˆã®ã„ã„グラフを作æˆã™ã‚‹æ‰‹é †ã‚’紹介ã—ã¾ã™ã€‚ グラフã«ç‰¹åŒ–ã—ãŸjQueryプラグイン「jqPlot〠「jqPlotã€ã¯ã‚¯ãƒªã‚¹ãƒ»ãƒ¬ã‚ªãƒãƒæ°ãŒé–‹ç™ºã—ã¦ã„ã‚‹JavaScriptライブラリã§ã€jQueryã®ãƒ—ラグインã¨ã—ã¦å‹•ä½œã—ã¾ã™ã€‚HTML5ã®Canvasを応用ã—ã¦ã‚°ãƒ©ãƒ•ã‚’æã仕
個人的ã«æ°—ã«å…¥ã£ã¦ã‚‹10ã®Lightboxç³»jQueryプラグインåŠã³ã€ãã®ç‰¹å¾´ã¾ã¨ã‚ - ã‹ã¡ã³ã¨.net
個人的ã«æ°—ã«å…¥ã£ã¦ã‚ˆã使ã£ã¦ã„ã‚‹ã€åˆã¯ ã„ã¤ã‹å½¹ã«ç«‹ã¡ãã†ã€ã„ãšã‚Œä½¿ã„ãŸã„的㪠Lightbox風ã«æ‹¡å¤§å®Ÿè£…出æ¥ã‚‹jQueryプラグ インã®ã¾ã¨ã‚ã§ã™ã€‚使ã†ã¨ãã«ã„ã¡ã„ã¡å¼•ã£ 張り出ã—ã¦ã„ã‚‹ã®ãŒé¢å€’ãªã®ã§ã¾ã¨ã‚ã«ã—㦠ã¤ã„ã§ã«ã‚·ã‚§ã‚¢ã—よã†ã¨æ€ã£ã¦è¨˜äº‹ã«ã—ã¾ã™ã€‚ オーソドックスãªã‚‚ã®ã‹ã‚‰ã€ã‚„や特徴的ãªã‚‚ã®ã€Twitterã§ã€Œã“ã‚“ãªã®ãªã„？ã€ã£ã¦èžã‹ã‚Œã¦æŽ¢ã—ãŸã‚‚ã®ãªã©10個厳é¸ã§ã™ã€‚特徴も一緒ã«ãƒ¡ãƒ¢ã—ã¦ãŠãã¾ã™ã€‚ ãªãŠã€ç”»åƒã‚’使ã†jQueryプラグインã«ã”興味ãŒæœ‰ã‚‹ã‚ˆã†ã§ã—ãŸã‚‰ã€ä»¥å‰æ›¸ã„ãŸç”»åƒã‚’使ã£ãŸã„ã‚ã„ã‚ãªjQueryプラグイン224個ã¾ã¨ã‚ã‚‚å‚考ã«ã—ã¦é ‚ã‘ã‚‹ã‹ã¨æ€ã„ã¾ã™ã€‚ colorbox 一番よã使ã£ã¦ã„ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。MITライセンスã§ã€ã‚°ãƒ«ãƒ¼ãƒ—化⇒スライドもå¯èƒ½ã€‚ã¾ãŸã€iPhoneã€iPadã§ã‚‚å‹•ã„ã¦è¡¨ç¤ºã‚‚å´©ã‚Œã¾ã›ã‚“。エフェクトも変更å¯èƒ½ã§ã€Youtubeã‚„Iframeã€Flas
jstudy#2 㧠jquery cssæ‹¡å¼µã®è©±ã‚’ã—ã¦ãã¾ã—ãŸã€‚ - ãŠå‰ã®è¡€ã¯ä½•è‰²ã !! 4
11/20 ( 20,november )ã«ã€ãƒ”クセルグリッドã•ã‚“ã§é–‹å‚¬ã•ã‚ŒãŸ jstudy#2 㧠jquery cssæ‹¡å¼µã«ã¤ã„ã¦è©±ã‚’ã—ã¦ãã¾ã—ãŸã€‚ jquery cssプãƒãƒ‘ティ拡張 on Prezi jquery ã®ãƒ¡ã‚½ãƒƒãƒ‰ã‚’フックã—ã¦ã€è‡ªåˆ†ãŒå¥½ã㪠css プãƒãƒ‘ティをã¤ãã‚ã†ã¨ã„ã†ãŠè©±ã§ã™ã€‚ ã¡ã‚‡ã£ã¨ãƒã‚¿ãŒãƒžãƒ‹ã‚¢ã£ãã™ãŽãŸã‹ãªãƒ¼ã€‚ jquery ã‚‚ã€ãƒ—ãƒã‚°ãƒ©ãƒ ã ã‹ã‚‰ã©ã‚“ã©ã‚“ã„ã˜ã£ã¦ãƒãƒƒã‚¯ã—ã¦éŠã¼ã†ã£ã¦æ„Ÿã˜ã§ã€‚ 次回も何ã‹ãƒã‚¿ã‚’ã‚„ã‚ŠãŸã„ãªã€‚。。
è¦ç´ ã‚’ç”»é¢ã®å®šä½ç½®ã«è¡¨ç¤ºã•ã›ã‚‹ jQuery プラグインを書ãã¾ã—㟠| tanablog
ã‚ã‚‹è¦ç´ ã‚’ç”»é¢ä¸‹ã‚„ç”»é¢å³ãªã©ã«é…ç½®ã™ã‚‹ jQuery プラグインを書ãã¾ã—ãŸã€‚ページトップã¸æˆ»ã‚‹ãƒœã‚¿ãƒ³ã‚„ウィジェットãªã©ã‚’固定ä½ç½®ã«è¡¨ç¤ºã•ã›ãŸã„ã¨ãã«ä½¿ã„ã¾ã™ã€‚ tanabe's jStageAligner at master - GitHub デモページ 基本的ãªä½¿ã„æ–¹ è¦ç´ ã«å¯¾ã—㦠.jStageAligner(position) を実行ã—ã¾ã™ã€‚position ã«ã¯ç”»é¢ã®å››éš…ã¨ãã‚Œãžã‚Œã®è¾ºã®ä¸å¤®ã€ç”»é¢ä¸å¤®ã®åˆè¨ˆ 9 ã¤ã®å ´æ‰€ã‚’指定ã§ãã¾ã™ã€‚ 下記ã¯ã€ç”»é¢ã®å³ä¸‹ã«é…ç½®ã™ã‚‹ã‚³ãƒ¼ãƒ‰ã§ã™ã€‚ $("#box").jStageAligner("RIGHT_BOTTOM"); オプション ã¾ãŸã€ã‚ªãƒ—ションã§ç§»å‹•ã¾ã§ã®æ™‚間やマージンを指定ã§ãã¾ã™ã€‚ $("#box").jStageAligner("RIGHT_BOTTOM", {time: 500, marginRight: 100, margi
John Resig - Easy Retweet Button
Ever since I saw the Bit.ly JavaScript API I’ve been wanting to build a simple script for tracking the number of people visiting a blog post from Twitter. This past weekend I built a little script for doing just that – and in a completely unobtrusive manner. The script itself is completely standalone (no dependencies) and can be included in any page relatively painlessly. Additionally, since it’s
jQueryã‚’èªã‚€ãŸã‚ã«çŸ¥ã£ã¦ãŠããŸã„6ã¤ã®çŸ¥è˜ : tech.kayac.com - KAYAC engineers' blog
å¤ä¼‘ã¿ã¯ã‚¿ã‚¤å¤å¼ãƒžãƒƒã‚µãƒ¼ã‚¸ã‚»ãƒŸãƒŠãƒ¼ã«å‚åŠ ã—ã¦ãã¾ã—ãŸã€‚agoã§ã™ã€‚ 先週日曜日若手IT勉強会ã«å‚åŠ ã•ã›ã¦ã„ãŸã ãã€jQueryã®ã‚³ãƒ¼ãƒ‰ãƒªãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’è¡Œã£ã¦ãã¾ã—ãŸã€‚ ãã“ã§jQueryã®ã‚³ãƒ¼ãƒ‰ã‚’èªã‚€ã¨ãã®åŸºç¤ŽçŸ¥è˜ã«é–¢ã—ã¦ç°¡å˜ã«ã¾ã¨ã‚ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 1 変数ã®è¤‡æ•°åŒæ™‚宣言ã¨ä»£å…¥ ã¾ãšã€JSã§ã¯å¤‰æ•°ã®å®£è¨€ã¯ä»¥ä¸‹ã®ã‚ˆã†ãªå½¢å¼ã§è¡Œã„ã¾ã™ã€‚ var hoge; ã“ã®å ´åˆã¯å˜ä¸€ã®å¤‰æ•°ã®å®£è¨€ã§ã™ãŒã€ä»¥ä¸‹ã®ã‚ˆã†ãªè¨˜è¿°ã‚’è¡Œã†ã¨è¤‡æ•°ã®å¤‰æ•°ã‚’åŒæ™‚ã«å®£è¨€ã™ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ var hoge, huga; ã¾ãŸã€å¤‰æ•°å®£è¨€ã¨åŒæ™‚ã«å€¤ã®ä»£å…¥ã‚’è¡Œã†ã“ã¨ã‚‚å¯èƒ½ã§ã€ãã®å ´åˆä»¥ä¸‹ã®ã‚ˆã†ãªè¨˜è¿°ã«ãªã‚Šã¾ã™ã€‚ var hoge = 'test'; ã•ã‚‰ã«è¤‡æ•°ã®å¤‰æ•°å®£è¨€ã¨ã€å€¤ã®ä»£å…¥ã¯åŒæ™‚ã«è¡Œã†ã“ã¨ãŒå¯èƒ½ã§ã€ãã®å ´åˆä»¥ä¸‹ã®ã‚ˆã†ãªè¨˜è¿°ã«ãªã‚Šã¾ã™ã€‚ var hoge = 'test1', huga = 'test2'; jQuery
ブラウザã”ã¨ã®location.hashã®æŒ™å‹•ã®ã¾ã¨ã‚ - ?D of K
今更ã§ã™ãŒã€location.hashã§ç¾åœ¨ã®ã‚¹ãƒ†ãƒ¼ã‚¿ã‚¹ã‚’管ç†ã™ã‚‹ã®ãŒãƒžã‚¤ãƒ–ームã§ã™ã€‚ã—ã‹ã—ã€ASCII以外をã¶ã¡è¾¼ã‚€ã¨ãƒ–ラウザã”ã¨ã«æŒ™å‹•ãŒé•ã†ã£ã½ã„ã§ã™ã€‚ã¨ã„ã†ã®ã‚’調ã¹ã¦ãŠã„ã¦ã€æ›¸ã„ã¦ãŠãã®ã‚’忘れãŸã®ã§ã€ã¾ã¨ã‚ã¦ãŠãã¾ã™ã€‚ 方法 以下ã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚’èµ·ã“ã—ãŸå ´åˆã€location.hashã§å–å¾—ã§ãる値ãŒã©ã†ãªã‚‹ã‹ã€èª¿ã¹ã¾ã—ãŸã€‚ãªãŠã€ãƒ•ã‚¡ã‚¤ãƒ«ã¯UTF-8ã§è©¦ã—ã¾ã—ãŸã€‚ ファイルã«æ›¸ã„ã¦ã‚るリンクをクリックã—ãŸå ´åˆ A1:#test B1:#ã¦ã™ã¨ C1:#%E3%81%A6%E3%81%99%E3%81%A8 A2:#test#test B2:#ã¦ã™ã¨#ã¦ã™ã¨ C2:#%E3%81%A6%E3%81%99%E3%81%A8#%E3%81%A6%E3%81%99%E3%81%A8 A3:#test%23test B3:#ã¦ã™ã¨%23ã¦ã™ã¨ C3:#%E3%81%A6%E3%81%99%E3%
jQueryを使ã„始ã‚ãŸã¨ãã«æ„Ÿã˜ã‚‹13ã®ç–‘å• : tech.kayac.com - KAYAC engineers' blog
æ¥é€±ã¯ç§ãŒå¤ä¼‘ã¿ãªã®ã§æ›´æ–°ã¯ãªã„予定ã§ã™ã€‚agoã§ã™ã€‚ 最近ã€äººã«jQueryを解説ã™ã‚‹æ©Ÿä¼šãŒã‚ã£ãŸã®ã§ã€æ˜”ã‚’æ€ã„出ã—ã¦jQueryを使ã„始ã‚ãŸé ƒã«æ„Ÿã˜ã‚‹ç–‘å•ã‚’書ã„ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 1 ãã‚‚ãも何ã§ä½¿ã†ã®ï¼Ÿã„ã¾ã§ã‚‚å›°ã£ã¦ãªã„よ 作æˆã™ã‚‹å†…容ã«ã‚‚よりã¾ã™ãŒã€æ…£ã‚Œã‚‹ã¨ä½¿ç”¨ã—ãªã„å ´åˆã«æ¯”ã¹ã¦è¨˜è¿°ã™ã‚‹ã‚³ãƒ¼ãƒ‰é‡ãŒ3分ã®1程度ã¾ã§æ¸›ã‚Šã¾ã™ã€‚ ã¾ãŸã€å¤‰æ•°ã€æ¡ä»¶åˆ†å²ã€ç¹°ã‚Šè¿”ã—ãŒæ¸›ã‚‹ã®ã§ãƒã‚°ãŒç™ºç”Ÿã—ã«ãããªã‚Šã¾ã™ã€‚ 2 何ã‹ç‰¹æ®Šãªã“ã¨ãŒã§ãる？ çµå±€ã§ãã‚‹ã“ã¨ã¯å¤‰ã‚ã‚Šã¾ã›ã‚“。 jQuery自体JSã§æ›¸ã‹ã‚Œã¦ã¾ã™ã—ã€è¨˜è¿°ã®è‡ªç”±åº¦ã‚‚JSã®åˆ¶ç´„ã«åˆ¶é™ã•ã‚Œã¾ã™ã€‚ 3 何ãŒé›£ã—ã„ã®ï¼Ÿ 文法ãŒã‚„ã‚„jQueryçš„ã«ãªã‚Šã¾ã™ã€‚ å‚考 jQuery言語入門 jQuery自体ã®ã‚³ãƒ¼ãƒ‰é‡ã¯å°‘ãªã„ã®ã§ã™ãŒã€ç‹¬ç‰¹ã®è¨˜è¿°æ³•ãŒå¤šã慣れるã¾ã§å¤šå°‘時間ãŒã‹ã‹ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 ã¾ãŸã€CSS Selectorã®çŸ¥è˜ã¯ã»ã¼å¿…é ˆã§ã™ã€‚ 特ã«ãƒž
jQuery言語入門 : tech.kayac.com - KAYAC engineers' blog
先月ã®ç¤¾å“¡PVランã‚ングã¯91番目ã§ã—ãŸã€‚agoã§ã™ã€‚ ãŸã¾ã«ä»–言語開発者ã‹ã‚‰ã€ŒJSã¯ä½•ã¨ãªãã‚ã‹ã‚‹ã‘ã©ã€jQueryãŒç‰¹æ®Šã™ãŽã¦ã‚ˆãã‚ã‹ã‚‰ãªã„ã€ã¨ã„ã†å£°ã‚’èžãã¾ã™ã€‚ 個人的ã«jQueryを使ã†å ´åˆã€ã€ŒJSã®ä¸ã§jQueryを使ã†ã€ã¨è¨€ã†ã‚ˆã‚Šã€ã€ŒjQueryã®ä¸ã§JSを使ã†ã€ã¨è€ƒãˆãŸæ–¹ãŒç†è§£ã—ã‚„ã™ã„ã¨æ€ã†ã®ã§ã€ä»Šæ—¥ã¯"jQuery言語"ã®æ›¸ã方を紹介ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 文法 Traversing methodã§ã‚¤ãƒ³ãƒ‡ãƒ³ãƒˆã‚’下ã’ã¦ã€.end()ã§ã‚¤ãƒ³ãƒ‡ãƒ³ãƒˆã‚’ã‚ã’ã¾ã™ã€‚ （Traversing以外ã®methodã¯ã‚¤ãƒ³ãƒ‡ãƒ³ãƒˆã‚’ç¶æŒã—ã¾ã™ï¼‰ ãã—ã¦ã€æœ«å°¾ã«ã¯é–‹å§‹è¡Œã¨åŒã˜ä½ç½®ã«ã€Œ;ã€ã‚’ç½®ãã¾ã™ã€‚ $('body') .find('a') .filter('.permlink') .attr('href', function () { return $(this).attr('href').repla
jQuery UIã§å®Ÿç¾ï¼ Ajaxã§è¤‡æ•°é¸æŠžãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—
jQueryã€ãƒ—ラグインã€jQuery UIã€Web経由ã®CDNã¨ã¯ CSSã®æ›¸ã方も分ã‹ã‚‹jQueryプラグイン実践活用法（1） 基本ï¼ãŠã•ã‚‰ã„ã¨ã—ã¦ãƒ—ラグインやjQuery UIã«ã¤ã„ã¦ç°¡å˜ã«è§¦ã‚Œã€Web経由ã§jQueryを使ã†CDNã«ã¤ã„ã¦è§£èª¬ デザインãƒãƒƒã‚¯ ＜ リッãƒã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆ 2009/12/8 今回ã¯ã€ŒjQuery UIã€ã®ã‚ˆã‚Šé€²ã‚“ã 活用例 â– jQueryã®ãƒ—ラグイン「jQuery UIã€ã¨ã¯ï¼Ÿ 今回紹介ã™ã‚‹jQuery UIã¯ã€JavaScript（Ajax）フレームワークjQueryã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆãŒjQuery用ã«é–‹ç™ºã—ã¦ã„ã‚‹ã€ä»¥ä¸‹ã®æ©Ÿèƒ½ã‚’æä¾›ã™ã‚‹ãƒ—ラグインã§ã™ã€‚ ドラッグ＆ドãƒãƒƒãƒ—ãªã©ã®ãƒžã‚¦ã‚¹æ“作ã®æ©Ÿèƒ½æ‹¡å¼µ ユーザーインターフェイスを改善ã™ã‚‹ã‚¦ã‚£ã‚¸ã‚§ãƒƒãƒˆï¼ˆã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ã€æ—¥ä»˜å…¥åŠ›ã€ãƒ€ã‚¤ã‚¢ãƒã‚°ã€ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã€ã‚¿ãƒ–ãªã©ï¼‰ 今回ã¯ã€jQuery UIã®ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—機能
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
マウスオーãƒãƒ¼ã‚’デザインã™ã‚‹ | DesignWalker
{{#tags}}- {{label}}
{{/tags}}