アプリ開発

• Recipe App

  家族と買い物に行くときにいつも、「あれ？買いたいの何だっけ？」となるので、複数人が共通で利用できる家族用の買い物メモアプリ兼レシピアプリを作成しました。
  （画像はわが家の実際の買い物メモです。）

  もともとは昔に作ったレシピ管理アプリを再デザインする予定だったのですが、いまは買い物メモとして重宝しています。
  肝心の開発部分は、Next.js + Hono + Cloudflare + NeonDB(drizzle)で構築しています。

  このとき初めて、要件定義・設計(デザイン)を本格的に行い、開発を進めました。
  （デザインやロゴの作成はFigmaを使用しています。）

  挑戦の意味を込めて、これまでの開発でやったことのないものばかりを選んで挑戦しました。
  例えば、当時実務だとORMにはPrismaしか使ったことがなかったので、drizzleを使用してみました。

  開発初期からかなり躓いていて、最初はたしかCloudflareへのデプロイでした。当時、bunを使用してデプロイしようとしたところエラーで全然公開できず、かなりの時間を費やしました。（ドキュメント通りに設定してもうまくいかず、海外のフォーラムなどをみても同様に躓いている方が多く、なかなか解決策が見つからず苦労しましたが、bunのバージョンを下げたり、互換性フラグというのを[nodejs_compat_v2]にしたら無事適応され使えるようになりました。※現在は気にしなくてもbunが使えます。）

  あとはエッジランタイムの設定をAPIに追加しなければいけないのを知らなくて、しばらく困っていました。
  その後も初めての1人称でのテーブル設計などで苦労しましたが、AIにも積極的に質問して概念的な理解をし、なんとか形にすることができました。

  

  

  

  ↑クリック(タップで詳細を表示)

• Book Vault

  家族から電子本の管理をするアプリが欲しいという要望があり、現在作成中のネイティブアプリです。
  React Native + Expo + Tamagui & データバックアップ用APIにはCloudflare D1 + Hono + drizzle(ORM)を使用して構築しています。

  （実はこの本管理アプリの前に、ネイティブアプリでゲームを作ろうと家族で話していたのですが、その練習としてまずは本管理アプリを作成しています。
  ゲームアプリはまだまだ先になりそうですが、まずはこの本管理アプリを完成させたいと思っています。）

  添付の画像は、実際に家族が使ってくれている画面のスクリーンショットです。
  個人的にはまだまだ開発途中ですが、使いやすくて助かっていると言ってもらえていて、とても嬉しく思っています。

  苦労話になりますが、またデプロイで躓きました。
  最初はExpoのEASを使用してデプロイしていたのですが、追加したい機能にネイティブでしか使用できない要件があり、EASでは対応できませんでした。

  ローカルでJava環境を構築し、ビルドした後、Firebase App Distributionを使用して配布する形に変更しました。
  ローカルでのビルドは初めてだったので、環境構築にかなり苦労しましたが、無事に配布できるようになりました。

  まだまだ開発途中ですが、完成を目指して取り組んでいます。

  

  

  

  

  ↑クリック(タップで詳細を表示)

• このポートフォリオ

  3つ目はこのポートフォリオです。

  デプロイ先にはCloudflareを使用しています。
  セキュリティにも強く、分散配置されたサーバー(エッジサーバー)が利用できるところ。
  その利用が簡単ですし、D1やKV、ストレージのR2といった便利な機能が豊富に揃っているので、積極的に活用しています。

  ファーストビューの「Portfolio」の文字は、Nomad Sculptで作成しBlenderでアニメーションさせています。
  文字を1つずつ動かすのに苦労しましたが、バウンドと合わせて回転したり、縮尺が変わったりと微調整し、動きにこだわりました。
  その甲斐あって、印象的かつ、なんのサイトか一目で伝えられるようになったと思います。

  後ろで回転しているアイスクリームもNomad Sculptで作成しました。
  アイスクリーム自体に、かなり思い入れがあり、3Dで表現するなら絶対に入れたいと思っていました。
  このサイトの下部にはアイスを眺めるためだけに作ったセクション(アイスがよく見えるようにした場所)もあります。
  ぜひゆっくりご覧いただければ幸いです。（もう少しBGMの勉強をしたうえで、作曲し、本当にただ眺めるだけのセクションにしたいと考えています。）

  

  

  

  ↑クリック(タップで詳細を表示)

• その他の開発作品

  その他にも、以下のような開発作品があります。

  • 開発者向けWEBメモツール: ブラウザ上で開発メモを簡単に取れるChrome拡張機能を作成しました。Preactを使用。
  • 勤怠半自動化ツール: Money Forwardで勤怠管理をしているのですが、毎日4回の打刻を少しでも楽にしたいと思い、拡張機能から打刻ができるツールを作成しました。（今でも毎日使用しています。）1日で思いつきで作った割にかなり便利で重宝しています。Preactを使用。
  • Astro Notion Blog: Astroを使ってクライアントワークをする機会があったのですが、その際にもっと踏み込んでAstroを学びたいと思っていたところ、otoyoさんの作成されたastro-notion-blogを見つけ、クローンして自分なりに好きな見た目にして遊んでいました。

  

  

  

  

  ↑クリック(タップで詳細を表示)

デザイン作成

• Affinity Designer作品集(iPad)

  Affinity Designerで作成した作品集です。
  2025年の3月くらいから、アプリのアイコンなどをSVGで作成してLottieでアニメーションしたいという思いがあり、Affinity Designerを使い始めました。

  Figmaでパスの編集を使い慣れてきたころだったのですが、ツールの何を使えばどうなるのかが全然わからず、最初はかなり苦労しました。

  とにかく使い続けた今は、かなり使いこなせるようになり、キャラクターの模写や、アプリで利用する画像の作成などができるようになりました。

  またAffinityに関しては、大幅なアップデートがありました。出来ることもかなり増えたため、引き続き使っていきたいと思っています。

  

  ↑クリック(タップで詳細を表示)

• Illustrator作品集(iPad)

  Illustratorで作成した作品集です。
  2025年の10月初めくらいにiPad版だと1000円でサブスクできる事に気が付き、そこから愛用しています。
  まだまだ始めたばかりですが、「イラレの5分ドリル 練習して身につけるIllustratorの基本」を読みながら引き続き上達していきたいと思っています。

  

  ↑クリック(タップで詳細を表示)

• Procreate作品集(iPad)

  Procreateで作成した作品集です。
  Illustratorの下書きや、旅行で撮影した写真にお絵かきをして遊んだりしています。

  （Procreate Dreamsも購入しているのですが、まだあまり使いこなせていないので、引き続き挑戦していきたいと思っています。）

  

  

  ↑クリック(タップで詳細を表示)

• Nomad Sculpt

  Nomad Sculptで作成した作品です。
  これも10月半ば(2025年)くらいに衝動的に購入してそこから勉強しています。
  直感的に3Dを作成できる点にとても魅力を感じています。

  

  

  ↑クリック(タップで詳細を表示)

自己紹介

何がすき？

どんな人？

これから何をしたいのか？