Tips
The desktop version of my note-taking app is built with React and Electron. Previously, I managed to animate the insertion and removal of specific items of a TanStack Virtual list using motion. However, that approach would always trigger animations whenever the note list content changed, including when switching notebooks from
Tips
Hey, what's up? This is Takuya. I'm building a Markdown note-taking app called Inkdrop. As of v5.11.0, it supports two-factor authentication with a time-based one-time password. Thank you so much for the feedback during the beta testing! Inkdrop v5.11.0 - Two-factor authentication
Tips
In the previous post, I integrated my note-taking app Inkdrop with Claude's MCP: Integrating my note app with Claude’s MCPHi, it’s Takuya here. I’ve been fiddling with Claude, which provides an interesting protocol for third-party AI integrations called MCP (Model Context Protocol). Some of my
Inkdrop
Hi, it's Takuya here. I've been fiddling with Claude, which provides an interesting protocol for third-party AI integrations called MCP (Model Context Protocol). Some of my note app (called Inkdrop) users requested that they want to let Claude use their tech notes as knowledge via MCP.
Tips
I love Motion. It makes animating UIs in web apps incredibly easy. I've been using it in my app to animate components like the tags input bar, the notebook list, dialogs, and more. One of the components I wanted to animate was the note list. This was challenging
Tips
I've released a new browser extension for Inkdrop last week. Web clipper v0.2.2 - Import Kindle highlights!I’ve been working on rebuilding Inkdrop’s browser extension for clipping web pages. And I’m thrilled to announce that it now supports importing your Kindle highlights! This
Tips
Hi, it's Takuya, the solo developer of Inkdrop, a note-taking app designed for software developers. Recently, I enabled a web clipper feature on the mobile app for both iOS and Android. I'd like to share how I implemented the logic to receive a shared URL in
Updates on my projects, tutorials, tips, and videos
Hi, it's Takuya. I've been taking a year-end and New Year break until January 20th and have been reflecting on my personal goals for 2025. I'd like to share my thoughts in this post. Have you ever run a profitable web service for more
I’m no exception as a Japanese person who loves Kyoto, despite its recent overtourism issues. When considering creating a wallpaper pack in Kyoto, I contemplated what aspects of the city resonate with me most. There are already tons of amazing photos showcasing iconic views, such as Sannen-zaka or Zen
I wanted to try one of the new features introduced in React Native 0.76, which is box-shadow. Evan Bacon told me that it even supports multiple box shadows on Android – pretty exciting! you can use multiple box shadows on android now — Evan Bacon 🥓 (@Baconbrix) November 15, 2024 So, in
Hi folks, it's Takuya here, the solo developer of Inkdrop. It's already been 4 years (!) since I last published a roadmap for Inkdrop here in 2020. Some items from that roadmap are still in progress—I haven’t given up on them—but I felt it’
Inkdrop's current conversion rate after signups looks like this: It doesn't look so bad, but the number of signups is low around 200-300, while the website is getting 5k unique visitors per month. So, the Visitor-to-Signup rate would be 4-6%. It sounds like average but it&
Hey, what's up? This is Takuya. Most people know me as a content creator on YouTube, called DevAsLife, but I consider myself as an indie developer who has been running a profitable SaaS for a long time. I've been sharing my journey of building Inkdrop, a
Hey, what's up? This is Takuya. I'd like to share my plan to make custom UI themes support across both my Electron and React Native apps. Why React Native (A brief history) I have a cross-platform app, Inkdrop, which runs on Electron for desktop platforms and
Hey, what's up? It's Takuya here. This article would be a supplemental resource for my latest tutorial posted on YouTube: This is a tutorial on how to accomplish the animation effect for a table of contents that I posted on X here: Implemented animated outlines using
Hi, it's Takuya here. I've been updating the mobile version of Inkdrop, which is built with React Native. It is a simple Markdown note-taking app, which supports syncing notes with the server and offer an offline-first viewing and editing experience. To accomplish this, I've
I bought Ikea's BROR to store my computer and camera gear (My review). My only complaint was that it doesn't come with casters by default. I asked on the web store if it was possible to attach them, but unfortunately, they answered it wasn't.
Hey guys, it's Takuya. I just had a great interview on Indie Hackers, one of the largest indie dev communities! 🎉I shared some of the tips and tricks I’ve picked up on my indie dev journey—from bootstrapping to marketing and monetizing. Check it out! 😄 Takuya Matsuyama
Hello, it's Takuya here. The mobile version of my app Inkdrop is built on top of React Native. It is a Markdown note-taking app, which renders notes in webview. The notes can include images, and currently it can display them blazingly fast because of the hack I shared