Webサイトや記事、画像などの制作物だけでなく、
AI・業務自動化を使って
「何をラクにするために作ったのか」
まで紹介しています。
制作・検証したものを、目的やカテゴリごとにご覧いただけます。
気になるカテゴリからご覧ください
作ったものの、その裏側。
見た目だけでは分からない、 「何を考え、どう仕組みにしたのか」を 代表的な制作事例からご紹介します。
専門記事を、
「読むだけ」で終わらせない。
リサーチ・記事制作からWordPress入稿、 HTML/CSSによる図解・装飾、 読者が操作できる参加型コンテンツまで。
公的データなどを扱う専門テーマは、 正確性を保ちながら初心者にも理解できる文章へ 落とし込む必要があります。
NotebookLMなどを情報整理に活用し、 構成・執筆・CMS装飾まで一貫して制作。 必要に応じてJavaScriptによる参加型機能も実装します。
条件を選ぶだけで、
その場で概算料金を表示。
住宅設備会社のWebページに、 ユーザー自身が条件を選択して料金を確認できる 簡易見積りシミュレーターを実装しました。
選択条件から金額を計算し、 結果をモーダル画面へ表示。 スマホ操作まで考えたレスポンシブ設計です。
クリックから結果表示まで、
リロードなしでつなぐ。
大規模な占いメディアで制作した 「恋みくじ」の動的ギミックを、 ポートフォリオ用に切り出した実装見本です。
AI業務ツール・業務自動化など、 制作・検証した仕組みも順次CASE STUDYとして追加していきます。
他に何が作れるか。
AI・業務改善からWeb制作、記事、画像・動画まで。 制作・検証したものをカテゴリ別にまとめています。
AIツール・業務自動化
AIやGASを単体で使うのではなく、 実際の業務の流れに合わせて組み合わせた ツール・自動化の制作例です。
COURSE PROJECT
記事企画支援ワークフロー
情報整理・既存記事確認・企画案作成など、 複数の工程をDifyのワークフローとしてつなげた AI業務ツールの制作・検証例です。
SELF PROJECT
血圧記録Webアプリ
毎日の血圧・脈拍をWeb画面から入力し、 Google Sheetsへ自動保存。 履歴確認やグラフ表示までを ひとつのWebアプリにまとめています。
CASE STUDYを見る ↗Webサイト・動的コンテンツ
WordPressサイトから、 JavaScriptを使った簡易シミュレーターや 動的コンテンツまで制作しています。
記事・コンテンツ制作
リサーチ・構成・執筆から画像制作、 WordPressへの入稿・装飾まで対応した コンテンツ制作例です。
AI画像・ショート動画
Webサイト・ブログ・SNSなどで使用するAI画像や、 YouTube・SNS向けのショート動画を制作しています。 画像は拡大表示、動画はそのまま再生してご覧いただけます。
AI画像・SNSクリエイティブ
Instagramプロフィール＆フィード
投稿単体ではなく、アカウント全体の配色やトーンを揃え、 一貫した世界観になるよう設計したSNSクリエイティブです。
AIキャラクター・バリエーション
同じキャラクターの雰囲気を保ちながら、 表情やポーズ、シチュエーションを変えて制作した バリエーション例です。
動画制作ワークフロー解説
画像生成から動画化、音声制作、編集まで。 AI動画が完成するまでの工程を分かりやすく ビジュアル化した制作例です。
AIショート動画・PR動画
AIライティング商品PR動画
商品紹介用に制作したAI動画。 キャラクター・音声・リップシンク・テロップを組み合わせ、 音声なしでも内容が伝わる構成にしています。
占いサイト宣伝用SNSリール
スマートフォンでの視聴を前提に、 短い時間でも内容が伝わるテンポやテロップを意識した 縦型ショート動画の制作例です。
AI / DX / WEB SUPPORT
「こんな仕組み、作れる？」からご相談ください
AI業務ツール、業務自動化、Web制作など、まだ具体的な仕様が決まっていなくても大丈夫です。
現在の業務や「もっとラクにしたいこと」から、一緒に整理していきます。