https://takaharu-reserve-production.web.app/

1<!doctype html>
2<html lang="ja">
3    <head>
4        <meta charset="utf-8" />
5        <link rel="shortcut icon" href="/favicon.ico" />
6        <meta name="theme-color" content="#000000" />
7
8        <!-- viewport -->
9        <!-- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> -->
10        <!-- React Default -->
11        <!-- <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> -->
12        <!-- mobile 対応 -->
13        <!-- <meta name="viewport" content="minimum-scale=1, initial-scale=1, width=device-width, shrink-to-fit=no"> -->
14        <!-- Material-UI -->
15        <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> -->
16        <!-- leaflet mobile  -->
17        <meta
18            name="viewport"
19            content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,user-scalable=no"
20        />
21
22        <!--
23      manifest.json provides metadata used when your web app is added to the
24      homescreen on Android. See https://developers.google.com/web/fundamentals/web-app-manifest/
25    -->
26        <link rel="manifest" href="/manifest.json" />
27        <!--
28      Notice the use of %PUBLIC_URL% in the tags above.
29      It will be replaced with the URL of the `public` folder during the build.
30      Only files inside the `public` folder can be referenced from the HTML.
31
32      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
33      work correctly both with client-side routing and a non-root public URL.
34      Learn how to configure a non-root public URL by running `npm run build`.
35    -->
36        <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
37        <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
38        <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
39        <link rel="manifest" href="/site.webmanifest" />
40        <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#43a047" />
41        <meta name="msapplication-TileColor" content="#00a300" />
42        <meta name="theme-color" content="#ffffff" />
43
44        <meta name="apple-mobile-web-app-title" content="Reserva" />
45        <meta name="application-name" content="Reserva" />
46
47        <!-- Material-UI -->
48        <!-- (※1を使用している時は、Webフォントが使えなくなるので、CSSを読み込んでいるlinkタグに
49      「data-viewport-units-buggyfill="ignore"」の除外指定)-->
50        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" data-viewport-units-buggyfill="ignore" />
51        <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" data-viewport-units-buggyfill="ignore" />
52
53        <!-- GoogleApiKey (Leaflet.GridLayer.GoogleMutant)→[googlemapConfig.jsにも設定有] -->
54        

54<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBdKoQSWhdS--JEFWSdSrnEevhHdmyUkl8" async defer></script>

54
55        <!-- Leaflet.GridLayer.GoogleMutant IE11対応 -->
56        

56<script src="https://unpkg.com/[email protected]/dist/es6-promise.min.js"></script>

56
57        

57<script>
58            ES6Promise.polyfill();
59        </script>

59
60
61        <!-- leaflet-locatecontrol -->
62        <!-- (※1を使用している時は、Webフォントが使えなくなるので、CSSを読み込んでいるlinkタグに
63      「data-viewport-units-buggyfill="ignore"」の除外指定)-->
64        <link
65            rel="stylesheet"
66            href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
67            data-viewport-units-buggyfill="ignore"
68        />
69        <link
70            rel="stylesheet"
71            href="https://cdn.jsdelivr.net/npm/[email protected]/dist/L.Control.Locate.min.css"
72            data-viewport-units-buggyfill="ignore"
73        />
74
75        <!-- ※1 iOSのSafariで100vh対応 -->
76        <!-- 

76<script src="viewport-units-buggyfill.js"></script>

76 -->
77        

77<script src="https://cdnjs.cloudflare.com/ajax/libs/viewport-units-buggyfill/0.6.2/viewport-units-buggyfill.min.js"></script>

77
78        

78<script>
79            window.viewportUnitsBuggyfill.init();
80        </script>

80
81
82        <!-- cloudinary -->
83        

83<script src="https://widget.cloudinary.com/v2.0/global/all.js" type="text/javascript"></script>

83
84
85        <!-- LINE LIFF -->
86        <!-- 

86<script charset="utf-8" src="https://static.line-scdn.net/liff/edge/versions/2.8.1/sdk.js"></script>

86 -->
87
88        <!-- Excel出力用jsファイル読み込み-->
89        <!-- 

89<script type="text/javascript" src="%PUBLIC_URL%/xlsx-populate/xlsx-populate.min.js"></script>

89 -->
90        

90<script type="text/javascript" src="/file-saver/FileSaver.min.js"></script>

