自分に合った市販の花粉症薬を探すアプリの作成

git clone https://github.com/electron/electron-quick-start

cd electron-quick-start

npm i

npm start

<h3>あなたに最適な花粉症の薬を探そう！</h3><h3></h3><h5>眠気の出やすさで薬を探す</h5><formaction="#"><p><label><inputclass="with-gap"name="group1"type="radio"value="候補薬剤：フェキソフェナジン、ロラタジン"id="med1"/><span>眠気が出る可能性がほとんどない薬（使用中の自動車運転制限なし）</span></label></p><p><label><inputclass="with-gap"name="group1"type="radio"value="候補薬剤：エピナスチン、エバスチン"id="med2"/><span>眠気が出る可能性がすこしある薬（使用中の自動車運転は注意が必要）</span></label></p><p><label><inputclass="with-gap"name="group1"type="radio"value="候補薬剤：セチリジン、ケトチフェン"id="med3"/><span>眠気の出る可能性があるが、効果も期待できる薬（使用中の自動車運転はひかえる）</span></label></p></form><pclass="result1"id="res1">候補薬剤：</p><h5>服用回数で絞り込み</h5><formaction="#"><p><label><inputclass="with-gap"name="group2"type="radio"value="候補薬剤：ロラタジン、エピナスチン、エバスチン、セチリジン"id=""/><span>1日1回</span></label></p><p><label><inputclass="with-gap"name="group2"type="radio"value="候補薬剤：フェキソフェナジン、ケトチフェン"id=""/><span>1日2回</span></label></p></form><pclass="result2">候補薬剤：</p><h5>価格で絞り込み</h5><aclass="waves-effect waves-light btn-large"id="search">薬を検索</a><pclass="result3">あなたが探しているアレルギー薬は：</p><pclass="comment"></p>

//group1   letreco_medi1="";$('input[name="group1"]').change(function(){$('.result2').html("");$('input[name="group2"]').prop('checked',false);varresult=$(this).val();if(result=="候補薬剤：フェキソフェナジン、ロラタジン"){reco_medi1="フェキソフェナジン:ロラタジン";}elseif(result=="候補薬剤：エピナスチン、エバスチン"){reco_medi1="エピナスチン:エバスチン"}else{reco_medi1="セチリジン:ケトチフェン"}$('.result1').html(reco_medi1);console.log(reco_medi1);let[compo1,compo2]=reco_medi1.split(":");letcompo3,compo4;//group2    letreco_medi2="";$('input[name="group2"]').change(function(){varresult=$(this).val();if(result=="候補薬剤：ロラタジン、エピナスチン、エバスチン、セチリジン"){if(compo2=="ロラタジン"){reco_medi2="ロラタジン";}elseif(compo1=="エピナスチン"){reco_medi2="エピナスチン:エバスチン";compo2="エバスチン";//}elseif(compo1=="セチリジン"){reco_medi2="セチリジン";}else{reco_medi2="候補薬剤はありません。再選択して下さい。";};}else{if(compo1=="フェキソフェナジン"){reco_medi2="フェキソフェナジン"}elseif(compo2=="ケトチフェン")reco_medi2="ケトチフェン"else{reco_medi2="候補薬剤はありません。再選択して下さい。";}}$('.result2').html(reco_medi2);});//価格表示letreco_medi3="テスト";letcomment;letimg_src;$("#search").click(function(){console.log(reco_medi2,reco_medi3);if(reco_medi2=="フェキソフェナジン"){reco_medi3="アレルビ";comment="*この薬剤は通販でもお買い求め頂けます。"}elseif(reco_medi2=="ロラタジン"){reco_medi3="クラリチンEX";comment="*この薬剤は薬局でのみお買い求め頂けます。";console.log(reco_medi2,reco_medi3)}elseif(reco_medi2=="エピナスチン:エバスチン"){reco_medi3="アレジオン20";comment="*この薬剤は通販でもお買い求め頂けます。";}elseif(reco_medi2=="セチリジン"){reco_medi3="ストナリニZ";comment="*この薬剤は通販でもお買い求め頂けます。";}elseif(reco_medi2=="ケトチフェン"){reco_medi3="ザジテンAL鼻炎カプセル";comment="*この薬剤は通販でもお買い求め頂けます。";}$(".result3").html(`<h7>あなたが探しているアレルギー薬は：${reco_medi3}</h7>`);$('.comment').html(`${comment}`);// $('.image').src=img_src;$('.image').html(`${comment}`);console.log(reco_medi2,reco_medi3);});});

npm i express

// Modules to control application life and create native browser windowconst{app,BrowserWindow}=require('electron')constpath=require('path')// express settingconstexpress=require('express');constappExpress=express();appExpress.use(express.static(__dirname+'/public'));appExpress.listen(3000);// Keep a global reference of the window object, if you don't, the window will// be closed automatically when the JavaScript object is garbage collected.letmainWindowfunctioncreateWindow(){// Create the browser window.mainWindow=newBrowserWindow({width:800,height:600,webPreferences:{preload:path.join(__dirname,'preload.js')}})// and load the index.html of the app.// mainWindow.loadFile('index.html')// ログインページにアクセスして、画面に表示するmainWindow.loadURL("http://localhost:3000/");// Open the DevTools.// mainWindow.webContents.openDevTools()// Emitted when the window is closed.mainWindow.on('closed',function(){// Dereference the window object, usually you would store windows// in an array if your app supports multi windows, this is the time// when you should delete the corresponding element.mainWindow=null})}// This method will be called when Electron has finished// initialization and is ready to create browser windows.// Some APIs can only be used after this event occurs.app.on('ready',createWindow)// Quit when all windows are closed.app.on('window-all-closed',function(){// On macOS it is common for applications and their menu bar// to stay active until the user quits explicitly with Cmd + Qif(process.platform!=='darwin')app.quit()})app.on('activate',function(){// On macOS it's common to re-create a window in the app when the// dock icon is clicked and there are no other windows open.if(mainWindow===null)createWindow()})// In this file you can include the rest of your app's specific main process// code. You can also put them in separate files and require them here.

npm start