Client Website Live
HIK金属 公式サイト
姫路市近郊で金属スクラップの出張回収を行う HIK金属さまの公式サイト。静的HTMLで試作したデザインを WordPress のオリジナルテーマに移し、お知らせの投稿とお問い合わせフォームを、ご本人がスマホから運用できる形にしました。
- WordPress
- PHP
- HTML・CSS
- Contact Form 7
Client Website Live
姫路市近郊で金属スクラップの出張回収を行う HIK金属さまの公式サイト。静的HTMLで試作したデザインを WordPress のオリジナルテーマに移し、お知らせの投稿とお問い合わせフォームを、ご本人がスマホから運用できる形にしました。
Workflow Tool Private
案件収集から応募文の下書き作成・進捗管理までを1画面にまとめた自分専用の業務ツール。安全のため自動送信は行わない設計です。制作の裏側は記事にしています。
Monitoring Tool Private
Claude Code のセッションログを読み取り、AIの稼働状況をドット絵のオフィスとして表示する自分用の道具。Python の FastAPI で自分のPCの中だけに小さなWebサーバーを立て、キャラクターと背景のドット絵はローカルの ComfyUI で作りました。
作品は全8件あります。ここに並べているのは、そのうちの4件です。
すべての作品を見る(全8件)長い動画から見せ場を選び、字幕つきの縦型ショート動画に仕上げる仕組みを自分で作りました。字幕の型やテロップ、画面の分割も指定して頼め、実測した処理時間と自動テスト285本の記録もあります。
お問い合わせフォームに送信が来ると、LINEに通知が届き、AIが返信メールの下書きも作ります。その仕組みと、入口を自分のフォームに作り替えても書き直さずに済んだ理由を書きます。
Unity と C# で作った3Dのブロックくずしを、5回に分けて携帯でも動かしました。指がパドルを端まで届かなかった理由と、確かめたこと・確かめていないことの記録です。
クラウドワークスの応募でやっている3工程のうち、2つを自分のPCの中だけで動くアプリに移しました。作った順番と、間違えたこと・いまも直せていないことの記録です。
Claude Code のログを読み取り、AIの稼働状況をドット絵オフィスに映す道具を自作しました。材料3つ・5段階の作り方と、実機で気づいた4つのつまずきをそのまま書いています。
新しい技術やAIツールを取り入れながら学ぶ時間そのものが楽しく、何もないところから少しずつ形になっていく過程に一番のやりがいを感じます。このサイトでは、作ったものを実際に触って確かめられる形で公開しています。
制作のご相談・ご質問はこちらからお願いします。お送りいただいた内容は、運営者本人が読んで返信します。
お問い合わせフォームへ