The best engineers I know don’t write code anymore. They write specs. They review outputs. They validate against requirements. The code gets written but just not by their hands. And they’re shipping faster than ever. The Identity Crisis No One Talks About If you’re using AI to code and feel like a fraud, this post
Everyone’s talking about vibecoding — using AI to build apps without deep technical skills. It’s powerful. It’s democratizing. It’s everywhere. But there’s a quieter revolution most people are sleeping on: vibewriting. And it might be one of the best compounding activities you’re not doing. What is vibewriting? Vibecoding is prompting AI to code without being
Why does AI nail the first 30% of a task… then completely fall apart? I kept hitting this wall until I changed my approach. Not a better prompt. A better system. The Problem Every Builder Knows If you’ve used AI for anything beyond trivial tasks, you’ve felt this pain. You describe a complex feature. AI
A complete guide to debugging FastAPI applications in Docker containers with hot reload support and production safety What You’ll Learn By the end of this guide, you’ll have: VS Code debugging – Set breakpoints and step through your FastAPI code running in Docker Hot reload during development – Code changes automatically restart your server Multi-service
The Problem Modern applications frequently integrate with third-party services through OAuth, requiring careful management of access tokens that expire over time. The challenge becomes particularly complex when multiple concurrent operations need to refresh the same user’s token simultaneously. Without proper coordination, this leads to race conditions where multiple processes attempt token refresh concurrently, potentially causing
If you’re developing a Windows application that needs to run continuously in the background, you might initially consider using Electron’s app.setLoginItemSettings to add the app to the startup list. However, this approach only launches the app when a user logs in after a machine restart. This becomes problematic for machines used as local servers, which
Having worked extensively with Webflow over the past three months, my overall experience has been largely positive. I perceive Webflow as a strong contender to WordPress, owing to the remarkable ecosystem it’s cultivating. That being said, I believe there’s room for improvement, particularly when it comes to Webflow’s class system. Issues with the Current Class
Creating a dashboard with numbers and fancy charts is always a pain and involves whole lot of work. If the dashboard is for your clients, your end users, then it’s inevitable and it will be worth the time doing yourself given future changes are always going to happend. For internal monitoring, data reports, it’s a
My Parallel Desktop subscription ended again when today I was trying to use my Windows VM to test out a page on IE. Over the last 12 months I had only been using vm for very limited reasons, and probably ended up only opened Parallel Desktop for twice. A $99 renew for maybe another two
This project is to showcase a common use case in React web application that a List page with search and pagination while their state needs to be synced with the page URL query. Check out the Demo here You can also check the complete source code here Features Users can use the Search component to
In my recent project, I was asked to implement several features that needs to use Puppeteer, mostly using it to open web pages and get content. The first feature is generating screenshot of given website URLs, a service that takes a URL and return Base64. The second one is similar, but instead of generating a
The general tutorial from Heroku: https://devcenter.heroku.com/articles/s3-upload-python The main benefit for this approach is that AWS will now handle the process of the actually uploading, so that our server does not need to worry about the performance and it’s scalable.
Finally I setup Cypress for the project that I am working on in my company. After wrote several test cases, here is some take aways I want to share. Stub Network Before Visit When stubbing the requests for test cases, cypress need to know about the routes before the reqeusts being made from the app
I got a task about Xero integration in my work last week, aiming to copy invoices from one account to the other. To perform this task, the workflow will be: Invoice created/updated in Xero account A The webhook from Xero account A is triggered Our App handles the webhook and copy the newly created/updated invoice
UI Test has been a problem for every web front end project once it grows and becomes rather complicated while the common unit tests fail to cover complex workflow and business logic. UI Test in this artile, I would say it’s more like integration test, but I would not put it as E2E test, since
Story Brief The author (Helen) had her fifteen-year friend Nicola from Sydney staying in her spare room in Melbourne for three weeks. Nicola was there for a Vitamin C Treatment claiming to cure her cancer, while Helen had to care for her. Nicola had never been married and had no children. She was what called
Setup Setup semantic-release in your project is pretty easy: npx semantic-release-cli setup then you will be asked about your npm and github credentials In terms of travis CI, it will setup the integration with github and the environment variables.
Spent three nights after work playing the game Kingdom: Classic Stats and finally, I finished the game.
I was looking for a React static HTML solution for my incoming marketing page project. Actually, I was not looking for a static website generator, more just need to generate a html file that contains react rendering result HTML, which is for SEO friendly purpose.
Attended AWS DevDay 2017 Melbourne. This is a summary of what I learned today. Keywords IoT, GreenGrass, offline/local/edge Artificial Intelligence Cloud Developer / embedded developer Serverless
Recently I upgrade my project from webpack1 to webpack3, one of the main highlight feature for me is Tree Shaking. Depnding on the static structure of ES6 module system, webpack is now able to get rid of unused modules from your build. That sounds very cool, but after I finished my upgrade and rebuilt my
If you are like me, a python newbie just moved from web front-end world, you must have used Mocha before, the most commonly used test framework made by the genius TJ. skip() and only() are the two most useful features for me among all the tools that Mocha provides. So when I started to write
This week I was using Flask-Migrate to do a database data migration. I created an empty reversion file and put my migrate script in it so that the migrate can be recorded just like the other reversion files. The only thing special about writing a migration script is you need to use raw SQL to
I am using React with React-Router to make a SPA(Single Page Application) recently. In my setting page, I adopted the typical Master-Detail layout. It’s quite easy if you only need to make it work on desktop devices, but for small devices, you need to put extra effort into it. This article describes how I implement
Instead of integrating your app with deployment platforms like deployHQ, you can use Travis-CI to create your custom deployment process. In my case, I just need to deploy my front-end static assets up to an FTP server.
You should always write test for your code. All the examples below will be using Mocha, Chai, you should be able to change to whatever library you like.
When sending CROS Ajax request, sometimes you may found that before every request you make, there will be a OPTION request sent. It’s quite annoying and slows down your data request since the actually request has to wait the OPTION request to finish. According to the CORS strategy (highly recommend you read about it) You
Semantic UI is a great UI framework which can make your UI development much easier, but it’s still not a joyful job to make it work with webpack especially for theming. This tutorial works for both webpack 1/2/3, though you need to make small change just to follow webpack2/3’s syntax. For the main differences for
You may encounter this issue when you run npm with root permission. In my case, I created a postinstall command to fix a particular node module’s problem: { “scripts”: { “postinstall”: “node ./semantic-fix.js” } }
React provides two ways to use its form inputs, Controlled and Uncontrolled. I will try to explain both of them and the user cases, after that I will introduce an in-the-middle way to control your form input: Loos-Controlled, which tries to fulfill the user case that the others do not solve well.
Two kinds of responsive design There’s two type of responsive design: One is just adjusting an element’s appearance in response to different media types, like hiding or showing some elements, change size, color or layout. Another way will be using the diffent design or totally different component for different media types. For example, a complex
Problems When Handling Redux State tedious manually manipulate state unnecessary state change, and component re-rendering need to access state path carefully in case undefined error
Well, this article is here to help you implement SPA with AngularJS and Webpack. But I am not going to show you every line of code since that will be too much to say. I will just share some of the main concerns and solutions. You can see the complete boilerplate here directly.
敏捷开发（Agile）是什么？ 敏捷开发是一套方法和方法论的集合，他帮助你的团队更加高效的思考，工作和做出更好的决定。这套方法和方法论涉及所有的传统软件工程领域，包含项目管理，软件设计和架构，以及进程优化。
总结一下目前流行的MV*设计模式，着重其在前端环境的应用问题。 传统MVC
闭包，简单说是指： 函数对象本身和这个函数关联的作用域链的结合 上面的定义可能听不懂，为了详细说明这个概念，需要先解释清楚JavaScript中作用域相关的概念。
今天下午一个人去看了IMAX，随便说点印象。 CG技术再一次刷新 我对于动物渲染的印象，还停留在大家称赞少年派中的老虎多逼真时，《奇幻森林》已经表示群兽共舞已无压力。印象特别深刻的是毛克利坐在巴鲁肚子上在水里戏水那段…真人和特效中的熊以及水的所有融合，如此自然：
几天读完李笑来的《把时间当做朋友》，虽然从第五章开始就越来越纯鸡汤了，但是本书的很多核心观点还是给我以启发，以及印证了我自己本身就想过的一些观点。
转眼已经离职三个月，最近一直在家处理家里的店铺的事情，大体已经完成，准备清明节后回杭州，开始专注自己的人生。因此在这个时间点，对离职和离职后的这几个月的生活做一下总结。
什么是推迟满足感 所谓延迟满足，就是我们平常所说的“忍耐”。为了追求更大的目标，获得更大的享受，可以克制自己的欲望，放弃眼前的诱惑。
第一次约妹子拍照，高中同学，前室友，关系非常好的闺蜜。 约在公园旁边的星巴克见面。我是想，在开始前，两个人先熟络熟络，免得一下开拍要尴尬。妹子先到，给我点了杯红茶拿铁，我们坐在门口靠窗的位置，聊了大概20来分种起身向公园逛去。 这次拍摄对于我而言，心里是没有底的。一来没有经验，二来环境我也不熟悉，三来我也并不知道该用哪些取景比较好。不过好在和妹子相熟，也算是互相理解，还算轻松自在。 走到河边的栏杆边上，我决定就从这里开始，让妹子靠着护栏随便拍了几张，拍完妹子就凑近想看效果，我点开相机预览，画面一片曝光过度的白，尴尬。我冷静了一下，想起昨晚在调整iSO最大值时似乎忘了调整回来，一看果然是，调整回来继续拍了几张，终于正常。 因为公园人太多，就没有直接进公园，发现公园的外围有个小楼，廖无人烟的样子，我俩便进了去，如果不算这阴沉的天气，也算凑合可以用。 在来拍照之前，我其实已经在图虫上看了很多妹子的人像摄影作品，所以实际在拍时，也是多有模仿。我把手机里的一些作品给妹子看，没有太多被拍经验的妹子也是感叹，这些神情和动作看似简单，却并不容易做到。因此本次拍摄的很多表情，多少有点矫揉造作不自然，反而损失了妹子本身的自然性情，也是遗憾。 人像摄影的一大拍法，就是背景的大虚化，可惜我的光圈1.8的定焦镜头却被我无心留在了杭州，手上的套头虽然焦段长光圈只到4.0，还是差一点。实际拍摄的时候，为了得到大的景深效果，只能拉长焦，站在远处拍近身。现在回想起这一点，其实在人像摄影中并不合适，因为随着焦段的变大，画面会被拉宽，人会显胖。 在小楼这边拍了很多张，随后进了公园，逛了半天终于发现一片没什么人的小树林，正巧也是到了下午快4点的时间，太阳从云层中透出，借着横向过来的柔光，让妹子靠着树拍了好多张。 中间有一回，阴了好久，太阳突然出来，妹子喊我快拍，我猛按快门，却不听声响，浪费了妹子好些表情，甚是尴尬。低头检查，相机显示FULL，存储卡居然已经占满。才想起之前某日在摆弄相机设置，开了raw+jpg格式的质量，加上我存储卡本来就不大，这么快用完也并不奇怪了。于是只好和妹子一起删去了大部分明显不佳的照片，降低了图像的存储质量，才能勉强继续拍。 大约拍到4点多，由于存储卡实在没法继续拍以及我俩也累了，就结束了拍摄。 由于手上还有其他事情要处理，真正开始修图，是拍摄完的第三天晚上。 第一次用Lightroom，对于软件的使用并不熟悉，加上可以调整的参数比之手机上的软件，复杂太多，因此也是调了好久才开始有感觉。除去各种参数不谈，LR最方便的自然是预设的自定义。修到后来，我基本上是按照拍摄场景保存预设，比如“妹子 走廊”一个预设，“妹子 草坪”一个预设。 用LR调色后，下一步是用PS进行皮肤，脸型等的优化。在这一步上我是并不擅长的，而且一方面是懈怠，另一方是内心排斥这样的人为加工。但还是硬着头皮修眼袋，修瑕疵，凌晨快2点左右才整体弄完。 为每个场景都选了一些做了长图。没给妹子过目，就急忙发了朋友圈。 我时常也是一个无法推迟自己满足感的人。拍完妹子的这两天我就一直在想着赶紧修完，发给大家看，得到大家的赞赏。这种心态我虽然深知，却还是无法自制。 记得之前在某个群里跟朋友讨论过，过度的关注别人在表面的认同，会偏移你对事物的关注点。以摄影这件事情来说，通过别人的点赞来获得认同以及得到动力本身是可怕的。我一直在反思这种心态。 照片发出去后，大部分自然是好评，负面评价也有，重点是妹子本人并不喜欢。后来妹子拿了我所有的原图后，自己挑选了几张，自己修过重新发了朋友圈。对我是一份打击。 早上从起床开始到穿好衣服下楼准备洗漱心里都在想着这件事情，于是微信妹子，关于这件事情很坦诚的跟她聊了一下。 毕竟大家都很熟，妹子也很直白的表达了她的看法： 每个人观看照片的角度会不一样。女生嘛，还是希望自己在照片里看起来美美的，如果达不到自己的预期，即使景再美，也会放弃这张照片。 她觉得我比较注重照片的写实效果，但是不够关注人本身在照片中是否漂亮（比如脸型，身材）等。她说的问题，其实我自己已经意识到了。我跟她道了歉，表明最大的问题，还是在于没有尊重她对照片的看法，以及没有充分的沟通。 我觉得，人像摄影这种东西，当要公布在大众视野中时，便已经不再是摄影师私人的东西了，这份影像，关乎到被拍摄对象留给公众的印象，这一点，是必须明确的。 后来妹子也说了一些别的想法，觉得“我很勇敢，能接受真实的自己，但她尚无法坦然面对，过不了自己的心理障碍”，我能充分理解，毕竟，大部分人都是如此啊。 她跟我表达这个想法的时候我觉得挺难过，觉得因为我的摄影给她造成了这样一种消极的情绪，很是过意不去。但是非常感谢她的坦诚，让我在对她人尊重方面又上了一课，以及更加了解妹子们的心理诉求。 最后还是做一下总结，希望下一次做的更好： 事先能对拍摄场景有一定的了解，事前先有一个大体的构想 事先的沟通，了解被摄影对象的诉求 存储卡充足。（已经买了两张64GSD卡） 学会 “拍小拍瘦” 这样的基本技术 避免用长焦拍人 修图的顺序，目前我觉得应该是：先自己LR修一轮，给妹子看过，调整后确定色调。然后让妹子精选一定数量进行精修，明确妹子的修图诉求，交付给妹子。得到同意后对外发布。这里其实整个后期非常耗时，但好事总要多磨。 修皮肤和修脸型什么的需要再学习一下
“喂喂喂！那位一边修图一边过马路的同学，先看着车啊！”
花了大概一周的时间读完了《甘地自传：我追求真理的过程》，颇有些感悟。
去日本冲绳的初始动机，是为了在离职公司前，尽可能多的办理一些国家的签证，日本的三年多次往返就是其中之一。而办理日本三年多次往返的要求之一是首站必须在冲绳或者东北三县有一晚的住宿，因此就在双十一期间买了去冲绳的机票。 冲绳作为一个海岛，其实更适合去的时间应该是夏天。去海滩，游泳，冲浪或者潜水。不过目的不同便不强求。 旅行记录这种东西向来没有好好写过，还是以时间线来展开，帮助回忆场景。
list-style-image元素可以为 ul 或者 ol 元素的列表项设置标记图案。配合这个属性的还有 list-style-position,可以用它来控制图案展示的位置。
我终于想到了如何达到蘑菇岛的办法。
当意识到和喵星人一起去挖矿是个错误时，已为时已晚。
人的本性决定了，拍照留念这种事情，是不分虚拟还是现实的。
透过Ginkgo的视角，我才看清自己的面目：原来是个如此黑乎乎皮糙肉厚的家伙。
每个玩游戏或者刷剧到凌晨2-3点的小伙伴肯定会有那种痛心疾首的感觉：“明天我一定要11点前睡觉”，结果呢，呵呵。
费用 只是Mac科学上网：99/年 如果要Mac和iPhone一起科学上网：99/年 + 购买shadowrocket（一次性，18元）
最近几天心血来潮，想要和小伙伴们一起玩一下Minecraft，看了下官网的价格还是感觉略贵，由于之前玩过其他小伙伴的私人服务器，就特别想自己也搭建一个。
上海冬·陆家嘴
在上海闲逛，准备下午迟些返回杭州，四处转转。但是上海确实没有什么好去处，就在豆瓣的同城活动里面翻阅，正好最近对摄影有点激情，看到《冰+煤纪实摄影展》便临时决定午饭后去看看。
一般火车在发车前的3分钟左右停止检票，因此最后到达（这是指到达检票口）时间需要提前3分钟。考虑到各种途径到达车站后的步行，检票，找站台等可能也需要10分钟以及出发时的打车等待，装备打点可能也需要10分钟。
杭州冬·湘湖
杭州雪，老和山-北高峰-法喜寺。
