Category Archives: aide-memoire

Online IDEs

09 Tuesday Apr 2019

Posted by in aide-memoire, lifehack, programming, tech

≈ Leave a comment

Tags

#Frontend

Codepen.io: Great for CSS, though it does support React, JS, HTML & Pug
#frontend

For just frontend deployment, see

  • now.sh
  • netlify
  • fly.io (think CF workers but better developer experience)
  • cloudflare workers

 

Codesandbox.io: Think webpack + vscode as an online IDE
#frontend

#Fullstack (include a VM/Container for development)

Glitch.com 
#fullstack, #millenial, #awesome, #secrets

Glitch + Fly.io is very fly!

Repl.it
#fullstack, #secrets, #paid-for-private-repls

Has secrets (.env file that is only accessible by repl owner)

Runkit
#backend

The best way to hack nodejs

Codeanywhere, $8/mo

Stackblitz:
VSCode in the Cloud

#secrets  = .env file that is only accessible by repl owner

Archived

C9.io: Was really nice, but it’s been bought by Amazon; not free anymore, unless you use AWS 😭

Do you know others that should be on this list? Like, subscribe and Leave a comment below!

Advertisements

macOS Productivity Apps every dev needs!

10 Monday Sep 2018

Posted by in aide-memoire, Uncategorized

≈ Leave a comment

Window Management/Misc Util

Spectacle, Free, Open Source
BetterTouchTool, Donationware

Really good window management; shortcuts to dock windows to left/right half (or quadrants, or top/bottom) of screen.

Alternative: Magnet , Mac App Store, about $2. Spectacle does some stuff very well, like hitting the ‘dock right’ shortcut twice makes a window use the right third, right half, right 3/4ths etc. On the other hand magnet can dock windows on drag (i.e. drag to top of screen to make a window full screen).

Alternative: BetterTouchTool, Donationware. Can do everything Spectales/Magnet can do, better. However, it does not come batteries included, so you have to make your own shortcuts and assign window management operations to them. There’s a community forum for sharing presets but it’s not as rich. Also BetterTouchTool can do Touchbar based Window Management (though I’ve not found that very useful).

Alfred, Freemium

Better spotlight, including deep integration with Google / Gmail / Drive and other custom searches (with plugins)

OneNote, Free, Proprietary 

The best note taking app out there. Period. I’d say Apple Notes is now the best note taking app out there, because it’s so fast and has great integration with iOS & macOS. The web version is not too shabby either. Probably not a good bet if you also use Windows or Android.

ScreenHero (now owned/murdered by Slack)

