喜島 駿輔SYSTEM & WEB DEVELOPER
業務システム開発 ／ SaaS ／ ホームページ制作

「この作業、システムにできませんか」
に、動くもので答えます。

建設現場の管理、飲食店の勤怠と給与、電話営業のオートコール。 現場の業務をそのまま置き換えるシステムを、要件の整理からデータベース設計・実装・公開・運用まで一人で作っています。 下にあるのは全て、実際に動いていて画面を見ていただける制作物です。

実績を見る 相談・見積もり（無料）
15+公開している制作物
3マルチ画面の業務システム
全工程企画から運用まで一人で担当
24時間以内ご相談への返信
Strength

「作れます」ではなく、
作ったものをお見せします。

要件定義書だけ立派で動かない、という納品をしません。早い段階で触れるものを出し、実際の業務に当てて直していく進め方です。

業務システム・SaaS が本業

複数の会社が同じシステムを使うマルチテナント構成、権限（ロール）による表示制御、 行単位のアクセス制御（RLS）、監査。「社内で使えるレベル」ではなく 「他社に売れるレベル」の土台から作れます。

ホームページも構成から作る

テンプレートに文字をはめるのではなく、その業種で問い合わせが来る導線を考えて構成します。 内装工事・解体工事・工務店など、写真が少なく実績も出しにくい業種の制作経験があります。

詰めきるところまでやる

iPhone の Safari だけ起きる不具合、文字色のコントラスト不足、 他社のデータが見えてしまう権限の穴。「一見動いている」で止めず、 実機と自動テストで確認してから納品します。

Works — Business System

業務システム・SaaS

画面はすべて実際に動作しているシステムのスクリーンショットです。 表示されている会社名・氏名・電話番号・金額はすべてデモ用のダミーデータに置き換えています。

自社開発プロダクト 建設・工務店 PC＋スマホ

GENBA ― 建設現場の管理をひとつに 工程・安全・労務・発注を現場ごとに束ね、事務員が1画面で回せるようにする

課題
日報は LINE、安全書類は紙、職人の資格期限は Excel。 現場が増えるほど事務員が「今日どの現場で何が止まっているか」を把握できなくなる。
作ったもの
PC で全現場を俯瞰するダッシュボードと、職人がスマホから写真付きで送る日報。 進行中の全現場から対応事項だけを集めた「やること」画面で、 日報の未提出・是正の期限超過・資格切れ・未処理の発注を横断表示します。 職人側は LINE から開くため、新しいアプリを入れてもらう必要がありません。
  • 現場ダッシュボード（工期の進捗・検査日・アラート）
  • モバイル日報／現場写真のアップロード
  • 工程表・検査日管理（遅延と期日超過を自動判定）
  • 安全管理（KY記録・是正指示・期限管理）
  • 職人名簿・資格期限・入場者教育の管理
  • 発注管理・Excel 書き出し・PWA（ホーム画面に追加）
Next.js 15TypeScript Supabase / PostgreSQLRow Level Security LINE Messaging APIPWAExcel 出力
GENBA の現場ダッシュボード画面
全現場ダッシュボード
GENBA のやること横断ビュー
横断ビュー「やること」
GENBA の工程表画面
工程表・検査日
GENBA のスマホ日報画面
スマホ日報（職人側）
画面内の現場名・会社名はすべてデモ用のダミーです。
自社開発プロダクト コールセンター・営業 マルチテナント SaaS

架電業務システム ― 電話営業の業務を一本化 リスト整形からオートコール・結果管理・録音チェックまでを1つの SaaS に統合

課題
名簿の整形は Excel、発信は別のツール、結果はスプレッドシート、録音はまた別の場所。 管理者（SV）が今この瞬間の稼働状況を把握できない。
作ったもの
複数の会社がそれぞれのデータだけを見られるマルチテナント構成の業務基盤。 アプリの中でオートコール（プレディクティブ発信）まで完結し、繋がった通話が架電ブースへ自動転送されます。 待機中の人数に合わせて発信数を制御し、放棄呼が出ないようにしています。
  • 名簿の取り込み・自動整形・重複排除・セグメント作成
  • アプリ内オートコール（プレディクティブ／クイックコール）
  • ワンクリック結果登録・再コールタイマー・ささやき（SV支援）
  • 稼働状況のリアルタイム集計（発信数・接続率・アポ率）
  • 録音の保存と AI による内容分析
  • ロール権限（システム管理者／会社管理者／SV／アポインター）
