Leapcom 株式会社 お問い合わせ

Web 制作会社さまのための、

バックエンド
実装パートナー

御社のデザインはそのまま。裏側に、開発部門がつく。

「それ、できます」って、次の打ち合わせで言えるように。

予約も、決済も、AI チャットも。ホームページに「しくみ」を載せるのが、私たちの仕事です。

予約システム、フォーム、決済、AI チャット、データベース連携、LINE・kintone などの外部サービス連携まで。

業務システム開発 15 年 WordPressNext.js.NET — いずれでも、動くデモを触れます
一枚の設計図に二つの層。上段「フロントエンド / UI レイヤー」は御社のデザインのまま、下段「バックエンド / サーバーレイヤー」のフォーム・決済・データベース・サーバーの各モジュールを Leapcom が噛み合わせる、製造業の系譜にあるフラットな設計図

HELLO

はじめまして。
ホームページの「裏側」が好きな開発会社です。

フォームを送信したら、管理画面にデータがすっと並ぶ瞬間。決済が通って、控えメールがちゃんと届く瞬間。私たちは、あの「動いた!」が好きで、15 年この仕事をしています。

御社がデザインと言葉で「そうそう、これ!」をつくるなら、私たちは裏側で「ちゃんと動く!」をつくります。ふたつが揃ったサイトは、見る人にも、運営する人にも、本当に喜ばれます。

その "できた!" を、一緒に味わえる会社でいたいと思っています。

OPPORTUNITY

こんな案件、一緒にやりましょう

「このサイト、サーバー側が難しくて…」— そのひと言で手放してきた案件が、御社の手に戻ってきます。

お客様から、こんなふうに言われたら

予約、ホームページから直接できるようにしたい

フォームの内容をデータベースに残して、管理画面で見たい

決済、外に飛ばさずに自社サイトの中で終わらせたい

LINEkintone と、つなげられない?

WordPress と外部の API、連携できる?

サーバーの設定や移行まで、まとめてお願いしたい

何から決めればいいか分からないので、要件のところから一緒に考えてほしい

ここに挙げたのは一例です。近いご相談でしたら、まずはお聞かせください。

御社が「やります」と言える案件が、ひとつ増えます

予約、決済、会員、管理画面——「業務システムっぽいところ」は、私たちが 15 年やってきた本業です。カレンダー連携も、スケジュール管理も、フォームとデータベースの連動も、いつもの仕事。だから、複雑そうな案件ほど、むしろ腕が鳴ります。「難しいから断ってきた案件」を、次からは「やります」と言ってください。裏側は、私たちがいます。

得意なのは、サーバー側です

データベースへの保存、決済、管理画面、メールの送信、サーバーの設定と公開まで。画面の裏側で動く部分は、まるごとお任せください。ここがいちばん、私たちの腕の見せどころです。

フロントも、対応します

デザインの再現やレスポンシブ実装も承ります。フロントとバックエンドをまとめて、という進め方ももちろん歓迎です。ただ、私たちがいちばん力になれるのはその奥です。

LIVE DEMO

動くデモを、置いておきますね

フォームを送って、テスト決済をして、チャットに話しかけて。遠慮なく、遊んでみてください。

ここでご覧いただけるのは、お引き受けしている実装のうちの 3 つです。予約システムや外部サービス連携など、ほかの実装もお任せいただけます。

WordPress でも、Next.js でも、.NET でも。

「うちは WordPress なんだけど」「今回は Next.js で」「.NET 指定なんです」— どれで来ても「はい、できます」と言いたくて、同じ機能を3 つのフレームワーク全部で動かしました

WordPress PHP 国内で最も多い環境
Next.js React / Node.js モダンな構成
ASP.NET Core .NET 企業・官公庁システム
環境を理由に案件を手放す必要は、もうありません。お客様のご指定が WordPress でも、モダン構成でも、.NET でも、「その環境で動くもの」をこのページで触っていただけます。口先ではなく、実際に動くもので。
Demo 01
高機能フォーム — 3 ステップ・認証・DB 保存・管理画面まで一式

