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

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

React Native · Expo
Cafepin
お気に入りのカフェをピンで保存するアプリ
Other projects
- Effect TS TutorialEffect-ts でブラウザで動かしながら関数型プログラミングが学習できるWebアプリです。Effect-TS · SvelteKit
- KoyUISvelte で作成した UI コンポーネントライブラリーSvelte · emotion
- SmiiilyGradient background image generator for social media.Svelte · SvelteKit
- Cosense ToolboxCosense にためたナレッジを外に持ち出したくて作ったパーサーが、LSP やエディタ拡張にまで育ったツールキット。TypeScript · Effect
- Transformer Gemma 3Transformers.js で Gemma 3 をブラウザの中で動かしてみたチャットアプリ。Transformers.js · Svelte
- Cosense AI SearchCosense のページを Cloudflare AI Search で検索できるようにする Worker。Cloudflare · Workflows
- Gmail to CosenseGmail で「cosense」ラベルを付けたメールを Cosense に自動で取り込む SvelteKit アプリ。SvelteKit · TypeScript
- BucketDrop自分の S3 互換ストレージにファイルを放り込んで URL を得る、macOS のメニューバーアプリ。Swift · macOS
02 Work
仕事
2023.05
Groovit 株式会社のホームページを制作
React · Next.js
2022.06
AI 姿勢分析アプリの開発に参加
体の姿勢を画像・動画で分析する Web アプリ
React · TypeScript
2020.06
恋活・マッチングアプリ meple の開発に参加
meple の開発全般。サービスは現在終了しています
Ruby on Rails · MySQL
2020.05
アパレルブランドの EC サイトを開発
Angrm tokyo というアパレルブランドの EC サイトの開発・構築
Nuxt.js · Laravel
03 Articles
このサイトに書いたもの
- 2026.08.07技術エンジニアのみんな、農家になろう2026年にもなって気づいたことがある。手でコードを書く時間が、圧倒的に減った、 アルゴリズムを考える、処理の流れを考える、アーキテクチャを考える、テストを考える、エンジニアの仕事の中心だったはずのこれらに、俺はもうほとんど時間を使っていない。
- 2026.02.20趣味AIができるようになったからなんだ?AIブームの真っただ中にある2026年だが、あっちこっちから「あれもすごい、これもすごい」という話ばかり聞こえてくる。特にインターネットを媒体としたあらゆる分野で革命的な変化が起きている。
- 2024.12.20OSSSvelteのUIライブラリーを公開しましたSvelteのUIライブラリーのKoy UIをオープンソースで公開した話。
- 2024.11.11技術V0とAstroJS使って爆速で個人サイトを作りました。vercelが開発しているV0という生成AIサービスとAstroJSを使って爆速で個人のサイトを作ったお話。
04 Activity
書いたもの、作ったもの、登壇
2026
- Cosenseの記法パーサーをバイブコーディングしたら、作りたいものが無限に出てきて、止まらなくなった↗
Zenn
- 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万円を稼ぐまで — 連載 9 本↗
note
- 自分で使わないアプリは、作らない方がいい---ソフトウェアエンジニアが、本業とは別に年間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
- bucketdrop — BucketDrop is a tiny, open-source menu bar app for uploading files to your own S3-compatible storage. No dashboards. No syncing folders. No vendor lock-in. Just drop a file and get a shareable URL instantly.↗
GitHub
- 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
- AIと伴に開発するようになってから、ブロクへ投稿は減ってしまった話↗
Zenn
- 個人開発祭り#5にて人生初登壇しました!↗
Zenn
- 個人開発祭り vol.5 で登壇 — 人生初の登壇。初めてリリースした Cafepin を題材に、個人開発が途中で終わってしまう原因と教訓を話した↗
Talk
- 新規の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
- 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
- まだ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 付きの企業サイトを開発 — 小型のコーポレートサイトの開発
05 Profile
自分について
経歴や好きなもの、作ったグラフィックは Profile にまとめています。