CleanMyMacX (http://twidex.com/2rcfFj4), Freemium 

Itsycal, Freemium

Developer Tools 

PHPStorm

Visual Studio Code

Homebrew,

Homebrew packages/bottles: 

brew install php swaks htop telnet ffmpeg mysql pstree aria2 pv q jq autojump keychain nmap readline node redis beanstalkd ripgrep rsnapshot wget rsync bzip2 git xz yarn speedtest-cli parallel composer go sqlite curl grep sshfs coreutils

Alfred Workflows

 

Docker ❤️ Parallels ❤️ OS X (El-Capitan)

11 Wednesday Nov 2015

Posted by in aide-memoire, programming, tech

≈ Leave a comment

Tags

, , ,

Getting started with Docker + Parallels on OS X (using Homebrew)

Update: Sep 2016: This is no longer relevant; best to download Docker for Mac which uses xhyve to virtualize the Docker Engine environment and Linux kernel-specific features on OS X. This allows for much easier sharing of files between your local machine and docker containers.

Want to use Docker on OS X? At the moment, the OS X kernel does not directly support containers like Docker or OpenVZ. So you have to run a VM with docker installed. You then use the Docker CLI to interact with the Docker (daemon) running on the VM. The whole process is actually very easy to setup now that Docker Machine supports the Parallels driver.

Assumptions: You already have Parallels (11, Business or Pro Edition) and Homebrew installed.

$> brew update  # need to brew with a recent version
$> brew upgrade
$> brew install docker docker-machine docker-machine-parallels
… grab some coffee…
$> docker-machine create -d parallels dev1
$> eval `docker-machine env dev1`
$> docker run hello-world

All done!

You are now ready to use Docker, Docker Composer and even Docker Swarm.

#iptables forward an IP address to another

15 Wednesday Apr 2015

Posted by in aide-memoire, programming

≈ Leave a comment

Using #iptables to forward a whole IP address to another (server)

iptables -A PREROUTING -t nat -d $src -j DNAT --to $dst
iptables -A POSTROUTING -t nat -d $dst -j MASQUERADE

Connections from anywhere to $src will get forwarded to $dst (though source IP will be changed to that of eth0 or default outbound device). Useful when moving servers; keeps the old address alive for a bit. Though we lose ‘real’ source address.

For example, if forwarding IP address used by an SMTP server, all email will appear to come from $eth0. If $eth0 (could be the same as $src, but not guaranteed) is privileged, in the sense that it is allowed to relay, then anyone will be able to relay through the SMTP server. But works in a pinch, while DNS changes are propogating through the ‘net.

A somewhat more concrete example. Say you have IP address 1.2.3.4; if you do

iptables -A PREROUTING -t nat -d 1.2.3.4 -j DNAT --to 8.8.8.8
iptables -A POSTROUTING -t nat -d 8.8.8.8 -s 1.2.3.4 -j MASQUERADE

1.2.3.4 is now forwards to Google’s Public DNS Server. You can now use 1.2.3.4 as if it were 8.8.8.8.

Proxmox 1.9 – Resize virtual disk

31 Thursday May 2012

Posted by in aide-memoire, programming

≈ Leave a comment

I just had to resize a virtual disk and it was harder than I thought; writing down what I did so it’s easy to find …

  1. shutdown VM 
    qm shutdown 108
  2. resize disk image 
    qemu-img resize vm-108-disk-1.qcow2 +20G
  3. attach pmagic CD; boot to pmagic (using proxmox management web interface)
  4. extend physical partition 
    pvdisplay; lvdisplay; 
fdisk -u=sectors /dev/sda
delete partition 2 (remember starting sector) (‘d’, 2)
create new partition (n) starting at same sector as before; end is defaulted
  5. extend pv 
    pvresize –v /dev/sda2
  6. extend lv 
    lvresize –L +20G VolGroup/lv_root
  7. resize filesystem 
    e2fsck –f /dev/sda2
resize2fs /dev/sda2
  8. detach pmagic cdrom
  9. start VM 
    qm start 108

 

Good instructions for working with Windows (NTFS) disk images is here: http://cauldrondevelopment.com/blog/2009/02/26/resize-qemu-ntfs-image/

₹ ₹ ₹ Using the new Indian Rupee Symbol (in Word, Excel etc.)

26 Thursday May 2011

Posted by in aide-memoire, lifehack, programming

≈ 10 Comments

Microsoft provides updated fonts in a hotfix which is available from here: http://support.microsoft.com/kb/2496898. The hotfix works with Office, Excel, Word and most Windows applications, including browsers.

After installing the hotfix, you can enter unicode characters using “charmap.exe”. In Windows, press the WIN and R keys, type charmap and press enter.

image

charmap

Whether you use the official (Microsoft supplied) hotfix or download a font like Foradian, people who you send your document to, may not have the requisite fonts. Word, Excel, PDF allow you to embed your own fonts, but there’s not much you can do for websites (sure you can do a lot of CSS work and embed your own fonts, but it won’t work with a lot of browsers out there). When sharing docs with people, you can also use the older U+20A8 symbol (₨).

Inserting the older symbol is not much different, and you can use charmap.

image

Old Rupee symbol U+20A8 ₨
New Rupee symbol U+20B9 ₹

 

Another side-effect of installing the hot-fix is that Excel’s “currency format” dropdown now has a Rupee format available:

image

Also see: “Three Ways to enter Unicode characters in Windows”

To use Indian formatting for numbers (i.e. Lakh, Crore instead of Millions) see this article: “Indian Currency format in Excel”