ご依頼
2026年03月04日
import React, { useState, useEffect } from 'react';
const App = () => {
const [formData, setFormData] = useState({
company: '',
name: '',
position: '',
email: '',
status: '',
challenges: ''
});
const [agreed, setAgreed] = useState(false);
const [isSubmitting, setIsSubmitting] = useState(false);
const [submitted, setSubmitted] = useState(false);
const [error, setError] = useState(null);
// 重要：ここにGASで発行したURLを貼り付けてください
const POST_URL = "https://script.google.com/macros/s/AKfycbz19brMk_4AARpHQg3nQ3lthl8uA_fdMARO_h2Ri-hV38VGig2CvtH26fDTRVERLS9o/exec";
const handleInputChange = (e) => {
const { name, value } = e.target;
setFormData(prev => ({ ...prev, [name]: value }));
};
const handleSubmit = async (e) => {
e.preventDefault();
if (!agreed || formData.challenges.length < 100 || !POST_URL) {
if (!POST_URL) setError("システムの接続設定（URL）が完了していません。");
return;
}
setIsSubmitting(true);
setError(null);
try {
// GASはCORS制限が厳しいため、URLSearchParams形式で送信
const params = new URLSearchParams();
Object.keys(formData).forEach(key => params.append(key, formData[key]));
await fetch(POST_URL, {
method: 'POST',
mode: 'no-cors', // GASへの送信はno-corsが最も安定
body: params
});
// no-corsの場合レスポンスが読めないため、送信成功とみなす
setSubmitted(true);
} catch (err) {
setError("送信中にエラーが発生しました。時間をおいて再度お試しください。");
} finally {
setIsSubmitting(false);
}
};
if (submitted) {
return (
);
}
return (
);
};
export default App;
お申し込みを受け付けました
内容を確認の上、2営業日以内に下斗米より日程調整のご連絡を差し上げます。
今しばらくお待ちください。
障害者雇用「共創モデル」導入コンサルティング
下斗米行政書士事務所 代表 / NPO法人RayV 代表理事 下斗米による
法的エビデンスに基づいた「攻め」の就労支援
ご相談の前にお読みください
当事務所では、専門家としての責任を全うするため、すべての無料相談を廃止いたしました。
- 初回ヒアリング・現状診断（60分）は 11,000円（税込） となります。
- 「とりあえず話を聞きたい」といった曖昧なご相談は、お断りする場合がございます。