Home
Blog
Products
Profile
Study
Collatz
© 2024 Oizumi Yuta

絵本作成アプリ「Kokoehon」を作った

2024-10-15

概要

9/29 ~ 10/15 の期間で個人開発として絵本作成アプリ「Kokoehon」を作った。

https://kokoehon.oizumi-yuta.com/

動機は妻が絵本をスマホアプリで作っていたことだ。スマホアプリの中身を見ていないのでどういうアプリかわからないが、妻がそこで絵本を作り、後日紙の絵本が届いた。素晴らしいアプリだと思った。

今回作ったアプリには印刷機能はないが、機能一覧は以下:

  • ページを追加・削除し、文章を入力する
  • 画像をアップロードする
  • PDF 出力を行う
  • スライド形式で作成した絵本を閲覧する

絵本作成には個人の環境が必要なのでユーザー認証を実装したいが、これ以上の機能追加は根気が必要だ。個人開発はモチベーションがとても大事とよく言われるが、痛感している。

技術的な要素

フロントエンドは Next.js、バックエンドは Node.js だ。Next.js は本当に作りやすい。ディレクトリ構造がそのまま PATH に反映されるのが一番良い点な気がする。あとはスタイルを page.tsx ごとに設定できる点もよい(例:

import styles from './app.module.css';
)。 今回は親子向けアプリということで、アイコンを多用した。アイコンは以下のサイトが便利:

https://www.svgrepo.com/

インフラは AWS のサーバーレス構成。API Gateway, Lambda, DynamoDB だ。個人ブログで月 $40 とかさすがにやばすぎるので、EC2 や ECS は初めから考えなかった。やっぱり個人開発は Lambda が優しい。

次以降の投稿でアウトプットのために細かいコード解説をしていこうと思う。