これまでに作ったものと、
担当した範囲です。

ピラティス教室

レッスン内容と教室の雰囲気が、はじめての方にもスマホで伝わるように構成しました。Googleカレンダーに入れた予定が、サイトのスケジュールにもそのまま反映されます。

担当した範囲

構成・原稿整理デザイン実装公開作業公開後の修正対応

使用した技術

HTML / CSS / JavaScriptCloudflare WorkersGoogleカレンダー連携独自ドメイン

リボン・ファブリックアクセサリー

作品の写真を主役にしながら、作家としての歩み、出店情報、オンラインショップ、公式LINEへの導線をひとつのサイトにまとめました。

担当した範囲

構成・原稿整理デザイン実装公開作業ドメイン設定

使用した技術

HTML / CSS / JavaScriptCloudflare Workers独自ドメインBASE・公式LINE連携

音楽レーベル

所属アーティストと楽曲の世界観を、1ページで見せるレーベルサイトです。配信リンクへの導線を各所に置いています。アクセス解析（GA4）も設置済みです。

担当した範囲

構成デザイン実装公開作業アクセス解析の設置

使用した技術

HTML / CSS / JavaScriptCloudflare Workers独自ドメインGoogle Analytics 4

自社サイト

いま見ていただいているサイトです。サービス紹介に加えて、実際に触れる予約デモを置いています。アクセス解析・検索流入の計測・ヒートマップまで自分で設置し、運用しています。

担当した範囲

設計デザイン実装公開・運用計測環境の構築

使用した技術

Next.js 14 (App Router)TypeScriptTailwind CSSCloudflare PagesGA4 / Search Console / Clarity

美容室の顧客・来店・予約管理（iPad）

前回の施術写真から、今日の施術、会計、次回への申し送り、予約作成までを一つの流れで扱えるiPadアプリです。ご家族や紹介者のカルテへも直接移動できます。実店舗で日々使っています。

担当した範囲

要件の聞き取り画面設計実装現場での改善対応

使用した技術

SwiftUIiPadOSローカルデータ管理

店舗の業務システムのため非公開。画面の顧客名・金額は掲載用のデータに差し替えています。

小規模店舗向け

LINEのリッチメニューから予約・変更・確認までを完結させる仕組みです。ネイル・接骨院・飲食店・ピラティス・美容室の5業種のデモを、実際に操作していただけます。

担当した範囲

企画画面設計実装デモ環境の運用

使用した技術

LINE Messaging APILIFFCloudflare WorkersD1R2

体重・カロリー記録

スマホのホーム画面に置いて使う、記録アプリです。入力の手間を減らすことを優先し、続けられる形にまとめています。

担当した範囲

企画デザイン実装公開・運用

使用した技術

HTML / CSS / JavaScriptPWACloudflare Workers定期実行 (cron)

画面の数値は動作確認用の入力例です。

進路をさがすための診断

「好き・得意・ちょっと苦手」を選んでいくと、向いていそうな方向と、その分野の会社名や仕事内容までたどれます。正解を出すのではなく、考える材料を並べることを大切にしました。

担当した範囲

企画内容の設計デザイン実装公開

使用した技術

HTML / CSS / JavaScriptCloudflare Pages

店舗運営の定型業務

毎朝の確認事項を1枚にまとめるレポートと、給与明細をLINEで配布する仕組みです。自動化は「勝手に送る」ことより「確認しやすくする」ことを優先し、送信前に必ず人が確認する形にしています。

担当した範囲

業務の整理設計実装毎日の運用

使用した技術

PythonNode.jslaunchd（定期実行）LINE Messaging API

社内の仕組みのため非公開。画面の固有名詞と金額は掲載用のデータです。