Kazuki-tam

<template>
  <div class="wrapper">
    <h1 class="heading">{{ msg }}</h1>
    <ais-index
    app-id=“アプリケーションID"
    api-key=“APIキー"
    index-name=“インデックス名"
    >

      <!-- 検索フォーム -->

Kazuki-tam

/* 
任意の画像ダウンロード
*/
function download() {
  // 画像要素取得
  const imgLinks = document.querySelectorAll(
    ".swiper-container .swiper-slide img"
  );
  // スライダー数取得
  const imgCount = imgLinks.length;

Kazuki-tam

/*
全画像ダウンロード
*/
function downloadAll() {
  // 画像要素取得
  const imgLinks = document.querySelectorAll(
    ".swiper-container .swiper-slide img"
  );
  imgLinks.forEach((value, index) => {
    const url = value.src;

Kazuki-tam

<form class="p-form" action="">
  <!-- お問い合わせ内容 セレクトボックス -->
  <div class="p-formGroup p-formGroup__select u-mb20">
    <label for="contactType">お問い合わせ内容</label>
    <select name="" id="contactType">
      <option data-value="Webサイト構築" value="Webサイト構築">Webサイト構築</option>
      <option data-value="SEO改善" value="SEO改善">SEO改善</option>
      <option data-value="SNS運用" value="SNS運用">SNS運用</option>
      <option data-value="アプリ開発" value="アプリ開発">アプリ開発</option>
      <option data-value="その他" value="その他">その他</option>

Kazuki-tam

<form class="p-form" action="https://docs.google.com/forms/(Googleフォームからコピペしてください)">
  <!-- お問い合わせ内容 セレクトボックス -->
  <div class="p-formGroup p-formGroup__select u-mb20">
    <label for="contactType">お問い合わせ内容</label>
    <select name="entry.(Googleフォームからコピペしてください)" id="contactType">
      <option data-value="Webサイト構築" value="Webサイト構築">Webサイト構築</option>
      <option data-value="SEO改善" value="SEO改善">SEO改善</option>
      <option data-value="SNS運用" value="SNS運用">SNS運用</option>
      <option data-value="アプリ開発" value="アプリ開発">アプリ開発</option>
      <option data-value="その他" value="その他">その他</option>

Kazuki-tam

<script type="text/javascript">
  var submitted = false;
  var currentURL = window.location.href;
</script>

<iframe name="hidden_iframe" id="hidden_iframe" style="display:none;" onload="if(submitted) {window.location=currentURL + 'thanks.html';}"></iframe>

<form class="p-form" action="https://docs.google.com/forms/(Googleフォームからコピペしてください)" target="hidden_iframe" onsubmit="submitted=true;">
  <!-- お問い合わせ内容 セレクトボックス -->
  <div class="p-formGroup p-formGroup__select u-mb20">

Kazuki-tam

{% form 'create_customer' %}

{{ form.errors | default_errors }}
<!-- デフォルトの入力フィールド -->
<label for="LastName" class="label--hidden">{{ 'customer.register.last_name' | t }}</label>
<input type="text" name="customer[last_name]" id="LastName" placeholder="{{ 'customer.register.last_name' | t }}"
  {% if form.last_name %}value="{{ form.last_name }}" {% endif %} autocapitalize="words">
  
<label for="FirstName" class="label--hidden">{{ 'customer.register.first_name' | t }}</label>
<input type="text" name="customer[first_name]" id="FirstName" placeholder="{{ 'customer.register.first_name' | t }}"

Kazuki-tam

<!-- デフォルトの入力フィールド -->
<label for="LastName" class="label--hidden">{{ 'customer.register.last_name' | t }}</label>
<input type="text" name="customer[last_name]" id="LastName" placeholder="{{ 'customer.register.last_name' | t }}"
  {% if form.last_name %}value="{{ form.last_name }}" {% endif %} autocapitalize="words">
  
<label for="FirstName" class="label--hidden">{{ 'customer.register.first_name' | t }}</label>
<input type="text" name="customer[first_name]" id="FirstName" placeholder="{{ 'customer.register.first_name' | t }}"
  {% if form.first_name %}value="{{ form.first_name }}" {% endif %} autocapitalize="words" autofocus>

<label for="Email" class="label--hidden">{{ 'customer.register.email' | t }}</label>

Kazuki-tam

<div class="p-formArea" id="postForm">
  <form class="p-form" v-on:submit.prevent="submit" v-if="showForm">
    <div class="p-formGroup__select u-mb20">
      <label class="u-color-main" for="contactType">お問合せ内容</label>
      <select id="contactType" v-model="contactType">
        <option value="Webサイト構築">Webサイト構築</option>
        <option value="SEO改善">SEO改善</option>
        <option value="SNS運用">SNS運用</option>
        <option value="アプリ開発">アプリ開発</option>
        <option value="その他">その他</option>

Kazuki-tam

import Vue from "vue";
import axios from "axios";

new Vue({
  el: "#postForm",
  data: {
    // フォームの表示
    showForm: true,
    // お問い合わせ内容
    contactType: "",