常連

自己紹介

### 前提・実現したいこと

私は、ある団体の登録フォームと登録内容の確認メールをGoogleフォームとスプレッドシートとGASを
使って作っています。確認メールの完成が目標です。
### 発生している問題・エラーメッセージ

```
フォームから送られてきた回答を自動メールで送信する際に、2回以上同じ確認メールが送信されることがあります。
時によってなのかわかりませんが、一回だけの時や、あとから＋1通が送られてくるとき、
3回送られるときがあります。
なお、下のソースコード内の文面はプライバシー的に書き換えてます。メールも架空のアドレス（だと思います）です。
また、トリガーはスプレッドシートからフォーム送信時一個のみです。
```

### 該当のソースコード

```GAS
function myFunction() {
    
  //設定
  
  　//メール送信先
  　　var admin ="henshinyousuteaka@gmail.com";
  　　var admin2 ="fudannohonnaka@gmail.com";
  　　var Maneger ="daihyounomeado@gmail.com";
  　　var admin_name ="団体";
  　　var cc ="";
  　　var bcc = admin2+","+Maneger;
  　　var reply = Maneger;
  
  　//件名
  　　var subject ="団体へようこそ！";
  
  　//本文
  　　var body
      ="〈このメールは自動送信です〉\n\n"
      +"団体に入っていただきありがとうございます!!\n"
      +"申請を以下の通り受け付けました\n\n"
      +"-----------------------------\n";
  
  　//フッター
  　　var footer
      ="-----------------------------\n"
      +"返信は不要です\n"
      +"聞きたいことがあったら何でもどうぞ\n"
      +"連絡先（代表）\n"
      +"〈"+Maneger+"〉";
  
  　//入力col
     var NAME_col="お名前"
     var MAIL_col="メールアドレス"
  
  　//-------------------------------------------------------
  
  try{
    
    //スプレッドシート指定
     var spreadsheet =SpreadsheetApp.getActive();
     var sheetA =spreadsheet.getSheets()[0];
     var rows =sheetA.getLastRow();
     var cols =sheetA.getLastColumn();
     var rg =sheetA.getDataRange();
    
    //セル内容をメール本文に追加
     for(var i=2;i<=7;i++)
     {var col_name =rg.getCell(1, i).getValue();
      var col_value =rg.getCell(rows,i).getValue();
      body +="〈"+col_name+"〉\n";
      body +=col_value+"\n\n";
      
      //セル利用
      
      　//お名前
      　　if(col_name===NAME_col)
        {body =col_value+"様\n\n"+body;}
      
     　 //送信先
      　　var to=rg.getCell(rows, 8).getValue();
      
     }
    
    body += footer;
    
    //送信先オプション
    var options ={};
     if(cc)options.cc=cc;
     if(bcc)options.bcc=bcc;
     if(reply)options.replyTo=reply;
     if(admin_name)options.name=admin_name;
    
    //メール送信・エラー処理
    if(to){
      MailApp.sendEmail(to,subject,body,options);
    }else{
      MailApp.sendEmail(admin,"〈失敗〉Googleフォームにメールアドレスが指定されていません",body);
    }
  }catch(e){
    MailApp.sendEmail(admin,"〈失敗〉Googleフォームからメール送信中にエラーが発生",e.messsage);
  }
}

```

### 試したこと

何度も実行ボタンを押したのが原因かと思い、フォームおよびソースコードのコピー、また、トリガーの再指定を行いましたが、変わりませんでした。

### 補足情報（FW/ツールのバージョンなど）

Google　Apps　Scriptでの不具合　確認メール連続送信

下記のコードで現在地(gnav_item a)がハイライトするものを作りたいのですが今のコードではgnav_list-childの一番下のページの時のみにクラスが付与されてしまいます。
これをgnav_list-childの全てのページで親要素(gnav_item a)にクラスを付与したいです。
拙い説明で申し訳ありませんがご教授お願いいたします。