Next.jsTypeScript pnpm + TurborepoPrisma マルチテナントRBAC scrypt + JWT自動テスト 67件
架電ブースの画面
架電ブース
稼働状況のリアルタイム集計画面
稼働状況（リアルタイム）
架電リスト管理画面
リスト・セグメント
録音一覧とAI分析画面
録音・AI分析
画面内の顧客名・電話番号・商材名はすべて公開用のダミーに置き換えています。
自社開発プロダクト デモ公開中 飲食店

キンタイム ― 打刻から給与計算まで シフト・勤怠・給与を1つにまとめ、締め日に手計算しなくていい状態を作る

課題
シフトは紙、打刻はタイムカード。締め日に店長が電卓で集計するので 深夜割増・残業・まかない控除でミスが出るし、時間も取られる。
作ったもの
店に置いたタブレットを打刻端末にして、従業員は4桁の暗証番号で打刻。 勤怠がそのまま給与計算に流れ、退勤打刻の漏れは給与画面が先に警告します。 給与計算のロジックは一箇所に集約し、回帰テストで守っています。
  • 打刻端末（キオスク）モード・端末のペアリング管理
  • シフト作成・勤怠の修正・打刻漏れの検出
  • 給与計算（時給／月給・深夜割増・残業・交通費・まかない控除）
  • 締め・確定処理と CSV 書き出し
  • 行単位のアクセス制御を監査スクリプトで検証済み
Next.jsTypeScript Supabase / PostgreSQLRow Level Security scryptVercel
キンタイムの給与計算画面
給与計算・締め
キンタイムのシフト作成画面
シフト作成
キンタイムの管理ダッシュボード
管理ダッシュボード
キンタイムの打刻端末画面
打刻端末（キオスク）
公開デモを開く 店舗名・従業員名・金額はすべてデモ用のダミーです。
提案用デモ 公開中 飲食店

QRオーダー ― 「戻ると先頭に戻る」をなくす 既存のモバイルオーダーで客が一番いらつく一点を、設計で解決したデモ

課題
いま普及しているQR注文は、商品を1つ見て戻ると メニュー一覧の先頭までスクロールが戻る。 長いメニューほど客が疲れて、注文点数が落ちる。
作ったもの
ページ遷移を一切なくし、商品詳細は同じ画面の下から出るシートに。 ブラウザの戻る操作でその層だけを閉じ、カテゴリごとにスクロール位置を記憶します。 iPhone の Safari で背景が動いてしまう挙動も個別に潰しました。 オプション（わさび・温度）が必要な商品は、選ばずにカートへ入らないようにしています。
  • スクロール位置をカテゴリごとに保持（本デモの主眼）
  • ボトムシート＋履歴スタックで「戻る」が期待通りに動く
  • 卓番号を URL から受け取る（?table=12）
  • 店員呼び出し・おしぼり等の無料オーダーで呼び出し回数を削減
  • 文字色のコントラストを WCAG AA 基準で検証
  • 単一 HTML・外部 CDN 不使用（回線が弱い店舗でも軽い）
Vanilla JavaScriptHistory API iOS Safari 対応アクセシビリティ Cloudflare Pages
QRオーダーのメニュー画面
メニュー（スマホ）
公開デモを開く（スマホ推奨） 店名・商品はすべて架空のデモ用データです。
提案用デモ 公開中 自動車整備・車検

車検リマインド・予約管理 整備工場が車検切れの客を取りこぼさないようにする顧客台帳＋予約

課題
予約は紙の手帳、顧客の車検満了日は頭の中。 期限が近い客に連絡し忘れて他社に流れる。
作ったもの
顧客・車両の台帳と、車検期限が近い順に並ぶアラート。 予約カレンダーは時間の重複を自動で警告します。 店舗側の管理画面とお客様側のスマホ画面を切り替えて、商談中にそのまま両方を見せられる構成にしています。
  • 車検期限アラート（期限切れ／1ヶ月以内）
  • 予約管理・時間重複の警告・売上の日次と月次集計
  • 顧客・車両台帳／通知センター
  • お客様側のスマホ画面つき（営業でそのまま提示できる）