送信して終わり、ではなく、そのあと裏側でひと仕事するフォームです。

  • 3 ステップの入力フロー
  • ワンタイムコード認証(なりすまし・いたずら送信への対策)
  • 送信内容をデータベースに保存
  • 自動返信メール + 担当者への通知メール
  • 管理画面で一覧確認・CSV 出力
  • スパム対策(ハニーポット・送信回数制限)
画面の流れ
1
入力フォーム
2
ワンタイムコード認証
3
受付完了

※ 送信後、裏側で DB 保存・自動返信メール・担当者通知・管理画面への反映まで自動実行

参考価格 初期 8 万円〜(税別/予想平均価格 15 万円程度)

全環境対応(WordPress / Next.js / .NET)も追加料金なし

Demo 02
Stripe 決済連携 — 自社ドメイン内完結・購入履歴管理・メール通知まで

「決済をサイトに組み込みたいけれど、セキュリティが心配」という声をよくいただきます。私たちが使うしくみでは、カード番号は自社サーバーを経由しません。(Stripe 社の基準で、事業者側のセキュリティ対応が最も軽い方式 = PCI SAQ-A です)

  • 自社ドメイン内で決済完了(外部サイトへ飛ばない)
  • 決済完了後に Webhook で注文を確実に記録
  • 購入者への控えメール + 担当窓口への通知メール
  • 管理画面で注文一覧・詳細確認・CSV 出力
画面の流れ
1
商品・金額の確認
2
カード情報入力(自社ドメイン内)
3
決済完了

※ 決済完了後、裏側で Webhook による注文記録・購入控えメール・窓口通知・管理画面反映まで自動実行

参考価格 初期 15 万円〜(税別/予想平均価格 22 万円程度)

全環境対応(WordPress / Next.js / .NET)も追加料金なし

Demo 03
AI チャット(結Chat)— サイトに貼るだけの AI 接客・出典つき回答

「サイトに AI チャットを置きたいが、API キーの管理や専門知識が心配」という声をよくいただきます。結Chat では、API キーはサーバー側のみで管理し、ブラウザには一切露出しません。お客様の安心のために、知識にない質問は「創作で答えない」設計にしています。

  • <iframe> を 1 行追加するだけで、サイト右下に AI チャットウィジェットが出現
  • 御社が指定した知識(サイト情報・FAQ・PDF 等)だけを根拠に、日本語で回答
  • 回答には出典を明示。知識に無い質問は創作せず、問い合わせ導線へ案内
  • API キーはサーバー側のみ保管(ブラウザ非露出)
  • WordPress・静的 HTML・共用レンタルサーバーなど、頭脳側(ホスト)は Leapcom が受け持つため "貼るだけ" で動く
  • 知識の追加・更新は、サービス再起動なしで即時反映
画面の流れ
1
訪問者が質問を入力
2
サーバー側で RAG 検索(指定知識のみ)
3
出典つきで回答

※ API キーはサーバー内で完結し、ブラウザには露出しません。知識に無い質問は創作せず、問い合わせ導線へエスカレーションします。

参考価格 ※価格は準備中です。まずはご相談ください。

ここにあるのは 3 つですが、予約システム・会員・マイページ・外部サービス連携なども、順次デモを増やしています。「こういうの、動くところ見たい」があれば、それも聞かせてください。

TECH STACK

得意とする技術や環境

このページのデモは、下の表の構成で動いています。御社のご指定や、納品先の環境に合わせて組みますので、「うちはこれなんだけど」も、まずは聞かせてください。

よくご依頼いただくのは、この 3 つです

  • WordPress(PHP) — 最も多い環境。テーマカスタマイズも自作プラグインも対応。
  • Next.js — React / Node.js ベースのスピーディな実装。
  • ASP.NET Core(.NET) — 企業内システムや官公庁案件でも安心。

「うちは WordPress 中心」の会社も、「今回はモダンにいきたい」の会社も、いまお使いのフレームワークのまま、一緒に進められます。

