ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
JavaScriptã§ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆãŒå–れるライブラリ「html2canvasã€:phpspot開発日誌
html2canvas - screenshots with JavaScript JavaScriptã§ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆãŒå–れるライブラリ「html2canvas〠サーãƒã‚µã‚¤ãƒ‰ã§ãƒ–ラウザを動ã‹ã—ã¦ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆã‚’å–ã‚‹ã¨ã„ã†ã‚ˆã‚Šã€åˆ©ç”¨è€…ã®ãƒ–ラウザ上ã§ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆã‚’JavaScriptã¨canvasを使ã£ã¦ç”Ÿæˆã—ã¡ã‚ƒãŠã†ã¨ã„ã†ã‚‚ã®ã‚‰ã—ã„ã§ã™ã€‚ canvaséžæ載ブラウザã¯flashcanvasã‚„ExplorerCanvasç‰ã®ä»£æ›¿ãŒå¿…è¦ã¨ã®ã“ã¨ã€‚ html2canvasã§ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã•ã‚ŒãŸã‚µãƒ³ãƒ—ルも見るã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ frameã‚„objectã®ã‚µãƒãƒ¼ãƒˆã¯ã—ã¦ã„ãªã„点ã«æ³¨æ„。 スクリーンショットをå–る仕組ã¿ã‚’サーãƒã«ä»•è¾¼ã‚€ã¨ã‚¿ã‚¤ãƒ ラグãŒã‚ã£ãŸã‚Šã‚µãƒ¼ãƒå´ã¯å¤§å¤‰ã ã£ãŸã‚Šã§è‰²ã€…å•é¡Œç‚¹ã‚’抱ãˆã¦ã„ã¾ã™ãŒã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆå´ã§ã‚„ã‚Œã°ç”»åƒã‚’å—ã‘å–ã‚‹ã ã‘ã§ã„ã„ã®ã§ä¾¿åˆ©ã§ã™ã€‚ クライアントã”ã¨ã®è¡¨ç¤º
[JS]Flashã§ã‚‚ãªã„ã€HTML5ã§ã‚‚ãªã„ã€ã‚¿ã‚¤ãƒ ラインベースã®è¤‡é›‘ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’作æˆã§ãるスクリプト -Mashi | コリス
ã±ã£ã¨è¦‹ãŸçž¬é–“「Flashã ãªã€ã¨æ€ã£ã¦ã—ã¾ã£ãŸãらã„ã®ã€Flashã§å®Ÿè£…ã—ãŸã‚ˆã†ãªè¤‡é›‘ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚„ムービーを作æˆã§ãるスクリプトを紹介ã—ã¾ã™ã€‚ 使用ã™ã‚‹ã®ã¯HTML, CSS, JavaScriptã§ã€ã“ã†ã„ã£ãŸã‚‚ã®ã«ã‚ã‚ŠãŒã¡ãªHTML5, Canvas, CSS3ã«ã¯é ¼ã£ã¦ã„ã¾ã›ã‚“。jQueryãªã©ä»–ã®ã‚¹ã‚¯ãƒªãƒ—トã«ã‚‚ä¾å˜ã—ã¦ã„ã¾ã›ã‚“。 ※CSS3ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãªã©ã‚ªãƒ—ションã¨ã—ã¦åˆ©ç”¨ãŒå¯èƒ½ã§ã™ã€‚ Mashiã®ä¸»ãªç‰¹å¾´ スタンダードãªHTML, CSS, JavaScriptã§Flashã®ã‚ˆã†ãªãƒ ービーã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’作æˆã§ãã¾ã™ã€‚(X)HTMLコンテンツã«è¨ç½®ãŒç°¡å˜ã«ã§ãã¾ã™ã€‚ 41KB/13KB(CDN+GZip)ã¨éžå¸¸ã«è»½é‡ã§ã€ã‚ªãƒ–ジェクト指å‘ã€ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«å¼ã§ã™ã€‚ 基本的ãªåˆ©ç”¨ã§ã¯ã€è¿½åŠ ã®ãƒ—ラグインã¯å¿…è¦ã‚ã‚Šã¾ã›ã‚“。 IE6ã‚’ã¯ã˜ã‚ã€ã™ã¹ã¦ã®ä¸»è¦ãªãƒ–ラウザをサãƒãƒ¼ãƒˆã—ã¦ã„ã¾ã™
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
ãœã‚“ã¶ãƒ”ュアCSSã§ã‚„ã£ã¡ã‚ƒãŠã†ã¨ã„ã†JavaScriptã®ä»£æ›¿ãƒ‡ãƒ¢ï¼•ï¼–:phpspot開発日誌
56 Pure CSS Effects Javascript Alternatives Including Demos | Designs Mag (Designs Magazine) ãœã‚“ã¶ãƒ”ュアCSSã§ã‚„ã£ã¡ã‚ƒãŠã†ã¨ã„ã†JavaScriptã®ä»£æ›¿ãƒ‡ãƒ¢ï¼•ï¼–。 全部CSSã§ã‚„ã£ã¡ã‚ƒã†ã®ã¯ã‚€ã—ã‚手間ã«ãªã£ãŸã‚Šã—ãã†ã§ã™ãŒã€CSSã§ã‚‚ã§ãã‚‹ã¨ã„ã†å¼•ã出ã—ã‚’ã‚‚ã£ã¦ãŠãã¨æ€ã„ã®å¤–ç°¡å˜ã«ã§ãã‚‹ã“ã¨ã‚‚ãŠãŠãã†ã§ã™ã€‚ ã¨ã„ã†ã‚ã‘ã§ã€ã²ã¨é€šã‚Šè¦‹ã¦ãŠã„ã¦ã‚‚よã„ã‹ã¨æ€ã„ã¾ã™ã€‚ ã©ã¡ã‚‰ãŒã‚‰ãã¡ã‚“ã§ã€ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã®è«–ç†æ§‹é€ çš„ã«æ£ã—ã„ã‹ç‰ã‚’åˆç†çš„ã«è€ƒãˆã¦ã€é¸ã¹ã‚‹ã‚ˆã†ã«ã—ã¦ãŠãã¨ã‚ˆã•ãã†ã§ã™ã。 関連エントリ ピュアCSSã§ã‚¹ãƒ©ã‚¤ãƒ‰ã‚¢ã‚¦ãƒˆã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã®å®Ÿç¾ ピュアCSSãªãƒ‰ãƒãƒƒãƒ—ダウンメニュー実装例 ピュアCSSã§onclickイベントをシュミレーションã™ã‚‹ãƒ‡ãƒ¢
requestAnimationFrame ＜ よーã—ãŠã¾ãˆã‚‰ãƒ¼ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«setInterval使ã†ãªã‚ˆãƒ¼ - ãã‚ã¾ã»ã†ã•ã„ãょã†ã§ã‚“ã›ã¤
よりé©åˆ‡ãªã‚‚ã®ãŒè¿½åŠ ã•ã‚ŒãŸã®ã§ãã£ã¡ã‚’使ã„ã¾ã—ょã†ã€‚ setInterval/setTimeout → requestAnimationFrame; ã“ã‚Œã¾ã§ã¯ setInterval function render(){ // アニメーション 1フレーム分ã®å‡¦ç† } setInterval(render, 1000 / 60); ã“ã‚Œã¯ã‚‚ã†å¤ã„。 ã“ã‚Œã‹ã‚‰ã¯ requestAnimationFrame function animationLoop(){ render(); requestAnimationFrame(animationLoop); } animationLoop(); ã“ã†ã™ã¹ã—。 requestAnimationFrameã«ã™ã‚‹ã¨ä½•ãŒã„ã„ã®ï¼Ÿ 複数ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³æ写処ç†ã‚’一ã¤ã«ã¾ã¨ã‚ã¦æœ€é©åŒ–ã—ã¦ãれる åŒã˜ç”¨ã«å‹•ã‹ã—ã¦ã„る物体A,Bã®å‹•ããŒæ¬¡ç¬¬ã«ãšã‚Œã¦ã„ãã¨ã‹ãŒãªããª
[JS]背景画åƒã‚„スライドショーをブラウザã„ã£ã±ã„ã«è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Vegas
写真画åƒã‚’ブラウザã„ã£ã±ã„ã«è¡¨ç¤ºã—ã€ã‚¦ã‚§ãƒ–ページã«ãƒ•ãƒ«è¡¨ç¤ºã®èƒŒæ™¯ç”»åƒã‚„スライドショーをè¨ç½®ã™ã‚‹jQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚ ドットベースã®ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤ç”¨ã®ç”»åƒãŒæ•°å¤šã用æ„ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€ç”»åƒã«ã‚¹ã‚¿ã‚¤ãƒªãƒƒã‚·ãƒ¥ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’åŠ ãˆã‚‹ã“ã¨ã‚‚ç°¡å˜ã«ã§ãã¾ã™ã€‚ デモページ サムãƒã‚¤ãƒ«ã‚’クリックã™ã‚‹ã¨ã€å†™çœŸç”»åƒãŒå¤‰æ›´ã•ã‚Œã¾ã™ã€‚ Vegasã®å®Ÿè£… 外部スクリプト 「jquery.jsã€ã¨å½“スクリプトを外部ファイルã¨ã—ã¦æŒ‡å®šã—ã¾ã™ã€‚ <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="/vegas/jquery.vegas.js"></script> スタイルシート スタイルシートもã‚らã‹ã˜ã‚用æ„ã•ã‚Œã¦ãŠã‚Šã€å¤–部ファイルã¨ã—ã¦æŒ‡å®šã—ã¾ã™ã€‚ <link rel="st
モテるJS系女å力を磨ããŸã‚ã®4ã¤ã®å¿ƒå¾— - KAYAC Engineers' Blog
1. ã‚ãˆã¦ECMAScript3.0以å‰ã®å®Ÿè¡Œç’°å¢ƒã‚’使ㆠã‚ãˆã¦ECMAScript3.0ã®å®Ÿè¡Œç’°å¢ƒã‚’使ã†ã‚ˆã†ã«ã—ã¾ã—ょã†ã€‚ãã—ã¦ATNDã§å¥½ã¿ã®ç”·ãŒã„ãŸã‚‰LTå‚åŠ ã‚’å‘ŠçŸ¥ã—ã€ã‚ã–ã¨ã‚‰ã—ã発表準備段階ã§ã‚³ãƒ³ã‚½ãƒ¼ãƒ«ã‚’出ã—ã¦ã„ã˜ã£ã¦ã¿ã¾ã—ょã†ã€‚ãã—ã¦ã€Œã‚～んï¼ã€€ã“ã®å®Ÿè¡Œç’°å¢ƒæœ¬å½“ã«ãƒžã‚¸ã§ãƒãƒ§ãƒ¼ãƒ ã‚«ã¤ãã‚“ã§ã™ã‘ã©ã‰ã‰ãŠï½žï¼ã€ã¨è¨€ã£ã¦ã€ç”·ã«ã€Œã©ã†ã—ãŸã®ï¼Ÿã€ã¨è¨€ã‚ã›ã¾ã—ょã†ã€‚言ã‚ã›ãŸã‚‰ã‚‚ã†å¤§æˆåŠŸã€‚「ECMAScriptã¨ã‹è©³ã—ããªãã¦ã‡ï½žï¼ ãšã£ã¨ã‚³ãƒ¬ä½¿ã£ã¦ã‚‹ã‚“ã§ã™ã‘ã©ã‰ï½žï¼ Object.keysãŒä½¿ãˆãªã„ã‚“ã§ã™ã…ï½žï¼ ã·ã‚“ã·ãり～ん（怒）ã€ã¨è¨€ã„ã¾ã—ょã†ã€‚ã ã„ãŸã„ã®ç”·ã¯æ–°ã—ã„実行環境をæŒã¡ãŸãŒã‚‹ç¿’性ãŒã‚ã‚‹ã®ã§ã€ECMAScript5ã®å®Ÿè¡Œç’°å¢ƒã‚’使ã£ã¦ã„ã‚‹ã¯ãšã§ã™ã€‚ ãã“ã§ç”·ãŒã€Œæ–°ã—ã„実行環境ã«ã—ãªã„ã®ï¼Ÿã€ã¨è¨€ã£ã¦ãã‚‹ã¯ãšï¼ˆObject.prototypeã®æ‹¡å¼µã‚’勧ã‚ã‚‹ç”·ã¯ãã®æ™‚点ã§ã‚¬ãƒ³ç„¡è¦–OK）。
[JS]通知パãƒãƒ«ã‚’アニメーションã§è¡¨ç¤ºã™ã‚‹è¶…軽é‡ã®ã‚¹ã‚¯ãƒªãƒ—ト -Humane JS
jQueryãªã©ä»–ã®ã‚¹ã‚¯ãƒªãƒ—トã«ä¾å˜ã›ãšã«å‹•ä½œã™ã‚‹ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§è¡¨ç¤ºã™ã‚‹é€šçŸ¥ãƒ‘ãƒãƒ«ã‚’実装ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—トを紹介ã—ã¾ã™ã€‚ Humane JS デモページ [ad#ad-2] 上記デモã®ã€ŒWelcome Backã€ã®é€šçŸ¥ãƒ‘ãƒãƒ«ã¯ã€ä¸‹è¨˜ã®ã‚¹ã‚¯ãƒªãƒ—トã§å®Ÿè£…ã•ã‚Œã¦ã„ã¾ã™ã€‚ JavaScript humane("Welcome Back"); 通知パãƒãƒ«å†…ã®ãƒ†ã‚ストã«ã¯HTMLも使用å¯èƒ½ã§ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’利用ã™ã‚‹ã“ã¨ã‚‚å¯èƒ½ã§ã™ã€‚ JavaScript humane("<p style='color:red'>Invalid Username and/or Password</p>"); [ad#ad-2] スクリプトã®ã‚ªãƒ—ション スクリプトã®ã‚ªãƒ—ションã§ã¯ä¸‹è¨˜ã‚’è¨å®šã§ãã¾ã™ã€‚ 通知パãƒãƒ«ã®è¡¨ç¤ºæ™‚é–“ 表示時間終了後ã€ãƒžã‚¦ã‚¹ãƒ»ã‚ーボードæ“作ãŒã‚ã‚‹ã¾ã§è¡¨ç¤º æ–°ã—ã„通知パãƒãƒ«ãŒã™ãã«è¡¨ç¤ºã•ã‚Œã‚‹ã‹ã©ã†ã‹ 対
JavaScriptエラー時ã«ã‚¨ãƒ©ãƒ¼ã‚’分ã‹ã‚Šã‚„ã™ã通知ã—ã¦ãれるChrome拡張「JavaScript Errors Notifierã€:phpspot開発日誌
JavaScriptエラー時ã«ã‚¨ãƒ©ãƒ¼ã‚’分ã‹ã‚Šã‚„ã™ã通知ã—ã¦ãれるChrome拡張「JavaScript Errors Notifier〠2011å¹´05月10æ—¥- JavaScript Errors Notifier - Chrome ウェブストア JavaScriptエラー時ã«ã‚¨ãƒ©ãƒ¼ã‚’分ã‹ã‚Šã‚„ã™ã通知ã—ã¦ãれるChrome拡張「JavaScript Errors Notifier〠エラーãŒã‚ã£ãŸå ´åˆã«ã€ã‚¢ãƒ‰ãƒ¬ã‚¹ãƒãƒ¼ã®æ˜Ÿã‚¢ã‚¤ã‚³ãƒ³ã®ã¨ãªã‚Šã«æ¬¡ã®ã‚ˆã†ã«é€šçŸ¥ã—ã¦ãã‚Œã¾ã™ã€‚ アイコンをクリックã™ã‚Œã°å…·ä½“çš„ãªã‚¨ãƒ©ãƒ¼å†…容ãŒåˆ†ã‹ã‚‹ã¨ã„ã†ç‰©ã€‚ 赤ã®ã‚¢ã‚¤ã‚³ãƒ³ã§ã‚¨ãƒ©ãƒ¼æ¤œçŸ¥ãŒåˆ†ã‹ã‚Šã‚„ã™ãã¦ã„ã„ã§ã™ã。 通常ã®çŠ¶æ…‹ã§ã¯ã‚¨ãƒ©ãƒ¼ãŒã‚ã‚ã†ã¨ã€ãƒ‡ãƒ™ãƒãƒƒãƒ‘ーツールç‰ã§ã‚³ãƒ³ã‚½ãƒ¼ãƒ«ã‚’é–‹ã„ã¦ãªã„é™ã‚Šæ°—ã¥ãã“ã¨ã¯å‡ºæ¥ã¾ã›ã‚“ãŒã€ã“ã‚Œã¯é–‹ç™ºè€…ã¯å¿…é ˆã®ãƒ„ールã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã。 関連エントリ PHPã®ã‚¨ãƒ©ãƒ¼ãªã‚“ã‹ã‚’ブラウザã§ç¢ºèªã§ãã‚‹C
twihelp.me
twihelp.me 2019 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
CoffeeScript入門 - プãƒã‚°ãƒ©ãƒ deタマゴ
ã“ã®è¨˜äº‹ãŒå¯¾å¿œã™ã‚‹CoffeeScriptã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯1.7ã§ã™ã€‚ 基本的ã«ã¯æœ¬å®¶ã‚µã‚¤ãƒˆCoffeeScriptã®å†…容ã¨åŒã˜ã§ã™ã€‚ã‚ã‹ã‚Šã‚„ã™ã„よã†ã«è‰²ã€…ã¨ç§ãŒå‹æ‰‹ã«å†æ§‹ç¯‰ã€è¿½åŠ ã—ã¦ã¯ã‚ã‚Šã¾ã™ãŒã€‚（日本語訳ã¨ç´¹ä»‹ã•ã‚Œã‚‹ã¨ã¡ã‚‡ã£ã¨å¿ƒå¤–ã§ã™ãª(´Д⊂ヽ ） ãªãŠã€JavaScriptã®åŸºç¤ŽçŸ¥è˜ã‚’å‰æã¨ã—ã€JavaScriptã‹ã‚‰å¼•ã継ãŽé‡è¤‡ã™ã‚‹å†…容ã¯è§£èª¬ã•ã‚Œã¾ã›ã‚“。 ã‚。後ã€ã“ã®è¨˜äº‹ã®æ–‡ç« ã€CoffeeScriptコードã€JavaScriptコードã«é–¢ã™ã‚‹è‘—作権ã¯æ”¾æ£„ã—ã¦ã„ã¾ã™ã€‚パブリックドメインã¨è¨€ã†ãã†ã§ã™ã€‚æ–‡ç« ã€ã‚³ãƒ¼ãƒ‰è‡ªç”±ã«å¼•ç”¨æ”¹å¤‰å…¬é–‹ã—ã¦ã‚‚å•é¡Œã‚ã‚Šã¾ã›ã‚“。 最終更新日：2014/1/29 è¿½åŠ : æ–‡å—列 演算åãªã© ã¯ã˜ã‚ã«ï¼šCoffeeScriptã®ãƒ¡ãƒªãƒƒãƒˆã¨ãƒ‡ãƒ¡ãƒªãƒƒãƒˆ 一般ã«è¨€ã‚ã‚Œã¦ã„ã‚‹CoffeeScriptを使ã†ãƒ¡ãƒªãƒƒãƒˆãƒ‡ãƒ¡ãƒªãƒƒãƒˆã‚’載ã›ã¦ãŠãã¾ã™ã€‚ ã¾ã€ã“ã‚“ãªè«–争気ã«ã›ãšã€ä½¿ã£
ベターJavaScript!? CoffeeScriptãŒæ³¨ç›®ã•ã‚Œã‚‹ãƒ¯ã‚±ï¼šRails Hubæƒ…å ±å±€ï¼šã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒ©ã‚¤ãƒ•
JavaScriptã¸ã‚³ãƒ³ãƒ‘イルã—ã¦å®Ÿè¡Œã™ã‚‹ã“ã¨ã‚’å‰æã¨ã—ãŸã‚¹ã‚¯ãƒªãƒ—ト言語「CoffeeScriptã€ãŒã¡ã‚‡ã£ã¨ã—ãŸæ³¨ç›®ã‚’集ã‚ã¦ã„ã¾ã™ã€‚CoffeeScript自体ã¯2009年末ã«ç™»å ´ã—ã€ãã®1年後ã®2010å¹´12月ã«ãƒãƒ¼ã‚¸ãƒ§ãƒ³1.0ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¦ã„ã¾ã™ãŒã€æ³¨ç›®ã‚’集ã‚ãŸã®ã¯ã€æ•°æ—¥å‰ï¼ˆ2011å¹´4月13日）ã«Ruby on Railsã®ç”Ÿã¿ã®è¦ªã§ã‚ã‚‹DHHãŒã€æ¬¡æœŸãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®Rails3.1ã§jQueryã‚„SCSSã¨åˆã‚ã›ã¦ã€CoffeeScriptをデフォルトã¨ã—ã¦æŽ¡ç”¨ã™ã‚‹ã¨Twitter上ã§ç™ºè¨€ã—ã¦è°è«–ãŒå·»ãèµ·ã“ã£ãŸã‹ã‚‰ã§ã™ã€‚ Yes, it's true, Rails 3.1 is going to ship with CoffeeScript and SCSS in the box for use with the new asset pipeline. It's bad ass.
JavaScript 標準ライブラリ RegExp - Wikibooks
[編集] RegExp æ£è¦è¡¨ç¾ã¨ã¯ã€æ–‡å—列ã®æ¤œç´¢ã‚„ç½®æ›ã«ç”¨ã„られるã€æ–‡å—ã®è¦å‰‡è¡¨ç¾ã®æ–¹æ³•ã§ã‚る。 JavaScriptã¯æ–‡å—列ã«åŸ·ç€ãŒã‚ã£ãŸã®ã‹ã€é«˜åº¦ãªæ£è¦è¡¨ç¾ã®æ©Ÿèƒ½ã‚’å‚™ãˆã¦ã„る。 æ£è¦è¡¨ç¾ã¯ã€Unixã®ä¸–ç•Œã§ã€grepã‚„sedã§ã€æ–‡å—列ã®æ¤œç´¢ã®æ©Ÿèƒ½ã¨ã—ã¦æŽ¡ç”¨ã•ã‚Œã€ãã®å¾Œawkã¨ã„ã†è¨€èªžãŒãã‚Œã«ç¶šãã€PerlãŒãã®æ–‡æ³•ã‚’å—ã‘ã¤ã„ã 。 æ£è¦è¡¨ç¾ã¯ã€è¨€èªžã”ã¨ã«æ©Ÿèƒ½ã®é•ã„ãŒã‚ã‚Šã€æ±Žç”¨è¨€èªžã§ã¯PerlãŒæœ€ã‚‚高機能ã ãŒã€ãã‚Œãžã‚Œã«æ°—ã«ã‹ã‘る程ã®å·®ã¯ç„¡ã„。 例ãˆã°HTMLã§ã®è¦ç´ åã‚’å–å¾—ã™ã‚‹éš›ã«ã¯ã€"<"ã®æ–‡å—ã‹ã‚‰å§‹ã¾ã‚Šè‹±æ•°å—ãŒç¶šããŸã‚ã€ã“れを検索ã™ã‚‹ã«ã¯æ£è¦è¡¨ç¾ã§ã¯æ¬¡ã®æ§˜ã«è¨˜è¿°ã™ã‚‹ã€‚ /<[a-zA-z]+/ ã“ã‚Œã§HTMLã®è¦ç´ åã‚’å–å¾—ã™ã‚‹ã«ã¯å®Œå…¨ã§ã¯ãªã„ã®ã ãŒã€ã¨ã‚Šã‚ãˆãšãã®ç‚¹ã‚’飛ã°ã—ã¦è§£èª¬ã‚’ã™ã‚‹ã€‚ JavaScriptã§ã¯ã€æ£è¦è¡¨ç¾ã‚’スラッシュ"/"ã®é–“ã«è¨˜è¿°ã‚’ã™ã‚‹ã€‚ ã“ã®è¦å‰‡ã®å ´åˆã¯å°ãªã‚Š
パスワードèªè¨¼
ラジック 気軽ã«æ¥½ã—ã‚るブãƒã‚°ãƒ¡ãƒ‡ã‚£ã‚¢ã€Œãƒ©ã‚¸ãƒƒã‚¯ã€ã¯ï¼’ã¡ã‚ƒã‚“ãã‚‹ã‚’ä¸å¿ƒã«ã‚¨ãƒ³ã‚¿ãƒ¡æƒ…å ±ã‚’ãŠå±Šã‘ï¼
第2回　完全版：ブラウザã¨ãƒ‡ãƒãƒƒã‚°ç’°å¢ƒ | gihyo.jp
ã“ã‚“ã«ã¡ã¯ã€å¤ªç”°ã§ã™ã€‚å‰å›žã¯ã‚¯ãƒã‚¹ãƒ–ラウザã®å…¥å£ã¨ã—ã¦ã€å„ブラウザã®ç‰¹å¾´ã‚’ã¾ã¨ã‚ã¤ã¤ã€å®Ÿéš›ã«ã‚¯ãƒã‚¹ãƒ–ラウザãªã‚³ãƒ¼ãƒ‰ã‚’紹介ã—ã¾ã—ãŸã€‚今回ã¯ã‚¯ãƒã‚¹ãƒ–ラウザ対ç–ã«ãŠã‘る基本ã§ã‚ã‚‹ã€å„ブラウザ環境ã®æ§‹ç¯‰ã«ã¤ã„ã¦è§£èª¬ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ å‰å›žç´¹ä»‹ã—ãŸé€šã‚Šãƒ–ラウザã«ã¯ãŸãã•ã‚“ã®ç¨®é¡žãƒ»ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒã‚ã‚Šã¾ã™ã€‚ãã‚Œãžã‚ŒãŒå‹•ä½œã™ã‚‹ç’°å¢ƒã‚’用æ„ã™ã‚‹ã ã‘ã§ã‚‚ã€ä¸€è‹¦åŠ´ã§ã¯ã™ã¿ã¾ã›ã‚“。ãªã‚‹ã¹ãå°‘ãªã„マシンã§ã€å„ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚’インストールã—ã¦ã€ã•ã‚‰ã«ãƒ‡ãƒãƒƒã‚°ã™ã‚‹ãŸã‚ã®ç’°å¢ƒä½œã‚Šã«ã¤ã„ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ãªãŠã€Safari以外ã¯Windows環境を想定ã—ã¦ã„ã¾ã™ã€‚ã•ã‚‰ã«ã€ç‰¹ã«æ–ã‚ŠãŒãªã„é™ã‚Šã¯Windows XP SP3をベースã«è§£èª¬ã•ã›ã¦ã„ãŸã ãã¾ã™ã€‚ã”了承ãã ã•ã„。 å„ブラウザã®ãƒ‡ãƒãƒƒã‚°ç’°å¢ƒã¯è¿‘年目覚ã—ã„ã»ã©ã®é€²åŒ–ã‚’é‚ã’ã¦ã„ã¾ã™ã€‚çµ±åˆãƒ‡ãƒãƒƒã‚°ç’°å¢ƒã®è‰åˆ†ã‘ã§ã‚ã‚‹Firebugã‚’ç†é ã«ã€Safari/Chrome（WebKit）ã®Web
Twitterã®ã¤ã¶ã‚„ãã‚’ã€3è¡Œã®ã‚³ãƒ¼ãƒ‰ã§Webサイトやブãƒã‚°ã«è¡¨ç¤ºã•ã›ã‚‹
ãŠå•ã„åˆã‚ã›ã‚’é ‚ã„ãŸã®ã§ã¤ã„ã§ã« ã”紹介。Twitterã®ã‚¦ã‚£ã‚¸ã‚§ãƒƒãƒˆã®ã‚ˆã†ãª ã‚‚ã®ã‚’ãŠæŽ¢ã—ã ã£ãŸã‚ˆã†ã§ã™ãŒã€ç¾åœ¨ã® å…¬å¼ã®ã‚¦ã‚£ã‚¸ã‚§ãƒƒãƒˆã§ã¯ãªãã€è‰²ã€…ã¨css ã§ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºå‡ºæ¥ã‚‹ã‚ˆã†ã«ã—ãŸã„ã¨ã„ ã†ã”希望ã§ã—ãŸã€‚Twitterã®æŠ•ç¨¿ã‚’表示㙠るã ã‘ãªã‚‰3行もã‚ã‚Œã°å®Ÿè£…出æ¥ã¾ã™ã€‚ タイトルã¯ã‚„や釣りã«è¿‘ã„ã§ã™ã€‚知らãªã„æ–¹å‘ã‘。 Webクリエイターボックスã•ã‚“ã§è¡¨ç¤ºã•ã‚Œã¦ã‚‹ã‚ˆã†ãªæ„Ÿã˜ã«ã—ãŸã„ã€ã¨ã„ã†ã”希望ã§ã—ãŸã€‚ãªãœåƒ•ã«è³ªå•ã—ã¦é ‚ã„ãŸã‹ã¯è¬Žã§ã™ãŒãŠç”ãˆã•ã›ã¦é ‚ãã¾ã™ã€‚ ウィジェットやjQueryã€RSSを使ã£ã¦ï½žç‰ã€è‰²ã€…ã¨æ–¹æ³•ã¯ã‚ã‚Šã¾ã™ãŒã€è‡ªåˆ†ã§è¡¨ç¤ºã‚‚デザインã—ãŸã„ã€ã‚·ãƒ³ãƒ—ルã§ã„ã„ã¨ã„ã†ã®ã§ã‚ã‚Œã°3行もã‚ã‚Œã°è¡¨ç¤ºã•ã›ã‚‹äº‹ãŒå‡ºæ¥ã¾ã™ã€‚ APIã‚ーをå–å¾—ã—ã¦ï½žç‰ã®é¢å€’ãªæ‰‹é †ã‚‚è¦ã‚Šã¾ã›ã‚“。 [note]statuses/user_timeline/ユーザーã®ã‚¢ã‚«ã‚¦ãƒ³ãƒˆID.jsonã®å½¢å¼ã®json
JavaScript ã®ãƒ‡ãƒãƒƒã‚°æ™‚ã«ã‚ªãƒ–ジェクトを調ã¹ã‚‹ã®ã« console.dir を使ã†ã¨ä¾¿åˆ©
<script type="text/javascript"><!-- function print_r(obj) { var count_obj = 0; function _output(str) { document.writeln(str + "<br/>"); } function _print_r(obj, name, level) { var s = ""; if (obj == undefined || level > 4) return; for (var i = 0; i < level; i++) { s += " | "; } s += " - " + name + ":" + typeof(obj) + "=" + obj; _output(s); if (name == "document" || typeof(obj) != "object") return;
[JavaScript]　猿ã§ã‚‚ã‚ã‹ã‚‹ã‚¯ãƒãƒ¼ã‚¸ãƒ£è¶…入門　ã¾ã¨ã‚ - DQNEOèµ·æ¥æ—¥è¨˜
クãƒãƒ¼ã‚¸ãƒ£ã¨ã¯ クãƒãƒ¼ã‚¸ãƒ£ã¯ã€è¨€è‘‰ã§èª¬æ˜Žã™ã‚‹ã®ãŒå¤§å¤‰é›£ã—ã„概念ã§ã™ã€‚ ã‚ãªãŸã¯ã€è‡ªè»¢è»Šã®ä¹—り方をã€å£ã ã‘ã§èª¬æ˜Žã§ãã‚‹ã§ã—ょã†ã‹ï¼Ÿ ã‚ãªãŸã¯ã€èžºæ—‹(らã›ã‚“)ã®å½¢ã‚’ã€è¨€è‘‰ã ã‘ã§èª¬æ˜Žã§ãã‚‹ã§ã—ょã†ã‹ï¼Ÿ ãšã°ã‚Šã€ã§ããªã„ã§ã—ょã†ã€‚ ã—ã‹ã—ã€è‡ªè»¢è»Šã«ä¹—ã‚‹ã“ã¨ã¯ã§ãã¾ã™ã—ã€é‡é‡‘ã§èžºæ—‹ã®å½¢ã‚’作るã“ã¨ã¯ã§ãã‚‹ã§ã—ょã†ã€‚ 「クãƒãƒ¼ã‚¸ãƒ£ã€ã‚‚ã“ã‚Œã¨åŒã˜ã§ã™ã€‚ ã ã‹ã‚‰ã€Wikipediaã®ã“ã‚“ãªè§£èª¬ã‚’見ã¦ã‚‚è½ã¡è¾¼ã¾ãªã„ã§ãã ã•ã„。 クãƒãƒ¼ã‚¸ãƒ£ (クãƒãƒ¼ã‚¸ãƒ£ãƒ¼ã€Closure) ã¯ã€ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã«ãŠã„ã¦å¼•æ•°ä»¥å¤–ã®å¤‰æ•°ã‚’実行時ã®ç’°å¢ƒã§ã¯ãªãã€è‡ªèº«ãŒå®šç¾©ã•ã‚ŒãŸç’°å¢ƒï¼ˆé™çš„スコープ）ã«ãŠã„ã¦è§£æ±ºã™ã‚‹é–¢æ•°ã®ã“ã¨ã§ã‚る。 ç†è§£ã§ããªã„ã§ã™ã‚ˆã？ ç§ã‚‚ãã†ã§ã—ãŸã€‚ クãƒãƒ¼ã‚¸ãƒ£ã‚’æ—¢ã«çŸ¥ã£ã¦ã„る人ã«ã—ã‹ã€ã“ã®æ–‡ç« ã¯ç†è§£ã§ããªã„ã§ã—ょã†ã€‚ クãƒãƒ¼ã‚¸ãƒ£ã‚’作るã®ã¯é›£ã—ããªã„ ã—ã‹ã—ã€èª¬æ˜Žã™ã‚‹ã®ã¯é›£ã—ãã¦ã‚‚ã€ä½œã‚‹ã®ã¯æ„外ã¨ç°¡å˜ã€‚ãã‚ŒãŒ
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Javascript ã ã‘ã§å‹•ä½œã™ã‚‹ç°¡æ˜“ショッピングカート Javascript Cart | ウェブル
{{#tags}}- {{label}}
{{/tags}}