#dev-tools

[geekmusthave]

Vue.JS Dev-Tools Chrome Add-In Vue apps are a joy to write, and often fairly easy to debug. But do you know what would make debugging better?

[al-the-x]

Colorizing log output from Google Appengine...

At the day-job, we use Google App Engine for our server-side infrastructure. It's all written in golang by people much smarter than I, so I don't have to interact with it much, except to run the thing on my local machine. I keep it running in a spare window under tmux and rarely look at it... until something goes wrong.

The local development version of App Engine uses a Python runtime, regardless of the development SDK you're using, and the log output is pretty blandly monochrome, making the occasional peek when Bad Things Happen fairly painful. Most of the answers on the internet dealing with colorizing output for Google App Engine revolve around (rightly) altering the logger configuration... for your Django app. Since we don't have one of those, I needed a different solution.

Now in technicolor!

I found a few promising options -- colorize (Perl) for one -- but there was a lot of promise in a little utility called ack that I've been meaning to try out as a replacement for grep. Beyond supporting native pager piping and "smartcase"-style patterns, it can also pass-through partial matches to the rest of a pipeline, applying color on the way through. Exactly what I needed.

Based on a blog from powdahound in 2009, I put together a few ZSH functions to colorize the output of dev_appengine.py:

https://gist.github.com/al-the-x/73b51da8662480ac144aa5080a8eb2c5

As usual, I'm pretty late to the ack party, and there's plenty of help on Stack Overflow and in the official documentation. Happy ack-ing!

[al-the-x]

nedb - Embedded datastore for node.js

Lightweight in-memory or on-disk, MongoDB-style database for development purposes found while checking out Feathers JS. Looks interesting as an instructional alternative to the complexity of MongoDB.

[al-the-x]

Feathers - A minimalist real-time framework for tomorrow's apps.

Wow your users. Build incredible real-time applications in record time.

New JS framework mentioned by my TIY peeps. From the demo and "Getting Started" docs, me likey. Now to go build something!

[orhanfirik]

Chrome Dev Tools ipucu

Chrome Dev Tools ile front-end çalışmalar yaparken seçilen elemente (Öğeyi Denetle / Inspect Element) console dan JavaScript ile erişmek için $0 yazmamız yeterli oluyor.

Elementi seçiyoruz,

Console dan elementi seçmek için $0 yazıyoruz ve günü kurtarıyoruz :)

Tabi bunu jQuery ile de kombine edebiliriz.