あとがき (仮公開)

https://github.com/kainasubi1230/atogaki.git

Next.js

GitHub

Python

Docker

PostgreSQL

自分の字に自信がなくても、タイピングで「手書き」を届けるシステム

anji

しゃちょー

推しアイデア

このプロダクトの「デジタルの中に消えてしまった "手書きの温もり" を取り戻す」というテーマそのもの!

作った背景

タイピングで自分仕様の「手書き」の文章が出力できたら便利じゃね!?

推し技術

写真1枚から、文字をバラバラにして自動ラベリング。そして、そこからの「文字出力」

プロジェクト詳細

📨 あとがき 〜技術が繋ぐ温もり〜

「タイピングで自分仕様の手書き文章が出力できたら便利じゃね!?」 そんな純粋なワクワクと、デジタルの中に消えてしまった「手書きの温もり」を取り戻したいという想いから始まったプロダクトです。

僕たちは、今回のテーマである「うん」を、否定の接頭辞である「un」と受け取りました。デジタル化によって消えつつある、文字としては書かれていない温かみ、つまり「unwrittenな温もり」を届けるシステム。それがこの『あとがき』です。


🎬 デモ動画

(ここにYouTubeなどのデモ動画リンクを貼り付け)


🛠️ 主要機能

① 1枚スキャンで文字登録

自分の字が書いてある写真を1枚アップロードするだけで、OpenCVとPILが走り、文字をバラバラに切り出して自動で『あ・い・う…』とラベリングします。

② 「その人らしさ」を再現するAI学習

数万文字で事前学習したベースモデルに対し、ユーザーの筆跡だけをLoRAで追加学習させ、独自の書き癖を再現しています。

③ 毎回ちょっと違う字が出る「人間らしいゆらぎ」

既存の手書き風フォントのように同じ文字が綺麗に並ぶ違和感を排除。Chaikinの平滑化アルゴリズムと幾何学的なノイズを加えることで、同じ文字を打っても毎回微妙に形や傾きが変わる「人間らしい自然なゆらぎ」を再現しています。

④ テキストを自由に変形・配置できるキャンバス画面

  • キャンバス操作: 複数選択、移動・回転・リサイズ、図形描画、文字のカスタマイズ(間隔・行間・配色)。
  • 用紙設定:背景スタイル選択(無地・ノート・方眼紙など)、キャンバスの縦向き/横向き切り替え。
  • 出力:操作UIを除去したPNG/SVG形式でのエクスポート。

⚙️ システム構成

技術スタック

  • フロントエンド:Next.js, React (TypeScript) / Vanilla CSS (カスタムCSS)
  • バックエンド:FastAPI (Python 3.11)
  • AI / 機械学習:PyTorch (LoRAによる個別筆跡追加学習)
  • タスクキュー / 非同期処理:Redis Queue
  • データベース / ストレージ:PostgreSQL / MinIO (S3互換ストレージ)

アーキテクチャ

image


✨ 推しアイデア と 推し技術

・ 推しアイデア

1. プロダクトテーマ  現代のテキストコミュニケーションは便利ですが、文字が持つ「個性」や「温もり」が失われてしまいました。 本プロダクトの、タイピングでありながら自分らしい手書き文字を届けられる——この体験そのものが、僕たちの最大の推しアイデアです。

2. 遊び心と風情ある技術の無駄遣い  AIの追加学習や文字変換には、どうしても 待ち時間 が発生します。僕たちは、そこに "風情あるモーション" や "隠しエフェクト" を仕込みました。  一見すると「なくても困らない機能」かもしれません。でも、デジタルに温もりを宿すプロダクトだからこそ、待ち時間すら心地よい体験に変える。そんな遊び心を僕たちは大切にしました。

・ 推し技術


👥 開発チーム:apricalm

僕たちは 久留米高専 制御情報工学科の2年生 2人 によるチームです。 「技術で心地よい平穏(Calm)を届ける」をモットーに、アプリケーションを中心として、技術力と執念を詰め込んで開発をしています。

💻 [堀川 海凪 / しゃちょー]

  • 所属: 久留米高専 制御情報工学科 2年
  • 担当: 全体アーキテクチャ設計、バックエンド、AI学習ロジック構築
  • 一言: 「本日寝坊してバスに乗れませんでした。よろしくお願いします!」

🎨 [田中 杏治 / anji]

  • 所属: 久留米高専 制御情報工学科 2年
  • 担当: フロントエンド、UI/UXデザイン、プレゼン準備
  • 一言: 「相方には助けてもらってばっかりですが、お互いカバーし合いながら全力で頑張りたいです。よろしくお願いします!」

☕️ 『あとがき』を作ってみての感想

anji

@a2a2eaff882feceb