フロントNext.js / React / HTML・CSS・JavaScript
バックエンドNode.js / PHP(WordPress 含む)/ ASP.NET Core
CMSWordPress(テーマカスタマイズ・自作プラグイン)
データベースPostgreSQL(Supabase)/ MySQL・MariaDB / SQL Server
決済Stripe Checkout(自社ドメイン内完結・PCI 最軽量方式 SAQ-A)
メール送信Resend(SPF・DKIM・DMARC 設定込み)
スパム対策ハニーポット・ワンタイムコード認証・送信回数制限
ホスティングIIS(Windows Server)/ Vercel / レンタルサーバー(Xserver 等)

※ デモで使っている構成です。

QUALITY

納品前に確認していること

お預かりしたデザインを、忠実に再現します

デザインには、つくった人の意図があります。余白の 1px、行間、ホバーの動き。私たちはそれを「仕様」として読み、画面のすみずみまで再現できているかを自分たちで点検してから、御社にお戻しします。必要に応じて、デザインに明るい担当が再現精度を確認してからお渡しします。合否の判断は、御社が行ってください。「実装に出したら、イメージと違った」—— そんな行き違いをなくすための、自己点検です。

公開後の安定稼働まで、配慮して作ります

個人情報を扱うフォームや決済は、「動いた!」のあとが本番です。公開してからも安全に・安定して動き続けるように、こんなところまで見ています。

  • アクセス権限の適切な管理
  • メールの確実な届けやすさ(SPF・DKIM・DMARC の設定)
  • スパム・不正送信への対策/公開後のサーバー稼働の安定性
  • 決済機能は、Stripe が定める最も負担の軽い基準(SAQ-A:カード情報が自社サーバーを通らない方式)で実装

サーバーサイドを専門とする私たちだからこそ、こうした「見えないところ」まで含めて設計します。

PROCESS

進め方

私たちのプロジェクトは、
御社と同じゴールを持つことから始まります。

すべての段階で情報を共有し、一緒に進め、早い段階から "できかけのサイト" を触っていただけます。要件の整理から、フロントもバックエンドも、公開まで。かしこまらず、いつものやり方で声をかけてください。

01

同じゴールから、始める

「何ができたら完成か」を、着手前に一緒に言葉にします。デザインデータと原稿と機能要件を、同じ画面を見ながら。

02

途中を、隠さない

進捗は、御社のペースに合わせてこまめに共有します。週 1 の短い打ち合わせでも、チャットでの報告でも。「いま、どこまでできてる?」に、いつでも答えます。

03

できかけを、早めに触れる

開発中のプレビュー環境をお渡しします。動いたところから、実際にフォームを送ってみたり、管理画面を開いてみたり。完成を待たずに、確かめられます。

STEP 1 — 一緒にゴールを決める

デザインデータ(Figma など)+ 原稿 + 機能要件を見ながら、「何ができたら完成か」を揃えます

STEP 2 — つくりながら、見せます

プレビュー環境で、できたところから触っていただきます。気づきは、その場で反映

STEP 3 — 一緒に確かめて、公開

動く本番サイトとして公開。サーバー設定・DNS 切り替えまでご一緒します

そして御社は、「これもできます」と言える会社へ。

※ デザインデータの形式は、お使いのものに合わせます。既存サイトの HTML/CSS をご共有いただく形でも、同じデザイントーンで新規ページを制作できます。詳しくはよくあるご質問をご確認ください。

