常連

回答者

ベストアンサー

拍手喝采

自己紹介

有名人

### 前提・実現したいこと
PostgreSQL9.6.6で開発しています。
１レコードのみ存在するテーブルに対して１秒間に数十回のUPDATEを常時行っているのですが、
数日に１度の頻度で２レコードに増えてしまいます。

概要テーブルに対してINSERTは行っていないので、２レコードに増えるはずはないので、
原因がわかりません。
２レコードに増える原因、増やさない対処方法はございませんでしょうか。

### 発生している問題・エラーメッセージ
UPDATEのみ行っているテーブルでレコード数が増えてしまう。

### 該当のソースコード
PostgreSQL9.6.6
```
CREATE TABLE 最新データtmp (日時 TIMESTAMP,担当者 VARCHAR,ID INTEGER);
CREATE TABLE 最新データ    (日時 TIMESTAMP,担当者 VARCHAR,ID INTEGER);
INSERT INTO  最新データ    (日時) VALUES (CURRENT_TIMESTAMP);

CREATE FUNCTION 最新データins() RETURNS TRIGGER AS $$
DECLARE
BEGIN
  UPDATE 最新データ SET 日時 = current_timestamp, 担当者 = NEW.担当者, ID = NEW.ID;
RETURN NULL;
END;
$$ LANGUAGE plpgsql;

CREATE TRIGGER 最新データtmp
BEFORE INSERT ON 最新データtmp
FOR EACH ROW
EXECUTE PROCEDURE 最新データins();
```
上記実行後に 最新データtmp テーブルに対して１秒間に数十回のINSERTを行っており、
その都度 最新データ テーブルが上書きされるようにしております。
```
INSERT INTO 最新データtmp (日時,担当者,ID) VALUES (current_timestamp,'太郎',12345);
```
数日に１度の頻度で 最新データ テーブルが２レコードに増えてしまいます。
発生時刻に規則性はありませんでした。
また、最新データtmp テーブルは日に１度TRUNCATEしております。

PostgreSQLでUPDATEしかしていないテーブルでレコードが増える

お世話になります、他人が作ったJavaScriptを見ていると
唐突に謎の書き方が出てきますが言語化が難しく調べるのが難しいものがあります

その一つが以下のソースなのですが

```ここに言語を入力
TextEditor.prototype.createElements = function () {
  this.TEXTAREA = document.createElement('TEXTAREA');
  this.TEXTAREA.tabIndex = -1;
  (0, _element.addClass)(this.TEXTAREA, 'handsontableInput');
  this.textareaStyle = this.TEXTAREA.style;
  this.textareaStyle.width = 0;
  this.textareaStyle.height = 0;
  this.TEXTAREA_PARENT = document.createElement('DIV');
  (0, _element.addClass)(this.TEXTAREA_PARENT, 'handsontableInputHolder');
  this.textareaParentStyle = this.TEXTAREA_PARENT.style;
  this.textareaParentStyle.zIndex = '-1';
  this.TEXTAREA_PARENT.appendChild(this.TEXTAREA);
  this.instance.rootElement.appendChild(this.TEXTAREA_PARENT);
};
```

お行儀のよい右辺左辺の読みやすいコードだなと思っていたら、、
この途中ででてくる二つの括弧はなにを意味しているのでしょうか


```ここに言語を入力
(0, _element.addClass)(this.TEXTAREA, 'handsontableInput');
```

代入なの？関数なの？まったく意味が分かりません
関係ないですが、JavaScriptってトリッキーな書き方がかっこいいみたいな風潮ないですかね？

すみません、それは置いといて
それは即時関数だよとか可変変数だよとか調べるためのヒントだけでも構いません
ベテランの方お教えいただけますと幸いです

JavaScriptを読んでいてたまに出てくる唐突な二つの括弧の意味