```html
<ul class="gnav">
    <li class="gnav_item"> <a href="javascript:void(0);">ナビ1</a>
      <ul class="gnav_list-child">
        <li><a href="">ナビ1-1</a></li>
        <li><a href="">ナビ1-2</a></li>
        <li><a href="">ナビ1-3</a></li>
      </ul>
    </li>
    <li class="gnav_item"> <a href="javascript:void(0);">ナビ2</a>
      <ul class="gnav_list-child">
        <li><a href="/nl_acs-09.html">ナビ2-1</a></li>
        <li><a href="/nl_acs-10.html">ナビ2-1</a></li>
        <li><a href="/nl_acs-11.html">ナビ2-3</a></li>
      </ul>
    </li>
    <li class="gnav_item"> <a href="javascript:void(0);">ナビ3</a>
      <ul class="gnav_list-child">
        <li><a href="/nl_acs-15.html">ナビ3-1</a></li>
        <li><a href="/nl_acs-16.html">ナビ3-2</a></li>
        <li><a href="/nl_acs-17.html">ナビ3-3</a></li>
        <li><a href="/nl_acs-18.html">ナビ3-4</a></li>
      </ul>
    </li>
  </ul>
```
```javascript
$(function(){
  $('.gnav_list-child li a').each(function(){
    var $href = $(this).attr('href');
    if(location.href.match($href)) {
      $(this).parents('.gnav_item').find("a").addClass('current');
    } else {
      $(this).parents('.gnav_item').find("a").removeClass('current');
    }
  });
});
```

ナビゲーションの現在地にclassを付与

![イメージ説明](f4b1fc8895cf4063ff0c38e9713be730.png)
## 実現したいこと
上図のようなレイアウトをCSSにて作成しようとしています。widthが150%程の円が左右見切れているようなレイアウトになります。

## 問題
見た目上は「width/transform」あたりを使用して作成できたのですが、width分右にスクロールできてしまいます。overflow: hiddenではみ出ている部分を隠せばうまくいくかとも思ったのですが、うまく行きませんでした。上記のレイアウトを維持しつつ、スクロールできないようにするにはどのようなCSSを設定すればよろしいでしょうか？ご教授頂けると幸いです。  
※画像ではなく、CSSにて実現したいと考えています。
  
以下、現ソース
```
body {
  background-color: rgba(40, 56, 94, 1);
}
.radius {
  background-color: rgba(157, 177, 202, 0.37);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  margin: auto;
  height: 70%;
  border-radius: 50%;
  width: 160%;
  transform: translateX(-19%);
}
```

CSSによる見切れレイアウト

### create-react-app実行後のエラーについて

現在、Reactでアプリの雛型をcreat-react-app
で作成しようとしていますが、以下のコマンドでエラーが
発生します。

> $npm install -g create-react-app


> $create-react-app myapp　#実行後エラーになります。

### 発生している問題・エラーメッセージ

```
Installing packages. This might take a couple of minutes.
Installing react, react-dom, and react-scripts...

events.js:167
      throw er; // Unhandled 'error' event
      ^

Error: spawn yarnpkg ENOENT
    at Process.ChildProcess._handle.onexit (internal/child_process.js:229:19)
    at onErrorNT (internal/child_process.js:406:16)
    at process._tickCallback (internal/process/next_tick.js:63:19)
Emitted 'error' event at:
    at Process.ChildProcess._handle.onexit (internal/child_process.js:235:12)
    at onErrorNT (internal/child_process.js:406:16)
    at process._tickCallback (internal/process/next_tick.js:63:19)
```


### 試したこと
途中でエラーが発生している可能性を考え以下のコマンドを実行しました。
> npm cache clean --force

参照；https://github.com/facebook/react/issues/11933


### 補足情報（FW/ツールのバージョンなど）

macOS 10.14.4
nodebrew 1.0.0
node v10.15.3
npm 6.4.1

create-react-app実行後のエラーについて

### 前提・実現したいこと

ブログの運営をしており、リファラーを認識してもらいたいサイトがあるのですが、

### 発生している問題・エラーメッセージ