実際のやりとりは、この 6 段階です

  1. 1

    ご相談・要件の確認 — 同じゴールを言葉にする

    まずはお問い合わせフォームからご連絡ください。そこから先は、メール・Slack・電話など、御社のやりやすい方法でやりとりします。機能要件・ご希望の技術スタック・スケジュールをお聞きしながら、「何ができたら完成か」を一緒に言葉にします。お急ぎの案件も、余裕をもったスケジュールも、どちらも大丈夫です。秘密保持契約は、御社の書式でお受けします。お客様との打ち合わせへの同席が必要なときは、御社のご依頼に応じて同席します(間に人が入るほど確認に時間がかかりますので、早く進めたい場面ではそのまま入れます)。

  2. 2

    お見積り

    内容を確認して、費用と納期の目安をお伝えします。「何にいくらか」が分かる内訳でご提示します。

  3. 3

    デザインデータ・素材のお受け取り

    デザインデータ(Figma の場合は共有 URL が最もスムーズです)、原稿テキスト、画像・ロゴをご共有ください。受け取り方法はご都合に合わせます。

  4. 4

    実装 — つくりながら、見せます

    バックエンド機能から着手し、動いたところから、開発中のプレビュー環境でご覧いただきます。実際にフォームを送ってみたり、管理画面を開いてみたり。進捗はこまめに共有し、気づいたことはその場で反映します。特定のサービスやベンダーに縛られない構成で実装します(ベンダーロック=乗り換えができなくなること、を避ける設計)。

  5. 5

    一緒に最終確認・公開

    御社での確認を経て、本番サーバーへの公開・切り替えを行います。サーバー設定・DNS 切り替えもご依頼いただけます。コードとドキュメントをお渡ししますので、御社だけでも、別の会社とでも、続きを進められます。

  6. 6

    公開後のサポート

    公開してからのほうが、「もっとこうしたい」が出てくるものです。保守・機能追加も、続けてご相談ください。月額での継続サポートにも対応しています。

「こんなはずじゃなかった」を、なくすために

静止画のデザインには写っていないものがあります。ホバーの動き、フォームのエラー表示、送信したあとの画面、スマホで見たときの挙動。画面が動き出してはじめて気づくことが、必ずあります。だから私たちは、完成を待たずに途中を見せます。早く気づけば、直すのも早い。業務システムの開発で 15 年続けてきた進め方を、ホームページ制作でも同じようにやっています。

「来週までに」も、「ゆっくり丁寧に」も。

実装に AI を積極的に使っているので、通常より短い工期でお届けできることが多いです。デザインが確定していれば、機能を含む実装でも短い日数で、というケースもよくあります(規模・機能によって変わるので、まずはご相談ください)。急ぎの案件は御社の進行に合わせて走りますし、余裕をもった日程で丁寧に、ももちろん歓迎です。

PRICING

料金

参考価格を、先に出しておきます。最終的な費用は機能や規模で変わりますので、「何にいくらか」が分かる内訳つきのお見積りを必ずお出しします。要件定義や仕様の策定からでも大丈夫です。

価格の考え方は、「基本料 + 機能オプション」のシンプルな積み上げ式です。

参考価格

以下は、よくご依頼いただく機能の参考価格です。要件・ボリューム・既存環境によって変動します。正式なお見積りは、ご相談のうえでお伝えします。

機能 参考価格(税別)
基本料(着手・進行管理) 3 万円〜(予想平均価格 4 万円程度)
高機能フォーム受付フォーム+DB 保存+管理画面+自動返信+スパム対策 初期 8 万円〜(予想平均価格 15 万円程度)
Stripe 決済連携自社サイト内で単発販売・イベント集金(控えメール・注文管理込み) 初期 15 万円〜(予想平均価格 22 万円程度)
AI チャット(結Chat)サイトに貼るだけの AI 接客・出典つき回答 ※価格は準備中です。まずはご相談ください。
  • 全環境対応(WordPress・Next.js・.NET)は追加料金なし
  • フロント実装(トップ 3 万円〜 / 下層ページ 8 千円〜・1 ページ / LP 5 万円〜)は付帯・相場並みの価格です。
  • 保守(任意):Webhook 監視・軽微修正 1 万円〜/月(内容によって相談制)。
  • 下限価格+予想平均を併記しています。上限は内容次第のため固定していません。すべて税別・要件により変動します。
  • 予約システム・会員機能・サブスク決済・外部サービス連携は順次対応中です。まずはご相談ください。

「なんとなく高い」がいちばん嫌なので、内訳は必ず見える形でお出しします。ざっくりの内容でも、目安はお伝えできます。気軽に聞いてください。

FAQ

よくあるご質問

Q.お客様との打ち合わせに、同席してもらえますか?

御社のご依頼に応じて同席します。間に人が入るほど確認に時間がかかりますので、早く進めたい場面ではそのまま入れます。やりとりは御社経由だけ、という進め方でも構いません。

