The tech I use
Inspired by Wes Bos's project uses.tech, here's a list with my (tech) stack.
- Macbook Pro 2020 13". One of the worst MacBooks I've ever had the pleasure of owning. It gets hot and drains the battery at random moments (nothing in activity monitor). USB-C stops working at random moments (won't charge, nor detect new devices plugged in) and the touchpad is horrible to use in warm weather/with sweatty hands. I wish I'd never given away my 2013 MacBook Pro 13".
- Keychron K1 keyboard. A good replacement for the legacy Apple keyboard that stopped working after one too many coffee spills. It's mechanical, but low profile.
- Logitech G502 mouse. A gamer mouse with weights you can add... Don't really care about that, but it fits nicely in my hand.
- LG 34wn80c curved 34" wide-screen monitor. Uses USB-C and can charge my MacBook, only one cable is connected to my MacBook and I have power, screen and a USB hub that connects my mouse and keyboard. It has room for many terminal splits which is amazing.
- Herman Miller Mirra (V1) office chair. Bought the (refurbished V1's) from my old job and now have 2, one at home and one at the office. One of the best chairs I've owned and they are still as new, while being more than eight years old.
- Xiaomi Mi4i phone. It's cheap (150 euro's), it still lasts two days on a single charge after two years and still gets updates, because of Android One.
- Boundary Supply Prima System backpack to carry it all. A nice backpack that has a camera insert for photograpy gear that can be removed if it isn't needed. Plenty of space for daily groceries and a separate sleeve compartment for the laptop and documents.
- VS Code is my text editor of choice. It all started with Textmate (first seen by me in the famous 15 minute blog video by DHH and the reason for buying Mac). Next was Sublime text 2 and finally VS code with the RailsCasts color theme that I've been using since Textmate times.
- Iterm2. The terminal that had tabs before the native OSX terminal had them. Never stopped using it. I use the default zsh "robbyrussell" theme.
- iA Writer. For taking notes in Markdown and writing blogposts / documentation and work/personal todo's.
- Backups go to BackBlaze.. (Raw) photos from my trips, important files etc, all of it goes to Backblaze B2 (their AWS clone, I'm not using the consumer backup service), synced with Rclone.
- For work I mostly have the Basecamp and Slack apps open. Whatsapp is used for personal communication with friends and family. Other tools used for work are Docker, Figma and CocoaRestClient. Suprisingly how few apps I have on this MacBook now that I think of it.
- Middleman has been the static site generator for this site for many years now. Back when it was just released it was a great alternative to Jekyll. It worked with haml/sass out-of-the-box which was all the rage back then. With version 4 they did away with the built-in asset pipeline in favor of webpack. With this change I'm thinking about switching to 11ty/Eleventy, since I'm already pulling in hundreds of
node_modules, for Webpack/Tailwind etc.
- I'm using the Tailwind CSS framework. I'm not a designer (and it shows ;)) and Tailwind allows me to make everything look somewhat consistent without a lot of effort.
- Speaking about frameworks, Stimulus powers the few front-end features on this site. Things such as the lightbox functionality on the travel part of this site.
- The only other library used in the front-end right now is Photoswipe. Called by Stimulus to render the fancy lightbox.
- This site is hosted on Netlify. A great platform to host your static sites.
- GitHub hosts the code. You can view the source of this site on github.com/matsimitsu/matsimitsu.com.
- I recently implemented webmentions with webmention.io. This allows me to show likes for articles and other places where my articles are mentioned.
- For the few "dynamic" parts of this site, I use Netlify functions. A couple of uses are generating pre-signed AWS upload urls for easy image uploading and a micropub endpoint to publish notes directly from ia Writer.
- AWS S3 hosts all photos/videos you can see here. Cached by cloudfront for improved speed (and reduced costs ;)). The very first versions of this site used to contain the images in the GIT repo, but as more travel pages were added, the amount of photos began to grow steadily. With my requirement to use resized images for mobile/tablets, the size began to grow even more. It quickly became aparent, that storing photos in GIT wasn't working anymore (The amount of photo's generated is now above 10 Gigabytes). I decided to move the photo's to S3 to keep the Git repo workable and wrote a Rust binary to resize any image I upload to S3 automatically.