AWS RDS(MySQLを使用)のセキュリティグループのインバウンド定義に、
どこからでもアクセス可能な0.0.0.0/32 3306 を設定するのはどれくらいリスクがありますでしょうか？
機密情報は保持せず、ユニットテスト用（スタブ化はNGとして）にほぼデータは空の状態で使用しようと思っていますが、非常に危険なことでしょうか？

AWS RDSのセキュリティグループ 全開放のリスク

タイトルのままです。
NuxtでVuexを利用していますが、commitが行えません。

### 発生している問題・エラーメッセージ

```
TypeError: commit is not a function
    at createAccount$ (user.ts?7a93:28)
    at tryCatch (runtime.js?96cf:45)
    at Generator.invoke [as _invoke] (runtime.js?96cf:271)
    at Generator.prototype.<computed> [as next] (runtime.js?96cf:97)
    at tryCatch (runtime.js?96cf:45)
    at invoke (runtime.js?96cf:135)
    at eval (runtime.js?96cf:145)
```

### 該当のソースコード

```store/user.ts
import { userInfo } from '@/interface/userInfo';
import axios from 'axios';

// url
import { baseUrl } from '@/url';

export const state = () => ({
    // ユーザーのログイン状況フラグ
    authUser: null,
});

export const mutations = {
    AUTHED_USER: (state: any, data: userInfo) => {
        console.log("data");
        console.log(data);
        state.authUser = data;
    },
};

export const actions = {
    // アカウント作成
    async createAccount(commit: any, user: userInfo) {
        try {
            const result = await axios.post(baseUrl, user);
            console.log(result);
            // null check
            if(!result.data) {
                commit("AUTHED_USER", user);
            }
            return result;      
        } catch(err) {
            console.log(err);
        }
    }
};
```

Nuxt.jsのVuexでcommit is not a function

現在、nuxt.jsで静的ウェブサイト構築をしております。
jsonファイルに、各ページのタイトル、description情報を一括管理をしたいと思っております。

**ファイル構成：**
assets/json/meta.json (jsonファイル)
store/index.js（ストアでjsonファイルをインポート）
pages/index.vue（ページスラッグをストアのmutationに登録したfunctionに送り、jsonのページ情報を取得し、head()に登録）

**問題：**
ページ数は30～40ページくらいになり、もし変更があったら全ページ変更しなければいけない可能性がある。
index.vueの、
0. created()
0. methods
0. head() 

の記述がちょっとボリュームがあるので、
一つのファイルで一元管理したい。


---
assets/json/meta.json
```json
{
    "home": {
        "title": "HOME",
        "description": "This is home description."
    },
    "about": {
        "title": "ABOUT",
        "description": "This is about description."
    },
    "about/company": {
        "title": "COMPANY",
        "description": "This is company description."
    }
}
```

---
store/index.js
```javascript
// Import Json
import metaJson from "~/assets/json/meta.json"

// State
export const state = () => ({
  meta: metaJson
})
// Mutations
export const mutations = {
  fetchMeta(state, pageSlug) {
    state.pageMeta = state.meta[pageSlug]
  }
}

// Getters
export const getters = {
  getAll(state) {
    return state.meta
  }
}

```
---
pages/index.vue
```vue
<template lang="pug">
    div
        p Home
</template>

<script>
export default {
  data() {
    return {
      name: "home"
    }
  },

  created() {
    this.fetchMeta(this.name)
  },
  methods: {
    fetchMeta(pageName) {
      this.$store.commit("fetchMeta", pageName)
    }
  },
  head() {
    return {
      title: this.$store.state.pageMeta.title,
      meta: [
        {
          hid: "description",
          name: "description",
          content: this.$store.state.pageMeta.description
        },
        {
          hid: "og:title",
          name: "og:title",
          content: this.$store.state.pageMeta.title
        },
        {
          hid: "og:decription",
          name: "og:decription",
          content: this.$store.state.pageMeta.description
        }
      ]
    }
  }
}
</script>

```