Q.デザインや顧客対応は、どこまで御社の担当になりますか?

デザインの判断は、御社の担当です。私たちがお引き受けするのは、つくる仕事——要件の整理から、フロントもバックエンドも、公開まで。ご依頼の内容に沿って、私たちがつくります。

Q.WordPress しか使っていない案件でも、頼めますか?

もちろんです。WordPress(PHP)での実装は、動く実装サンプルでご確認いただけます。自作プラグインや、WordPress 管理画面と連動したバックエンド機能の実装にも対応しています。

Q.フォームだけ、決済だけ、のような部分的な依頼もできますか?

できます、歓迎です。「フォームのバックエンドだけ」「決済ページだけ」という部分依頼も、よくあります。まずはご要件を聞かせてください。

Q.これまで、どんなお仕事を手がけてきましたか?

たとえば、こんなお仕事です。

  • 学校法人 武蔵学園様の「武蔵学園 百年史」サイト(100nenshi.musashi.jp)を、Leapcom が制作・運営しています(武蔵学園様の許諾を得て社名を掲載しています)。
  • 大手システムインテグレーターの協力会社として、先方のデザインチームと組み、電力(自然エネルギー)関連サイトの実装を担当しました。"表に立つ会社のデザインを、裏側で忠実に形にする"——本サービスと同じ座組みの実績です。
  • 小規模ながら、フードコーディネーターの方・会計の専門家(公認会計士)の方のホームページ制作も手がけています。
  • 加えて、フォーム・決済・DB 連携などの"サーバー側"は、業務システム開発 15 年が本業です。

いずれも、このページの動くデモで実装力をその場で確かめていただけます。

Q.デザインデータは、どの形式でお渡しすればよいですか?

Figma・Adobe XD・Illustrator・Photoshop(PSD)・Sketch など、お使いの形式で受け付けています。数値やフォント、素材をそのまま読み取れる形式ほど、再現精度と納期の面で進めやすくなります。PNG 画像・PDF のみ、または手書きラフの場合は「忠実再現」の前提が変わりますので、事前にご相談ください。

Q.既存サイトの HTML/CSS を渡して、同じトーンで新規ページを追加できますか?

対応できます。既存の HTML と CSS があれば、そこから色・余白・フォント・レイアウトのルールを読み取り、同じトーンで新規ページを制作できます。Figma のデザインカンプがなくても進められます。ご共有いただきたいもの:既存ページの HTML/CSS(テーマ・関連ファイルごと)/画像・ロゴ等の素材ファイル/参照したい既存ページの URL(本番公開済みの場合)。なお、WordPress テーマや有料プラグインのコードが含まれる場合は、ライセンスの確認をお願いすることがあります。

Q.公開後の保守・修正にも対応していますか?

しています。月額でのサポート契約もご用意しています。公開してからのほうが「もっとこうしたい」が出てくるものなので、続けてご一緒できるとサイトの改善や機能追加もスムーズです。

Q.依頼後の連絡・やりとりは、どんな方法でできますか?

パートナーとしてお選びいただいた後は、ご依頼・ご相談を電話・メール・Slack など、御社のやりやすい方法で承ります。(最初のお問い合わせ窓口だけは、スパム対策のためお問い合わせフォームにまとめています。ご一緒が決まれば、連絡手段は御社に合わせます。)

いいサイトができた日の「やった!」を、一緒に。

公開ボタンを押した瞬間。お客様から「使いやすいって言われました」と連絡が来た朝。ホームページづくりのいちばん嬉しいところを、御社と一緒に味わえる会社でいたいと思っています。デザインと言葉は御社が、裏側は私たちが。「作る」工程を引き受けることで、御社にはお客様との時間と、提案とデザインを磨く時間が残ります。同じゴールを、目指しましょう。

CONTACT

まずは、気軽に話しかけてください。

「こんなの、できる?」だけで大丈夫です。「価格感だけ聞きたい」「デモの中身をもっと見たい」も、もちろん。

どんな入り口でもかまいません。
まずは一度、声をかけてみてください。