[JS]ホãƒãƒ¼æ™‚ã«æµ®ã‹ã¶ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒã¨ã£ã¦ã‚‚リアルãªã‚¹ã‚¯ãƒªãƒ—ト
ホãƒãƒ¼æ™‚ã«æµ®ã‹ã¶ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒã¨ã£ã¦ã‚‚リアルãªã‚¹ã‚¯ãƒªãƒ—トをAdrian Pelletierã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ Create a Realistic Hover Effect With jQuery demo デモã¯Reflection（é¡é¢å射）ã¨Shadow（影）ã®äºŒç¨®é¡žãŒã‚ã‚Šã€ãã‚Œãžã‚Œãƒ›ãƒãƒ¼ã—ã¦æµ®ã‹ã‚“ã éš›ã€é¡é¢åå°„ã¨å½±ãŒè·é›¢ã«åˆã‚ã›ã¦ã‚µã‚¤ã‚ºãŒå¤‰ã‚ã‚Šã¾ã™ã€‚ スクリプトã®ãƒ™ãƒ¼ã‚¹ã«ã¯jQueryãŒä½¿ç”¨ã•ã‚Œã¦ã„ã‚‹ãŸã‚ã€å®Ÿè£…ã«ã¯jquery.jsãŒå¿…è¦ã§ã™ã€‚
[JS]複数ã®ãƒ‘ãƒãƒ«ã‚’アニメーションã§ã‚¹ãƒ©ã‚¤ãƒ‰ã—ã¦åˆ‡ã‚Šæ›¿ãˆã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Sliding Tab Menu
サイドãƒãƒ¼ãªã©ã®çœã‚¹ãƒšãƒ¼ã‚¹ã«ã´ã£ãŸã‚Šãªã€è¤‡æ•°ã®ãƒ‘ãƒãƒ«ã‚’スムーズãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã‚¹ãƒ©ã‚¤ãƒ‰ã—ã¦åˆ‡ã‚Šæ›¿ãˆã‚‹ã‚¹ã‚¯ãƒªãƒ—トをQuenessã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ jQuery Sliding Tab Menu for Sidebar Tutorial demo デモã§ã¯ã€ã‚¿ãƒ–をクリックã™ã‚‹ã¨ã€ãã‚Œã«å¯¾å¿œã—ãŸãƒ‘ãƒãƒ«ãŒã‚¹ãƒ©ã‚¤ãƒ‰ã—ã¦è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ å„パãƒãƒ«ã¯ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®é‡ã«åˆã‚ã›ã¦ã‚µã‚¤ã‚ºãŒèª¿æ•´ã•ã‚Œã¾ã™ã€‚ タブã¨ãƒ‘ãƒãƒ«ã¯ãã‚Œãžã‚Œdivè¦ç´ ã§å®Ÿè£…ã•ã‚Œã¦ãŠã‚Šã€ã‚¹ãƒ©ã‚¤ãƒ‰ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«ã¯jQueryã¨jQuery.ScrollToãŒä½¿ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚
Ajaxを劇的ã«ç°¡å˜ã«ã™ã‚‹React.js
ã“ã“æ•°å¹´ã€Javascript界隈ã§ãƒ•ãƒ¬ãƒ¼ãƒ ワーク戦争ãŒå‹ƒç™ºã—ã¦ãã¾ã—ãŸã€‚クライアント開発ã®è¦æ¨¡ã‚‚年々大ãããªã‚Šã€jQueryã ã‘ã§ã¯è¤‡é›‘ãªç”»é¢é·ç§»ãªã©ã‚’管ç†ã—ãã‚Œãªããªã£ã¦ããŸã®ãŒåŽŸå› ã ã¨æ€ã„ã¾ã™ã€‚ ç§ã‚‚昨年ã¾ã§Angularã¨backboneを試ã—ã¾ã—ãŸãŒã€ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã‚’MVCã«ã—ã¦ã„ã‚‹ã®ã«ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã§ã‚‚MVCを作るMVCã®2階建ã¦ã¯ã€ã‚„ã‚ŠéŽãŽãªã®ã§ã¯ãªã„ã‹ã¨æ€ã£ã¦ã„ã¾ã—ãŸã€‚フレームワークãã®ã‚‚ã®è¦šãˆã‚‹ã¾ã§ã«ã‚‚一苦労ã¨ã„ã†ã®ã‚‚é¢å€’ã«æ„Ÿã˜ã¾ã—ãŸã€‚ 2014å¹´ã€æµ·å¤–ã§ãƒ–ームã«ç«ãŒä»˜ã„ãŸReact.js ãã‚“ãªä¸ã€2014å¹´ã®å¾ŒåŠã‹ã‚‰Facebook発ã®React.jsã®æŽ¡ç”¨äº‹ä¾‹ãŒèžã“ãˆã¦ãるよã†ã«ãªã‚Šã¾ã—ãŸã€‚AirBnBã‚„ç±³Yahoo! Mailãªã©å¤§æ‰‹ãŒReact.jsã‚’ç©æ¥µçš„ã«æŽ¡ç”¨ã—出ã—ãŸã®ã§æ°—ã«ãªã‚Šã€å¹´æœ«å¹´å§‹ã‚’使ã£ã¦è‰²ã€…調ã¹ã¦ã¿ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ Rails以æ¥ã®è¡æ’ƒ 色々試ã—ã¦
jQueryプラグインã§å½©ã‚‹ã€ãƒ¯ãƒ³ãƒ©ãƒ³ã‚¯ä¸Šã®ã‚µã‚¤ãƒˆåˆ¶ä½œ 記事一覧 | gihyo.jp
é‹å–¶å…ƒã®ãƒã‚´ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容ã®å…¨éƒ¨ã‚ã‚‹ã„ã¯ä¸€éƒ¨ã‚’ç„¡æ–ã§åˆ©ç”¨ã™ã‚‹ã“ã¨ã‚’ç¦æ¢ã—ã¾ã™â 。個別ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ãŒè¨å®šã•ã‚Œã¦ã„る記事ç‰ã¯ãã®ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã«å¾“ã„ã¾ã™ã€‚
jQueryプラグイン「pjaxã€ã§ã‚¹ãƒ ーズã«ãƒšãƒ¼ã‚¸é·ç§»ã™ã‚‹ã‚µã‚¤ãƒˆã®ä½œã‚Šæ–¹ | Neganin(ãƒã‚¬ãƒ‹ãƒ³)
「pjaxã€ã¨ã¯ã€ŒAjaxã€ã¨ã€ŒpushStateã€ã‚’組ã¿åˆã‚ã›ãŸã‚‚ã®ã§ã€éžåŒæœŸé€šä¿¡ã‚’ã—ãªãŒã‚‰URLを変更ã™ã‚‹ã“ã¨ãŒã§ãる「jQueryプラグインã€ã§ã™ã€‚ å„ページã®å·®åˆ†ã ã‘èªã¿è¾¼ã¿ã€æç”»ã™ã‚‹ã®ã§ã€è»¢é€é‡å‰Šæ¸›ãŒã§ã時間çŸç¸®ã‚’図れã¾ã™ã—ã€ãƒšãƒ¼ã‚¸é·ç§»æ™‚ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚‚è¿½åŠ ã§ããŸã‚Šã€ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºæ€§ã«å„ªã‚Œã¦ã„ã¾ã™ã€‚検索エンジンã‹ã‚‰ã®ãƒžã‚¤ãƒŠã‚¹ç‚¹ã‚‚ãªã„éžå¸¸ã«å„ªç§€ãªãƒ—ラグインã§ã™ã€‚ 「Ajaxã€ã¨ã€ŒpushStateã€ãŒä½•ãªã®ã‹ã¨ã„ã†ã¨ãƒ»ãƒ»ãƒ» Ajax ページをé·ç§»ã›ãšã«ã‚µãƒ¼ãƒãƒ¼ã‹ã‚‰ãƒ‡ãƒ¼ã‚¿ã ã‘ã‚’éžåŒæœŸã§ã¨ã‚Šã€ã‚µã‚¤ãƒˆã«æç”»ã™ã‚‹ä»•çµ„ã¿ã®ã“ã¨ã§ã€ã€ŒGoogle Mapsã€ãªã©ã«ä½¿ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ pushState 「HTML5ã€ã§å°Žå…¥ã•ã‚ŒãŸURLæ“作ã®APIã§ã€ŒAjaxã€ã‚’使用ã—ã¦éžåŒæœŸãªã‚µã‚¤ãƒˆã‚’作る時ãªã©ã«ã‚¢ãƒ‰ãƒ¬ã‚¹ãŒå¤‰æ›´ã•ã‚Œãªã„å•é¡Œã‚’解消ã—ã¦ãã‚Œã¾ã™ã€‚ 1. デモ å‰ç½®ããŒé•·ããªã‚Šã¾ã—ãŸãŒã€å®Ÿéš›ã«ã€Œpjax
[JS]二枚ã®ç”»åƒã‚’å°‘ã—ãšã¤ãƒ–レンドã—ã¦åˆ‡ã‚Šæ›¿ãˆã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Floom
二枚ã®ç”»åƒã‚’å°‘ã—ãšã¤ãƒ•ã‚§ãƒ¼ãƒ‰ã§ãƒ–レンドã—ã¦åˆ‡ã‚Šæ›¿ãˆã‚‹ç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼ã®ã‚¹ã‚¯ãƒªãƒ—トをblog.olicio.usã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ Floom demo デモã¯ã¾ã‚‹ã§ãƒ•ãƒ©ãƒƒã‚·ãƒ¥ã®ã‚ˆã†ã«ã€é€²æ—ã®ãƒãƒ¼ãŒè¡¨ç¤ºã•ã‚Œã€ç”»åƒã‚’切り替ãˆã‚‹ã¨å…±ã«ãƒ†ã‚ストも変更ã—ã€æ¬¡ã€…ã¨ç”»åƒã‚’表示ã—ã¾ã™ã€‚ オプションã§ã¯ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚¹ãƒ”ードã€ãƒ–レンドã®æ–¹å‘ã€ã‚ャプションã®æœ‰ç„¡ãªã©ãŒå¤‰æ›´ã§ãã¾ã™ã€‚ Floomã¯MooToolsã®ãƒ—ラグインã®ãŸã‚ã€å®Ÿè£…ã«ã¯mootoolsãŒå¿…è¦ã§ã™ã€‚
「リアルタイムWEBを実ç¾ã™ã‚‹æŠ€è¡“ã€ã®è§¦ã‚Šã‚’知ã£ã¦ãŠã為ã®ã¾ã¨ã‚ - Qiita
æ¦‚è¦ socket.ioã«ã¤ã„ã¦å‘¨è¾ºæŠ€è¡“ã®è§¦ã‚Šã‚’ã¾ã¨ã‚ã¦ãŠã ã“ã‚Œã ã‘知ã£ã¦ã‚Œã°å¾Œã‹ã‚‰èª¿ã¹ã‚„ã™ã„ã¯ãš 覚ãˆã‚‹ã“㨠Socket.io Websocket ノンブãƒãƒƒã‚ングI/O node.js Socket.ioã£ã¦ä½•ï¼Ÿ Socket.ioã®ãƒšãƒ¼ã‚¸ã‚’å‚ç…§ 「Socket.IOã¯ã€ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ åŒæ–¹å‘イベントベースã®é€šä¿¡ã‚’å¯èƒ½ã«ã—ã¾ã™ã€‚〠「ã“ã‚Œã¯ã€ä¿¡é ¼æ€§ã¨ã‚¹ãƒ”ードã«å‡ç‰ã«ç„¦ç‚¹ã‚’当ã¦ã€ã™ã¹ã¦ã®ãƒ—ラットフォームã€ãƒ–ラウザやデãƒã‚¤ã‚¹ä¸Šã§å‹•ä½œã—ã¾ã™ã€‚〠解りã«ãã„ã®ã§ç°¡å˜ã«æ›¸ã㨠幾ã¤ã‹ã®é€šä¿¡æ–¹å¼ã¨ã‚µãƒ¼ãƒãƒ¼ã€ãƒ–ラウザã€ãƒ‡ãƒã‚¤ã‚¹é–“ã®é€šä¿¡ã‚’抽象化ã—ã¦ãれるライブラリã§ã„ã„ã¯ãš Socket.ioãŒå¯¾å¿œã—ã¦ã„ã‚‹é€šä¿¡æ–¹å¼ Socket.IO protocol xhr-polling xhr-multipart htmlfile websocket flashsocket jsonp-polling 抽象化ã—
第1回　ã¾ãšã¯å®Ÿè£…ã—ã¦ã¿ã‚ˆã† | gihyo.jp
ã¯ã˜ã‚ã« ã“ã®é€£è¼‰ã§ã¯ã€Javascriptã¯çŸ¥ã£ã¦ã„ã‚‹ã‘ã©Ajaxã¯å®Ÿè£…ã—ãŸã“ã¨ãŒãªã„ã¨ã„ã†æ–¹ã«å‘ã‘ã€YouTube APIを利用ã—ãŸWebアプリケーションを題æã«ã€å®Ÿè£…ã®æ–¹æ³•ã‚’解説ã—ã¾ã™ã€‚ Javascriptã®ãƒ©ã‚¤ãƒ–ラリã¯jQueryを使用ã—ã¾ã™ã€‚jQueryã«ã‚ˆã‚‹Ajax実装ã€åŸºæœ¬çš„ãªä½¿ã„æ–¹ã€ã¾ãŸã€UIã¸ã®å¿œç”¨å®Ÿè£…ã‚‚åˆã‚ã›ã¦è§£èª¬ã—ã¾ã™ã€‚ Ajaxã£ã¦ãªã«ï¼Ÿ Ajaxã¨ã¯ã€Asynchronous Javascript+XMLã®ç•¥ç§°ã§ã™ã€‚Javascriptを使ã„ã€Webページã¨ã¯éžåŒæœŸï¼ˆAsynchronous）ã«XMLå½¢å¼ï¼ˆã‚‚ã—ãã¯ãƒ†ã‚スト形å¼ï¼‰ã®ãƒ‡ãƒ¼ã‚¿é€šä¿¡ã‚’è¡Œã†æ‰‹æ³•ã‚’指ã—ã¾ã™ã€‚ Ajaxを使ã†ã¨ç‰¹åˆ¥ãªãƒ—ラグインãªã©ã‚’å¿…è¦ã¨ã›ãšã€Webページã®å¿…è¦ãªéƒ¨åˆ†ã ã‘å¿…è¦ã«å¿œã˜ã¦æ›¸ãæ›ãˆã‚‹ã“ã¨ãŒã§ãã‚‹ãŸã‚ã€ãƒ¦ãƒ¼ã‚¶ãƒ“リティã®é«˜ã„Webアプリケーションを作るã“ã¨ãŒã§ãã¾ã™ã€‚ã¾ãŸã€ç•°ãªã‚‹Webサ
第5回　jQuery UIã«ã‚ˆã‚‹ãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã®æ”¹è‰¯ | gihyo.jp
今回使用ã™ã‚‹ã€ŒDialogã€ã€Œâ Draggablesã€ã€Œâ Droppablesã€ã€Œâ Sortablesã€ã«å¿…è¦ãªãƒ•ã‚¡ã‚¤ãƒ«ã¯ä»¥ä¸‹ã®é€šã‚Šã§ã™ã€‚ themes/ jquery-1.2.3.min.js jquery.dimensions.js ui.mouse.js ui.resizable.js ui.dialog.js ui.draggable.js ui.draggable.ext.js ui.droppable.js ui.droppable.ext.js ui.sortable.ext.js ui.sortable.js jQuery UI 1.5bを使ã†ãŸã‚ã«ã€ä»Šå›žã¯åŒæ¢±ã•ã‚Œã¦ã„ã‚‹jQuery 1.2.3を使ã†ã“ã¨ã«ã—ã¾ã™ã€‚ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒä¸ŠãŒã‚Šã¾ã™ãŒã€ã“ã‚Œã¾ã§ã®ã‚µãƒ³ãƒ—ルã®å‹•ä½œã«å½±éŸ¿ã¯ã‚ã‚Šã¾ã›ã‚“。 ライブラリã®è¨å®š ライブラリã®å„ファイルをã€headè¦ç´ ã®åè¦ç´ ã«ä»¥ä¸‹ã®ã‚ˆã†ã«æŒ‡å®šã—ã¾ã™ï¼ˆ
ã‚‚ã£ã¨ä¾¿åˆ©ã«ï¼jQueryã§ãƒ©ã‚¯ãƒ©ã‚¯ã‚µã‚¤ãƒˆåˆ¶ä½œï¼ˆå®Ÿè·µã‚µãƒ³ãƒ—ル付ã） 記事一覧 | gihyo.jp
第21回jQueryã§AJAX入門：Google AJAX Feed APIを利用ã—ãŸRSSã®èªã¿è¾¼ã¿ã¨ãƒ—ラグインã¸ã®çµ„ã¿è¾¼ã¿ é•·è°·å·åºƒæ¦ï¼ˆã¯ã›ãŒã‚ã²ã‚む；h2ham） ï¼Œå¾³ç”°å’Œè¦ 2010-10-08 第20回jQueryã§AJAX入門：æ£è¦è¡¨ç¾ã§ã‚µã‚¤ãƒˆã«è¡¨ç¤ºã—ãŸTwitterã«ãƒªãƒ³ã‚¯ã‚’ã¤ã‘ã‚‹ é•·è°·å·åºƒæ¦ï¼ˆã¯ã›ãŒã‚ã²ã‚む；h2ham） ï¼Œå¾³ç”°å’Œè¦ 2010-03-24
jQueryã§ã€é †ç•ªã«å®Ÿè¡ŒãŒå‡ºæ¥ã‚‹ .when() ã‹ã‚‰ .done() ãŒä¾¿åˆ©ã ã£ãŸã®ã§ãƒ¡ãƒ¢ | ARAKAZE NOTE
Javascriptã‚„jQueryを書ã„ã¦ã„ã‚‹ã¨ã€ã€Œã“ã®å‡¦ç†ãŒã¡ã‚ƒã‚“ã¨çµ‚ã‚ã£ã¦ã‹ã‚‰ã€ã“ã£ã¡ã®å‡¦ç†ã‚’始ã‚ãŸã„ï¼ã€ã£ã¦å ´é¢ã«çµæ§‹éé‡ã™ã‚‹ã®ã§ã¯ãªã„ã‹ã¨æ€ã„ã¾ã™ã€‚特ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’作ã£ã¦ã„ã‚‹ã¨ãã«ã‚ˆãã‚ã‚‹ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚ コールãƒãƒƒã‚¯é–¢æ•°ã‚’è¨å®šå‡ºæ¥ã‚‹å‡¦ç†ãªã‚‰ç°¡å˜ãªã®ã§ã™ãŒã€ãã‚ŒãŒãªã„ã‚‚ã®ã‚‚çµæ§‹ã‚ã£ãŸã‚Šã—ã¾ã™ã€‚僕ãŒå›°ã£ãŸã®ã¯.html()ã‚„.ajax()ã§ã—ãŸã€‚ãªã‚“ã‹ã„ã„解決ç–ã¯ç„¡ã„ã‹ãªãƒ¼ã¨ã‚°ã‚°ã£ã¦ã¿ãŸã¨ã“ã‚.when().done()ã¨ã„ã†å‡¦ç†ã®ä»•æ–¹ãŒè‰¯ã•ã’ã ã£ãŸã®ã§ä½¿ã£ã¦ã¿ãŸã‚‰ã°ã£ã¡ã‚Šã§ã—ãŸã€‚ .when()ã«ã¯å…ˆã«çµ‚ã‚らã›ãŸã„処ç†ã‚’書ã ã–ã£ãã‚Šã¨ã—ãŸèª¬æ˜Žã®ä»•æ–¹ã‚’ã™ã‚‹ã¨ã€.when()ã«ã¯å…ˆã«å®Œäº†ã•ã›ãŸã„処ç†ã‚’ã¾ã¨ã‚ã¦æ›¸ã„ã¦ãŠãã¾ã™ã€‚例ãˆã°ã€â€œæ¨ªã«ç§»å‹•ã—ãŸã‚‰ã€ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¢ã‚¦ãƒˆã™ã‚‹â€ã¿ãŸã„ãªäº‹ã‚’ã—ãŸã„å ´åˆã€â€œæ¨ªã«ç§»å‹•ã—ãŸã‚‰â€ã®éƒ¨åˆ†ã‚’.when()ã®ä¸ã«ã¯æ›¸ãã¾ã™ã€‚ （ã¾ã‚ã€ãã‚“ãªç°¡å˜ãªå‹•
jQueryã®å¯èƒ½æ€§ã‚’知りãŸã„ãªã‚‰ãƒ»ãƒ»ãƒ»ã€ŽjQuerySTYLE〠| 100SHIKI
最近ã¯ã‚ˆãjQueryを使ã†ã®ã ãŒã€ä»–ã®äººãŒã©ã‚“ãªé¢¨ã«ä½¿ã£ã¦ã„ã‚‹ã‹ã«èˆˆå‘³ãŒã‚る。 ã‚‚ã—ã‚ãªãŸãŒåŒã˜ã‚ˆã†ã«æ€ã£ã¦ã„ã‚‹ãªã‚‰jQuerySTYLEãŒå‚考ã«ãªã‚‹ã ã‚ã†ã€‚ ã“ã®ã‚µã‚¤ãƒˆã€jQueryãŒä½¿ã‚ã‚Œã¦ã„るサイトã®ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã§ã‚る。 ã¾ãŸã€ãã‚Œãžã‚Œã®ã‚µã‚¤ãƒˆã§jQueryã®ã©ã®æ©Ÿèƒ½ï¼ˆAjaxã ã¨ã‹ãƒŠãƒ“ゲーションã ã¨ã‹ï¼‰ãŒä½¿ã‚ã‚Œã¦ã„ã‚‹ã‹ã‚‚アイコンã§ä¸€ç›®ã§ã‚ã‹ã‚‹ã‚ˆã†ã«ãªã£ã¦ã„る。自分ã®èˆˆå‘³ã«ã‚ã‚ã›ã¦è¦—ã„ã¦ã¿ã‚‹ã¨ã„ã„ã ã‚ã†ã€‚ 自分ãŒä½¿ã£ã¦ã„ã‚‹ã‚‚ã®ã‚’ä»–ã®äººãŒã©ã†ä½¿ã£ã¦ã„ã‚‹ã‹ã€‚ãã‚“ãªã“ã¨ã«æ°—ã¥ã‹ã›ã¦ãれるã“ã†ã—ãŸã‚µã‚¤ãƒˆã¯ã„ã„ã§ã™ã。
[JS]jQueryã®ãƒ—ラグイン33+1é¸ -2009å¹´3月
紹介済ã¿ã‹ã‚‰æœªç´¹ä»‹ã®ã‚‚ã®ã¾ã§ã€jQueryã®ãƒ—ラグイン34é¸ã§ã™ã€‚ jquery.scrollable ホイール・クリック・ã‚ーボードæ“作ã«ã‚‚対応ã—ãŸã€ãƒ‘ãƒãƒ«ã‚’スクãƒãƒ¼ãƒ«ã™ã‚‹é«˜æ€§èƒ½ãªã‚¹ã‚¯ãƒªãƒ—ト。 Fi
[JS]jQueryã®ãƒ—ラグイン33+1é¸ -2009å¹´8月
紹介済ã¿ã‹ã‚‰æœªç´¹ä»‹ã®ã‚‚ã®ã¾ã§ã€jQueryã®ãƒ—ラグイン34é¸ã§ã™ã€‚ slideView å‹•ããŒé¢ç™½ã„ç”»åƒã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã€‚ Mop Slider コンテンツã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã€‚ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—。 simpl
JavaScriptライブラリã§ä½œã‚‹ãƒªãƒƒãƒUI（ã¾ã¨ã‚）
Webサイトを使ã„ã‚„ã™ãã€æ¥½ã—ãã™ã‚‹ãƒªãƒƒãƒãªãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ï¼ˆUI）。手軽ã«ä½¿ãˆã‚‹ã‚ªãƒ¼ãƒ—ンソースã®JavaScriptï¼AjaxライブラリãŒå……実ã—ã¦ããŸãŠã‹ã’ã§ã€å¾“æ¥ã¯Flashã§ã—ã‹ã§ããªã‹ã£ãŸã‚ˆã†ãªUIãŒã€HTML/CSS＋JavaScriptã ã‘ã§ä½œã‚Œã‚‹ã‚ˆã†ã«ãªã£ãŸã€‚ ã“ã“ã«ã€ASCII.jpã§ç´¹ä»‹ã—ãŸJavaScriptライブラリã®ä½¿ã„æ–¹ã€å®Ÿéš›ã®æŽ¡ç”¨ã‚µã‚¤ãƒˆã®æƒ…å ±ã‚’ã¾ã¨ã‚ã¦ã¿ãŸã€‚ãœã²è‡ªåˆ†ã®Webサイトã®UI制作ã®å‚考ã«ã—ã¦ã¿ã‚ˆã†ã€‚ ※ã“ã®ãƒšãƒ¼ã‚¸ã¯éšæ™‚æ›´æ–°ã—ã¾ã™ Last update：2008å¹´12月18æ—¥ JavaScriptï¼Ajaxライブラリ紹介記事
[Z]ZAPAブãƒã€œã‚°2.0
Yhomie製ã®å®Œå…¨ãƒ¯ã‚¤ãƒ¤ãƒ¬ã‚¹ã‚¹ãƒ†ãƒ¬ã‚ªï¼ˆTrue Wireless Stereo）イヤフォン F9 をレビュー用ã«æä¾›ã—ã¦ã„ãŸã ãã¾ã—ãŸã€‚ 完全ワイヤレス イヤホン 低音é‡è¦– Yhomie bluetooth イヤホン é›»æ± æ®‹é‡è¡¨ç¤º AAC対応 æºå¸¯å……é›»å¯ ç‰‡è€³&両耳ã¨ã‚‚対応 Bluetooth 5.0 自動ペアリング 自動電æºON/OFF å·¦å³åˆ†é›¢åž‹ 音é‡èª¿ç¯€å¯èƒ½ 2200mAh充電ケース付ãIPX6防水 Siri対応 マイク付ã iPhone Android 日本語説明書 Amazonã‹ã‚‰å±Šã„ãŸãƒ‘ッケージã¯ã“ã‚Œã§ã™ã€‚TWS+。 メーカーåや製å“åã¯ãƒ‘ッケージã«æ›¸ã‹ã‚Œã¦ã„ã¾ã›ã‚“。 ã‚ªãƒ¼ãƒ—ãƒ³ï¼ å†…ç®±ã®é»’ã„箱を開ã‘ã‚‹ã¨ã€é»’ã„ケースãŒè¦‹ãˆã¦ãã¾ã—ãŸã€‚ 内容ã¯ã“ã†ãªã£ã¦ã„ã¾ã—ãŸã€‚充電ケースã€ã‚¤ãƒ¤ãƒ›ãƒ³ã€USB-Cケーブルã€ã‚¤ãƒ¤ãƒ¼ãƒ”ース。 充電ケースを開ã‘ãŸã¨ãã«é©šãã¾ã—ãŸã€‚カッコイイï¼ã¨ã€‚ 充電ケ
![[Z]ZAPAブãƒã€œã‚°2.0](https://cdn-ak-scissors.b.st-hatena.com/image/square/6711357ccd06bc65fda86ce3e8da6195e62250f5/height=288;version=1;width=512/https%3A%2F%2Fzapanet.info%2Fzapanet_fav.png)
jQuery Cheat Sheet
Copying .clone() DOM Insertion, Around .wrap() .wrapAll() .wrapInner() DOM Insertion, Inside .append() .appendTo() .html() .prepend() .prependTo() .text() DOM Insertion, Outside .after() .before() .insertAfter() .insertBefore() DOM Removal .detach() .empty() .remove() .unwrap() DOM Replacement .replaceAll() .replaceWith()
[JS]ホãƒãƒ¼æ™‚ã«å…‰æºãŒç§»å‹•ã™ã‚‹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒã‹ã£ã“ã„ã„スクリプト
マウスã®ãƒ›ãƒãƒ¼æ™‚ã«ã€å…‰æºãŒã‚«ãƒ¼ã‚½ãƒ«ã«è¿½å¾“ã™ã‚‹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒã‹ã£ã“ã„ã„スクリプトをcoders.meã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚
HTML5ã§ã‚µã‚¤ãƒˆã‚’高速化─wri.peã§å¦ã¶ã€ã‚¤ãƒžãƒ‰ã‚ã®Webアプリã®ä½œã‚Šã‹ãŸï¼ˆå¾Œç·¨ï¼‰
HTML5ã§ã‚µã‚¤ãƒˆã‚’高速化─wri.peã§å¦ã¶ã€ã‚¤ãƒžãƒ‰ã‚ã®Webアプリã®ä½œã‚Šã‹ãŸï¼ˆå¾Œç·¨ï¼‰ 増井 雄一郎（FrogApps, Inc.） å‰å›žã®è¨˜äº‹ã§ã¯ã€Â wri.peã®ç´¹ä»‹ã¨ã€HTML5ã®Application Cacheを使ã£ãŸHTMLã‚„ç”»åƒãªã©ã®èªã¿è¾¼ã¿é«˜é€ŸåŒ–ã®è©±ã‚’ã—ã¾ã—ãŸã€‚今回ã¯ã€Web Storageã®localStorage/sessionStorageを使ã„ã€Ajax通信部分ã¨è¡¨ç¤ºã®é«˜é€ŸåŒ–ã‚’è¡Œã†æ‰‹æ³•ã‚’説明ã—ã¾ã—ょã†ã€‚ localStorageを用ã„ãŸé€šä¿¡ã¨è¡¨ç¤ºã®é«˜é€ŸåŒ– å‰å›žã®Application Cacheã§ã€HTMLã®èªã¿è¾¼ã¿ãŒé«˜é€ŸåŒ–ã•ã‚Œã¾ã—ãŸã€‚ã“ã‚Œã§ã‚‚å分速ãã¯ãªã£ãŸã®ã§ã™ãŒã€ç”»é¢ã«å…¨ã¦ã®æƒ…å ±ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã¾ã§ã«ã¯ã€ã¡ã‚‡ã£ã¨æ™‚é–“ãŒã‹ã‹ã‚Šã¾ã™ã€‚ wri.peã§ã¯ãƒ¡ãƒ¢ã®ä¸€è¦§ã‚„ã€ãƒ¡ãƒ¢æœ¬ä½“ã®èªã¿è¾¼ã¿ãƒ»ä¿å˜ã¯XHR(XMLHttpRequestã®ç•¥ã€‚Ajax通信ã§ä½¿ã†ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«å)ã‚’
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
JavaScriptビジュアル・リファレンス
{{#tags}}- {{label}}
{{/tags}}