自分のサイトのリンクより、確認くんプラス(https://env.b4iine.net/)を利用してリファラの確認を行うと、直前にいたページ部分で「リファラがないか、直接きた」という返事が出ます。

### 該当のソースコード
wordpressを利用しており、headの内部は以下のようになっています。
私の認識では、
「<meta name="referrer" content="unsafe-url">」
を記載することによって、リファラは全てのサイトに飛ぶようになるものだと思っていたのですが、実際には飛んでいません。
```html
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#">
		<meta charset="<?php bloginfo( 'charset' ); ?>" >
		<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=yes">
		<meta name="format-detection" content="telephone=no" >
		<meta name="referrer" content="unsafe-url">
		
		<?php if ( is_home() && !is_paged() ): ?>
			<meta name="robots" content="index,follow">
		<?php elseif ( is_search() or is_404() ): ?>
			<meta name="robots" content="noindex,follow">
		<?php elseif ( !is_category() && is_archive() ): ?>
			<meta name="robots" content="noindex,follow">
		<?php elseif ( is_paged() ): ?>
			<meta name="robots" content="noindex,follow">
		<?php endif; ?>

		<link rel="alternate" type="application/rss+xml" title="<?php echo esc_attr( get_bloginfo( 'name' ) ); ?> RSS Feed" href="<?php bloginfo( 'rss2_url' ); ?>" />
		<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" >
		
		<?php if ( is_singular() ) wp_enqueue_script( "comment-reply" ); ?>
		<?php wp_head(); ?>
	</head>
```

### 試したこと
<meta name="referrer" content="unsafe-url">を記載
また、unsafeで飛ばない例を検索したのですが、見つからず。。

### 補足情報（FW/ツールのバージョンなど）
mac mojave 10.14.1
Google Chrome バージョン: 73.0.3683.86（Official Build） （64 ビット）

宜しくお願い致します。

リファラを認識させたい

### 前提

1. Vue.js と Vuex で作っているWEBアプリを、**メインアプリ**とします。
2. 別にパッケージとしてインストールした Vue.js と Vuex を使ったコンポーネントを、**ライブラリコンポーネント**と呼ぶことにします。

## 実現したいこと

メインアプリにライブラリコンポーネントを組み合わせて使いたいです。

### 発生している問題

組み合わせるとライブラリコンポーネント側の Vuex が正常に動作しません。
メインアプリ側の Vuex とライブラリコンポーネント側の Vuex が干渉するようです。

### 該当のソースコード

```js
// メインアプリ側の設定
import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

export default new Vuex.Store({
  state: {
    app_var1: false,
  },
})
```

```js
// ライブラリコンポーネント側の設定
import Vue from "vue"
import Vuex from "vuex"
Vue.use(Vuex)

// "() => " を外すと画面内にコンポーネントが複数あったとき変数が共有されてしまうため、このようにしています
const store = () => new Vuex.Store({
  state: {
    library_local_var1: false,
  },
})

export default store
```

### 試したこと

一時的にメインアプリ側の Vuex を外したところ、ライブラリコンポーネント側の Vuex が動作しました。

### 補足情報

"vuex": "^3.0.1"
"vue": "^2.5.17"

Vuexを使ったVue.jsのアプリと、ライブラリのコンポーネントが使っているVuexを共存させる方法を教えてください

CentOS Linux release 7.6.1810にMySQL8.0.15をインストールし
ユーザを追加しようとしたところ、下記エラーが発生してユーザ追加が失敗します。

```
mysql> create user 'hoge' identified by 'pass';
ERROR 1728 (HY000): Cannot load from mysql.db. The table is probably corrupted
```

いろいろと調べた結果mysql_upgradeコマンドでアップグレードしないとダメだとの事で、コマンドを実行したのですが
これも失敗してしまいました。

```ここに言語を入力
[user01@www ~]# mysql_upgrade -uroot -p
Enter password:
Checking if update is needed.
Checking server version.
Error occurred: The mysql.session exists but is not correctly configured. On previous versions the mysql.session must have SELECT privileges in the performance_schema database and the mysql.db table and also SUPER privileges.
```

mysql_upgrade失敗で調べても情報がなく困っております。
ご教授いただければ幸いです。

宜しくお願いします。

MySQL8.0.15 でユーザが作成出来ない

PHPなどでよくやる「index.php?id=1」の1を変えて動的にページを表示させたいだけなのですが、Nuxt.js難しくてよくわかりません。

Nuxt.js + Express + axios
バージョンはすべて最新です。

URLのパラメーターを元にaxiosでMySQLからデータを引っ張ってきて表示させたいです。
例えば、MySQLで以下のようなTABLEがあったとします。
```text
id	name
1	福沢諭吉
2	夏目漱石
3	野口英世
4	新渡戸稲造
5	樋口一葉
```
/server/api.js
```JavaScript
const express = require('express');
const router = express.Router();
const mysql = require('mysql2/promise');

const mysqlConfig = {
  "host": "localhost",
  "port": 3306,
  "user": "root",
  "password": "",
  "database": "test"
};

router.get('/fuga', async (req, res, next) => {
  try {
    const connection = await mysql.createConnection(mysqlConfig);
    const sql = `SELECT name FROM hoge WHERE id = ?`;
    const [rows] = await connection.query(sql, [req.query.id]);
    connection.end();
    res.send(rows[0]);
  } catch (err) { console.error(err); }
});

module.exports = router;
```
/pages/index.vue
```JavaScript
<template>
  <section>
    id: {{$route.query.id}} &nbsp;&nbsp; name: {{name}}
    <br>
    <br>
    <nuxt-link :to="{'path':'/', 'query':{'id':1}}">ID 1</nuxt-link><br>
    <nuxt-link :to="{'path':'/', 'query':{'id':2}}">ID 2</nuxt-link><br>
    <nuxt-link :to="{'path':'/', 'query':{'id':3}}">ID 3</nuxt-link><br>
    <nuxt-link :to="{'path':'/', 'query':{'id':4}}">ID 4</nuxt-link><br>
    <nuxt-link :to="{'path':'/', 'query':{'id':5}}">ID 5</nuxt-link><br>
  </section>
</template>

<script>
import axios from "axios";

export default {
  async asyncData(context) {
    const nameStr = await axios.get("http://localhost:3000/api/fuga", {
      params: {
        id: context.query.id
      }
    });
    return { name: nameStr.data.name };
  }
};
</script>

<style>
body {
  padding: 10px;
}
</style>
```
http://localhost:3000/?id=1 にアクセスすると、
> id: 1    name: 福沢諭吉 
> 
> ID 1 
> ID 2 
> ID 3 
> ID 4 
> ID 5 

リンクになっているID 3をクリックすると
> id: 3    name: 福沢諭吉 
> 
> ID 1 
> ID 2 
> ID 3 
> ID 4 
> ID 5 

本来「野口英世」になっていなければならないところが「福沢諭吉」のままです。

画面を遷移させるのではなくて再描画すればいいのかと、watchQueryなどいろいろいじったのですが、どうにもうまくいきません。

どのように書けばいいのでしょうか。。。

Nuxt.jsでURLのパラメーターを元に動的に表示させたい

```
npm create-nuxt-app myapp
npm install axios
```
でNuxtアプリをcreateしてaxiosをインストールした後に、
#####nuxt.config.js
```vue.js
import pkg from './package'
export default {
  module: []
}
```
の状態ではlocalhost:3000でアプリが立ち上がるのですが、
moduleの部分にaxiosを入れて
#####nuxt.config.js
```vue.js
import pkg from './package'
export default {
  module: ['axios']
}
```
とすると
```
> 2_testapp@1.0.0 dev /Users/USERNAME/2_testapp
> nuxt


 FATAL  The "url" argument must be of type string. Received type undefined                                                                                                18:21:32

  at validateString (internal/validators.js:125:11)
  at Url.parse (url.js:150:3)
  at Proxy.urlParse (url.js:145:13)
  at dispatchHttpRequest (node_modules/axios/lib/adapters/http.js:57:22)
  at new Promise (<anonymous>)
  at httpAdapter (node_modules/axios/lib/adapters/http.js:18:10)
  at dispatchRequest (node_modules/axios/lib/core/dispatchRequest.js:59:10)


   ╭──────────────────────────────────────────────────────────────────────────────────────────────────────────╮
   │                                                                                                          │
   │   ✖ Nuxt Fatal Error                                                                                     │
   │                                                                                                          │
   │   TypeError [ERR_INVALID_ARG_TYPE]: The "url" argument must be of type string. Received type undefined   │
   │                                                                                                          │
   ╰──────────────────────────────────────────────────────────────────────────────────────────────────────────╯

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! 2_testapp@1.0.0 dev: `nuxt`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the 2_testapp@1.0.0 dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/USERNAME/.npm/_logs/2019-03-31T09_21_32_648Z-debug.log
```
といった感じのエラーが出るんですがローカルの環境が間違ってるような気もするんですが、おかしい場所の検討もつきません。
アプリケーションの開発に進めなくてとても辛いです！！誰かわかる人はぜひ教えてください！！！

nuxtでモジュールが読み込めない

Nuxt + Laravelでシステムを構築する上で不明点があります

※Nuxt側はSSR, PWAで作成予定

初回アクセスで必要なリソースを取得してきて、以降はAPIでサーバとやりとりしようとしています。nginxで初回アクセスの場合はNuxtサーバに繋いで、以降のAPIアクセスはPHP-FRMに割り振るような構成(②の構成)は可能でしょぅか？

また、この構成の時に認証系をどのように作っていくかがいまいち分かっていません。
Laravel Passportを使っていけばよいでしょぅか？

こういった構成ならばもっと簡単にできる！であるとかもあれば教えていただきたいです

<>内はポート番号です

![![イメージ説明](aa119403fab09425a555c3809d973094.png)](795e24b7dc6c4e9cd419ad0f27c325e7.png)