服部雄樹

(株)服部制作室 代表取締役｜JimdoExpert｜『HTML&CSSとWebデザインが1冊できちんと身につく本』『Webデザイン見るだけノート』（監修）など著書5冊｜バリ島から南アルプスまで住む場所を変えながらフルリモートでウェブ制作会社を経営。趣味はレコードと新割り。名古屋市出身。猫派。

[服部雄樹 @hattoriweb]

ピアノ教室の予約フォームを、LINEとGoogleカレンダーだけで作りました。

お客さんが空いている枠を選んで予約すると、店主のGoogleカレンダーに予定が入って、サイトの空き表示も自動で塞がる。店主は何もしなくていい。

AIと100日連続でサイトを作る実験、19日目。ここ数日かけてきた予約の仕組みが、ようやく完成形になった。
あとはこれを、誰でも再現可能な形にするだけ。作り方の手順とテンプレを一式にまとめて、そのまま渡せるようにしたい。あと少し。

day 019 / 100　Encore（ピアノ教室）

#AIサイト100連発 #ウルトラライトウェブ

[服部雄樹 @hattoriweb]

@hirococoro PTAのDX化にNotionを選択される、その選球眼がお見事です👏くじ引き、学校側にとっては大当たりでしたね！
また色々と教えてください！

[服部雄樹 @hattoriweb]

サイトの更新を「Googleドキュメントを保存するだけ」にしました。

Googleドライブのフォルダにドキュメントを置くと、それがそのまま記事になります。写真はドラッグで放り込むだけ。管理画面もログインもありません。

AIと100日連続でサイトを作る実験、21日目。題材は、小さなアウトドアイベントの公式サイト。CMSを入れるほどではない、でも更新はしたい。そんな用途を想定しています。

day 021 / 100　BASE WEIGHT（アウトドアイベント）

#AIサイト100連発 #ウルトラライトウェブ

[服部雄樹 @hattoriweb]

@hirococoro ありがとうございます！地域の夏祭りみたいな非テック層にもウェブをもっと活用してほしいので、そういう仕組みを考えるのが楽しいです🙌🏻

[服部雄樹 @hattoriweb]

@hirococoro PTAのDX化！まさにそういう用途に向いてそうです。
Notionは更新もホスティングもNotionのみで完結できるので、長期運用を考えると利点が多いですね！社内Wiki的に学校のルールを溜めておくとか、色々な用途に広げられそうです🤔

[服部雄樹 @hattoriweb]

@hirococoro デザインが本業なので、お言葉とても嬉しいです！🙌🏻

[服部雄樹 @hattoriweb]

@hirococoro ありがとうございます！GAS(Google App Script)という仕組みがとても優れていることに最近気がつきまして、それを活用して作っています。ラクさ・簡単さをこれからも突き詰めていきたいです。

[服部雄樹 @hattoriweb]

実際に作ったサイトはこちら👇
https://t.co/9kEd1dN0Ad

作り方はここに👇
https://t.co/3b6PovS8Kn

[服部雄樹 @hattoriweb]

@hirococoro こちらこそ、ありがとうございます！ぜひ色々とお試しになってください。

運営されているメディア拝見しました！うちにも小さい子どもが二人おりますので、勉強させていただきます🙏

[服部雄樹 @hattoriweb]

予約カレンダーを作るSkillを、無料で配ります。Claude Codeがあれば、誰でも作れます。

LINEとGoogleカレンダーだけで動く、小さなお店の予約ページ。月額の予約システムは不要です。

AIと100日連続でサイトを作る実験の20日目。「作り方を教えてほしい」との声をいただき、作り方ごと渡すことにしました。動いたらコメントで教えてもらえると嬉しいです🙏

day 020 / 100　booking-calendar（予約カレンダー）

#AIサイト100連発 #ウルトラライトウェブ

[服部雄樹 @hattoriweb]

@anz__519 ありがとうございます！まさにおっしゃる通りで、どうすれば多業種に柔軟に対応できるか考えた結果、この形になりました。
一方でClaudeありきになってしまうので、届けられる人が限定されてしまうのがもどかしいところです。

[服部雄樹 @hattoriweb]

@taka_ton19z ありがとうございます！お気づきの点や、使いにくい点などありましたらぜひご指摘ください🙏

[服部雄樹 @hattoriweb]

この予約システム、作り方の手順とテンプレを全部まとめました。無料です。どうぞ。
https://t.co/kMNEoHhJLg

[服部雄樹 @hattoriweb]

ピアノ教室の予約フォームを、LINEとGoogleカレンダーだけで作りました。

お客さんが空いている枠を選んで予約すると、店主のGoogleカレンダーに予定が入って、サイトの空き表示も自動で塞がる。店主は何もしなくていい。

AIと100日連続でサイトを作る実験、19日目。ここ数日かけてきた予約の仕組みが、ようやく完成形になった。
あとはこれを、誰でも再現可能な形にするだけ。作り方の手順とテンプレを一式にまとめて、そのまま渡せるようにしたい。あと少し。

day 019 / 100　Encore（ピアノ教室）

#AIサイト100連発 #ウルトラライトウェブ

[服部雄樹 @hattoriweb]

無料でダウンロードできます👇（登録不要）
https://t.co/kMNEoHhJLg

Skillの作り方はここに👇
https://t.co/RirFBL4LWV

[服部雄樹 @hattoriweb]

@kaichel_alits ありがとうございます。
自分でゼロから開発するより、安定して動く大手の仕組みを借りるほうが安心ですよね。AI様様です🙏

[服部雄樹 @hattoriweb]

@tuwabukimed ありがとうございます！
まさにそういった方に使っていただけるものを目指しています。

[服部雄樹 @hattoriweb]

@An_yhl 谢谢！这正是我想做的——预约直接进日历，空位自动关闭，双方都不用再来回确认了。

[服部雄樹 @hattoriweb]

@kan5555kan ありがとうございます！
やや複雑な作り方をしているので、もっとシンプルな仕組みにして近日配布予定です。そちらもぜひお試しください。

[服部雄樹 @hattoriweb]

@yusukeworks ありがとうございます！
近日ClaudeのSkillとして配布する予定ですので、そちらもぜひお試しください。

[服部雄樹 @hattoriweb]

@sales_kopartner 嬉しいお言葉ありがとうございます！🙏

[服部雄樹 @hattoriweb]

@sales_kopartner ありがとうございます！
まさに「普段使っているもので完結できないか」というテーマで作っているので、お言葉とても嬉しいです。
新しいシステムは覚えるだけでも大変で、結局あまり使われないケースをたくさん見てきましたので。