Cafe Aroma
オーガニックコーヒーショップのコンセプトサイト。温かみのある配色とタイポグラフィで、お店の空気感を表現しました。
制作のポイント
AIコーディングによる初めての作品です。一杯のコーヒーのように調和の取れた、訪れた人がほっとするデザインを追求しました。「AIで作ったサイトでも、ちゃんと温かみは出せる」という原点になった制作です。
※お問い合わせフォームはデザインサンプルです。
サイトを見るWeb係のおじさん
「AIって、なんだか難しそう…」を、「なんだ、こんなことか！」に。
専門用語は使いません。
あなたの街のWeb係が、デジタルの『困った・気になる』をやさしくお手伝いします。
Web制作者の『ひではる』と申します。ネット上では『Web係のおじさん』と名乗っています。東京・横浜エリアを中心に、全国オンラインでも対応しています。
もともとは2000年に新聞社のWebデザイナーとして手書きHTMLからスタートし、約10年のWeb実務経験を積みました。いまはAIという心強い相棒を得て、ホームページ作りだけでなく、「AIってどう使うの?」という身近な相談にも、やさしい言葉でお応えしています。
難しい話は苦手、という方こそ大歓迎です。「こんなこと聞いていいのかな?」を、いっしょに気楽に片づけましょう。
最新のAIをフル活用し、人間が数日かかる作業の土台づくりを数時間に短縮します。速さの秘密は、手抜きではなく「道具の正しい使い方」です。
AIで短縮できた時間は、あなたとの対話や細かな調整に充てます。「速いけど雑」ではなく、「速いからこそ、ていねいにできる」のが私のやり方です。
iPhone・パソコン・さまざまなAIツールを日常的に使いこなしているからこそ、無駄なく進められます。道具を熟知しているからこそ出せるスピードです。
ホームページ作りは、その中のひとつ。
「AI」と聞くと身構えてしまうかもしれません。でも大丈夫。
日々の『めんどくさい』『どうやるの?』を、いっしょに片づけるお手伝いです。
ChatGPTって、
結局なに？
「ChatGPTって何?」「うちの仕事に使えるの?」——できること・できないことを、専門用語なしでお話しします。
チラシの文、
うまく書けない…
チラシ・POP・お店のメニュー・あいさつ文。「うまく書けない…」をAIといっしょに形にします。
インスタ、
何を載せれば？
Instagramやお店の投稿、何を書けばいい? 写真選びから文章まで、続けやすいやり方をご提案します。
この返信、
失礼じゃないかな？
お客様や取引先への返信メール、丁寧な言い回し。下書きをAIにおまかせして、時間を取り戻しましょう。
スマホのこれ、
どうやるの？
写真や書類の整理、スマホ・パソコンの「これどうやるの?」。身近なデジタルの困りごと、まるごとどうぞ。
お店のサイト、
ほしいなあ
お店や個人の紹介サイトを、最短3日・5,000円〜。約10年の実務経験で、見た目も中身もしっかり作ります。
「これってお願いできる?」と思ったら、それがもう相談のはじまりです。
気軽に相談してみる難しく考えなくて大丈夫。まず話しかけてみてください。
「AIって聞いたことあるけど、何に使うの?」「うちみたいな小さな仕事に使えるの?」
そんな素朴な疑問を持っている方へ。いろいろできるおじさんに、気軽に声をかけてください。
AIの基本から、できることとできないことまで。専門用語なしで、わかりやすく話します。
メール文章、資料まとめ、アイデア出し——日々の業務に合ったAIツールを一緒に探します。
説明を聞くより、一緒に使ってみる方が早い。オンラインでも対面でも、ハンズオンでどうぞ。
情報漏洩やセキュリティの不安、正直に話しましょう。安心して使えるところから始めます。
「こんなこと聞いていいの?」という相談ほど歓迎します。
気軽に相談してみる「こんなサイトが作れます」というサンプルです。
オーガニックコーヒーショップのコンセプトサイト。温かみのある配色とタイポグラフィで、お店の空気感を表現しました。
AIコーディングによる初めての作品です。一杯のコーヒーのように調和の取れた、訪れた人がほっとするデザインを追求しました。「AIで作ったサイトでも、ちゃんと温かみは出せる」という原点になった制作です。
※お問い合わせフォームはデザインサンプルです。
サイトを見る
高級和食店のブランドサイト。縦書きレイアウトや余白を活かし、静謐で品格のある佇まいをデザインしました。
日本の美をWebで表現するために、実装の難しい「縦書きレイアウト」を多用しました。伝統的な佇まいを損なわず、スマホでもストレスなく操作できるよう、和の品格とモダンな使い心地の両立にこだわった一作です。
※予約ボタンなどの一部機能はデモ用（ダミー）です。
サイトを見る
パーソナルカラー＆骨格診断サロンのコンセプトサイト。トレンドのニュアンスカラーと余白を活かしたミニマルなデザインで、洗練された「垢抜け感」を表現しました。
20〜40代の女性がターゲット。清潔感と優しさを第一に、ターゲットの心に響く配色と空気感を形にしました。「このサロン、行ってみたいな」と思ってもらえることを目指したデザインです。
※スマホでの操作性を重視した、公式LINE連携デモサイトです。
サイトを見る
AIツール（Claude Code）を駆使して短時間で構築した、洗練された建築設計事務所のデモサイト。
「動きのあるサイト」への挑戦作です。画面に躍動感を与えるアニメーションや図形の動きを取り入れ、先進的な建築事務所にふさわしいスタイリッシュなイメージを表現しました。
※使用技術：HTML, CSS, JavaScript, Claude Code
サイトを見る
「あなたらしく咲く毎日を」をテーマにしたライフスタイルメディア。パーソナルスタイリングやウェルネストラッカー機能を持つデモサイトです。
Mallowが「静」の女性向けサイトなら、Bloomは「動」。動きのある華やかな演出で、活き活きとしたブランドの世界観を提案しました。同じ女性向けでも、雰囲気をガラリと変えられる表現力をお見せできる一作です。
※デモサイトのため、一部機能は制限されています。
サイトを見る
街の職人の粋をAIで可視化する、和菓子処「大黒庵」。看板メニューのふぶき（吹雪饅頭）をはじめ、四季折々の和菓子をお届けするデモサイトです。
地域に愛されながらも閉店してしまった実在の和菓子店を、AIの力で復元した特別な一作です。失われたお店の魅力を蘇らせることで、「自分のお店ももっと魅力的に発信できるかも」と商店街の店主様に感じていただける可能性を形にしました。
※デモサイトのため、和菓子の注文はできません。
サイトを見る
南インドの食文化・寺院・自然・祭りを紹介する情報ガイドサイト。WordPressのブロックテーマをゼロからカスタム開発し、お客様が自分でページを編集できるCMSサイトとして構築しました。
静的HTMLではなく、WordPressのブロックエディタで運用できるサイトに挑戦した一作です。カスタムテーマ開発、Docker環境構築、レスポンシブ対応、スクロールアニメーション、ページ間の回遊導線設計まで、CMS案件に必要な技術を一通り実践しました。
※使用技術：WordPress, PHP, Docker, カスタムブロックテーマ
サイトを見る
2000年頃の手書きHTML時代を知る制作者が、最新AIを駆使して平安の美を再現。長年のWeb歴が信頼の証となる、紫式部の世界を巡るポータルサイトです。
Docker / WSL2 / PHP 8.x による堅牢な開発基盤のもと、WordPress + Claude Code で構築。カスタム投稿タイプ、和歌のランダム表示、旧暦変換機能など、「顧客のこだわり」を形にするカスタマイズ力を発揮した一作です。
※使用技術：WordPress, PHP, Docker, WSL2, Claude Code
サイトを見るまずは3,000円のAI相談から。わかりやすい料金体系です。
「まず話を聞いてみたい」「チラシやSNSの文章を手伝ってほしい」という方の入口プランです。
相談してみる「まずは1ページだけ試したい」「イベント告知用にすぐ欲しい」という方に。
相談してみるお店や事業の紹介サイトに最適。「ちゃんとしたサイトが欲しい」方はこちら。
相談してみる「デザインも構成もおまかせしたい」方向けのフルサポートプランです。
相談してみる※ 上記は目安です。内容やページ数によって変動します。
チラシ・SNS・メールなど文章づくりの単発のお手伝いは「AI相談プラン（3,000円〜）」で承ります。継続的なサポートをご希望の場合は、内容に応じてお見積もりしますのでお気軽にご相談ください。
ご相談から完了まで、4つのステップで進めます。
「こんなことで困っている」をお聞かせください。メールやチャットでOK。専門用語は不要です。
お話をもとに、いちばん楽なやり方やぴったりの道具をご提案します。途中経過もお見せしながら進めます。
「ここを変えたい」があれば調整します。ご納得いただけるまで、いっしょに仕上げます。
完成・公開して完了です。その後の更新や困りごとも、お気軽にご相談ください。
よくあるご質問
もちろんです。「くわしくない方」こそ大歓迎です。専門用語は使わず、やさしい言葉でお話しします。「こんなこと聞いていいの?」という素朴な相談ほど歓迎しています。
チラシやお店のメニューの文章づくり、Instagramなどの投稿づくり、お客様への返信メールの下書き、写真や書類の整理、そして「ChatGPTって何ができるの?」といった基本のお話まで。日々の『めんどくさい・どうやるの?』をいっしょに片づけます。
AI相談プランが3,000円〜、ホームページ制作は1ページの爆速プランが5,000円〜です。5ページまでの標準プランが15,000円〜、ページ数無制限のまるごとパックが30,000円〜となります。詳細は料金セクションをご覧ください。
はい。約10年のWeb実務経験があり、WordPressのカスタム開発実績もあります。お店や個人の紹介サイトはもちろん、お客様自身が更新できるサイトも作れます。ホームページ作りは、お手伝いできることの中のひとつです。
その不安、とても大切です。だからこそ「安心して使えるところ」から始めましょう。何を入れてよくて、何を入れない方がいいのか、心配な点も正直にお話ししながら進めます。
はい、全国対応しています。ご相談はメール・オンラインで承ります。AI相談のハンズオンもオンラインで実施できます。
はい、個人・お店・フリーランスの方を専門に受け付けています。法人・営業目的のご連絡はご遠慮ください。
ご依頼の裏側で、こんな技術がきちんと支えています。
難しい話なので、読み飛ばしていただいて大丈夫です😊
モダンコーディング
GASによるお問い合わせ自動連携
AIツールを駆使した、デザイン・画像生成・コピーライティングを含む迅速な制作
AIエージェントを活用した効率的な開発支援
カスタムブロックテーマ開発・CMS構築
コンテナによる開発環境構築
Ubuntu Serverによる自宅DB運用
バージョン管理・公開運用
個人・お店・フリーランスの方向けに承っています。
営業・サービス紹介目的のご連絡はご遠慮ください。