Nuxt.jsで効率的にhead()の内容を設定する方法

ライフサイクルの問題なのか現在地が中心になりません。
検証ツールで見たら現在地を取得できている模様です。
どなたか教えてください。

```vue
<template>
  <div>
    <div :id="mapName" class="googleMap"></div>
  </div>
</template>

<script>
  export default{
    data(){
      return{
        mapName:'map',
        element: null,
        map:null,
        center: {lat:35.690218, lng:139.700592},
        latlng: null,
        mapOptions: null,
        label: null,
      }
    },

    created: function(){
          if (process.client) {
            if (!navigator.geolocation) {
              alert('現在地情報を取得できませんでした。お使いのブラウザでは現在地情報を利用できない可能性があります。エリアを入力してください。')
              return
            }

            const options = {
              enableHighAccuracy: false,
              timeout: 5000,
              maximumAge: 0
            }

            navigator.geolocation.getCurrentPosition(this.success, this.error, options)
          }
    },


    mounted(){
      this.$nextTick(function () {
        this.element = document.getElementById(this.mapName)
        // this.latlng = new google.maps.LatLng(34.724888, 135.500612)
        this.mapOptions = {
          zoom: 17, //表示時の地図の大きさ
          center: {lat:this.center.lat,lng:this.center.lng}, //表示時の地図の中心座標
          gestureHandling: 'greedy',
          scaleControl: false,
          mapTypeControl: false,
          zoomControl: false,
          streetViewControl: false,
          fullscreenControl: false,
        }
        this.map = new google.maps.Map(this.element, this.mapOptions)
        this.label = {
          color: 'rgb(231, 222, 202)', //色
          fontFamily: 'Myfont', //フォント指定
          fontSize: '13px', //フォントのサイズ指定
          fontWeight: 'bold' //文字の太さ
        }
      })
    },

    methods:{
      success (position) {
       this.center.lat = position.coords.latitude
       this.center.lng = position.coords.longitude
      },
      error (error) {
       switch (error.code) {
         case 1: //PERMISSION_DENIED
           alert('位置情報の利用が許可されていません')
           break
         case 2: //POSITION_UNAVAILABLE
           alert('現在位置が取得できませんでした')
           break
         case 3: //TIMEOUT
           alert('タイムアウトになりました')
           break
         default:
           alert('現在位置が取得できませんでした')
           break
       }
      },
    },
  }
</script>
<style>
      .googleMap {
        height: 500pt;
        width: 100%;
        z-index: 2 !important;
      }
    </style>

```

ありがとうございます。

vue.jsで現在地取得してgooglemapの中心にしたい

### 現状(1)

```
const str = 'あああ■いいい■ううう■えええ■おおお';
arr = str.split('■');
console.log(array); // ['あああ','いいい','ううう','えええ','おおお']
```

第一ステージとして、以下のような配列を期待しているので

```
['あああ','■','いいい','■','ううう','■','えええ','■','おおお'];
```

以下の解放を作りました。

```
const str = 'あああ■いいい■ううう■えええ■おおお'
const splitString = '■'
const arr = str.split(splitString);
arr.forEach(function(element,index) {
  if (index%2 == 0){
     return
  }
  arr[index] = '■'
});
```

### 今回したいこと。

以下にあるような配列を期待したいのですが、なかなか解法が浮かびません。

```
const str = 'あああ■いいい▲ううう■えええ▲おおお';
const arr = str.split(/■|▲/);
console.log(arr); // [ 'あああ', 'いいい', 'ううう', 'えええ', 'おおお' ]

//// 何らかの処理...

////////////// 期待する配列 /////////////////
console.log(arr); // ['あああ', '■', 'いいい', '▲', 'ううう', '■', 'えええ', '▲', 'おおお'];

```

もし実装が可能な方いらっしゃったらご教授、助言などいただけると幸いです。
また現状(1)のコードのアドバイス等も頂けると幸いです。よろしくお願いします。