Visual Studio Code上ã§webpack-dev-serverを使ã£ã¦ãƒ‡ãƒãƒƒã‚°ã™ã‚‹ - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
Jenkinsã§ç”Ÿæˆã—ãŸãƒ•ã‚¡ã‚¤ãƒ«ã‚’Backlogã®ãƒ•ã‚¡ã‚¤ãƒ«å…±æœ‰ã«è»¢é€ã™ã‚‹ | Backlogブãƒã‚°
仕様や画é¢ã¯ç¾è¡Œãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¨ç•°ãªã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ Backlogã®æœ€æ–°ç‰ˆã«ã¤ã„ã¦ã¯ã“ã¡ã‚‰ã‹ã‚‰ã”確èªãã ã•ã„。 ã¯ã˜ã‚ã¾ã—ã¦ã€‚ヌーラボã®ä¸æ‘ã§ã™ã€‚ 今日ã¯ã€ã¿ã‚“ãªå¤§å¥½ãJenkinsã¨Backlogã®é€£æºã«ã¤ã„ã¦ãŠè©±ã—ã¾ã™ã€‚ æ¦‚è¦ Jenkinsã«ã¯Backlog PluginãŒã‚ã‚Šã€Jenkins上ã‹ã‚‰Backlogã®èª²é¡Œã‚ーã«ãƒªãƒ³ã‚¯ã‚’ã¯ã£ãŸã‚Šã€Backlogã®ãƒ¦ãƒ¼ã‚¶æƒ…å ±ã‚’ç”¨ã„ã¦èªè¨¼ã‚’è¡Œã£ãŸã‚Šã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚今回ã€Jenkins上ã§ç”Ÿæˆã—ãŸãƒ•ã‚¡ã‚¤ãƒ«ã‚’Backlogã«è»¢é€ã§ãるよã†ã«æ‹¡å¼µã—ãŸã®ã§ã€ã“ã®æ©Ÿèƒ½ã«ã¤ã„ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ ã„ãã¤ã‹æ´»ç”¨ã®ã‚¢ã‚¤ãƒ‡ã‚¢ãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ãŒã€ã“ã“ã§ã¯ãƒ‰ã‚ュメント生æˆãƒ„ールSphinxã¨çµ„ã¿åˆã‚ã›ãŸä¾‹ã‚’紹介ã—ã¾ã™ã€‚以下ãŒã‚¤ãƒ¡ãƒ¼ã‚¸å›³ã§ã™ã€‚ ãƒãƒ¼ã‚«ãƒ«PCã‹ã‚‰ãƒ•ã‚¡ã‚¤ãƒ«ã‚’コミット JenkinsãŒã‚³ãƒŸãƒƒãƒˆã•ã‚ŒãŸãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒã‚§ãƒƒã‚¯ã‚¢ã‚¦ãƒˆ/æ›´æ–° Sphinxã‚’èµ·å‹•ã—ã¦HT
「ã¨ã‚™ã†ã™ã‚Œã¯ã‚™ä¾¡å€¤ã‚’生ã¿å‡ºã™ã‹ã€ã‚’知るãŸã‚ã«ãƒŒãƒ¼ãƒ©ãƒ›ã‚™ ã¦ã‚™è¡Œã£ã¦ã„ã‚‹ã“㨠| æ ªå¼ä¼šç¤¾ãƒŒãƒ¼ãƒ©ãƒœ(Nulab inc.)
ã“ã®ã‚¨ãƒ³ãƒˆãƒªã¯ é”人出版会ã‹ã‚‰æ˜¨å¹´å‡ºç‰ˆã•ã‚ŒãŸé›»å書ç±ã€Œé–‹ç™ºç¾å ´ã«ä¼ãˆãŸã„10ã®ã“ã¨ã€ã®ã†ã¡ã€ç§ãŒãƒŒãƒ¼ãƒ©ãƒœã®é–‹ç™ºã®é€²ã‚æ–¹ã«ã¤ã„ã¦ç´¹ä»‹ã•ã›ã¦ã„ãŸã ã„ãŸç« を出版社ã®è¨±å¯ã‚’å¾—ã¦è»¢è¨˜ã—ãŸã‚‚ã®ã§ã™ã€‚ãã®ä»–ã®ç« も関西をä¸å¿ƒã«æ´»èºã—ã¦ã„るエンジニアã®çµŒé¨“ã«ã‚‚ã¨ã¥ã知見ã«ã‚ãµã‚ŒãŸã‚‚ã®ã«ãªã£ã¦ãŠã‚Šã¾ã™ã®ã§ã€æœ¬ã‚¨ãƒ³ãƒˆãƒªã‚’èªã‚“ã§èˆˆå‘³ã‚’ã‚‚ãŸã‚ŒãŸã‚‰ãŠæ‰‹ã«å–ã£ã¦é ‚ã‘ã‚Œã°å¹¸ã„ã§ã™ã€‚ ã§ã¯ã€å°‘ã—é•·æ–‡ã«ãªã‚Šã¾ã™ãŒãŠã¤ãã‚ã„ãã ã•ã„。ã¯ã˜ã¾ã‚Šã¯ã˜ã¾ã‚Šï¼ 「ã©ã†ã™ã‚Œã°ä¾¡å€¤ã‚’生ã¿å‡ºã™ã‹ã€ã‚’知るãŸã‚ã«ãƒŒãƒ¼ãƒ©ãƒœã§è¡Œã£ã¦ã„ã‚‹ã“㨠ç§ãŒæ‰€å±žã™ã‚‹æ ªå¼ä¼šç¤¾ãƒŒãƒ¼ãƒ©ãƒœã¯20åã»ã©ã®å°ã•ãªã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢é–‹ç™ºä¼šç¤¾ã§ã™ã€‚ç§ãŸã¡ãŒè‡ªç¤¾ã§é–‹ç™ºã€é‹å–¶ã—ã¦ã„るウェブサービスã«ã¯ä»¥ä¸‹ãŒã‚ã‚Šã¾ã™ã€‚ プãƒã‚¸ã‚§ã‚¯ãƒˆç®¡ç†ãƒ„ール Backlog オンラインドãƒãƒ¼ãƒ„ール Cacoo ã“れらã®ã‚µãƒ¼ãƒ“スã¯ã€å›½å†…ã ã‘ã§ãªã海外ã§ã‚‚沢山ã®ãƒ¦ãƒ¼ã‚¶ã«åˆ©ç”¨ã„ãŸã ã「使ã„ã‚„ã™ã„ã€æ¥½ã—ã„ã€ã¨ã„
Macã§ã‚‚ç„¡æ–™ã§IE確èªã™ã‚‹ãŸã‚ã®Modern.IEãŒæƒ³åƒä»¥ä¸Šã«å¿«é©ã ã£ãŸ
ã“ã‚Œã¾ã§ã€MacBook Air 上ã§åˆ¶ä½œã—ãŸWebページを IE 確èªã™ã‚‹æ™‚ã¯ã€ã€ŒVirtualBoxã€ã‚„「Parallels Desktopã€ã¨ã„ã†ä»®æƒ³PCアプリケーション上㧠Windows 8 ãªã©ã‚’èµ·å‹•ã—ã€ãã“㧠IE ã‚’èµ·å‹•ã—ã¦è¡¨ç¤ºç¢ºèªã—ã¦ã„ã¾ã™ã€‚ ç§ã¯ã€ Windows XP – IE8 Windows 7 – IE9 Windows 8 – IE10 ã®ã‚ˆã†ã«ã€ãªã‚‹ã¹ã一般的ãªOSã¨ãƒ–ラウザーã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§åˆã‚ã›ã¦å€‹åˆ¥ã®ä»®æƒ³PCをインストールã—ã¦ã„ã¾ã™ã®ã§ã€å®Ÿæ©Ÿã§ç¢ºèªã™ã‚‹ã®ã¨æ¯”ã¹ã¦ã‚‚ã»ã¨ã‚“ã©éœè‰²ã®ãªã„精度ã§IEã§ã®è¡¨ç¤ºç¢ºèªã‚’ã™ã‚‹ã“ã¨ãŒã§ãã¦ã„ã¾ã™ã€‚ ãã®éš›ã€ã€ŒWindows 8 – IE10ã€ç’°å¢ƒã¯ã€ãƒ‘フォーマンスãŒè‰¯ã„ã¨èžã„ã¦è³¼å…¥ã—ãŸã€ŒParallels Desktop 7ã€ã¨ã„ã†ä»®æƒ³PCアプリケーションを使用ã—ã¦ã„ã¾ã—ãŸã€‚ ã—ã‹ã—ã€OS X ã‚’ Mavericks（10
『JavaScript開発時ã«ä¾¿åˆ©ãªãƒ„ールãŸã¡ã€
1 pixel｜サイãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆå…¬å¼ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã‚ºãƒ–ãƒã‚° サイãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã®ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã®å–り組ã¿ã‚’紹介ã™ã‚‹ã‚ªãƒ•ã‚£ã‚·ãƒ£ãƒ«ãƒ–ãƒã‚°ã§ã™ã€‚最新技術ã¸ã®æŒ‘戦やサービス誕生ã®è£è©±ã€å‹‰å¼·ä¼šã‚„イベントã®ãƒ¬ãƒãƒ¼ãƒˆãªã©CAクリエイターã®æƒ…å ±ãŒæº€è¼‰ã§ã™ã€‚ ã¯ã˜ã‚ã¾ã—ã¦ã€‚アメーãƒäº‹æ¥æœ¬éƒ¨ã§ãƒ‡ã‚£ãƒ™ãƒãƒƒãƒ‘ーをã—ã¦ã„ã¾ã™ã€å¹³æœ¨(id:Layzie)ã§ã™ã€‚ 先日2/9ã«è¡Œãªã‚ã‚ŒãŸFrontrend Vol.4ã§"JavaScript Development Tools – JavaScript開発ã®åŠ¹çŽ‡ã‚¢ãƒƒãƒ—"ã¨ã„ã†ãƒ†ãƒ¼ãƒžã§ç™»å£‡ã•ã›ã¦ã„ãŸã ã„ãŸã®ã§ã™ãŒã€ã‚»ãƒƒã‚·ãƒ§ãƒ³ã§ã¯æ™‚é–“ã®éƒ½åˆã§ãŠè©±ã§ããªã‹ã£ãŸè£œè¶³ã‚„ã€ãã®ä»–ã®ãƒ„ールã®ã”紹介をã—ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚å…¬å¼ã‚µã‚¤ãƒˆã§å„講演ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã¨å‹•ç”»ã‚’見るã“ã¨ãŒã§ãã¾ã™ã®ã§ã€æ®‹å¿µãªãŒã‚‰ã‚¤ãƒ™ãƒ³ãƒˆã«ã„らã£ã—ゃらãªã‹ã£ãŸæ–¹ã¯ã€ãœã²ã”覽ã«ãªã£ã¦ãã ã•ã„。 Chrome Canaryビル
Chrome DevTools.next
1. Chrome  DevTools.next 2012/12/21 Cyber  Agent Toru  Yoshikawa  (  @yoshikawa_̲t  ) 2. Who? å‰å·  徹  /  Toru  Yoshikawa @yoshikawa_̲t C.A.Mobile  Web先端技術フェãƒãƒ¼ Google  API  Expert  (  Chrome  ) コミュニティ活動 html5j.org/HTML5ã¨ã‹å‹‰å¼·ä¼šã‚¹ã‚¿ãƒƒãƒ• ⽇日本jQuery  Mobileユーザー会  管ç†ï§¤â¼ˆäºº Sublime  Text  2  Japan  Users  Group  管ç†ï§¤â¼ˆäºº allWebクリエイター塾/jQuery  Mobile担当講師 Blog:  http://d.hatena.ne.jp/pikotea/ 3. 著書 「HTML5ガイドブック  増補改訂版ã€ï¼ˆ
escodegen + esprima 㧠JS ã®ãƒ‡ãƒãƒƒã‚°ã‚’ã—ãŸã‚‰æ—ã‚Šãㆠ- tokuhirom's blog
以下ã®ã‚ˆã†ãªã‚³ãƒ¼ãƒ‰ã‚’実行ã™ã‚‹ã¨ console.log([ [1,1,8] [2,1,16] ]);ã“ã®ã‚ˆã†ãªçµæžœã«ãªã‚‹ã€‚ [ undefined ]アレレーã£ã¦ãªã£ã¦ãŸã‚“ã ã‘ã© kazuho ã•ã‚“ã«ãã„ãŸã¨ã“ã‚〠[1,1,8][2,1,16] => ([1,1,8])[(2,1,16)] => ([1,1,8])[16] => undefinedã£ã¦ã“ã¨ã§ã—ãŸã€‚ ã“ã‚“ãªæ™‚ã€Perl Monger ãªã‚‰ã¨ã‚Šã‚ãˆãš B::Deparse ã™ã‚‹ã“ã¨ã«ã‚ˆã£ã¦è§£æ±ºã®ç³¸å£ã‚’ã•ãŒã™ã‚“ã ã‘ã©ã€ãã†ã„ã†ã® EcmaScript ã§ã©ã†ã™ã‚“ã™ã‹ãã€ã£ã¦ãªã“ã¨ã‚’ kazuho ã•ã‚“ã«ãã„ãŸã¨ã“ã‚ã€esprima ã£ã¦ã„ㆠes ã®ãƒ‘ーサーãŒã‚るよã£ã¦æ•™ãˆã¦ã‚‚らã£ãŸã®ã§ã€AST ã¯ã¨ã‚Šã ã›ãŸã‚“ã ã‘ã©ã€AST ã‚’ã¿ã¦ã‚‚埒ãŒã‚ã‹ãªã„ã®ã§ã€AST ã‹ã‚‰ã‚½ãƒ¼ã‚¹ã«ãŠã¨ã™å›ãŒãªã„ã‹ãªãƒ¼ã¨ã•ãŒã—ãŸã¨ã“ã‚ const ãªã‚“ã¨
マãƒãƒ¼ãƒ‹ãƒ¥ãƒ¼ã‚¹2ch
ã¾ãšã€iPhoneã®Safariã§ã©ã“ã§ã‚‚良ã„ã®ã§ãƒšãƒ¼ã‚¸ã‚’é–‹ã„ã¦ãƒ–ックマークã—ã¾ã—ょã†ã€‚ ãã—ã¦ã€ŒHow to use Firebug on your iPad and iPhoneã€ã«æ›¸ã‹ã‚Œã¦ã„ã‚‹JavaScriptをコピーã—ã¾ã™ã€‚ javascript:(function(F,i,r,e,b,u,g,L,I,T,E){if(F.getElementById(b))return;E=F[i+'NS']&&F.documentElement.namespaceURI;E=E?F[i+'NS'](E,'script'):F[i]('script');E[r]('id',b);E[r]('src',I+g+T);E[r](b,u);(F[e]('head')[0]||F[e]('body')[0]).appendChild(E);E=new%20Image;E[r]('src',I+L);})
デãƒãƒƒã‚°åŠ›: よã知らãªã„プãƒã‚°ãƒ©ãƒ ã®ç›´ã—æ–¹ - 2011-12-06 - ククãƒã‚°
クリアコードã§ã¯Mozilla製å“ã‚„Ruby関連ã®é–‹ç™ºã ã‘ã§ã¯ãªãã€åºƒãフリーソフトウェアã®ã‚µãƒãƒ¼ãƒˆã‚‚ã—ã¦ã„ã¾ã™ã€‚ã‚‚ã¡ã‚ã‚“ã€ã‚µãƒãƒ¼ãƒˆå¯¾è±¡ã®ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã®å¤šãã¯ç§é”ãŒé–‹ç™ºã—ãŸã‚‚ã®ã§ã¯ã‚ã‚Šã¾ã›ã‚“。ã—ã‹ã—ã€ãれらã®ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã«å•é¡ŒãŒã‚ã£ãŸå ´åˆã¯èª¿æŸ»ã—ã€å¿…è¦ã§ã‚ã‚Œã°ä¿®æ£ã—ã¦ã„ã¾ã™ã€‚ ã“ã®ã‚ˆã†ãªã‚µãƒãƒ¼ãƒˆãŒæä¾›ã§ãã‚‹ã®ã¯ã€ã‚‚ã¨ã‚‚ã¨ã€ç§é”ãŒãƒ•ãƒªãƒ¼ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã‚’利用ã—ãŸã‚Šé–‹ç™ºã—ãŸã‚Šã—ã¦ã„ã‚‹ã¨ãã«æ—¥å¸¸çš„ã«å•é¡Œã®èª¿æŸ»ãƒ»ä¿®æ£ã‚’ã—ã¦ã„ãŸã‹ã‚‰ã§ã™ã€‚ソフトウェアを利用ã—ã¦ã„ã‚‹ã¨ã€å•é¡Œã«éé‡ã™ã‚‹ã“ã¨ã¯ã‚ˆãã‚ã‚‹ã“ã¨ã§ã™ã€‚ãã®ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ãŒãƒ•ãƒªãƒ¼ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã®å ´åˆã¯ã€é–‹ç™ºè€…ã«å•é¡Œã‚’å ±å‘Šã—ã€å¯èƒ½ãªã‚‰ãƒ‘ッãƒã‚’æ·»ãˆã¾ã™ã€‚ã“ã®ã¨ãã€ãã®ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã®å†…容を完全ã«æŠŠæ¡ã—ã¦ã„ã‚‹ã“ã¨ã¯ã»ã¨ã‚“ã©ã‚ã‚Šã¾ã›ã‚“。ã—ã‹ã—ã€ãã‚Œã§ã‚‚ä¿®æ£ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ãã‚Œã¯ã©ã†ã—ã¦ã§ã—ょã†ã‹ï¼Ÿä»Šã¾ã§ã¯ã©ã®ã‚ˆã†ã«ã‚„ã£ã¦ã„ã‚‹ã®ã‹ã‚’自分é”ã§ã‚‚ã†ã¾ã説明ã§ããªã‹ã£
「Google Chrome Deveoper Toolsã€ã¯ã“ã†ä½¿ã†ï¼ã€€åŸºæœ¬æ©Ÿèƒ½ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« & GDD 2011 セッション概è¦
CodeZine編集部ã§ã¯ã€ç¾å ´ã§æ´»èºã™ã‚‹ãƒ‡ãƒ™ãƒãƒƒãƒ‘ーをスターã«ã™ã‚‹ãŸã‚ã®ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã€ŒDevelopers Summitã€ã‚„ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ç”Ÿãã–ã¾ã‚’ブーストã™ã‚‹ãŸã‚ã®ã‚¤ãƒ™ãƒ³ãƒˆã€ŒDevelopers Boostã€ãªã©ã€ã•ã¾ã–ã¾ãªã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚’ä¼ç”»ãƒ»é‹å–¶ã—ã¦ã„ã¾ã™ã€‚
作æ¥åŠ¹çŽ‡ãŒ10å€ã‚¢ãƒƒãƒ—ã™ã‚‹ Chrome Developer Tools ã®ä½¿ã„æ–¹
アジェンダ Chrome Developer Tools ã¨ã¯ 基本的ãªä½¿ã„æ–¹ 応用的ãªä½¿ã„æ–¹ ã¾ã¨ã‚ 使用環境㯠Chrome 16 dev 版ãªã®ã§ã€stable版ã¨ã¯ã¡ã‚‡ã£ã¨é•ã†ã‹ã‚‚。 Chrome Developer Tools ã¨ã¯ Google Chrome ã«ä»˜å±žã®ãƒ‡ãƒãƒƒã‚¬ JavaScriptã‚„DOMã‚’ã„ã˜ã‚Œã‚‹ ãƒªã‚¯ã‚¨ã‚¹ãƒˆæƒ…å ±ã‚’è¦‹ãŸã‚Šã€ãƒ—ãƒãƒ•ã‚¡ã‚¤ãƒ©ã§è§£æžã™ã‚‹ã“ã¨ã‚‚ã§ãã‚‹ 最近ã¯Firebugより安定ã—ã¦ã‚‹ã—高機能
ページã«ä»•è¾¼ã¾ã‚ŒãŸJavaScriptã®ã‚¤ãƒ™ãƒ³ãƒˆã‚’全部見ãˆã‚‹åŒ–出æ¥ã‚‹ãƒ–ックマークレット「Visual Eventã€:phpspot開発日誌
ç”»åƒã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã«é–¢ã™ã‚‹ã“ã¨ãªã‚‰ãŠä»»ã›ï¼ãªjQueryプラグイン「Slider Kit... 次ã®è¨˜äº‹ ≫：ã‹ãªã‚Šã„ã„æ„Ÿã˜ã®WordPressãƒ†ãƒ¼ãƒžï¼’ï¼ Allan Jardine | Reflections | Visual Event ページã«ä»•è¾¼ã¾ã‚ŒãŸJavaScriptã®ã‚¤ãƒ™ãƒ³ãƒˆã‚’全部見ãˆã‚‹åŒ–出æ¥ã‚‹ãƒ–ックマークレット「Visual Eventã€ã€‚ JavaScript ã§é–‹ç™ºã—ã¦ã„ã¦ã€jQueryç‰ã®å„種フレームワークやã€on〜 を使ã£ã¦ã‚¤ãƒ™ãƒ³ãƒˆã‚’埋ã‚込むã“ã¨ã¯å¤šã„ã§ã™ã。 後ã«ãªã£ã¦ã€ã©ã“ã«ã‚¤ãƒ™ãƒ³ãƒˆãŒã‚ã‚‹ã®ã‹ã‚’ã™ã見ãˆã‚‹åŒ–ã—ã€ã©ã®ã‚ˆã†ãªå‡¦ç†ãŒè¨˜è¿°ã•ã‚Œã¦ã„ã‚‹ã®ã‹ã€ç¢ºèªã™ã‚‹ã“ã¨ã®ã§ãるブックマークã®ã”紹介ã§ã™ã€‚ 当サイトã«ã¯ãã‚Œã»ã©ã‚¤ãƒ™ãƒ³ãƒˆãŒçµ„ã¿è¾¼ã¾ã‚Œã¦ã„ã¾ã›ã‚“ã®ã§ã€Yahoo! Japanã®ãƒˆãƒƒãƒ—ページã§è©¦ã—ã¦ã¿ã¾ã™ã€‚ ブックマークレットを起動ã™ã‚‹ã¨ã€ã‚°ãƒ¬ãƒ¼ã‚¢ã‚¦ãƒˆã•ã‚Œã€ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®ä¸Š
JavaScript開発ã«alertを使ã£ã¦ã„る人必見ï¼ãƒã‚°å‡ºåŠ›ãƒ©ã‚¤ãƒ–ラリ「Blackbird〠| Web活メモ帳
JavaScriptã§ãƒã‚°ã‚’表示ã™ã‚‹ã®ã«ä½¿ãˆã‚‹ãƒ©ã‚¤ãƒ–ラリ「Blackbirdã€ã®ã”紹介。 出力ã—ãŸã„メッセージを指定ã™ã‚‹ã ã‘ã§ãã‚Œã„ã«æ•´å½¢ã—ã¦è¡¨ç¤ºã—ã¦ãã‚Œã¾ã™ã€‚ 例ãˆã°ã€ä»¥ä¸‹ã®ã‚ˆã†ãªJavaScriptを実行ã—ã¦ã¿ã¾ã™ã€‚ log.debug( 'this is a debug message' ); log.info( 'this is an info message' ); log.warn( 'this is a warning message' ); log.error( 'this is an error message' ); ↑ã™ã‚‹ã¨ã€ã“ã‚“ãªæ„Ÿã˜ã§ç´ 敵ã«è¡¨ç¤ºã—ã¦ãã‚Œã¡ã‚ƒã„ã¾ã™ã€‚ アイコンã¨è‰²ã§è¦–覚的ã«ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‚’区別ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã®ã§ã€å¾Œã‹ã‚‰è¦‹åˆ†ã‘ã‚‹ã®ã‚‚ç°¡å˜ã§ã™ã€‚ 使ã„æ–¹ 使ã„æ–¹ã¯ç°¡å˜ã§ã€ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ダウンãƒãƒ¼ãƒ‰ã—ãŸå¾Œã€headタグ内ã§JSã¨CSSã‚’èªã¿è¾¼ã‚€ã ã‘ã§OKã§ã™ã€‚ <
Firebug 㧠JavaScript ã®å®Ÿè¡Œæ™‚é–“ã®è¨ˆæ¸¬ | ã™ãã«å¿˜ã‚Œã‚‹è„³ã¿ãã®ãŸã‚ã®ãƒ¡ãƒ¢
1. console.time() ã§é–¢æ•°ã®å®Ÿè¡Œæ™‚間を測る Firebug ã§ã€JavaScript ã®é–¢æ•°ã®å®Ÿè¡Œæ™‚間を知りãŸã„。 例ãˆã°ã€HTML ã® pre è¦ç´ 内㧠JavaScript ファイルをèªã¿è¾¼ã‚€ã¨ã™ã‚‹ã€‚ index.html <html> <head></head> <body> <pre><script src="test.js"></script></pre> </body> </html> JavaScript ã®ãƒ•ã‚¡ã‚¤ãƒ«ã§ã‚ã‚‹ test.js ã®ä¸ã§ã€console.time(), console.timeEnd() 関数を使ã†ã¨ã€é–¢æ•°ãŒå®Ÿè¡Œã•ã‚Œã‚‹æ™‚間を測るã“ã¨ãŒã§ãる。 Firebug and Logging ã«ã‚ˆã‚‹ã¨ã€ The low-fi approach is to call console.time("timing foo") before the co
JavaScriptã®ãƒ‡ãƒãƒƒã‚°Tips - os0x.blog
JavaScript Advent Calendar 2010 8日目担当ã®id:os0xã§ã™ã€‚ JavaScriptãƒã‚¿ã¯æ¡ˆå¤–範囲ãŒåºƒãã¦è‰²ã‚“ãªãƒã‚¿ãŒã‚ã‚‹ã®ã§ã€æ¯Žå›žãŒæ¥½ã—ã¿ã§ã™ã。 ã•ã¦ã€ç§ã¯ãƒ‡ãƒãƒƒã‚°ã‚’ãƒã‚¿ã«ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚テストã§ã¯ãªãデãƒãƒƒã‚°ã§ã™ã€‚誰ã‹ãŒæ›¸ã„ãŸã‚³ãƒ¼ãƒ‰ã‚’メンテナンスã—ãªãゃーã€ã¨ã‹ã€‚jQueryプラグイン導入ã—よã†ã¨ã—ãŸã‘ã©ã€ãªã‚“ã‹ã†ã¾ãå‹•ã‹ãªã„ーã¿ãŸã„ãªã‚±ãƒ¼ã‚¹ã®ãŠã¯ãªã—ã§ã™ã€‚ JavaScriptã®ãƒ‡ãƒãƒƒã‚°ã¯å¤§å¤‰ãªã®ã§ã€å¤šãã®æ–¹ãŒæ—¥ã€…苦労ã•ã‚Œã¦ã„ã‚‹ã¨æ€ã„ã¾ã™ã€‚ãªãœJavaScriptã®ãƒ‡ãƒãƒƒã‚°ãŒå¤§å¤‰ãªã®ã‹å°‘ã—æ•´ç†ã—ã¦ã¿ã¾ã—ょã†ã€‚ ブラウザä¾å˜ ã¾ãšã€ãªã‚“ã¨ã„ã£ã¦ã‚‚JavaScriptã¯ã‚¦ã‚§ãƒ–ブラウザ上ã§å®Ÿè¡Œã•ã‚Œã‚‹ã®ã§ã€ç’°å¢ƒãŒä¸€å®šã§ã¯ã‚ã‚Šã¾ã›ã‚“。特定ã®ç’°å¢ƒã ã‘を対象ã«JavaScriptを書ãã“ã¨ã¯æ»…多ã«ã‚ã‚Šã¾ã›ã‚“。PCå‘ã‘ã§ã¯IEã€Firefoxã€Chromeã€Sa
「Google JavaScript Style Guideã€ã«æ²¿ã£ã¦ãƒã‚§ãƒƒã‚¯ã—ã¦ãれるã€ã‚°ãƒ¼ã‚°ãƒ«è£½JavaScript文法ãƒã‚§ãƒƒã‚«ãƒ¼
「Google JavaScript Style Guideã€ã«æ²¿ã£ã¦ãƒã‚§ãƒƒã‚¯ã—ã¦ãれるã€ã‚°ãƒ¼ã‚°ãƒ«è£½JavaScript文法ãƒã‚§ãƒƒã‚«ãƒ¼ グーグルã¯JavaScriptコードã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã€ŒGoogle JavaScript Style Guideã€ã‚’公開ã—ã¦ãŠã‚Šã€åŒç¤¾è‡ªèº«ã‚‚ã“ã®ã‚¹ã‚¿ã‚¤ãƒ«ã«å¾“ã£ã¦é–‹ç™ºã‚’è¡Œã£ã¦ã„ã‚‹ã¨ã•ã‚Œã¦ã„ã¾ã™ï¼ˆã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã®æ—¥æœ¬èªžè¨³ã®ä¾‹ï¼‰ã€‚ ã“ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã«å¾“ã£ãŸé–‹ç™ºã‚’支æ´ã—ã¦ãれるツールãŒã‚°ãƒ¼ã‚°ãƒ«ã‹ã‚‰ã‚ªãƒ¼ãƒ—ンソースã¨ã—ã¦å…¬é–‹ã•ã‚Œã¾ã—ãŸã€‚åŒç¤¾ã®Closure Tools Blogã®ã‚¨ãƒ³ãƒˆãƒªã€ŒIntroducing Closure Linterã€ã§ç´¹ä»‹ã•ã‚ŒãŸæ–‡æ³•ãƒã‚§ãƒƒã‚¯ãƒ„ールã®Closure Linterã§ã™ã€‚ Closure Linterã¯Pythonã§æ›¸ã‹ã‚ŒãŸãƒ„ールã§ã€ã‚³ãƒžãƒ³ãƒ‰ãƒ©ã‚¤ãƒ³ã‹ã‚‰åˆ©ç”¨ã—ã¾ã™ã€‚上記ã®ã‚¨ãƒ³ãƒˆãƒªã«ã‚ˆã‚‹ã¨ã€æ¬¡ã®ã‚ˆã†ãªJavaScriptã‚’ãƒã‚§ãƒƒã‚¯ã«æ›¸
Firebugã®æ„外ã¨çŸ¥ã‚‰ã‚Œã¦ã„ãªã„機能紹介（プãƒã‚°ãƒ©ãƒžå‘ã‘） - KAYAC Engineers' Blog
羊毛布団を洗濯機ã«ã‹ã‘られãªã„ã“ã¨ã‚’知りã¾ã—ãŸã€‚ago（@kyo_ago）ã§ã™ã€‚ æ„外ã¨çŸ¥ã‚‰ã‚Œã¦ã„ãªã„機能ãŒå¤šã„ï¼ï¼ŸFirebugã®ä½¿ã„方を見ã¦ã€ãƒ—ãƒã‚°ãƒ©ãƒžå‘ã‘も欲ã—ããªã£ãŸã®ã§æ›¸ã„ã¦ã¿ã¾ã—ãŸã€‚ 1. ショートカット一覧 以下ã®ãƒšãƒ¼ã‚¸ã§Firebugã®ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ http://getfirebug.com/wiki/index.php/Keyboard_and_Mouse_Shortcuts å–ã‚Šåˆãˆãšä»¥ä¸‹ã®äºŒã¤ã ã‘ã§ã‚‚覚ãˆã¦ãŠãã¨åŠ¹çŽ‡çš„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 F12ã§Firebugã®æœ‰åŠ¹ã€ç„¡åŠ¹ã®åˆ‡ã‚Šæ›¿ãˆ 広ã„コマンドラインモード時ã«Ctrl+Enterã§ã‚³ãƒ¼ãƒ‰ã‚’実行 ã¾ãŸã€ä»¥ä¸‹ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‹ã‚‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã®å¤‰æ›´ã‚‚è¡Œãˆã‚‹ã®ã§ã€ä»–ã®æ‹¡å¼µç‰ã¨ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆãŒã‹ã¶ã£ãŸå ´åˆã§ã‚‚別ã®ã‚ーã§ä½¿ç”¨ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ 2. Firefox本体ã®ãƒ„ールãƒãƒ¼ã«ã€Œè¦ç´ を調査ã€ãƒœã‚¿ãƒ³ Fi
Firebugã®ä½¿ã„æ–¹ | THE HAM MEDIA
Webサイト制作をã—ã¦ã„ã‚‹æ–¹ã«ã¯ã€å¿…需å“ãªã‚“ã˜ã‚ƒãªã„ã‹ã¨æ€ã‚れるãらã„便利ãªFirefoxã®ã‚¢ãƒ‰ã‚ªãƒ³ã€ŽFirebugã€ã€‚HTMLã‚„CSSã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’担当ã—ã¦ã„る人ã®å¤šãã¯ã„ã‚Œã¦ã„るアドオンã§ã™ã。 Firebugを入れã¦ä½¿ã£ã¦ã„る人ã¯å¤šã„よã†ãªã®ã§ã™ãŒã€æ„外ã¨çŸ¥ã‚‰ã‚Œã¦ã„ãªã„機能ãŒç››ã‚Šæ²¢å±±ã ã£ãŸã¨ã„ã†ã“ã¨ãŒã€å…ˆæ—¥ã®å‹‰å¼·ä¼šï¼ˆSaCSS）ã«ã¦ç™ºè¦šï¼ä½¿ã£ã¦ã„ã‚‹ã¨ã„ã£ã¦ã‚‚ã€ä¸€éƒ¨ã®æ©Ÿèƒ½ã«é™ã‚‰ã‚Œã¦ã—ã¾ã£ã¦ã„るよã†ãªã®ã§ã™ã€‚ ã‚‚ã¡ã‚ん「ãã‚“ãªæ©Ÿèƒ½çŸ¥ã£ã¦ã‚‹ã‚ˆï¼ã€ã¨ã„ã†ãらã„使ã£ã¦ã„る人も多ã„ã¨æ€ã„ã¾ã™ã€‚ã—ã‹ã—ã€ãã‚“ãªã«ä½¿ã„ã“ãªã›ã¦ã„ãªã„ã‚„ã€æ´»ç”¨ã§ãã¦ã„ãªã„ï¼ã¨ã„ã†äººã‚‚勉強会ã®æ™‚ã«å¤šã‹ã£ãŸã‚ˆã†ã«ã€å®Ÿéš›ã«ã‚‚多ã„ã¯ãšï¼ Firebugã®ä½¿ã„方をもã†å°‘ã—知ã£ã¦ã„ã‚‹ã¨ã€Webサイトã®åˆ¶ä½œã®æ™‚ã«ä¾¿åˆ©ã ï¼ã¨æ€ãˆã‚‹å ´é¢ãŒå¤šã€…ã§ã¦ãã‚‹ã®ã§ã€æ˜¯å¦ä»Šå›žã”紹介ã™ã‚‹æ©Ÿèƒ½ã¯æŠ‘ãˆã¦ãŠãã€æ´»ç”¨ã—ã¦ã¿ã¦ãã ã•ã„。 HTML&CSSã®ç¢ºèª
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Chromeã§console.logã«ã‚¹ã‚¿ã‚¤ãƒ«ã‚’é©ç”¨ã™ã‚‹ - Qiita
css-eblog.com
{{#tags}}- {{label}}
{{/tags}}