JavaScriptã®3Dエンジン·Three.js MOONGIFT
Three.jsã¯JavaScriptã®ã‚ªãƒ¼ãƒ—ンソース・ソフトウェア。WebブラウザãŒé«˜æ©Ÿèƒ½åŒ–ã—ã¦ã„ãä¸ã§ç«¶ã‚ã‚Œã¦ã„ã‚‹ã®ãŒJavaScriptエンジンã®æ€§èƒ½ã 。実行速度ãŒå‘上ã™ã‚‹ã“ã¨ã«ã‚ˆã£ã¦ã€Webアプリケーションãªã©ã®åˆ©ç”¨ãŒä¿ƒé€²ã•ã‚Œã‚‹ã€‚HTMLレンダリング性能ã¨åˆã‚ã›ã¦é‡è¦ãªæŒ‡é‡ã 。 マウスã®å‹•ãを追従ã™ã‚‹ エンジンãŒé«˜æ©Ÿèƒ½åŒ–ã™ã‚Œã°å®Ÿç¾ã§ãã‚‹å¹…ãŒåºƒãŒã‚‹ã€‚ãã®ä¸€ã¤ãŒ3Dレンダリングã 。JavaScriptã§3DオブジェクトãŒè¡¨ç¾ã§ãるよã†ã«ãªã‚Œã°ã€ã‚²ãƒ¼ãƒ ã¯ã‚‚ã¡ã‚ん様々ãªåˆ†é‡Žã§æ´»ç”¨ã§ãã‚‹ã ã‚ã†ã€‚ãã®ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚¨ãƒ³ã‚¸ãƒ³ã¨ã—ã¦Three.jsを紹介ã—よã†ã€‚ Three.jsã¯3Dオブジェクトをレンダリングã™ã‚‹ãƒ©ã‚¤ãƒ–ラリã§ã€å…ˆæ—¥è©±é¡Œã«ãªã£ãŸGoogleマップを使ã£ãŸãƒžãƒƒã‚·ãƒ¥ã‚¢ãƒƒãƒ—「The Wilderness Downtownã€ã‚‚ã“ã®Three.jsを使ã£ã¦ä½œã‚‰ã‚ŒãŸä¸€ã¤ã 。ã•ã‚‰ã«ãƒžã‚¦ã‚¹ã§åå¿œã™ã‚‹
ç«¹å– JS
ç”»é¢ã‚’ダブルクリックã§ç¸¦æ›¸ãã¨æ¨ªæ›¸ãを切り替ãˆã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚è¦ç´ を指定ã—ã¦ç¸¦æ›¸ãã«ã—ã¦ã„ã‚‹å ´åˆã¯ã€æ¬¡å›žã‚¢ã‚¯ã‚»ã‚¹æ™‚ã«åŒã˜è¡¨ç¤ºãŒå¼•ã継ãŒã‚Œã¾ã™ã€‚ ã©ã‚“ãªã‚µã‚¤ãƒˆã§ã‚‚縦書ãã«ã™ã‚‹ãƒ–ックマークレット。 ↓å³ã‚¯ãƒªãƒƒã‚¯ã§ã€ŒãŠæ°—ã«å…¥ã‚Šã€ã«ä¿å˜ã™ã‚‹ã‹ã€ãƒªãƒ³ã‚¯ã‚’ドラッグã—ã¦ãƒ–ックマークãƒãƒ¼ã«ãƒ‰ãƒãƒƒãƒ—ã—ã¾ã™ã€‚ 「縦書ãã«ã™ã‚‹ãƒ»iPhone 用リンク〠「縦書ãå¯èƒ½ã«ã™ã‚‹ãƒ»iPhone 用リンク〠「段組ã¿ç¸¦æ›¸ãå¯èƒ½ã«ã™ã‚‹ãƒ»iPhone 用リンク〠iPhone ã«ç™»éŒ²ã™ã‚‹ã«ã¯ï¼Ÿ ã¨ã‚Šã‚ãˆãšã“ã®ãƒšãƒ¼ã‚¸ã‚’共有ボタンã‹ã‚‰ãƒ–ックマーク。 iPhone 用リンク を長押ã—ã—ã¦ã‚³ãƒ”ー。 ブックマークを開ã„ã¦ã€è¿½åŠ ã—ãŸãƒ–ックマークを「編集ã€ã€‚ åå‰ã‚’「縦書ãå¯èƒ½ã«ã™ã‚‹ã€ãªã©ã«å¤‰æ›´ã—ã€URL 欄ã«ä¸Šè¨˜ã‚³ãƒ¼ãƒ‰ã‚’ペースト。 最åˆã®ã€Œhttp://ã€ã‚’削除。 注æ„ï¼ ã‚„ã‚„å‹•ä½œãŒé‡ã„ã§ã™ï¼ ã†ã¾ã変æ›ã§ããªã‹ã£ãŸã¨ãã¯ã€ç”»é¢ã‚’ダブ
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
JavaScriptコーディングã«é–¢ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚„パフォーマンスç‰ã®ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹é›†:phpspot開発日誌
最近発見ã—ãŸã€JavaScriptコーディングã«é–¢ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚„パフォーマンスç‰ã®å‚考ã«ãªã‚Šãã†ãªã‚¨ãƒ³ãƒˆãƒªã‚’リファレンスをã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ Avoiding Problems With JavaScript’s getElementById Method in Internet Explorer 7 | Impressive Webs IE7ã®getElementByIdã§èµ·ã“ã‚‹å•é¡Œã‚’é¿ã‘ã‚‹ãŸã‚ã®TIPS集。 How to add a CSS Link programmatically using JavaScript <link>ã‚¿ã‚°ã‚’JavaScriptã«ã‚ˆã£ã¦å‹•çš„ã«ä½œæˆã—ã¦CSSã‚’å‹•çš„ã«è¨å®šã™ã‚‹ã‚³ãƒ¼ãƒ‰ä¾‹ JavaScript CSS Selector Benchmarks CSSセレクタã§DOMã«ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹éš›ã®å„フレームワークã§ã®é€Ÿåº¦ãƒ™ãƒ³ãƒãƒžãƒ¼ã‚¯æ¯”較 6 Ways To Wor
jQueryベースã®ã‚°ãƒ©ãƒ•ä½œæˆãƒ©ã‚¤ãƒ–ラリ·jqPlots MOONGIFT
Web上ã§è¦‹ã‚„ã™ã„グラフを作æˆã™ã‚‹æ‰‹æ³•ã¨ã—ã¦ã¯ã€ç”»åƒã§ç”Ÿæˆã™ã‚‹ã€Flashã§ç”Ÿæˆã™ã‚‹ã‹ã®ã©ã¡ã‚‰ã‹ãŒå¤šã‹ã£ãŸã€‚稀ã«JavaScriptã§ç”Ÿæˆã™ã‚‹ã‚¿ã‚¤ãƒ—ã‚‚ã‚ã£ãŸãŒã€Canvasタグを使ã†é–¢ä¿‚上ã€IE6ã§ã¯è¡¨ç¤ºã§ããšæ¥å‹™ã‚¢ãƒ—リãªã©ã§ã®åˆ©ç”¨ã¯é›£ã—ã‹ã£ãŸã€‚ JavaScriptã®ã¿ã§ã‚°ãƒ©ãƒ•ã‚’表示ã™ã‚‹ ã ãŒã€ä¾‹ãˆCanvasを使ã£ã¦ã„ãŸã¨ã—ã¦ã‚‚ライブラリãŒå¯¾å¿œã—ã¦ã„ã‚Œã°å•é¡Œãªã„。ãã“ã§è©¦ã—ãŸã„ã®ãŒjqPlotsã 。 今回紹介ã™ã‚‹ã‚ªãƒ¼ãƒ—ンソース・ソフトウェアã¯jqPlotsã€jQueryベースã®ã‚°ãƒ©ãƒ•æ画ライブラリã 。 jqPlotsã¯Canvasタグを使ã£ã¦ã„ã‚‹ãŒã€å¯¾å¿œãƒ–ラウザã¯IE6〜IE8ã€Firefoxã€Safariã€Operaã¨ãªã£ã¦ã„る。ç†è€…環境ã§ã¯è©¦ã—ã¦ã„ãªã„ãŒã€IE6ã§ã‚‚æらã大丈夫ãªã®ã ã‚ã†ï¼ˆãœã²è©¦ã—ã¦ã„ãŸã ããŸã„）。ã“ã‚Œã ã‘多数ã®ãƒ–ラウザã«å¯¾å¿œã—ã¦ã„ã‚Œã°ä¸€èˆ¬å‘ã‘Webサービスã§ã‚‚使ãˆ
オブジェクト指å‘ã£ã½ã„話ãŒåˆ†ã‹ã‚‹ã‹ã‚‚ã—ã‚Œãªã„JavaScript講座　ãã®1 | Takazudo Clipping*
自分ã¯ã‚¹ãƒ¼ãƒ‘ーJavaScripterã§ã“ã‚“ãªã™ã’ーã®ãŒ5è¡Œã§æ›¸ã‘ã¡ã‚ƒã†ã€‚ã‚„ã°ã„ã ã‚ï¼ã¨ã‹ã„ã†ã®ã§ã¯å…¨ç„¶ç„¡ã„ã§ã™ãŒã€ã‚ªãƒ–ジェクト指å‘ã£ã½ã„話ãŒæœ€è¿‘分ã‹ã£ã¦ããŸã¤ã‚‚ã‚Šã§ã€ãã‚Œã§ã‚„ã£ã¨ãゃå•é¡Œç„¡ã„ã£ã¦ã“ã¨ã‚’æ€ã„始ã‚ã¦ã„ã‚‹ã®ã§ã€ãªã‚“ã‹ãã‚“ãªè©±ã‚’書ã„ã¦ã„ãã¾ã™ã€‚ ã“ã‚“ãªçŸã書ãテクニックãŒã‚ã‚‹ãœï¼ var hoge = hage ? huga : hoga; ã¨ã‹æ›¸ã‘ã¡ã‚ƒã†ã‚“ã ãœï¼ã¨ã‹ã‚ˆã‚Šã€é•·ãã¦ã„ã„ã‹ã‚‰åˆ†ã‹ã‚Šã‚„ã™ãæ‹¡å¼µã—ã‚„ã™ã„よã†ã«ã™ã‚‹ã«ã¯ã©ã†ã™ã‚‹ã®ã‹ã¨ã‹ã€ãã†ã„ã†è©±ãŒã§ãã‚Œã°ãªãƒ¼ã¨æ€ã„ã¾ã™ã€‚内容的ã«ã¯å…¨ãã‚‚ã£ã¦æ–°ã—ãも何ã¨ã‚‚ç„¡ã„ã§ã™ãŒã€‚jQuery使ã£ã¦ã‚„ã‚‹å‰æã§ã™ã€‚ ã¾ã‚“ã˜ã‚…ã†è£½é€ スクリプト 今日ã¯ã¾ã‚“ã˜ã‚…ã†ã‚’5個作りã¾ã™ã€‚ãªã‚“ã¨ã€ã¾ã‚“ã˜ã‚…ã†ã¯ã€ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨éš ã‚Œã¾ã™ã€‚ ã¾ã‚“ã˜ã‚…ã†ã‚µãƒ³ãƒ—ル var Manju = function(){ this.elem; this.hidden = fa
JavaScriptを活用ã—ãŸè»½å¿«ãªãƒãƒ¼ã‚¿ãƒ«ã‚’作るãŸã‚ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワーク「jPoliteã€:phpspot開発日誌
Lightweight jQuery Portal JavaScriptを活用ã—ãŸè»½å¿«ãªãƒãƒ¼ã‚¿ãƒ«ã‚’作るãŸã‚ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワーク「jPoliteã€. iGoogleã¿ãŸã„ãªãƒãƒ¼ã‚¿ãƒ«ã‚’作るよã†ãªjQueryベースã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ã™ã€‚ デモページ タブをクリックã§ç”»é¢ãŒè»½å¿«ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã„ã„æ„Ÿã˜ã«åˆ‡ã‚Šæ›¿ã‚ã‚Šã¾ã™ã€‚ ページ内ã«ã¯å°çª“ãŒã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã¨ã—ã¦ç™»éŒ²ã§ãã¦ä¸èº«ã«è‡ªç”±ã«HTMLãŒè¨˜è¿°ã§ãã¾ã™ã€‚ å„ページã¯ã€ï¼‘ページã‚ãŸã‚Šï¼‘æžšã®HTMLモジュールã¨ã—ã¦JavaScriptã§å®šç¾©ã§ãã¦ã€éžå¸¸ã«ç°¡å˜ã‹ã¤ã‚·ãƒ³ãƒ—ルã«ãƒãƒ¼ã‚¿ãƒ«ãŒä½œã‚Œã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ワークã«ãªã£ã¦ã„ã¾ã™ã€‚ JSã§ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«å®šç¾©ã®ä¾‹ var _modules={ m101:{l:"m101.html", t:"Motivation", c:"red"}, m102:{l:"m102.html", t:"Philisophy", c:"yello
ç´ æ™´ã‚‰ã—ã„jQueryã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«45é¸ â€“ creamu
jQueryã§ã‚¯ãƒ¼ãƒ«ãªã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã‚’実装ã—ãŸã„。 ãã‚“ãªã¨ãã«ãŠã™ã™ã‚ãªã®ãŒã€ã€Ž40+ Excellent jQuery Tutorialsã€ã€‚ç´ æ™´ã‚‰ã—ã„jQueryã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«45é¸ã 。 以下ã«ã„ãã¤ã‹ã”紹介。 » デザイナーã®ãŸã‚ã®jQueryãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« » Facebookスタイルã®lightbox » ソートã§ãã‚‹ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªã®ä½œã‚Šæ–¹ã€‚↑ã®ã‚ャプãƒãƒ£ã¯ã“ã¡ã‚‰ » フェードインã™ã‚‹ãƒ¡ãƒ‹ãƒ¥ãƒ¼ » jQueryã¨PHPã§æŠ•ç¥¨ã‚·ã‚¹ãƒ†ãƒ を作る方法 » PHPã¨jQueryã§ç·¨é›†ã§ãるギャラリーを作る方法 » jQueryã¨XMLã§Amazonã®ã‚¦ã‚£ã‚¸ã‚§ãƒƒãƒˆã‚’作る方法 » WordPressã®ã‚³ãƒ¡ãƒ³ãƒˆæ¬„ã«jQueryã®ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã¤ã‘る方法 » Appleã®ã‚µã‚¤ãƒˆã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’作るãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« » タブインターフェースを作るãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« » スライドã™ã‚‹ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ãƒ¡ãƒ‹ãƒ¥
jQueryを良ãã™ã‚‹25ã®TIPS
jQueryを良ãã™ã‚‹25ã®TIPS ãƒã‚¿å…ƒï¼šImprove your jQuery - 25 excellent tips ã¡ã‚‡ã£ã¨å¤šã„ã§ã™ãŒã€ã‹ãªã‚Šè‰¯ã„TIPSãŒã¾ã¨ã¾ã£ã¦ã„ã¾ã™ã€‚ Google AJAX Libraries APIを利用ã—よㆠGoogle AJAX Libraries APIを活用ã™ã‚Œã°ã™ã°ã‚„ãライブラリをèªã¿è¾¼ã‚€ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ <script src="http://www.google.com/jsapi"></script> <script type="text/javascript"> // Load jQuery google.load("jquery", "1.2.6"); google.setOnLoadCallback(function() { // Your code goes here. }); </script> 直接èªã¿è¾¼ã‚€ã“ã¨ã‚‚出æ¥ã¾ã™ã€‚
jQuery を高速ã«ä½¿ã† CSS セレクタã®æ›¸ãæ–¹ - ã¦ã£ã煮ブãƒã‚°
JavaScriptjQuery 㯠CSS セレクタã§è¦ç´ ã‚’é¸ã‚“ã§å‡¦ç†ã§ãã‚‹ã®ãŒé…力的ã§ã™ã。ãん㪠jQuery ã§ã™ãŒã€CSS セレクタã®æ›¸ã方次第ã§é€Ÿåº¦ãŒå¤§å¹…ã«å¤‰ã‚ã£ã¦ãã¾ã™ã€‚ã“ã“ã§ã¯ jQuery ã®å†…部処ç†ã‚’疑似コードã§ç¤ºã—ã¤ã¤ã€jQuery を高速ã«ä½¿ã†ãŸã‚ã®ãƒã‚¤ãƒ³ãƒˆã‚’５ã¤ã«çµžã£ã¦ç´¹ä»‹ã—ã¾ã™ã€‚何度もåŒã˜ã‚»ãƒ¬ã‚¯ã‚¿ã‚’実行ã—ãªã„クラスã ã‘を指定ã™ã‚‹ã®ã¯ç¦æ¢#id ã‚’ç©æ¥µçš„ã«ä½¿ã†é€”ä¸ã¾ã§ã®çµæžœã‚’å†åˆ©ç”¨ã™ã‚‹å供セレクタ(>)を使ã†ã¨é€Ÿããªã‚‹ã“ã¨ãŒã‚る※ ã“ã®è¨˜äº‹ã¯ jQuery 1.2.6 ã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’å…ƒã«è¨˜è¿°ã—ã¦ã„ã¾ã™1. 何度もåŒã˜ã‚»ãƒ¬ã‚¯ã‚¿ã‚’実行ã—ãªã„æ”¹å–„å‰ // 例題 1 $("div.foo").addClass("bar"); $("div.foo").css("background", "#ffffff"); $("div.foo").click(function(){
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
SlideFinder -Web開発者å‘ã‘日本語スライドã¾ã¨ã‚-
{{#tags}}- {{label}}
{{/tags}}