90
91
92        <!-- PDF出力用jsファイル読込 -->
93        

93<script type="text/javascript" src="/labelmake/labelmake.min.js"></script>

93
94
95        <!-- Excel出力用jsファイル読み込み-->
96        

96<script type="text/javascript" src="/xlsx-populate/xlsx-populate.min.js"></script>

96
97
98        <!-- OneSignal
99    

99<script src="https://cdn.onesignal.com/sdks/OneSignalSDK.js" async=""></script>

99
100    

100<script>
101      if (('Notification' in window)) {
102        //ブラウザが通知をサポートしている
103
104        var name = "Rezervo -体験予約-";
105
106        var OneSignal = window.OneSignal || [];
107        OneSignal.push(function() {
108          OneSignal.init({
109            appId: "8ff7915c-d99d-4ea7-819d-78874d034fd0",
110            //requiresUserPrivacyConsent: true, //ユーザから同意を受けるまでSDKが初期化されるのを防ぎます
111            autoRegister: false,
112            notifyButton: {
113              enable: false, //右下にボタンがでる
114            },
115            allowLocalhostAsSecureOrigin: true,//「localhost」テスト用
116            promptOptions: {
117              /* actionMessage limited to 90 characters */
118              actionMessage: name + "からの最新のお知らせ通知を受け取りますか？受け取る場合は、通知の表示で「許可」を押してください。",
119              /* acceptButtonText limited to 15 characters */
120              acceptButtonText: "はい",
121              /* cancelButtonText limited to 15 characters */
122              cancelButtonText: "いいえ"
123            },
124            /* Your other init options here */
125            welcomeNotification: {
126                "title": name + "にようこそ！",
127                "message": name + "は、大事な情報を見逃さないように、ここに最新のお知らせを通知します。",
128                // "url": "" /* Leave commented for the notification to not open a window on Chrome and Firefox (on Safari, it opens to your webpage) */
129            }
130          });
131          if (Notification.permission === "granted") {
132            // Automatically subscribe user if deleted cookies and browser shows "Allow"
133            OneSignal.getUserId()
134              .then(function(userId) {
135                if (!userId) {
136                  OneSignal.registerForPushNotifications();
137                }
138              })
139          } else {
140            OneSignal.showHttpPrompt();
141          }
142          //通知がユーザーの画面に視覚的に表示された後に発生します。
143          OneSignal.on('notificationDisplay', function (event) {
144            //console.warn('OneSignal notification displayed:', event);
145            /*
146            {
147                "id": "ce31de29-e1b0-4961-99ee-080644677cd7",
148                "heading": "OneSignal Test Message",
149                "content": "This is an example notification.",
150                "url": "https://onesignal.com?_osp=do_not_open",
151                "icon": "https://onesignal.com/images/notification_logo.png"
152            }
153            */
154            if (window.notifi != null){
155              window.notifi(); //windowグローバル変数にあるnotifi()関数を呼ぶ → App.js
156            }
157          });
158        });
159      }
160      else{
161        //window.alert("NO Push");
162      }
163    </script>

163 -->
164
165        <!-- <title>Public＋</title> -->
166        <!-- <title>Rezervo -体験予約-</title> -->
167        <title>高原町予約システム</title>
168        <!-- <title>指宿市予約システム</title> -->
169        <!-- <title>泉水キャンプ村予約システム</title> -->
170        <!-- <title>ｺﾛﾅﾜｸﾁﾝ接種予約</title> -->
171      

171<script type="module" crossorigin src="/assets/index-b4c34aee.js"></script>

171
172      <link rel="stylesheet" href="/assets/index-68cd3bfe.css">
173    </head>
174
175    <body>
176        <noscript> You need to enable JavaScript to run this app. </noscript>
177        <div id="root" class="no-print-area"></div>
178        <!-- 印刷用のルート -->
179        <div id="rootPrint" style="display: none; size: landscape"></div>
180        
181        <!--
182      This HTML file is a template.
183      If you open it directly in the browser, you will see an empty page.
184
185      You can add webfonts, meta tags, or analytics to this file.
186      The build step will place the bundled scripts into the <body> tag.
187
188      To begin the development, run `npm start` or `yarn start`.
189      To create a production bundle, use `npm run build` or `yarn build`.
190    --></body>
191</html>