Youtubeã®å‹•ç”»ã‚’背景ã«
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
JavaScriptã‚’ã‚‚ã£ã¨ä¸Šé”ã—ãŸã„人ã¸ã®ãƒ’ント（JavaScript ãŠã‚ŒãŠã‚Œ Advent Calendar 2011 – 24日目） | Ginpen.com
JavaScript ãŠã‚ŒãŠã‚Œ Advent Calendar 2011 – 24日目（最終日） JavaScriptを書ãプãƒã‚°ãƒ©ãƒžãƒ¼ã•ã‚“ã§ã‚‚ã€JavaScriptも書ãデザイナーã•ã‚“ã§ã‚‚。 僕ãªã‚“ã‹ãŒãŠã“ãŒã¾ã—ã„ã¨ã¯æ€ã†ã‚“ã§ã™ãŒã€‚ ã„ã£ã±ã„書ã ã¨ã«ã‹ã書ã事ã§ã™ã€‚何ã§ã‚‚ã„ã„ã§ã™ã€‚作りãŸã„ã‚‚ã®ãŒã‚ã‚Œã°ä½œã£ã¦ã‚‚ã„ã„ã—ã€é¢ç™½ãã†ãªã‚‚ã®ã‚’見ã‹ã‘ãŸã‚‰çœŸä¼¼ã—ã¦ã¿ã¾ã—ょã†ã€‚ ライブラリーやフレームワークã¯èºŠèº‡ãªã使ㆠ簡å˜ã«æ›¸ã‘ã‚‹ãªã‚‰ãã‚Œã«è¶Šã—ãŸäº‹ã¯ã‚ã‚Šã¾ã›ã‚“。ã©ã‚“ã©ã‚“使ã„ã¾ã—ょã†ã€‚ãã‚‚ãも便利ãªãƒ©ã‚¤ãƒ–ラリーを習得ã™ã‚‹äº‹ã ã£ã¦å¤§åˆ‡ã§ã™ã€‚ 分ã‹ã‚Šã‚„ã™ã„ã¨æœ€è¿‘評判ã®æœ¬ã§ã™ã。プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®çŸ¥è˜ãŒå…¨ãç„¡ã„状態ã®èªè€…を想定ã—ã¦ã„ã‚‹ãã†ã§ã™ã€‚ 「Webデザイナーã®ãŸã‚ã® jQuery入門ã€ã¨ã„ã†æœ¬ã‚’書ãã¾ã—㟠– Takazudo hamalog ã§ã€ç§ãŒæ›¸ã„ãŸæœ¬ã®è©±ã«æˆ»ã‚Šã¾ã™ãŒã€ã€ŒWebデザイナーã®ãŸã‚
最近ã®JavaScriptモジュールã®æ›¸ãæ–¹ - yo_waka's blog
サーãƒã‚µã‚¤ãƒ‰ï¼ˆç‰¹ã«Node.js）ã¨ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ä¸¡æ–¹ã§å‹•ã‹ã—ãŸã„ã‚‚ã®ã¯æœ€è¿‘ã¯ã“ã‚“ãªæ„Ÿã˜ã§æ›¸ã„ã¦ã„る。 CommonJSã®wiki見ã¦ã¦ãã“ã«ç´¹ä»‹ã•ã‚Œã¦ã‚‹ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã§ï¼ˆã©ã‚Œã ã£ãŸã‹å¿˜ã‚ŒãŸã‘ã©ã€‚。）やã£ã¦ãŸã®ã‚’見ã¦ã„ã„ãªãƒ¼ã¨æ€ã£ã¦çœŸä¼¼ã£ã“ã—ãŸã€‚ (function(define) { define([], function() { 'use strict'; /** * @constructor */ var SomeClass = function() { // initialize }; /** * @type {string} * @private */ SomeClass.prototype.hoge_ = 'hoge'; /** * @return {string} */ SomeClass.prototype.getHoge = function() { return th
多彩ãªè¡¨ç¾ã‚’ã”覧ã‚れ。JavaScriptã«ã‚ˆã‚‹ãƒ‡ãƒ¼ã‚¿ãƒ“ジュアル化ライブラリ·JavaScript InfoVis Toolkit（JIT） MOONGIFT
JITã¯JavaScriptを使ã£ãŸãƒ‡ãƒ¼ã‚¿ãƒ“ジュアル化ライブラリã§ã™ã€‚ JavaScriptを使ã£ã¦Web上ã§ãƒ‡ãƒ¼ã‚¿ã‚’多彩ã«ãƒ“ジュアル化ã™ã‚‹ãƒ©ã‚¤ãƒ–ラリãŒJavaScript InfoVis Toolkit（JIT）ã§ã™ã€‚ãã®å¤šå½©ãªè¡¨ç¾ã‚’ã”覧ãã ã•ã„。 ç©ã¿ä¸Šã’ã®ã‚¨ãƒªã‚¢ã‚°ãƒ©ãƒ•ã§ã™ã€‚表示ã®éš›ã«ã¯ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒå®Ÿè¡Œã•ã‚Œã¾ã™ã€‚ 実際ã®ã‚³ãƒ¼ãƒ‰ã§ã™ã€‚ 棒ã®ç©ã¿ä¸Šã’グラフã§ã™ã€‚ 横å‘ãã€2Dã®ã‚°ãƒ©ãƒ•ã§ã™ã€‚ 関連グラフã§ã™ã€‚マウスã§å‹•ã‹ã›ã¾ã™ã€‚ マウスオーãƒãƒ¼ã§èª¬æ˜ŽãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ã“ã‚“ãªã‚°ãƒ©ãƒ•ã‚‚ã‚ã‚Šã¾ã™ã€‚ æ˜Ÿå½¢ã€‚æ ¼å¥½ã„ã„ã§ã™ã€‚ カスタマイズã«ã‚‚多様ã«å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ 容é‡ã®è¡¨ç¤ºãªã©ã«ã‚ˆã利用ã•ã‚Œã‚‹ãƒ„リーマップã§ã™ã€‚ ã“ã¡ã‚‰ã‚‚パターンãŒè‰²ã€…用æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ グラフを組ã¿åˆã‚ã›ãŸãƒ‘ターンã§ã™ã€‚ ã“ã‚“ãªè¡¨ç¾ã‚‚å¯èƒ½ã§ã™ã€‚ 派生ã—ã¦ã„ãアニメーションãŒæ ¼å¥½ã„ã„ã§ã™ã€‚ 円グラフã§ã™ã€‚アニメーションやマウスæ“作ã«
[JS]ã“れ以上ãªã„ã¨è¨€ã†ãらã„ç°¡å˜ã«å®Ÿè£…ã§ãるスライダーã®ã‚¹ã‚¯ãƒªãƒ—ト -Flow Slider
IEã§ã‚‚滑らã‹ã§å¿«é©ã«å‹•ä½œã™ã‚‹ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹jQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚ 実装ã«ã‹ã‹ã‚‹æ™‚é–“ã¯2分ãらã„ã§ã—ょã†ã‹ã€‚ Flow Slider [ad#ad-2] Flow Sliderã®ç‰¹å¾´ Flow Sliderã®ãƒ‡ãƒ¢ Flow Sliderã®å®Ÿè£… Flow Sliderã®ç‰¹å¾´ 滑らã‹ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§å‹•ä½œã—ã¾ã™ã€‚ 実装ã¯ç°¡å˜ã§å°‘ã—ã®ã‚³ãƒ”ペã§ok。 ベースã¨ãªã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã¯ç”¨æ„済ã¿ã€‚ クãƒã‚¹ãƒ–ラウザ対応。 対応ブラウザ Firefox Safari Chrome IE Opera9 Flow Sliderã®ãƒ‡ãƒ¢ デモã§ã¯ã‚µã‚¤ãƒˆã®ãƒˆãƒƒãƒ—ã«ã‚るベーシックãªã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã¨ã€æœ¬æ£šã«ä¸¦ã¹ãŸã‚ˆã†ãªã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãŒã‚ã‚Šã¾ã™ã€‚ スライダーã®æ“作ã¯ãƒžã‚¦ã‚¹ãƒ›ãƒãƒ¼ã§ã€å·¦å³ã®ç«¯ã»ã©ç´ æ—©ãスライドã—ã¾ã™ã€‚ Flow Slider: Example グリーンã®ãƒœã‚¿ãƒ³ã€ŒBuy Bookã€ã‚’クリック
本当ã®JavaScriptを知ã£ã¦ã„ã‚‹ã‹ï¼å…·ä½“çš„ã«ã‚³ãƒ¼ãƒ‰ã§å¦ã¹ã‚‹ã€Œãƒ†ã‚¹ãƒˆé§†å‹• JavaScript〠| Act as Professional
本書ã¯è£è¡¨ç´™ã«ã€Œä¸ç´šæŠ€è¡“者å‘ã‘ã€ã¨æ˜Žè¨˜ã•ã‚Œã¦ã„る。JavaScriptã®è¨€èªžä»•æ§˜ã«é–¢ã—ã¦ã€å…¥é–€ã—ãŸã“ã¨ãªã„人やã€é–¢æ•°åž‹ã®è¨€èªžã«è¦‹åœ°ã®ãªã„人ã¯ã€ãƒ‘ーフェクトJavaScriptやサイ本ã‚ãŸã‚Šã§ã€JavaScriptã®è¨€èªžä»•æ§˜ã‚’身ã«ã¤ã‘ã¦ã‹ã‚‰ã€å–り扱ã†ã“ã¨ã‚’推奨ã™ã‚‹ã€‚ãã‚Œãらã„価値ã®ã‚る内容ã«æœ¬æ›¸ã¯ä»•ä¸ŠãŒã£ã¦ã„る。 ãã—ã¦ã€ æ£çµ±æ´¾ãªTDD(テスト駆動開発)ã«ã¤ã„ã¦ç†è§£ã—ãŸã„ JavaScript自身ã®è¨€èªžçš„ãªç‰¹å¾´ã‚’押ã•ãˆã¦ãŠããŸã„ テストã§ãã‚‹JavaScriptã®ã‚³ãƒ¼ãƒ‰ã‚’多ã閲覧ã—ãŸã„ 実際ã®ãƒ—ãƒãƒ€ã‚¯ãƒˆã«æ´»ç”¨ã§ãるアプãƒãƒ¼ãƒã‚’数多ã知りãŸã„ ã¨ã€è€ƒãˆã¦ã„ã‚‹JavaScriptã‚’æ—¥é ƒã‹ã‚‰æ›¸ã„ã¦ã„る人ã€æºã‚ã£ã¦ã„る人ã«ã€å¿…ãšèªã‚“ã§ã‚‚らã„ãŸã„1冊ã§ã‚る。 全体を通ã˜ã¦ã€ãƒ†ã‚¹ãƒˆã§ãるコードã®ç‰¹å¾´ã¯ä½•ã‹ã€å˜ä½“テストã¨ãƒ†ã‚¹ãƒˆé§†å‹•ç’°å¢ƒã®åˆ©ç‚¹ã‚’享å—ã§ãる優れãŸå˜ä½“テストã¯ã©ã®ã‚ˆã†ãªã‚‚ã®ã‹ã‚’サンプルã¨ã¨ã‚‚ã«
マãƒãƒ¼ãƒ‹ãƒ¥ãƒ¼ã‚¹2ch
ã¾ãšã€iPhoneã®Safariã§ã©ã“ã§ã‚‚良ã„ã®ã§ãƒšãƒ¼ã‚¸ã‚’é–‹ã„ã¦ãƒ–ックマークã—ã¾ã—ょã†ã€‚ ãã—ã¦ã€ŒHow to use Firebug on your iPad and iPhoneã€ã«æ›¸ã‹ã‚Œã¦ã„ã‚‹JavaScriptをコピーã—ã¾ã™ã€‚ javascript:(function(F,i,r,e,b,u,g,L,I,T,E){if(F.getElementById(b))return;E=F[i+'NS']&&F.documentElement.namespaceURI;E=E?F[i+'NS'](E,'script'):F[i]('script');E[r]('id',b);E[r]('src',I+g+T);E[r](b,u);(F[e]('head')[0]||F[e]('body')[0]).appendChild(E);E=new%20Image;E[r]('src',I+L);})
[JS]jQueryã®ãƒ—ラグイン100é¸ -2011å¹´ç·é›†ç·¨
2011å¹´ã«ç´¹ä»‹ã—ãŸã‚‚ã®ã‚’ä¸å¿ƒã¨ã—ãŸjQueryã®ãƒ—ラグイン100+αé¸ã§ã™ã€‚ 今年ã¯CSS3ã®å½±éŸ¿ã‚‚ã‚ã£ã¦ã‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒç›®ç«‹ã¡ã¾ã—ãŸã€‚ã¾ãŸã€Resposive Web Design用ã®å¯å¤‰ã‚‚ã®ã‚„動画・テã‚ストを扱ã£ãŸã‚‚ã®ã‚‚多ã‹ã£ãŸã§ã™ã。 [ad#ad-2] 動画関連 ç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼é–¢é€£ ç”»åƒæ‹¡å¤§é–¢é€£ ç”»åƒé…置・ã‚ャプション関連 背景画åƒé–¢é€£ コンテンツスライダー・カルーセル関連 タブ関連 ナビゲーション関連 レイアウト関連 パãƒãƒ«ãƒ»ãƒœãƒƒã‚¯ã‚¹é–¢é€£ ツールãƒãƒƒãƒ—・ティッカー関連 アニメーション関連 エフェクト関連 スクãƒãƒ¼ãƒ«æ“作・スクãƒãƒ¼ãƒ«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„関連 リスト関連 テーブル関連 フォーム関連 テã‚スト関連 見出ã—抽出関連 ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°é–¢é€£ ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆãƒ»ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ç”Ÿæˆ ãã®ä»– 動画関連
jQuery Mobileã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ç°¡å˜ã«ä½œã‚Œã‚‹ã€ŒThemeRollerã€å¾¹åº•è§£èª¬
jQuery Mobileã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ç°¡å˜ã«ä½œã‚Œã‚‹ã€jQuery Mobileå…¬å¼ã‚µã‚¤ãƒˆã§æä¾›ã—ã¦ã„る「ThemeRollerã€ã‚’紹介ã—ã¾ã™ã€‚ ThemeRoller ã“ã‚“ãªé¢¨ã«jQuery Mobileã®ãƒ‡ã‚¶ã‚¤ãƒ³ãŒç°¡å˜ã«å‡ºæ¥ä¸ŠãŒã‚Šã¾ã™ã€‚リンクをクリックã™ã‚Œã°åŒã˜ãƒ‡ã‚¶ã‚¤ãƒ³ãŒè¡¨ç¤ºã•ã‚ŒãŸçŠ¶æ…‹ã§ã€ŒThemeRollerã€ãŒèµ·å‹•ã—ã¾ã™ï¼ˆ2012/01/11é ƒã¾ã§ï¼‰ã€‚ ã“ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ç´¹ä»‹ã™ã‚‹æƒ…å ±ã¯2011å¹´12月ã®ã‚‚ã®ã§ã™ã€‚ １．ThemeRollerã¸ã®ã‚¢ã‚¯ã‚»ã‚¹æ–¹æ³•ã¨å…¨ä½“レイアウト jQuery Mobileã®ãƒˆãƒƒãƒ—ページã«ã‚る「Themesã€ã‚’クリック。 ウェルカムメッセージãŒè¡¨ç¤ºã•ã‚Œã‚‹ã®ã§ã€ã€ŒGet Rollingã€ã‚’クリック。 冒é ã®ç·¨é›†ç”»é¢ãŒç¾ã‚Œã¾ã™ã€‚左ペインã«ãƒ†ãƒ¼ãƒžã®å„種è¨å®šé …ç›®ã€å³ãƒšã‚¤ãƒ³ã«ãƒ—レビュー画é¢ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚プレビュー画é¢ã¯è¤‡æ•°è¡¨ç¤ºã•ã›ã‚‹ã“ã¨ãŒã§ãã‚‹ã®ã§å‡ºæ¥æ „ãˆã‚’見比ã¹ã‚‹ã“
å°‘ã—ã®ã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…å¯èƒ½ãª20ã®jQueryå°æŠ€é›†
å°‘ã—ã®ã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…å¯èƒ½ãª20ã®jQueryå°æŠ€é›†ç´ 敵ãªå‹•ãを手軽ã«å®Ÿè£…ã§ãã‚‹JavaScriptライブラリ「jQueryã€ã€‚jQueryã«ã¯å¤šãã®ãƒ—ラグインãŒæƒã£ã¦ã„ã¾ã™ãŒã€ä»Šå›žã¯ãƒ—ラグインãªã—ã§å®Ÿè£…ã§ãã‚‹jQueryã®å°æŠ€ã‚’紹介ã—ã¾ã™ï¼ã€ŒjQueryã£ã¦ãªã‚“ã ？ã€ã¨ã„ã†äººã‚‚コピペã§å®Ÿè£…ã§ãã¾ã™ã‚ˆï¼ã‚µãƒ³ãƒ—ルも用æ„ã—ãŸã®ã§ãœã²ã”覧ãã ã•ã„ï¼ è¿½è¨˜ï¼šã“ã®è¨˜äº‹ã§ç´¹ä»‹ã•ã‚Œã¦ã„ã‚‹ã„ãã¤ã‹ã®æ–¹æ³•ãŒã€ä»Šã§ã¯ CSS ã®ã¿ã§å®Ÿè£…å¯èƒ½ã§ã™ï¼è©³ã—ãã¯ã€Œã‹ã¤ã¦ã¯ JavaScript を利用ã—ã¦ã„ãŸã‚‚ã®ã®ã€ä»Šã§ã¯ CSS ã®ã¿ã§å®Ÿè£…ã§ãã‚‹ 10 ã®å°æŠ€ã€ã‚’ã”覧ãã ã•ã„。 jQuery ã®åŸºæœ¬çš„ãªä½¿ã„æ–¹ã¾ãšã¯jQuery 本家ã‹ã‚‰ jQuery ファイルをダウンãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚<head> 内ã«ä¸‹è¨˜ã‚’記述ã—ã€jQuery ファイルをèªã¿è¾¼ã¿ã¾ã™ã€‚ <script type="text/javascript" src
リリースã•ã‚ŒãŸã°ã‹ã‚Šã®jQuery 1.7.1ã«å¯¾å¿œã—ãŸãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ
先月ã€ãƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸã°ã‹ã‚Šã®jQuery 1.7.1ã«å¯¾å¿œã—ãŸãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã‚’紹介ã—ã¾ã™ã€‚ å³ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã€å³ä¿å˜ã‚‚ã®ã§ã™ã。 jQuery 1.7 Visual Cheat Sheet [ad#ad-2] jQuery 1.7.1ã¯1.7ã®ãƒã‚°ãƒ•ã‚£ãƒƒã‚¯ã‚¹ç‰ˆã§ã€ãƒªãƒªãƒ¼ã‚¹æƒ…å ±ã¯ä¸‹è¨˜ã‚’ã”覧ãã ã•ã„。 jQuery 1.7.1 Released jQuery 1.7 Released jQuery 1.7ã®APIã§å¤§ãã変ã‚ã£ãŸã®ã¯ã€.on(), .off()ãŒè¿½åŠ ã•ã‚ŒãŸã“ã¨ã§ã™ã€‚ã“ã‚Œã¯æ—¢å˜ã®.bind(), .unbind()ã«ä»£ã‚ã‚‹ã‚‚ã®ã§ã€ä»–ã«ã‚‚.on()ã¯.delegate(), .live()ã€.off()ã¯.undelegate(), .die()ã«ä»£ã‚ã‚Šã¾ã™ã€‚ ã“れらã¯1.7.1ã§ã‚‚利用ã§ãã¾ã™ãŒã€ã“ã‚Œã‹ã‚‰ã¯.on(), .off()を使用ã™ã‚‹ã“ã¨ãŒæŽ¨å¥¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã§ã¯
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
環境変数をJavaScriptã§å–å¾—ã™ã‚‹ - LangEdge Weblog
{{#tags}}- {{label}}
{{/tags}}