Clean Code vs. Dirty Code: React Best Practices
This article will focus on clean code practices as they apply to modern React software development. I’ll also talk about some of the “sugar†that ES6/ES2015 brings to the table. What is clean code, and why do I care? Clean code is a consistent style of programming that makes your code easier to write, read, and maintain. Often a developer spends time on a problem, and once the problem is solved, t
Refactoring JavaScript
If your JavaScript is a mess, frameworks can only do so much to help. No matter what framework, "compiles-to-JS" language, or library you use, bugs and performance concerns will always be an issue if the underlying quality of your JavaScript is poor. With this hands-on guide, you’ll learn how test and refactor your existing code to help reduce complexity, improve readability, and gain confidence i
Railsã§åŠ¹çŽ‡çš„ã‹ã¤å®‰å…¨ã«æœªä½¿ç”¨ã®ãƒ¡ã‚½ãƒƒãƒ‰ã‚’削除ã—ãŸè©± - ã¦ãã™ãŸ
ピクスタ開発部ã§æ¯Žæ—¥ãƒ’ィヒィ言ã„ãªãŒã‚‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚’ã‚„ã£ã¦ãŠã‚Šã¾ã™ @muramurasan ã§ã™ã€‚ 今回ã¯PIXTAã®ã¨ã‚るリãƒã‚¸ãƒˆãƒªã«ãŠã„ã¦ã€æœªä½¿ç”¨ã®ãƒ¡ã‚½ãƒƒãƒ‰ã‚’削除ã—よã†ã¨ã—ãŸéš›ã€gemを組ã¿åˆã‚ã›ã‚‹ã“ã¨ã§ã€åŠ¹çŽ‡çš„ã‹ã¤å®‰å…¨ã«å‰Šé™¤ã™ã‚‹ã“ã¨ãŒã§ããŸã¨ã„ã†è©±ã‚’ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ よãã‚„ã‚‹æ–¹å¼ å¤–éƒ¨ã®å‹‰å¼·ä¼šãªã©ã§ã€ã€Œæœªä½¿ç”¨ã®ãƒ¡ã‚½ãƒƒãƒ‰ã‚’削除ã™ã‚‹éš›ã«ã©ã†ã—ã¦ã„ã‚‹ã‹ï¼Ÿã€ã¨ã„ã†ã“ã¨ã‚’èžã„ãŸéš›ã€ã‚ˆãèžãã®ãŒã€Œæœªä½¿ç”¨ã‚‰ã—ãコードを見ã¤ã‘次第ã€ãƒã‚®ãƒ³ã‚°ã‚’è¡Œã†ãƒ¡ã‚½ãƒƒãƒ‰å‘¼ã³å‡ºã—を挟ã¿è¾¼ã‚“ã§ã„ãã€ã¨ã„ã†ã‚‚ã®ã§ã—ãŸã€‚ ã“ã®æ–¹å¼ã¯ã€å‹•çš„ãªãƒ¡ã‚½ãƒƒãƒ‰å‘¼ã³å‡ºã—ã«ã‚‚当然対応ã§ãã¾ã™ã—ã€ãŠæ‰‹è»½ãªã®ã§ã€ä¸€èˆ¬çš„ã«å¥½ã¾ã‚Œã¦ã„るよã†ã§ã™ã€‚ å•é¡Œç‚¹ ãŸã ã—ã€ã“ã®æ–¹å¼ã§ã¯ä»¥ä¸‹ã®å•é¡Œç‚¹ãŒã‚ã‚‹ã¨ç§ã¯è€ƒãˆã¦ã„ã¾ã™ã€‚ ãã‚‚ãã‚‚ã€æœªä½¿ç”¨ã‚‰ã—ã„メソッドを見ã¤ã‘ã‚‹ã®ãŒå¤§å¤‰ プãƒãƒ€ã‚¯ã‚·ãƒ§ãƒ³ã‚³ãƒ¼ãƒ‰ã‚’汚ã—ã¦ã—ã¾ã† ã“れらã®å•é¡Œã‚’解決ã™ã‚‹ãŸã‚ã«ã€PIXTAã§ã¯
Grasp - JavaScript structural search, replace, and refactor
Search, replace, and refactor your JavaScript code based on its structure rather than its text Grasp is a command line utility that allows you to search and replace your JavaScript code - but unlike programs such as grep or sed, it searches the structure behind your code (the abstract syntax tree), rather than simply the text you've written - this allows you to: Search your code with unparalleled
Graspを使ã£ãŸJavaScriptã®ãƒªãƒ•ã‚¡ã‚¯ã‚¿ãƒªãƒ³ã‚° - JSer.info
Refactoring your JavaScript code with Grasp | Grasp - JavaScript structural search, replace, and refactor ã¨ã„ã†è¨˜äº‹ã§ã¯ã€Grasp を使ã£ãŸJavaScriptコードã®ãƒªãƒ•ã‚¡ã‚¯ã‚¿ãƒªãƒ³ã‚°ã«ã¤ã„ã¦æ›¸ã‹ã‚Œã¦ã„ã¾ã™ã€‚ ã“ã®è¨˜äº‹ã¯ Refactoring your JavaScript code with Grasp | Grasp - JavaScript structural search, replace, and refactor ã®ç°¡å˜ãªç´¹ä»‹ã§ã™ Grasp 㯠JavaScript ASTã‚’å…ƒã«grepã®ã‚ˆã†ãªæ¤œç´¢ã€sedã®ã‚ˆã†ãªç½®æ›ãªã©ã‚’è¡Œãˆã‚‹ã‚³ãƒžãƒ³ãƒ‰ãƒ©ã‚¤ãƒ³ãƒ„ールã§ã™ã€‚ Graspã¯Nodeã§(実際ã«ã¯LiveScriptã§)書ã‹ã‚Œã¦ã„るツール㧠npm 経由ã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã§ãã¾
The Refactoring Tales - JavaScriptã®ãƒªãƒ•ã‚¡ã‚¯ã‚¿ãƒªãƒ³ã‚°æœ¬ã‚’èªã‚“ã
GitHub: jackfranklin/the-refactoring-tales èªã‚“ã 日付: 2015å¹´1月11æ—¥ ã¾ã 4ç« ã®é€”ä¸ã¾ã§ã—ã‹æ›¸ã‹ã‚Œã¦ãªã„ã§ã™ãŒã€ã‚¦ã‚§ãƒ–版ã¯ç„¡æ–™ã§èªã‚ã¦PDF版ç‰ã¯è²·ãˆã‚‹ã‚ˆã†ã«ãªã‚‹ã‚ˆã†ã§ã™(6-7ç« ãらã„予定) The Refactoring Tales - JavaScript Playground ã¾ãŸGitHubã«ã‚½ãƒ¼ã‚¹ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™(ウェブページã¯ã¾ã åæ˜ ã•ã‚Œã¦ãªã„æ„Ÿã˜ã®typoã®ä¿®æ£ç‰ãŒã‚ã‚Šã¾ã—ãŸ) 感想 1,2ç« ã¯ãƒ•ãƒãƒ³ãƒˆã®JavaScriptã§ã€jQuery世界を例ã«jQueryã§ã¹ã£ãŸã‚Šæ›¸ã„ã¦ã—ã¾ã£ãŸã‚‚ã®ã‚’ã©ã†ã‚„ã£ã¦åˆ†ã‘ã¦ã„ãã‹ã®è©±ã€‚ 1ç« ã¯ã¨ã¦ã‚‚èªã¿ã‚„ã™ãã¦å®Œæˆåº¦ã‚‚ã‚ã‚‹ã®ã§èªã‚“ã§ã¿ã‚‹ã¨ã„ã„æ°—ãŒã—ã¾ã™ã€2ç« ã®ã‚«ãƒŒãƒ¼ã‚»ãƒ«ã®è©±ã¯ã‚‚ã£ã¨æ·±ãã‚„ã£ã¦ã‚‚良ã‹ã£ãŸã‚ˆã†ãªæ°—ãŒã—ã¾ã™ã€‚ 縦ã«ä¸¦ã¶$を見ã‹ã‘ã‚‹ã¨ã¤ã‚‰ã„æ„Ÿã˜ã«ãªã‚Šã¾ã™ãŒã€ã¾ãšã¯æ‰‹ãŒå‡ºã—ã‚„ã™ã„å ´
フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã«ç§©åºã‚’å–り戻ã™æ–¹æ³• 〜ã¯ã¦ãªãƒ–ãƒã‚°ç·¨é›†ç”»é¢ã‚’リニューアルã™ã‚‹ãŸã‚ã«ã‚„ã£ãŸã“ã¨ã€œ // Speaker Deck
æ±äº¬Nodeå¦åœ’ç¥2015
「CoffeeScriptã®ãƒªãƒ•ã‚¡ã‚¯ã‚¿ãƒªãƒ³ã‚°ã€ã®å®Ÿè·µã¨ãƒ¬ãƒ“ュー - mizchi's blog
CoffeeScriptã®ãƒªãƒ•ã‚¡ã‚¯ã‚¿ãƒªãƒ³ã‚° - ワザノム| wazanova CoffeeScriptã®ãƒªãƒ•ã‚¡ã‚¯ã‚¿ãƒªãƒ³ã‚°ã¨èžã„ãŸã®ã§ã€ã„ã¦ã‚‚ãŸã£ã¦ã‚‚ã„られãªããªã£ãŸã€‚ã¾ãšã€ãŠé¡Œã®çµæžœã‚’見ãšã«ã‚„ã£ã¦ã¿ã‚‹ã€‚ ã“ã‚ŒãŒå…ƒã®ã‚³ãƒ¼ãƒ‰ $(document).ready -> photoHTML = (photo) => "<li> <a id='photo_#{photo.id}' href='#{photo.url}'> <img src='#{photo.url}' alt='#{photo.alt}' /> </a> </li>" $.ajax url: '/photos' type: 'GET' contentType: 'application/json' onSuccess: (response) => for photo in response.photos node = $(phot
CoffeeScriptã®ãƒªãƒ•ã‚¡ã‚¯ã‚¿ãƒªãƒ³ã‚° - ワザノム| wazanova
http://blog.arkency.com/2014/07/6-front-end-techniques-for-rails-developers-part-i-from-big-ball-of-mud-to-separated-concerns/ 1 comment | 0 points | by WazanovaNews â– comment by Jshiike | ç´„2æ™‚é–“å‰ ã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ã‚¢ãƒ—ãƒªã‚‚ã‚ã‚Šã€ãã‚Œã§ãªãã¦ã‚‚フãƒãƒ³ãƒˆå´ã®ã‚³ãƒ¼ãƒ‰ã‚’書ã機会ã¯å¢—ãˆã¦ãã¦ã¾ã™ãŒã€ã‚³ãƒ¼ãƒ‰ã‚’ã†ã¾ãæ•´ç†ã—ã¦ã€ ç°¡å˜ã«ã€ã‚‚ã£ã¨ãƒ†ã‚¹ãƒˆã—ã‚„ã™ã„コードを書ã。 クオリティを下ã’ã‚‹ã“ã¨ãªã開発スピードをã‚ã’る。 ãŸã‚ã®ãƒŽã‚¦ãƒã‚¦ã®ä¸€ç«¯ã‚’開発会社ã®ArkencyãŒã‚·ã‚§ã‚¢ã—ã¦ãã‚Œã¦ã„ã¾ã™ã€‚ シリーズã®åˆå›žã¯ã€ã‚·ãƒ³ãƒ—ルãªãƒªãƒ•ã‚¡ã‚¯ã‚¿ãƒªãƒ³ã‚°ã®ã‚±ãƒ¼ã‚¹ã‚¹ã‚¿ãƒ‡ã‚£ã€‚ CoffeeScriptã®ã‚³ãƒ¼ãƒ‰ãŒã€DOM変æ›ã€ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³
Symfony2: Trimming Fat from Controllers
In this post I am going to look at some techniques for cleaning up Symfony2 controller actions. Some of this by using some of the extras that are part of the standard distribution and some by moving code out to be triggered by events. So here is a fairly standard update action in a controller: <?php namespace Acme\DemoBundle\Controller; use Acme\DemoBundle\Form\ProductType; use Sensio\Bundle\Frame
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}