Claude Codeで「記事作成支援アプリ」を作ってみた🛠️

はじめに

Claude Codeで今回は「記事作成支援アプリ」を作成しました💻

私自身、記事を書く際
・何度も記事を練り直す✍️
・何度も画像作成をやり直す🖼️

のが面倒だったので、
上記を１画面で完結できる機能を作りました✨

できることはシンプルで、以下の通りです。

・原案をもとに段落構成や絵文字を整えてくれる🧩
・記事に合った画像案をAIが提案してくれる🎨
・AIの提案をもとに、何度でも修正・改善できる🔄

今回はこのアプリについて、
エンジニアでない方にもわかるように解説していきます😊

今回のアプリの機能

初期表示

このアプリには大きく2つのモードがあります。

① 構造整理
→ 原案の記事を、読みやすい構成に整える📄

② 画像設計
→ 記事に合った画像案をAIが提案する🖼️

構造整理を実行した後

「補正した記事」欄

AIが記事をチェックし、「読みやすい形」に整えてくれます✨

・段落の整理
・絵文字の追加
・文章の微調整

また、修正結果はそのまま使うだけでなく、自分でさらに編集することもできます👍

続きは、リベシティにログインしてからお読みください

＼初月30日間無料／ リベシティで会員登録をする ログインする

ノウハウ図書館でできること

• すべての記事の閲覧

• ブックマーク

• いいね・レビュー

• 記事の投稿※応援会員（有料）のみ

• ポイントの獲得※応援会員（有料）のみ

※会員登録には、新入生会員（初月30日無料）と応援会員（有料）があります

応援会員制度とは？

さらに！

• リベシティの他の機能やサービスもご利用いただけます（詳しく見る）