Vanilla JavaScriptSPA ビルド不要Cloudflare Pages
車検予約管理のダッシュボード
店舗側の管理画面
公開デモを開く 顧客名・売上はすべてデモ用のダミーです。
Works — Website

ホームページ・LP 制作

スマートフォン対応、問い合わせフォーム、公開作業まで込みで制作しています。写真素材が少ない業種でも成立する構成にするのが得意です。

内装工事会社のホームページ

内装工事会社 コーポレートサイトクロス・床・天井・防音・たたみ

「内装をまとめて頼める」ことが一目で伝わる構成に。事業内容・選ばれる理由・施工の流れ・施工事例・会社概要・問い合わせの6ブロック。

レスポンシブ問い合わせ導線静的サイト
解体・とび・土工工事会社のホームページ

解体・とび・土工工事 コーポレートサイト職人採用も想定した構成

元請けからの信頼と、職人の採用応募。目的の違う2つの導線を1サイトに同居させています。

レスポンシブ採用導線静的サイト
工務店のホームページ

工務店 コーポレートサイト新築・リフォーム

相談のハードルを下げるため、価格感と対応範囲を先に見せる構成。地域名を軸にした検索を意識しています。

レスポンシブ地域SEO 意識静的サイト
ホームページ制作サービスのランディングページ

制作サービス LP小さな会社向けのホームページ制作代行

1ページで料金・制作の流れ・よくある質問まで完結させ、そのまま申し込みにつなげる構成のランディングページ。

LP料金表FAQ
タトゥースタジオ比較サイト

比較・検索サイト都内タトゥースタジオの比較

条件で絞り込んで一覧を並べ替える、データベース型のサイト。店舗情報を増やしても崩れない作りにしています。

絞り込み・並べ替え一覧＋詳細静的サイト
個人プロフィールサイト

プロフィールサイト個人・フリーランス向け

スクロールに合わせて要素が現れる演出つきの1ページ。名刺代わりに渡せる軽さを優先しました。

アニメーション1ページ構成
Works — Technical

技術デモ

業務システムとは別に、実装力の裏付けとして公開しているものです。外部 API のライブ取得、3D 描画、カメラを使った信号処理などを扱っています。

3D地球儀の世界データダッシュボード

世界の状態ダッシュボード3D 地球儀に複数のライブデータを重ねる

World Bank の6指標を色分けし、USGS の地震・GDELT の世界イベント・フライトをリアルタイムに重ねます。取得に失敗しても内蔵データへ自動で切り替わり、画面が止まりません。

Three.js / globe.gl外部API 4種フォールバック設計
開く →
リアルタイム世界フライトの3D表示

Flight Globe世界のフライトを3Dで可視化

飛行中の航空機を地球儀上に描画する1ページ構成のデモ。大量の点を滑らかに動かす描画の実験です。

3D 描画リアルタイム
心拍計測パーティゲーム

ドキッとスマホのカメラで心拍を測るパーティゲーム

背面カメラに指を当て、映像の赤色成分から脈波を取り出して心拍数を算出。お題への「上がり幅」を複数端末で同期して競います。合成信号で誤差±0.2 BPM を確認済み。

映像信号処理自己相関リアルタイム同期
開く →
ネオン調のスロットゲーム

NEON 5×5 スロット演出重視のブラウザゲーム

5×5 のリール、当たり判定、光の演出、効果音を分割して実装。ビルド不要の静的ファイルのみで動きます。

Canvas 演出Web Audio静的配信
開く →
オセロのAI対戦

オセロ AI 対戦思考ルーチンの実装

盤面の評価関数と先読みによる思考ルーチン。強さを切り替えられるようにしています。

探索アルゴリズム評価関数
Capability

対応できること

要件が固まっていない段階からご相談いただけます。「何をシステムにすると効くのか」を整理するところからお手伝いします。

業務システム・SaaS

  • 顧客・案件・在庫などの管理システム
  • 予約・シフト・勤怠・給与
  • 複数社が使うマルチテナント基盤
  • 権限設計（ロール・行単位のアクセス制御）
  • CSV / Excel の取り込みと書き出し
  • ダッシュボード・集計・帳票

