Qaynam
プロダクトエンジニアです、 ウエブアプリ を、企画から公開・改善までやっていることが多いです。
今は、書いた言葉が音楽になる SNS「🎵otokia」を作っています。 作ること、書くこと、クリエイティブなこと音楽とコーヒーが好きです。
01 Now building
いま作っているもの

Beta · 2026 —
otokia
書いた言葉が AI で楽曲になり、友だちに届く。閉じたコミュニティの音楽 SNS。

React Native · Expo
Cafepin
お気に入りのカフェをピンで保存するアプリ
02 Activity
書いたもの、作ったもの、仕事
2026
- cursor-plus — A tiny macOS menu bar app that keeps your Mac active with natural, variable-speed cursor motion. Pauses the moment you take over, and triple-Esc stops it. Swift, no dependencies.↗
GitHub
- 自分で使わないアプリは、作らない方がいい---ソフトウェアエンジニアが、本業とは別に年間100万円を稼ぐまで #8↗
note
- zed-moonfly — Zed theme inspired by `bluz71/vim-moonfly-colors`↗
GitHub
- 人は、3つのものにしかお金を払わない---ソフトウェアエンジニアが、本業とは別に年間100万円を稼ぐまで #7↗
note
- マネタイズの計算をしてみたら、このままでは回らないことがわかった---ソフトウェアエンジニアが、本業とは別に年間100万円を稼ぐまで #6↗
note
- 作りたいものと、ユーザーにウケるものは違う---ソフトウェアエンジニアが、本業とは別に年間100万円を稼ぐまで #5↗
note
- 部屋にいる限り、アイディアは生まれない ---ソフトウェアエンジニアが、本業とは別に年間100万円を稼ぐまで #4↗
note
- ThreadsとInstagramに広告を出したら、LPの直帰率が88%→16%になった---ソフトウェアエンジニアが、本業とは別に年間100万円を稼ぐまで #3↗
note
- 初めて広告を出したら、リピーターが現れた --- ソフトウェアエンジニアが、本業とは別に年間100万円を稼ぐまで #2↗
note
- 「作れる」と「売れる」は別のスキルだった ---- ソフトウェアエンジニアが、本業とは別に年間100万円を稼ぐまで #1↗
note
- エンジニアのみんな、農家になろう
Blog
- SvelteをLynxに載せてネイティブアプリを作ってみる↗
Zenn
- ソフトウェアエンジニアが、本業とは別に年間100万円を稼ぐまで #0↗
note
- agent-skills↗
GitHub
- lynx-svelte↗
GitHub
- effect-ts-turtorial — ブラウザ上で動かしながら覚えるEffect-tsと関数型プログラミング↗
GitHub
- cosense-toolbox — Cosense Toolbox - Cosenseをもっと強力に面白く使うためのライブラリ群↗
GitHub
- AI Engineering Summit Tokyo 2026 参加レポート:Cline・Devin・Helpfeelの3セッションまとめ↗
Zenn
- CosenseのRAGをCloudflare AI Search (Auto Rag)を使って爆速で作ってみる↗
Zenn
- cosense-cloudflare-ai-search — Cosense を Cloudflare AI Searchを使って検索する↗
GitHub
- AIができるようになったからなんだ?
Blog
- Cosenseで@メンションしたらDiscordに通知が飛ぶ仕組みをCloudflare Workerで作った↗
Zenn
- Sveltekit アプリをCloudflare Containersにデプロイする↗
Zenn
2025
- svelte5でsveltekit使わずに自前のssrをしてみる↗
Zenn
- Gmailのメール本文をCosense(旧scrapbox)にインポートするアプリをSveltekitで作ってみました↗
Zenn
- cosense-gmail-integration — Gmail Integration For Cosense(scrapbox)↗
GitHub
- transformer-gemma3 — transformer.jsを使って、gamma3をブラウザー上で動かしてみたアプリ↗
GitHub
- zedにollamaを繋いでコード生成を完全オフライン化する↗
Zenn
- iOSシミュレーターでもpush通知を実現する↗
Zenn
- Sony WH-1000XM6を買った!
Blog
- AIと伴に開発するようになってから、ブロクへ投稿は減ってしまった話↗
Zenn
- 個人開発祭り#5にて人生初登壇しました!↗
Zenn
- 新規のexpoプロジェクトからexpo routerを外す方法↗
Zenn
2024
- SvelteのUIライブラリーKoy UIを作りました↗
Zenn
- SvelteのUIライブラリーを公開しました
Blog
- GyazoのNodeJSライブラリーをTypescriptで作った話↗
Zenn
- koy-ui — UI libirary for Svelte ↗
GitHub
- V0とAstroJS使って爆速で個人サイトを作りました。
Blog
- VSCodeユーザーのためのZedの設定↗
Zenn
- vimmerになるためにzedを使い始めた話↗
Zenn
- エンジニア向けEspresso入門☕️↗
Zenn
- SlackのスレッドからCosense(旧Scrapbox)ページを作ってくれるBotを作った話↗
Zenn
- SvelteでReduxを使う↗
Zenn
- SvelteKitでtype safeなナビゲーションを作ってみる↗
Zenn
- SvelteKitと@emotion/cssでSSRする↗
Zenn
2023
- Svelteでコンポーネント作るときにHTML属性のtype補完を効かせる方法↗
Zenn
- NestJS+Fastify+MercuriusにdataLoaderを入れる↗
Zenn
- Bunとesbuild使って、自前のNextJSを作ってみる↗
Zenn
- bun-react-ssr — Bun React SSR example↗
GitHub
- SvelteでスクショをオシャレにできるWEBアプリ(Smiiily)を作った話↗
Zenn
- smiiily↗
GitHub
- TailwindCSSでpopperを再現しようとしたら、HTMLがカオスな状態になってしまった↗
Zenn
- Expo bare workflowで環境分けてビルドする方法をchatGPTに教えてもらいながらやっと解決できた↗
Zenn
Work
Groovit 株式会社のホームページを制作
- React NativeでスタイリッシュなButton Groupsを作る↗
Zenn
2022
- Deno とVS Codeでnpmパッケージのタイプヒントを表示させる↗
Zenn
- 時代はDeno、node_modulesとおさらばだ、Denoでexpressサーバーを立ち上げる↗
Zenn
- RemixのuseLoaderDataのgeneric typeが勝手に変わってしまう問題↗
Zenn
- Cafepin の開発を始める — お気に入りのカフェを保存できるアプリ
Indie
- RemixでDynamic Import を使いたい時↗
Zenn
Work
AI 姿勢分析アプリの開発に参加 — 体の姿勢を画像・動画で分析する Web アプリ
- まだinputに一々disabledかけている?↗
Zenn
- Remixでページ遷移の時にprogress bar(インスタ風)を表示させる↗
Zenn
- ZennのPWAをSvelteを学習しながら作った話↗
Zenn
- Javascriptでフォームデータを一番楽に取得する方法↗
Zenn
2021
- Docker containerからhostのMySQLに接続する↗
Zenn
Indie
セルフオーダーシステムを開発 — レストランなどで、お客さんが自分で注文できるシステム
- laravelプロジェクトでesbuild使ってjsファイルのバージョニングしたい時↗
Zenn
- Prisma2でのtransactionをActiveRecord風に書きたい問題↗
Zenn
- Next.JSでページ遷移する前にbeforeunloadはさみたい時↗
Zenn
Indie
カスタム CMS 付きの企業サイトを開発 — 小型のコーポレートサイトの開発
2020
Indie
Twitter の片思いを解除するアプリを開発
Work
恋活・マッチングアプリ meple の開発に参加 — meple の開発全般
Indie
アパレルブランドの EC サイトを開発 — Angrm tokyo というアパレルブランドの EC サイトの開発・構築
- gridsome_GmailClone — gmail ui clone created with gridsome tailwind css ↗
GitHub
- gridsome_pinterestClone — use gridsome(vue js static site generator) to re build static pinterest clone↗
GitHub
03 Profile
自分について
経歴や好きなもの、作ったグラフィックは Profile にまとめています。


