function MainComponent() { const [industry, setIndustry] = React.useState(""); const [topic, setTopic] = React.useState(""); const [outputText, setOutputText] = React.useState(""); const [wordCount, setWordCount] = React.useState(0); const [isGenerating, setIsGenerating] = React.useState(false); const [isGenerationComplete, setIsGenerationComplete] = React.useState(false); const [isCopied, setIsCopied] = React.useState(false); const [error, setError] = React.useState(""); const handleAnalyze = async ()=>{ if (!industry) { setError("入力テキストをすべて入力してください"); return; } if (!topic) { setError("トピックを選択して下さい"); return; } setError(""); setIsGenerating(true); const prompt = `Command: You are a professional business analyst. Create the best article based on the input text below. #Restrictions: - Follow the Output Format. - Create the best article explaining the input text below. - Add the automated solution for the output article using RPA and AI. Make the solution specific. - Write in Japanese. - The message should be between 2,000 and 3,000 words. - Insert newlines accordingly. - Insert bullet points or numbers often, for example, when you list up important points, or when you list up the order of the procedure. - Make the message more detailed than the input text, and make the examples more concrete. - Do not write anything other than the tweet message body. - Do not write English translations. - Do not use difficult terms. Write for beginners. #Output Format: [秒速回答] - Article --------- [それに対する業務改善案] - Automated solution #Input Text: Market: ${industry} Topic: ${topic} `; const response = await fetch("/integrations/google-gemini-1-5-flash/", { method: "POST", body: JSON.stringify({ messages: [ { role: "user", content: prompt } ] }) }); const data = await response.json(); let text = data.choices[0].message.content; text = text.replace(/###/g, "").replace(/##/g, "").replace(/\*\*/g, ""); setOutputText(text); setWordCount(text.length); setIsGenerating(false); setIsGenerationComplete(true); setTimeout(()=>setIsGenerationComplete(false), 1000); }; const copyToClipboard = ()=>{ navigator.clipboard.writeText(outputText).then(()=>{ setIsCopied(true); setTimeout(()=>setIsCopied(false), 1000); }); }; return /*#__PURE__*/ React.createElement("div", { className: "bg-white min-h-screen p-4 sm:p-8 font-sans text-black", __source: { fileName: "", lineNumber: 81, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl sm:text-4xl font-bold mb-8 text-black", __source: { fileName: "", lineNumber: 82, columnNumber: 7 }, __self: this }, "【秒速】業界分析アプリ"), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 86, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "industry", className: "block mb-2 font-bold", __source: { fileName: "", lineNumber: 87, columnNumber: 9 }, __self: this }, "業界"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "industry", name: "industry", value: industry, onChange: (e)=>setIndustry(e.target.value), className: "w-full px-3 py-2 border rounded focus:outline-none focus:ring-2 focus:ring-blue-400", placeholder: "業界を入力してください", __source: { fileName: "", lineNumber: 90, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 101, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "topic", className: "block mb-2 font-bold", __source: { fileName: "", lineNumber: 102, columnNumber: 9 }, __self: this }, "トピック"), /*#__PURE__*/ React.createElement("select", { id: "topic", name: "topic", value: topic, onChange: (e)=>setTopic(e.target.value), className: "w-full px-3 py-2 border rounded focus:outline-none focus:ring-2 focus:ring-blue-400", __source: { fileName: "", lineNumber: 105, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 112, columnNumber: 11 }, __self: this }, "トピックを選択してください"), /*#__PURE__*/ React.createElement("option", { value: "最近のトレンド", __source: { fileName: "", lineNumber: 113, columnNumber: 11 }, __self: this }, "最近のトレンド"), /*#__PURE__*/ React.createElement("option", { value: "最近起こったポジティブな出来事", __source: { fileName: "", lineNumber: 114, columnNumber: 11 }, __self: this }, "最近起こったポジティブな出来事"), /*#__PURE__*/ React.createElement("option", { value: "最近起こったネガティブな出来事", __source: { fileName: "", lineNumber: 117, columnNumber: 11 }, __self: this }, "最近起こったネガティブな出来事"), /*#__PURE__*/ React.createElement("option", { value: "業界の課題", __source: { fileName: "", lineNumber: 120, columnNumber: 11 }, __self: this }, "業界の課題"), /*#__PURE__*/ React.createElement("option", { value: "他社と差別化を行うためのアイディア", __source: { fileName: "", lineNumber: 121, columnNumber: 11 }, __self: this }, "他社と差別化を行うためのアイディア"))), error && /*#__PURE__*/ React.createElement("p", { className: "text-red-500 mb-4", __source: { fileName: "", lineNumber: 127, columnNumber: 17 }, __self: this }, error), /*#__PURE__*/ React.createElement("button", { onClick: handleAnalyze, disabled: isGenerating, className: "bg-blue-500 hover:bg-blue-600 text-white font-bold py-2 px-4 rounded focus:outline-none mb-8", __source: { fileName: "", lineNumber: 129, columnNumber: 7 }, __self: this }, isGenerating ? "AIで生成中..." : "秒速で分析"), isGenerationComplete && /*#__PURE__*/ React.createElement("p", { className: "text-green-500 mb-4", __source: { fileName: "", lineNumber: 138, columnNumber: 9 }, __self: this }, "AIで生成完了."), outputText && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 142, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gray-100 p-4 mb-4 whitespace-pre-wrap rounded", __source: { fileName: "", lineNumber: 143, columnNumber: 11 }, __self: this }, outputText), /*#__PURE__*/ React.createElement("p", { className: "mb-4", __source: { fileName: "", lineNumber: 146, columnNumber: 11 }, __self: this }, "文字数: ", wordCount), /*#__PURE__*/ React.createElement("button", { onClick: copyToClipboard, className: "bg-gray-200 hover:bg-gray-300 text-black font-bold py-2 px-4 rounded inline-flex items-center mb-8", __source: { fileName: "", lineNumber: 147, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-copy mr-2", __source: { fileName: "", lineNumber: 151, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 152, columnNumber: 13 }, __self: this }, isCopied ? "Copied!" : "Copy")), /*#__PURE__*/ React.createElement("div", { className: "mt-12", __source: { fileName: "", lineNumber: 155, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://www.digital-labors.com/", target: "_blank", rel: "noopener noreferrer", __source: { fileName: "", lineNumber: 156, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/3fb7c1a0-c291-4834-b60c-2d84722659ec/-/format/auto/", alt: "業務自動化のプロフェッショナル集団 Digital Labors", className: "w-48 h-auto mb-4", __source: { fileName: "", lineNumber: 161, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("p", { className: "mb-2 text-sm", __source: { fileName: "", lineNumber: 167, columnNumber: 13 }, __self: this }, "アプリ作成者：デジタルレイバーズ　嶺本高志（みね）"), /*#__PURE__*/ React.createElement("p", { className: "mb-2 text-sm", __source: { fileName: "", lineNumber: 170, columnNumber: 13 }, __self: this }, "上記のような業務自動化は、「自動化のプロフェッショナル」嶺本にお任せください。現場でのヒアリングから自動化システム開発まで一貫して行い、大幅なリソース創出と社員の満足度向上を実現します。"), /*#__PURE__*/ React.createElement("ul", { className: "text-sm", __source: { fileName: "", lineNumber: 173, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 174, columnNumber: 15 }, __self: this }, "LINE:", " ", /*#__PURE__*/ React.createElement("a", { href: "https://line.me/ti/p/LwxIP6xq4d", target: "_blank", rel: "noopener noreferrer", className: "text-blue-500 underline", __source: { fileName: "", lineNumber: 176, columnNumber: 17 }, __self: this }, "https://line.me/ti/p/LwxIP6xq4d")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 185, columnNumber: 15 }, __self: this }, "Facebook:", " ", /*#__PURE__*/ React.createElement("a", { href: "https://www.facebook.com/takashi.minemoto", target: "_blank", rel: "noopener noreferrer", className: "text-blue-500 underline", __source: { fileName: "", lineNumber: 187, columnNumber: 17 }, __self: this }, "https://www.facebook.com/takashi.minemoto")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 196, columnNumber: 15 }, __self: this }, "X:", " ", /*#__PURE__*/ React.createElement("a", { href: "https://x.com/digital_labors", target: "_blank", rel: "noopener noreferrer", className: "text-blue-500 underline", __source: { fileName: "", lineNumber: 198, columnNumber: 17 }, __self: this }, "https://x.com/digital_labors")))))); }