ホームページ・LP

  • コーポレートサイト（5〜10ページ）
  • ランディングページ
  • スマートフォン対応・表示速度の最適化
  • 問い合わせフォーム・自動返信
  • 独自ドメイン・SSL・公開作業
  • 更新しやすい構成への作り替え

自動化・連携

  • LINE 公式アカウント連携（通知・入力）
  • Google スプレッドシート／ドライブ連携
  • 定期実行バッチ・自動通知
  • 外部 API との連携
  • 手作業の置き換え（転記・整形・集計）

技術スタック

  • TypeScript / JavaScript / Python
  • Next.js（App Router）・React
  • PostgreSQL・Supabase・Prisma
  • Vercel・Cloudflare Pages / Workers
  • 認証・セッション・パスワードハッシュ
  • 自動テスト・型検査・アクセシビリティ検証
Flow

ご依頼から公開までの流れ

「早い段階で触れるものを出す」ことを重視しています。文章の仕様書だけでやり取りすると、完成してから認識のずれが出るためです。

ヒアリング

いまの業務の流れと、困っている場面を伺います。この時点で費用は発生しません。

要件と見積の確定

作る範囲・作らない範囲・金額・納期を書面で確定します。ここで合意してから着手します。

動く画面を先に提示

主要画面を早めに触れる形でお見せします。ここでの手戻りは無料で反映します。

実装・週次のご報告

進捗と残りを毎週共有。実機とテストで確認しながら仕上げます。

公開・引き継ぎ

公開作業まで対応し、操作説明の資料をお渡しします。以降は保守契約か、都度対応かを選べます。

Price

料金の目安

要件を伺ってからのお見積もりになりますが、判断材料として目安をお出しします。金額はすべて税別です。

ホームページ制作

15万円 〜 40万円

5〜10ページ・スマートフォン対応・問い合わせフォーム・公開作業まで。原稿と写真のご用意状況で変わります。

ランディングページ

10万円 〜 25万円

1ページ完結型。構成案の作成から対応します。

業務システム・SaaS 開発

30万円 〜 ／ 規模により

画面数と業務の複雑さで変動します。まず小さく作って現場で試す進め方も可能です。

既存システムの改修・機能追加

5万円 〜

他社が作ったものの引き継ぎ、途中で止まっている案件の再開にも対応します。

保守・運用サポート

月 1万円 〜 5万円

不具合対応・軽微な修正・サーバー監視・バックアップ確認。スポット対応も可能です。

※ 目安の金額です。ご予算が決まっている場合は、その範囲でどこまでできるかをご提案します。

FAQ

よくあるご質問

要件がはっきりしていないのですが、相談できますか。

その状態からのご相談がむしろ多いです。「今こういう作業に時間を取られている」だけ伺えれば、システムにすべき部分とそうでない部分を整理してご提案します。整理の段階で費用はいただきません。

他社が作ったものの改修もお願いできますか。

対応します。まず現状のソースコードとデータ構造を確認し、直して使い続けるべきか、作り直したほうが早いかを正直にお伝えします。

納期はどのくらいですか。

ホームページで2〜3週間、業務システムは規模により1〜3ヶ月が目安です。お急ぎの場合は、まず使う部分だけを先に出す分割納品もご相談ください。

公開後の運用も任せられますか。

可能です。月額の保守契約のほか、必要なときだけの都度対応にも対応しています。運用を自社でされる場合は、操作説明の資料をお渡しします。

秘密保持契約（NDA）は結べますか。

問題ありません。御社の書式で対応します。この実績ページに掲載しているものは、すべて自社開発または公開許諾のあるデモで、実データは一切含んでいません。

実績にある「自社開発プロダクト」とは何ですか。

受託ではなく、自分で企画してゼロから作ったシステムです。実際の業務を想定して作り込んであるため、そのまま導入することも、御社の業務に合わせて作り替えることもできます。

まず「これ、できますか」だけでも
お聞かせください。

できないことは、できないとお伝えします。 その場合も、どうすれば解決に近づくかは一緒に考えます。 見積もりとご相談は無料です。

メールで相談する 実績をもう一度見る

クラウドソーシングサイトからお越しの方は、そのままメッセージでご返信いただければ対応します。