大è¦æ¨¡æ”¹ä¿®ã®è£ã§TypeScriptã¨ãƒ†ã‚¹ãƒˆå°Žå…¥ã‚’ã™ã™ã‚ãŸè©±Introducing ReActionView: A new ActionView-compatible ERB Engine @ Rails World 2025, Amsterdam
JS Libs Deconstructed
Navigate the physical library code to see what, where, and how the magic happens Blog The Deconstructed series is designed to visually and interactively deconstruct the internal code of JavaScript libraries, including jQuery, Prototype and MooTools. It breaks the physical JavaScript into visual blocks that you can easiliy navigate. Each block opens to reveal its internal code. Clickable hyperlinks
迷路を作ã£ã¦éŠã‚“ã§ã¿ã‚‹ - 犬もæ©ã‘ã°æ£’ã‚‚æ©ã
è¿·è·¯ã®æŽ¢ç´¢ãŒã‚„ã‚ŠãŸããªã£ãŸã®ã§ã€è¿·è·¯ã‚’作ã£ã¦ã¿ã¾ã—ãŸã€‚ セルã®ç¨®é¡ž ã¾ãšè¿·è·¯ã‚’表ç¾ã™ã‚‹ãŸã‚ã«ã‚»ãƒ«ã‚’作りã¾ã™ã€‚ã“ã®ã¨ãセルã®ç¨®é¡žã¨ã—ã¦ä»¥ä¸‹ã®ã‚‚ã®ã‚’想定ã—ã¾ã™ã€‚ å£ é€šè·¯ スタート ゴール ã“れをオブジェクトã§è¡¨ç¾ã™ã‚‹ã¨ä»¥ä¸‹ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ var MAZETYPE = { BLOCK : "block", WAY : "way", START : "start", GOAL : "goal" }; ã‚»ãƒ«ã‚’æ ¼ç´ æ¬¡ã«è¿·è·¯ã‚’表ç¾ã™ã‚‹Mazeオブジェクト(コンストラクタ)を作りã¾ã™ã€‚ã“ã®Mazeオブジェクトã¯ã€å…ˆã»ã©ä½œã£ãŸã‚»ãƒ«ã‚’æ ¼ç´ã™ã‚‹ãŸã‚ã«ã€å†…部ã«äºŒæ¬¡å…ƒé…列をæŒãŸã›ã¾ã™ã€‚ã“ã®äºŒæ¬¡å…ƒé…列ã«ã¯ã€åˆæœŸå€¤ã¨ã—ã¦å£ã‚’表ã™ã‚ªãƒ–ジェクトMAZETYPE.BLOCKãŒå…¥ã‚Œã‚‰ã‚Œã¾ã™ã€‚ã¾ãŸã€ã“ã®äºŒæ¬¡å…ƒé…列ã®ãŸã‚ã®ã‚»ãƒƒã‚¿ãƒ¼ã¨ã‚²ãƒƒã‚¿ãƒ¼ã‚‚実装ã—ã¾ã™ã€‚ var Maze = function(w,h) { this.w
コナミコマンドã¨ã‹ã‚’Webサイトã«è¿½åŠ ã§ãるライブラリ - ãšã£ã¨å›ã®ã‚¿ãƒ¼ãƒ³
作ã£ã¦ã¿ãŸã€‚（è¦prototype.js） http://github.com/technohippy/ProtoCommand 使ã„æ–¹ã¯ã ã„ãŸã„ã“ã‚“ãªæ„Ÿã˜ã€‚ var sevenUp = new ProtoCommand('up up up up up up up'); sevenUp.action = function(){alert('7UP')}; ProtoCommand.observeAll(); 7回カーソルã‚ーã®ä¸Šã‚’押ã—ãŸã‚‰ã‚¢ãƒ©ãƒ¼ãƒˆãŒä¸ŠãŒã‚‹ã€‚ ç”»é¢ç§»å‹•ã™ã‚‹ãŸã‚ã®ç°¡æ˜“メソッドも作ã£ãŸã®ã§ var google = new ProtoCommand('g o o g l e enter'); google.link('http://google.com'); ProtoCommand.observeAll(); ã“ã‚“ãªæ„Ÿã˜ã«ã™ã‚Œã°google[ENTER]ã¨æŠ¼ã™ã¨Googleã«ç§»
ã€ã‚³ãƒ©ãƒ 】ãã‚ãã‚ãã£ã¡ã‚ŠJavaScript 第1回 "Firebug"ã®å°Žå…¥ã€œé–¢æ•°ãƒªãƒ†ãƒ©ãƒ«ã¨ã¯? (MYCOMジャーナル)
多彩ãªæ¼”出効果をカンタンã«å°Žå…¥ã§ãる事ã§è„šå…‰ã‚’æµ´ã³ãŸprototype.jsã®ç™»å ´ã‚’皮切りã«ã€ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã§å…¬é–‹ã•ã‚Œã¦ã„ã‚‹JavaScriptライブラリã®æ•°ã¯ã€ã“ã®ä¸€å¹´ã§æ€¥æ¿€ã«å¢—åŠ ã—ãŸã€‚何ã‹ã‚„ã‚ŠãŸã„ã“ã¨ãŒã‚ã£ãŸã¨ãã¯Webã§æ¤œç´¢ã™ã‚Œã°ã€å¤§æŠµã€ã©ã“ã‹ã«ãƒ©ã‚¤ãƒ–ラリãŒè»¢ãŒã£ã¦ã„る。便利ãªä¸–ã®ä¸ã«ãªã£ãŸã‚‚ã®ã 。 一方ã€Webを通ã˜ã¦æä¾›ã•ã‚Œã‚‹ã‚µãƒ¼ãƒ“スã¯å¤šæ§˜åŒ–ã®ä¸€é€”を辿ã£ã¦ã„る。JavaScriptライブラリã¯æ•´ã£ã¦ããŸãŒã€å½“然ã€ç½®ãã ã‘ã§ã¯æ©Ÿèƒ½ã—ãªã„。ライブラリã®ã‚µãƒãƒ¼ãƒˆãƒšãƒ¼ã‚¸ã«ã¯ç°¡å˜ãªã‚µãƒ³ãƒ—ルãŒè¼‰ã£ã¦ã„ã‚‹ã‚‚ã®ã®ã€ã‚µãƒ³ãƒ—ルãŒãã®ã¾ã¾é©ç”¨ã§ãるケースã¯ã”ãã‚ãšã‹ã 。ã—ã‹ãŸãªãã€ä»–ã®èª°ã‹ãŒä¼¼ãŸã‚ˆã†ãªäº‹ã‚’ã‚„ã£ã¦ã„ãªã„ã‹ã¨Web検索ã™ã‚‹ã¯ã‚ã«ãªã‚‹ã€‚ æ€ãˆã°ã€ã“ã‚Œã¾ã§JavaScriptを言語ã¨ã—ã¦ã¨ã‚‰ãˆã€ãã£ã¡ã‚Šå‘ãåˆã†æ©Ÿä¼šã¯å°‘ãªã‹ã£ãŸã®ã§ã¯ãªã„ã ã‚ã†ã‹ã€‚ 1995å¹´ã®çµ‚ã‚ã‚Šã€Netscape Navi
Prototype.js を使ã£ãŸ JavaScript OOP 講座 #01
社内ã®ç²¾é‹ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚’ä¸å¿ƒã«å®šæœŸçš„ã«å‹‰å¼·ä¼šã‚’ã™ã‚‹ã“ã¨ã«ãªã£ãŸã€‚ã‚“ã§ã€ JavaScript ã®è¬›ç¾©ã¯åƒ•ãŒã‚„ã‚‹ã“ã¨ã«ãªã£ãŸã€‚ 資料を社内ã ã‘ã§ã¨ã©ã‚ã¦ãŠãã®ã¯ã‚‚ã£ãŸã„ãªã„ã®ã§ã€ã“ã“ã«å…¬é–‹ã—ã¦ã„ãã¾ã™ã€‚社内ã®äººã‚‚社外ã®äººã‚‚èªã‚“ã§ãã ã•ã„。 講義ã®å†…容ã¯åŸºæœ¬çš„ã«ã‚½ãƒ¼ã‚¹å«ã€‚ソースレビュー形å¼ã€‚ ※ターゲット㯠JavaScript ã¯æ›¸ã„ãŸã“ã¨ãªã„ã€ã‚ªãƒ–ジェクト指å‘言語プãƒã‚°ãƒ©ãƒžã€‚ Section 00 Prototype.js ã®å‰ã« JavaScript ã®ã‚ªãƒ–ジェクトã®æ¦‚è¦ãƒ»ãƒ»ãƒ» オブジェクトを作ã£ã¦ã¿ã‚‹ã€‚ var object = {};オブジェクトã«ãƒ¡ã‚½ãƒƒãƒ‰ã¨ã‹ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’è¿½åŠ ã—ã¦ã¿ã‚‹ã€‚ var object = { field: 'IT戦士', method: function() { alert('hello ' + this.field); } }; object.method()
1
ランã‚ング
ランã‚ング
メンテナンス
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}