marutto.art.dev

の開発・運営ログ ✨
日々の改善や新機能の追加を、作品とともにゆるく発信中🌷

[marutto.art.dev @marutto_art_dev]

ピクセル素材サイトでボクセル風のPNGダウンロードができるようになりました。
今回の機能は少し難しくて、ClaudCodeの５時間制限に到達してしまい、Codexに切り替えて対応しました。個人開発は基本土日だから、曜日単位で使用量の上限を調整できると嬉しいのだけど。

[marutto.art.dev @marutto_art_dev]

スクロールでのページ移動については、
フッターを見たい人には悪い体験となる。
この場合、スワイプかな。

[marutto.art.dev @marutto_art_dev]

パラパラめくる
スクロール

目次
カテゴリ

歩きながら見る
スクロール

展示会場を移動する
カテゴリ

UIやUXを考える時、現実のシーンと比較してみる

[marutto.art.dev @marutto_art_dev]

どこかのツイートで集客困っていますというのがあったけど、まさにそこだと思います。それに、昔から作る以上に、いかに集客するかが大変なんだよな。どのように、作ったものを育てていくか。

[marutto.art.dev @marutto_art_dev]

誰でもサイトを作れる時代が到来しました。
コンテンツの質と量は、昔から重要な要素でしたが、今後さらに強まってきそう。

[marutto.art.dev @marutto_art_dev]

My pixel art mix ✨ #pixelart #maruttopixel https://t.co/pmT9U5Tqp8

この１ヶ月間で、AIで５つほどWebアプリを開発しました
その期間で、AIだけに頼るのではなく、しっかり・ゆっくり学ぶのが私のスタイルというのに気づけたのは収穫かもしれない☺️

[marutto.art.dev @marutto_art_dev]

ClaudeDisignが、DBの構成も考えてくれていました。
ClaudeCodeにコーディングしてもらう場合、
zipを展開してコーディングを開始するだけ😊
README.mdに仕様を詰めていった内容がまとめられていました。

#claude

[marutto.art.dev @marutto_art_dev]

最近、これは重要な仕様だなと思ったら、README.mdに反映してもらっています
・ブログやマニュアルの作成
・機能改修
・競合調査
などに役立つかなと思っています

[marutto.art.dev @marutto_art_dev]

WordPressとOpenAIのAPI接続が何度も失敗😅
以下の流れでとりあえず解決🥺
１：AIプラグイン削除
２：OpenAIコネクトプラグイン削除
３：AIプラグインインストール
４：AIプラグイン設定
５：OpenAIコネクト接続

[marutto.art.dev @marutto_art_dev]

WordPressとAIとの接続機能がリリース😍
早速試したのですが、タイトル、アイキャッチの生成はできるけど、要約を渡してからの本文生成機能はなさそうでした😭
アイキャッチは自動生成してくれたものです

[marutto.art.dev @marutto_art_dev]

パズルゲームをPWAにすると、アプリのように気軽に楽しめるから良き🐷

https://t.co/cxEgAH3pNlに遊びにきてね！
集客用にブログなども用意して、AIで半日で実現🤣

ゲームを初めて作ったけど、色々勉強になりました

#個人開発

[marutto.art.dev @marutto_art_dev]

やったこと
ClaudeDesignでデザイン作成
ClaudeCodeで実装
リリース（自動デプロイ込み）

ここまでの作業時間は3時間ほどでした😳

[marutto.art.dev @marutto_art_dev]

3時間でパズルゲームをリリースしました。
https://t.co/mjtrnOv2W3のデザインシステムを活用している分、早かった。

他のパズルゲームで遊んだ時間は、12時間だけど😅

🔽パズルゲームです
https://t.co/cxEgAH3pNl

[marutto.art.dev @marutto_art_dev]

ソリティア、オセロ、テトリス、ぷよぷよ大好き！
今は他のパズルゲームを２・３日かけてやっているのですが、無理なピースが出てきて詰んでしまう。
私の求める詰まないけど考えるパズルゲームを、早速ClaudDesignにデザインを起こしてもらいました。🌷

#claud #個人開発 #パズルゲーム

[marutto.art.dev @marutto_art_dev]

Issueの登録は意外と時間がかかるのですが、ClaudeCodeと仕様相談している内容をClaudeCodeに登録してもらうからIssueの登録時間はかからないし、Issueの内容もしっかりしています。

[marutto.art.dev @marutto_art_dev]

思いついたら、すぐにプロダクトに反映するのですが、コミット＆プッシュする際に、Issueへの登録を必ずするようにしています。

#個人開発 #Issue

[marutto.art.dev @marutto_art_dev]

marutto letterのブログをClaudeCodeに生成してもらいました。SEOも加味されていて、個人開発ではかなり重宝すると思います。ただし、執筆者がたくさんいるような大規模ブログは、CMSが良いと思います！

🔽 実際のブログ
https://t.co/IIeR39WPx5

[marutto.art.dev @marutto_art_dev]

@rona29269099 ClaudeCodeによる記事生成を試しました。
個人的には画像以外は良い仕上がりだと思いました。
リリース前には私と編集担当（AI）でチェックする流れになりそうです。

🔽 AIによるブログ
https://t.co/IIeR39WPx5
https://t.co/nNHfKHhIQV

[marutto.art.dev @marutto_art_dev]

やってみたいことがある。

サイト内ブログをWordPressではなく、
Next.js × Markdownで構築して、
ClaudeCodeで運用してみる。

下書きはAI、
チェックと公開は人間。

この形にすると、
集客の工数ってかなり減るのでは？🤔

#個人開発 #Nextjs #AI活用 #SEO

[marutto.art.dev @marutto_art_dev]

本日、marutto letter
をリリースしました。

散歩の時に閃いてから
３日後のリリースとなりました。

忙しない時代の文通webアプリです。

#個人開発 #claude