ã€npm + Karma + Jasmine】JavaScriptã®å˜ä½“テスト環境を構築ã™ã‚‹ - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
メンテナブルãªJsã£ã¦ãªã‚“ã ã‚ã†
38. èªã¿ã‚„ã™ã„。を目指㙠– スタイルガイドã®ä½œæˆ ã¿ã‚“ãªã§ä¸€ç·’㫠スタイルガイドを作る？ • 本当ã«ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«åˆã£ãŸã‚¹ã‚¿ã‚¤ãƒ«ã‚’ 見ã¤ã‘られる • スタイルガイドã®å˜åœ¨ã‚’脳è£ã«ãƒ»ãƒ» • ãã†ã„ãˆã°ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰æ±ºã‚ãŸãªãƒ¼ • 自分ãŸã¡ã§æ±ºã‚ãŸãƒ«ãƒ¼ãƒ«ã ã‹ã‚‰å®ˆã‚‰ãã°ï¼ 39. èªã¿ã‚„ã™ã„。を目指㙠– スタイルガイドã®ä½œæˆ ã¿ã‚“ãªã§ä¸€ç·’㫠スタイルガイドを作る？ • 本当ã«ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«åˆã£ãŸã‚¹ã‚¿ã‚¤ãƒ«ã‚’ 見ã¤ã‘られる • スタイルガイドã®å˜åœ¨ã‚’脳è£ã«ãƒ»ãƒ» • ãã†ã„ãˆã°ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰æ±ºã‚ãŸãªãƒ¼ • 自分ãŸã¡ã§æ±ºã‚ãŸãƒ«ãƒ¼ãƒ«ã ã‹ã‚‰å®ˆã‚‰ãã°ï¼ • ãŠã‚ŒãŒæ‚ªè€…ã«ãªã‚‰ãªã„
morris.js
Getting started Add morris.js and its dependencies (jQuery & Raphaël) to your page. 1 <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.1/morris.css"> 2 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> 3 <script src="//cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script> 4 <script src="//cdnjs.cloudflare.com/ajax/libs/mo
Webã§å‹•ã‹ã—ãªãŒã‚‰æ“作案内を簡å˜è¨ç½®ï¼ 使ã‚ãªã„ã¨ã‹ãªã‚Šæã™ã‚‹Intro.jsã¨ã¯
Webã§å‹•ã‹ã—ãªãŒã‚‰æ“作案内を簡å˜è¨ç½®ï¼ 使ã‚ãªã„ã¨ã‹ãªã‚Šæã™ã‚‹Intro.jsã¨ã¯ï¼šHTML5アプリ作ã‚ã†ãœï¼ï¼ˆ8）（1/2 ページ） HTMLã«å±žæ€§ã‚’è¿½åŠ ã—ã¦ã„ãã ã‘ã§ã€å®Ÿéš›ã«æ“作ã—ãªãŒã‚‰æ¡ˆå†…ã§ãã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ç°¡å˜ã«ä»˜ã‘られるJavaScriptライブラリã®ä½¿ã„方を解説ã—ã¾ã™ã€‚ 動画や専用ページã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚ˆã‚Šåˆ†ã‹ã‚Šã‚„ã™ãã€HTMLåˆå¿ƒè€…ã§ã‚‚手軽ã«è¨ç½®ã§ãã‚‹Intro.js 今回ã®ã€ŒHTML5アプリ作ã‚ã†ãœï¼ã€ã¯ã€ã€ŒIntro.jsã€ã‚’紹介ã—ã¾ã™ã€‚ èªè€…ã®çš†ã•ã‚“ã¯ã€Webサイトï¼Webサービスã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ï¼æ“作案内を作æˆã™ã‚‹ã«ã¯ã€ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«å°‚用ã®Webページを作æˆã—ãŸã‚Šã€æ“作ã™ã‚‹å‹•ç”»ã‚’作æˆã—ãŸã‚Šã—ã¦ã„る方も多ã„ã‹ã¨æ€ã„ã¾ã™ã€‚Intro.jsを利用ã™ã‚‹ã¨ã€å®Ÿéš›ã«æ“作ã—ãªãŒã‚‰æ¡ˆå†…ã§ãã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ç°¡å˜ã«ä»˜ã‘ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ãã®ãŸã‚ã€ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«å°‚用ページや動画を作æˆ
AngularJS コードã®æ§‹é€ 化 | DevelopersIO
複数人㧠AngularJS を利用ã—㟠Web アプリケーションを構築ã™ã‚‹ã¨ãã«å¿…è¦ãªãƒ«ãƒ¼ãƒ«ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ( ã‚ãã¾ã§ç–定ä¸ã®ãƒ«ãƒ¼ãƒ«ã§ã‚ã‚Šã€ä»Šå¾Œã‚‚改変ã™ã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ã¾ãŸã€ãƒ™ã‚¹ãƒˆãƒ—ラクティスを謳ã†ã‚‚ã®ã§ã¯ã‚ã‚Šã¾ã›ã‚“ ) 使用 AngularJS ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ angular.js 1.2.5 angular-route.js 1.2.5 å‚考サイト Dan Wahlin's Blog | Structuring AngularJS Code http://weblogs.asp.net/dwahlin/archive/2013/12/01/structuring-angularjs-code.aspx GitHub | mgechev / angularjs-style-guide / README-ja-jp.md https://github.com/mgechev/a
コードã®ã‚¤ãƒ³ãƒ‡ãƒ³ãƒˆã¯ã‚¿ãƒ–？スペース？ クォートã¯ã‚·ãƒ³ã‚°ãƒ«ï¼Ÿãƒ€ãƒ–ル？ 人気ã®ã‚るコーディングルールã®çµ±è¨ˆ -Popular Coding Convention
コードã®ã‚¤ãƒ³ãƒ‡ãƒ³ãƒˆã¯ã‚¿ãƒ–？スペース？ クォートã¯ã‚·ãƒ³ã‚°ãƒ«ï¼Ÿãƒ€ãƒ–ル？ 人気ã®ã‚るコーディングルールã®çµ±è¨ˆ -Popular Coding Convention
Chrome DevToolsを使ã„ã“ãªã™ãŸã‚ã®å‚考サイトã¾ã¨ã‚ | 1 pixel｜サイãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆå…¬å¼ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã‚ºãƒ–ãƒã‚°
1 pixel｜サイãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆå…¬å¼ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã‚ºãƒ–ãƒã‚° サイãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã®ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã®å–り組ã¿ã‚’紹介ã™ã‚‹ã‚ªãƒ•ã‚£ã‚·ãƒ£ãƒ«ãƒ–ãƒã‚°ã§ã™ã€‚最新技術ã¸ã®æŒ‘戦やサービス誕生ã®è£è©±ã€å‹‰å¼·ä¼šã‚„イベントã®ãƒ¬ãƒãƒ¼ãƒˆãªã©CAクリエイターã®æƒ…å ±ãŒæº€è¼‰ã§ã™ã€‚ フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®è°·ã§ã™ã€‚ 本記事ã§ã¯Google Chromeã®é–‹ç™ºè€…ツールã€Chrome DevToolsを使ã„ã“ãªã™ãŸã‚ã«å‚考ã«ãªã‚‹ã‚µã‚¤ãƒˆã€ãƒšãƒ¼ã‚¸ã®ç´¹ä»‹ã‚’ã—ã¾ã™ã€‚ ã™ã§ã«å¤šãã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒé–‹ç™ºã§ä½¿ã£ã¦ã„ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ã€Œè¦ç´ ã®ã‚¤ãƒ³ã‚¹ãƒšã‚¯ã‚¿ãªã©ã®åŸºæœ¬çš„ãªæ©Ÿèƒ½ã—ã‹ä½¿ã£ã¦ã„ãªã„ã€ã€ŒUA切り替ãˆãらã„ã—ã‹ã¤ã‹ã£ã¦ãªã„ã€ã¨ã„ã†ã‚ˆã†ãªæ–¹ã‚„ã€ãã‚‚ãã‚‚ã»ã¨ã‚“ã©ä½¿ã£ãŸã“ã¨ãŒãªã„ã€ã¨ã„ã†æ–¹ã‚‚ã“れらをå‚考ã«ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã‚’効率化ã—ã¦ã„ãã¾ã—ょã†ï¼ 基本的ãªä½¿ã„æ–¹ Chrome DevTools Overview 基本ã¯ã‚„ã¯ã‚Šå…¬å¼ãƒ‰ã‚ュメ
Backbone.js 日本語リファレンス
object.once(events, callback, [context]) object.listenTo(other, event, callback) object.stopListening([other], [event], [callback]) Backbone.Model Backbone.Model.extend([properties], [classProperties]) Backbone.Model　を継承ã—ãŸæ–°ã—ã„モデルを作りã¾ã™ã€‚ properties インスタンスメンãƒã‚’定義ã—ã¾ã™ã€‚ var User = Backbone.Model.extend({ say: function () { console.log("Hello."); } }); var user = new User(); user.say(); //-> Hello. classPr
Chrome Developer Toolsを使ã„ã“ãªãã†ï¼
1. Chrome  Developer  Tools  を 使ã„ã“ãªãã†ï¼ 2013/04/02 Google  Developers  Live  Japan  #3 ã“ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’使ã£ãŸã‚»ãƒƒã‚·ãƒ§ãƒ³ã¯ã“ã¡ã‚‰  →  http://bit.ly/YYtStr Toru  Yoshikawa  (@yoshikawa_̲t) 2. Who? å‰å·  徹  /  Toru  Yoshikawa @yoshikawa_̲t Google  Developer  Experts  (Chrome) html5j/HTML5ã¨ã‹å‹‰å¼·ä¼šã‚¹ã‚¿ãƒƒãƒ• Webå…ˆç«¯å‘³â¾’è¦‹ï¨Šéƒ¨â€ƒã€€é¡§å• â½‡æ—¥æœ¬jQuery  Mobileユーザー会 　管ç†ï§¤â¼ˆäºº Sublime  Text  2  Japan  Users  Group 　管ç†ï§¤â¼ˆäºº allWebクリエイター塾/jQuery  Mobile担当講師 Blog:
WEBページをJSã§è‡ªå‹•æ“作ã§ãるよã†ã«ã§ãる「SlimerJSã€:phpspot開発日誌
SlimerJS WEBページをJSã§è‡ªå‹•æ“作ã§ãるよã†ã«ã§ãる「SlimerJS〠サイトを開ã„ã¦ã€ãƒ–ラウザã®ã‚µã‚¤ã‚ºã‚’é–‹ã„ã¦ã€ç”»åƒã‚’æç”»ã—ã¦ã€ã‚¯ãƒªãƒƒã‚¯ã—ã¦ã€ã¨ã„ã†ã‚ˆã†ãªæ“作をJSã§ç°¡å˜ã«ã‹ã‘るフレームワークã§ã™ã€‚ サイトã®ãƒ†ã‚¹ãƒˆç‰ã€è‡ªå‹•åŒ–ã—ãŸã„部分をライブラリを活用ã—ã¦è‡ªå‹•åŒ–ã§ãã¾ã™ 関連エントリ JSã§ã‚¯ãƒã‚¹ãƒ–ラウザã®å‹•ä½œãƒ†ã‚¹ãƒˆã‚’自動化ã§ãる「DalekJS〠ã‚らゆるRESTã®ãƒ†ã‚¹ãƒˆãŒå‡ºæ¥ã‚‹WEB開発者用Chromeアプリ「Postman〠iOSã€Androidアプリã®è‡ªå‹•ãƒ†ã‚¹ãƒˆã‚’実行ã™ã‚‹ãŸã‚ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワーク「Appiumã€
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Flatis
{{#tags}}- {{label}}
{{/tags}}