常連

### 実現したいこと
現在、MySQLのJSON型カラムにベクトル情報を格納しています。JSON型なので当然string型になるのですが、これをfloat64の配列として取り出したいです。
```
"AverageVector":"[-0.3635528087615967, 1.1734700202941897, -0.7026697397232056, 0.08646214753389359, -0.3154919743537903,.......]
```

### 試したこと
DB操作の際はgormを使用しています。
以下のようにText構造体を定義し、JSON型のカラムをfloat64の配列として取り出してみようと考えましたが、

```
type Text struct {
	AverageVector []float64 `json: "average_vector"`
}
```

```
dbs := c.Get("dbs").(*middlewares.DatabaseClient)
texts := []models.Text{}
dbs.DB.Debug().Select("average_vector").Find(&texts)
```
当然といえば当然なのですが、エラーになってしまいました。
```
sql: Scan error on column index 0, name "average_vector": unsupported Scan, storing driver.Value type []uint8 into type *[]float64
```

JSON型カラムをstring型として取得し、splitして配列にした後、ループを回して要素を1つずつstring→float64へ変換していくしかないのでしょうか？


 Go言語を使って、MySQLのJSON型カラムに格納されているデータを配列として取り出したい

### 前提

vue初心者です。vue add elementを実行し、elementを入れたのですが、npm run serveしてhttp://localhost:8080/ にアクセスしても白紙のページが表示されるだけです。App.vueには本来のウェルカムページのようなものは入ってるので、うまくindex.htmlにmain.jsを通してApp.vueがマウント(?)できてないのかなと考えています。どうすればよいでしょうか？（ちなみに下記の<div id="app"></div>のところにApp.vueの内容が入るという認識であってますでしょうか。）


### 実現したいこと

http://localhost:8080/ にアクセスして、elementが使用できる形でウェルカムページを表示したい。



### 該当のソースコード

```index.html
<!DOCTYPE html>
<html lang="">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <title><%= htmlWebpackPlugin.options.title %></title>
  </head>
  <body>
    <noscript>
      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app"></div>
    
  </body>
</html>
```
```main.js
import { createApp } from 'vue'
import App from './App.vue'
import './plugins/element.js'

createApp(App).mount('#app')

```
```App.vue
<template>
  <div id="app">
    <img src="./assets/logo.png">
    <div>
      <p>
        If Element is successfully added to this project, you'll see an
        <code v-text="'<el-button>'"></code>
        below
      </p>
      <el-button>el-button</el-button>
    </div>
    <HelloWorld msg="Welcome to Your Vue.js App"/>
  </div>
</template>

<script>
import HelloWorld from './components/HelloWorld.vue'

export default {
  name: 'app',
  components: {
    HelloWorld
  }
}
</script>

<style>
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
</style>

```

vue.jsにてnpm run serveをしても何も表示されない。index.htmlにapp.vueの内容をマウントしたい

### 前提

flutterでアンドロイドアプリを作成しています。
アプリが画面から外しても常駐で動くように
flutter_background_serviceを使って
定期的処理を行っています。
そのパラメータ（開始終了フラグ、設定値（閾値など）
を画面から設定しているのですが、
バックグラウンド処理側で値が初期値のまま変わらなくて
困っています。

メモリ空間が違うのはわかっているので、
普通の受け渡しではできないのはわかっていますが、
それを超えてする方法を教えてもらえませんか


### 実現したいこと

画面で開始ボタンON（bool型がtrueに）なると
バックグラウンド側もそれがわかること
他int型・string型のパラメータもいくつかある



### 発生している問題・エラーメッセージ

設定を画面から設定しているのですが、
バックグラウンド処理側で値が初期値のまま変わらなくて

SharedPreferencesを使って
画面側でSharedPreferences



### 試したこと
### 該当のソースコード

画面側
```dart

    bool flg ＝ await globals.Strage.Set(globals.Key_Shopid, config["shopid"]);
    await globals.Strage.Set(globals.Key_IsActive, false.toString());

```


バックグラウンド側
```dart

    final SharedPreferences prefs = await SharedPreferences.getInstance();

    String shopid = await prefs.getString(globals.Key_Shopid) ?? "";

  String str = await prefs.getString(Key_IsActive) ?? "";
  if (str == "true") {
    IsActive = true;
  } else {
    IsActive = false;
  }


```
というようなことで共有できないかやってみたが
うまくなかった




flutter(dart)のflutter_background_serviceを使ったメインとバックグラウンド処理のデータ共有ができない

### 前提

ここに質問の内容を詳しく書いてください。

pythonのdefを使って計算をし任意の変数(boo)を定義し,
それに30を代入して
 booに20を減算代入しさらにbooを5回インクリメントしてから
変数(fuu)を定義し,booを8で割った余剰を代入して最後にfuu*booの計算結果を出力したいです

### 実現したいこと
計算の答えを105にしたいです

### 発生している問題・エラーメッセージ

```
エラーメッセージ
kadai4() missing 1 required positional argument: 'boo'


```
### 該当のソースコード

```python
def kadai4(boo):
	boo=30
	boo -= 20
	boo += 1
	boo += 1
	boo += 1
	boo += 1
	boo += 1
	fuu = boo % 8
	print("課題4", boo * fuu)
kadai4()
```

### 試したこと

ここに問題に対して試したことを記載してください。

### 補足情報（FW/ツールのバージョンなど）

Jupiter　notebook

pythonの計算が上手くいかないです

### 前提
djangoでテストコードを書いています。
テストコードを書くのが初めてで分かりません。
アカウントをログインするという、ログイン機能のテストをしていますが、うまくいきません。
### 実現したいこと
エラーの解決
### 発生している問題・エラーメッセージ

```
nosetests accounts --with-coverage --verbosity=1
nose.plugins.cover: ERROR: Coverage not available: unable to import coverage module
Creating test database for alias 'default'...
F
======================================================================
FAIL: test_login_success (accounts.tests.LoginViewTest)
----------------------------------------------------------------------
Traceback (most recent call last):
  File "/Users/Desktop/Test_code/accounts/tests.py", line 26, in test_login_success
    self.assertEqual(response.status_code, status.HTTP_200_OK)
AssertionError: 400 != 200
--------------------- >> end captured stdout << ----------------------
-------------------- >> begin captured logging << --------------------
django.request: WARNING: Bad Request: /accounts/login/
--------------------- >> end captured logging << ---------------------

----------------------------------------------------------------------
Ran 1 test in 0.057s

FAILED (failures=1)
Destroying test database for alias 'default'...

```

### 該当のソースコード

```models.py
class User(models.Model):
    UserID = models.CharField('UserID', max_length=15, unique=True, null=False)
    name = models.CharField(max_length=32)
    email = models.EmailField(max_length=32)
    password = models.CharField(max_length=256)
    birthday = models.DateField(auto_now=False)
    bio = models.CharField(max_length=1024)
    ProfileImage = models.ImageField(upload_to='images', verbose_name='ProfileImage', null=True, blank=True)
    created_at = models.DateField(auto_now=True)
    block_users = models.ManyToManyField('self', through='UserBlock')
    follow_users = models.ManyToManyField('self', through='UserFollow')

    # public_posts = models.ManyToManyField('Post', through='PublicPost')

    def __str__(self):
        return self.UserID
```

```serialzers.py
# ログイン処理
class LoginSerializer(serializers.Serializer):
    UserID = serializers.CharField()
    password = serializers.CharField()

    def validate(self, data):
        user = authenticate(UserID=data['UserID'], password=data['password'])
        if user and user.is_active:
            return user
        raise serializers.ValidationError("Unable to log in with provided credentials.")
```
```views.py
import datetime

from django.shortcuts import render
from rest_framework import status
from rest_framework.response import Response
from rest_framework.views import APIView

from . import serializers
from .models import User
from .serializers import LoginSerializer
import jwt
from django.conf import settings


class LoginView(APIView):
    permission_classes = ()

    def post(self, request):
        serializer = LoginSerializer(data=request.data)

        serializer.is_valid(raise_exception=True)

        user = serializer.validated_data
        # アクセストークン
        token = generate_access_token(user)
        return Response({'access_token': token}, status=status.HTTP_200_OK)


def generate_access_token(user):
    payload = {
        'id': user.id,
        'exp': datetime.datetime.utcnow() + datetime.timedelta(hours=24)
    }
    token = jwt.encode(payload, settings.SECRET_KEY, algorithm='HS256')
    return token.decode('utf-8')
```
```tests.py
# Create your tests here.
class LoginViewTest(TestCase):
    def test_login_success(self):
        # テスト用のユーザーを作成する
        user = User(UserID='testuser', name='Test User', email='test@example.com', password='testpass',
                    birthday='2000-01-01', bio='This is a test user', ProfileImage='test.jpg')

        user.save()
        print(user.UserID)
        print(user.password)
        # ログインAPIにPOSTリクエストを送信する
        response = self.client.post('/accounts/login/', {'UserID': 'testuser', 'password': 'testpass'})
        self.assertEqual(response.status_code, status.HTTP_200_OK)
        self.assertTrue('access_token' in response.data)

```

### 補足情報（FW/ツールのバージョンなど）
Django~=4.1.3
django-allauth~=0.41.0
django-widget-tweaks~=1.4.12
djangorestframework~=3.14.0


Djangoのログイン機能でのテスト処理のエラー

### 前提

Pytorchにて画像分類用の事前学習モデルの学習をおこなっています．
環境はDockerで構築しており，複数のPCで同じコンテナを用いて学習しています(CUDAは11.3)．

### 発生している問題
全く同じプログラムを複数台のPCで動かしているのですが，RTX3060(**VRAM=8GB**)のマシンでは問題なく動くプログラムが，RTX3080Ti(**VRAM=12GB**)のマシンではメモリ不足で実行に失敗します．
バッチサイズを小さくすると(256→128)一応動きますが，GPUメモリが4GBも大きい方のマシンでメモリ不足になる理由が分かりません．
タスクマネージャで監視してみるといつも**5.5GB/12.0GB**あたりで止まってしまっています．
原因がDockerにあるのかPytorch側にあるのか，それともそれ以外の要因があるのかご教示ください．

### 発生している問題・エラーメッセージ

```
THCudaCheck FAIL file=../aten/src/THC/THCCachingHostAllocator.cpp line=278 error=2 : out of memory
~~~
Killed
```

PytorchでGPUメモリが使われず実行に失敗する


現在、Kotlinで簡単な地図アプリを作成しております。
SupportMapFragmentにて、ActivityにGoogle Map を実装し、タップすることでマーカーを追加するところまでは実装できたのですが、そのマーカーの座標情報をDBに保存しMapを表示しているActivityを閉じても、マーカーは追加されている状態（再度Activityを開いた際にもしDBにマーカーの座標が登録されていればマーカーをMapに表示する）を実装したいと考えております。
SQLiteの仕組み等は理解しているつもりですが、タップ後にマーカーの座標をSQLiteに保存する方法と再度Activityを開いた際にMapにマーカーを表示させる方法が思い浮かばないため、何かアドバイスがあれば幸いです。
また、そもそもDBにマーカーの情報を保存する際にSQLiteを使用するのはナンセンスであるのでしょうか。
（savedInstanceStateを使ってActivityの状態を保存する方法も考えましたが、今回は上記のような方法を取りたいと考えております。）

コードについては、下記のように実装したいと考えております。
ヒントや、こうしたら実装できるかも？などなどなんでもいいので何か助言いただければ嬉しいです。

＊下記編集した部分となります。
意図としましては、DBに何も保存されていない場合は、Mapに東京周辺を表示させる、保存されている場合はMap上にマーカーを表示させ、マーカー周辺のMapを表示させるという動作を実現させたいと思っています。

```ここに言語を入力
class Memo_dash : AppCompatActivity(), OnMapReadyCallback {

    private lateinit var mMap: GoogleMap
    private lateinit var binding: MemoDashBinding

    companion object{
        private const val TABLE_NAME = "maps"
    }

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)

        supportActionBar?.setDisplayHomeAsUpEnabled(true)
        binding = MemoDashBinding.inflate(layoutInflater)
        setContentView(binding.root)

        // Obtain the SupportMapFragment and get notified when the map is ready to be used.
        val mapFragment = supportFragmentManager
            .findFragmentById(R.id.map) as SupportMapFragment
        mapFragment.getMapAsync(this)
    }

    override fun onMapReady(googleMap: GoogleMap) {

        mMap = googleMap
        val helper = DBHelper(this)
        val mapsId: Long = intent.getLongExtra("id",0)

        if (mapsId != 0L) {
            helper.readableDatabase.use { db ->
                db.query(
                    TABLE_NAME,
                    arrayOf("id", "lat", "long"),
                    "id = ?",
                    arrayOf(mapsId.toString()),
                    null,
                    null,
                    null,
                    "1"
                )
                    .use { cursor ->
                        if (cursor.moveToFirst()) {
                            val location = LatLng(cursor.getDouble(1),cursor.getDouble(2))
                            mMap.addMarker(MarkerOptions().position(location))
                            mMap.moveCamera(CameraUpdateFactory.newLatLngZoom(location,10F))
                        }
                    }
            }
        }else{
            val tokyo = LatLng(35.68, 139.76)
            mMap.moveCamera(CameraUpdateFactory.newLatLngZoom(tokyo, 10F))
        }

        // タップした時のリスナーをセット
        mMap.setOnMapClickListener { latlng1 : LatLng ->
            val location = LatLng(latlng1.latitude, latlng1.longitude)
            mMap.addMarker(MarkerOptions().position(location))
            helper.writableDatabase.use {
                    db ->
                val values = ContentValues().apply {
                    put("lat", latlng1.latitude)
                    put("long", latlng1.longitude)
                }
                if (mapsId != 0L) {
                    db.update(TABLE_NAME, values,"id = ?", arrayOf(mapsId.toString()))
                } else {
                    db.insert(TABLE_NAME,null, values)
                }
            }
        }
    }
}
```



KotlinでGoogle Mapに追加したマーカーの座標をSQLiteに保存したい。

### 前提

dockerでnginxとnode.jsを用いて、node.jsプログラムを動かしウェブサービスを提供したい。

### 実現したいこと

dockerでnginxとnode.jsを別々のコンテナにして、node.jsのプログラムを動かす方法を知りたい。
nginxとnode.jsを一つずつのコンテナに入れて、node.jsのウェブサービスプログラムを起動し、HTTP/Sリクエストに応答できるやり方を教えてほしい。

### 発生している問題・エラーメッセージ

ネット検索で出てくる情報がnginxとnode.jsを一つのコンテナに入れて、
ウェブサービスを実現しているものばかりである。
１サービス１コンテナで運用したい（どっちかがバージョンアップしたら、他のサービスを考慮せずにバージョンアップしたい）ため、本質問をさせて頂いています。



dockerでnginxとnode.jsを別々のコンテナにして、node.jsのプログラムを動かす方法を知りたい。

### 前提
自然言語処理について勉強しています。
Wikipediaのdumpデータから本文を抜き出して処理をしようと思ってます。
用意したテキストファイルから段落ごとに分割しtf-idfで計算をして表示したいです．
テキストの処理時にエラーが発生しているようです．
このプログラムのエラーを修正したいです．
今はreの扱いでエラーが出ているようです．
### 実現したいことのリスト
0. テキストファイルを読みこんで格納
0. 読み込んだテキストから記号などの削除して日本語のみにする
0. Gfileは段落ごとに分割，myfileは改行四つで区切る（テキストファイルに区切りとして改行を付与しています．），その後，それぞれを段落ごとに分割した後Mecabで名詞のみ抽出
0. 処理を実行（tf-idfをアレンジしたもの)

```pythonソースコード
# -*- coding: utf-8 -*-
from gensim.models import KeyedVectors
import math
import MeCab
import sys
# global

m = MeCab.Tagger()  # Ochasenで失敗したのでデフォルト


myfile = open('history_0text.txt')  # history

Gfile = open('koyamaike.txt')  # ガイド文書(koyamaike.txt)
print("\n\nhistoryテキストとGuideテキストを読み込みました\n\n")


removeW = re.compile(

    '[!"#$%&\'\\\\()*+,-./:;<=>?@[\\]^_`{|}~「」〔〕“”〈〉, ，『』【】＆＊・（）＄＃＠。、？！｀＋￥％　]')

# def


def makeG(guide):

    guide = removeW.sub('', guide)  # 記号除去
    for x in range(0, len(guide)-1):
        guide = [line.split()[0] for line in m.parse(
            guide[x]).splitlines() if "名詞" in line.split()[-1]]
    return guide


def makeH(history):
    history = removeW.sub('', history)  # 記号除去
    history = history.split('\n\n\n\n')  # 記事分割
    for y in range(0, len(history)-1):
        history = [line.split()[0] for line in m.parse(
            history[y]).splitlines() if "名詞" in line.split()[-1]]
    return history



def idfe(t, p):
    idf = 0
    x = 0
    for i in range(0, len(p)-1):
        if t in p:
            x += 1
    if x == 0:
        x += 0.05  # beta

    idf = len(p)/x
    idf = math.log(idf)
    return idf


def tfe(t, para):
    tf = 0
    s = 0
    for x in para:
        s += para.count(x)

    tf = para.count(t)/s

    return tf


def idfe_2(t, H):
    idf2 = 0
    x = 0
    for i in range(0, len(H)-1):
        if t in H[i]:
            x += 1
        if x == 0:
            x += 0.05  # beta

    idf2 = len(H)/x
    idf2 = math.log(idf2)
    return idf2

def Rexact(paragraf, history):
    R = 0
    for t in paragraf:
        R += (tfe(t, paragraf)*idfe(t, paragraf)*idfe_2(t, history))

    return R





# main
history = makeH(myfile)  # 段落ごとに分9割された二次元リスト（str)
G = makeG(Gfile)  # 記事ごとに分割された二次元リスト
for n in range(0, len(G)-1):

    Rdice = {}
    x = 0
    y = 0
 
    y = Rexact(G[n], history)
    Rdice.setdefault(n, y)

    print(n, "段落のtfidf:", y)
Rsort_s = sorted(Rdics.items())
Rsort_e = sorted(Rdice.items())
print(Rsort_s)
print(Rsort_e)
print("ended")

exit

```


次にエラーです．
```cmd
% python3 Jtest.py


historyテキストとGuideテキストを読み込みました


Traceback (most recent call last):
  File "/***/***/***/Jtest.py", line 18, in <module>
    removeW = re.compile(
NameError: name 're' is not defined
```
一応利用するテキストファイルの一部も添付しておきます．


```koyamaike.txt
湖山池
{{Infobox 湖
|名称=湖山池
|画像=[[画像:湖山池.jpg|right|300px]]
|所在地={{JPN}} [[鳥取県]][[鳥取市]]
|面積=7
|周囲長=18
|最大水深=6.5
|平均水深=
|貯水量=
|標高=0
|成因=[[海跡湖]]
|淡汽=[[汽水]]
|湖沼型=[[富栄養湖]]
|透明度=0.7
}}
'''湖山池'''（こやまいけ）は、[[鳥取県]][[鳥取市]]の北部にある[[汽水湖]]。「[[池]]」と付く湖沼の中では[[日本]]最大の広さである。
== 概要 ==
湖山池は鳥取県内では、[[中海]]の次に大きい湖沼である。古代に[[日本海]]から湾入した場所が、[[砂丘]]の発達や[[堆積]]により、海と分離されてできた[[海跡湖]]である。大小多数の小[[島]]が浮かぶ。最大の島である[[青島 (鳥取県)|青島]]には、湖岸から架橋されており、桜の木が多数植えられた道路で徒歩や自転車により一周することができ、キャンプも可能である。数本の河川が流入、湖山川によって[[日本海]]と結ばれる。鳥取市郊外の行楽地の一つである。

鳥取市三津地区では、全国的にも珍しい[[石がま漁]]が冬季に行われている。石の隙間に潜む魚を棒でつついて追い込み捕獲する漁法で、県指定無形民俗文化財に指定されている。地元自治会やNPOが保存に努めている。漁期間中には[[石がま祭]]も行われる。

広大な水田を有していた長者が、日没までに田植えが終わらなかったため、扇子で夕日を招き返して田植えを終えたが、一夜明けると田は全て池に変わっていた、という「[[湖山長者]]」の伝説が知られる（似たような話が[[岐阜市]]の[[ゆうべが池]]に伝わっている）。古くから開けた地域であり、青島周辺には[[縄文時代]]から[[弥生時代]]にかけての[[遺跡]]がある。また[[戦国時代 (日本)|戦国時代]]には東側の湖畔に[[因幡国]]守護所である[[布勢天神山城]]がおかれ、西側の湖畔に突き出た半島には国人領主[[吉岡氏]]の居城である[[防己尾城]]が築かれた。


＃以下略
```
```list＿history_0.txt
日本ゴルフツアー機構
{{基礎情報 非営利団体
|名称=日本ゴルフツアー機構&lt;br /&gt;''Japan Golf Tour Organization''
|ロゴ=
|創立者=
|団体種類=[[社団法人|一般社団法人]]
|設立=[[2005年]][[7月28日]]
|所在地=
|起源=
|主要人物=会長 [[海老沢勝二]]
|活動地域={{JPN}}
|製品=
|主眼=
|活動内容=プロ[[ゴルフ]]ツアーの主催
|活動手段=
|収入=
|基本財産=
|ボランティア人数=
|従業員数=
|会員数=
|子団体=
|標語=
|ウェブサイト= http://www.jgto.org/
|解散=
|特記事項=
}}
'''一般社団法人日本ゴルフツアー機構'''（にっほんゴルフツアーきこう、JGTO;''Japan Golf Tour Organization''）とは、[[1999年]]度から[[日本]]のプロ[[ゴルフ]]ツアーの試合について主催・主管を行っている組織である。

== 概要 ==
シーズンは4月の「[[東建ホームメイトカップ]]」が新年度の最初の試合となり、12月まで25前後の試合を開催している。基本的には1大会4日間競技で開催している。なお、一部の大会では当ツアーと[[ワンアジアツアー]]が共同で主催する国外での大会があり、[[2014年]]（2試合。&lt;ref&gt;日本開催・[[アジアンツアー]]共催の「ダイヤモンドカップ」を含むと3試合&lt;/ref&gt;）の実質的な当ツアーの[[開幕戦]]は「インドネシアPGA選手権」である&lt;ref&gt;[http://www.jgto.org/pc/OtherTopicsDetail.do?year=2014&amp;tournaKbnCd=0&amp;conferenceCd=000&amp;languageKbn=0&amp;administerNo=944 いよいよ２０１４年の初戦、インドネシアPGA選手権]（日本ゴルフツアー機構。当初は[[タイランドオープン]]が実質的な開幕戦の予定だったが、[[タイ王国]]の政治的な内紛が起こっているという事情により延期となった）&lt;/ref&gt;。

#中略

{{デフォルトソート:にほんこるふつあきこう}}
[[Category:日本ゴルフツアー|*]]
[[Category:ゴルフに関する日本の組織|こるふつあきこう]]
[[Category:一般社団法人 (スポーツ関係)]]
[[Category:東京都港区の一般社団法人]]
[[Category:2005年設立]]



桂米朝
[[画像:Musubi-kashiwa.svg|right|thumb|結び柏は、桂[[米朝一門]]の[[定紋]]である。]]
'''桂 米朝'''（かつら べいちょう）は、[[上方落語]]の[[名跡]]。本来は、大名跡である[[桂米團治]]を継ぐ前段階の名跡。初代が入門した際、師匠の「米」と夫人の名前である「あさ」から「米朝」とつけたのが始まり。当代は3代目。




```
よろしくお願いします．


【python】reのモジュールエラーが治らない．

### 実現したいこと
codepenを参考に学習してるのですが、selectのoptionタグの値を特定のルールで動的に変化させるコードで、これを他のぺージのリンクのURLパラメータを、遷移先formタグのoptionの初期値に設定して、初期値も含め動的に変化させる方法が知りたいです。

### 該当のソースコード
```HTML
遷移元
<a href="form.html?area-select=沖縄">FORM</a>
```
↑
例)  ?area-select=沖縄

の場合、プルダウンの<option>タグの初期選択項目を「沖縄」として設定したいです。
(対象のoptionにselectedをつけるなど。)

```HTML
遷移先
  <form action="" method="post" name="area">
    <select name="area" id="area">
        <option value="関東">関東</option>
        <option value="関西">関西</option>
        <option value="沖縄">沖縄</option> //　←初期選択値にする
    </select>
    <select name="city" id="city"></select>
  </form>
```

```JavaScript
var areaSelect = document.getElementById('area'); //
var CITIES = {
    '関東': ['東京', '神奈川', '千葉'],
    '関西': ['大阪', '京都', '滋賀'],
    '沖縄': ['鹿児島', '那覇']
};
areaSelect.addEventListener('change', function(e) {
    var citySelect = document.getElementById('city');
            citySelect.options.length = 0;
    if (areaSelect.selectedIndex) {
        var cityArr = CITIES[areaSelect.value];
        for (var i = 0; i < cityArr.length; i++) {
            citySelect.add(new Option(cityArr[i]));
        }
    }
});
```

参考
The MIT License (MIT)
Copyright (c) 2022 levonlin (https://codepen.io/levonlin/pen/YqGZEa)

わかりずらい質問かもしれませんが、よろしくお願いします。

遷移元のリンクURLパラメータを、遷移先のoptionの初期値に設定したい。

### 前提・0. 番号リスト実現したいこと

unicorn導入時におけるRailsの起動のところでエラーが出てしまっております。
他Qiitaの記事などを拝見し解消しようとしましたが特に変化がなかったためご教示いただければと思います。

### 発生している問題・エラーメッセージ

```
[ec2-user@ip-172-31-39-167 furima-38252]$ bundle exec unicorn_rails -c config/unicorn.rb -E production
bundler: command not found: unicorn_rails
Install missing gem executables with `bundle install`
```

### 試したこと

❶rbenvをrehash

```
[ec2-user@ip-172-31-39-167 furima-38252]$ rbenv rehash
```

❷bundlerの入れ忘れ

```
[ec2-user@ip-172-31-39-167 ~]$ bundler -v
Bundler version 2.1.4
[ec2-user@ip-172-31-39-167 ~]$ 
```

```
[ec2-user@ip-172-31-39-167 furima-38252]$ bundler -v
Bundler version 2.1.4
[ec2-user@ip-172-31-39-167 furima-38252]$ 

```

❸GitHubへの反映（push,bundle install）

```
[ec2-user@ip-172-31-39-167 furima-38252]$ git push origin master
Username for 'https://github.com': cloro111@icloud.com
Password for 'https://cloro111@icloud.com@github.com': 
remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/clorop111/furima-38252.git/'
[ec2-user@ip-172-31-39-167 furima-38252]$ bundle exec unicorn_rails -c config/unicorn.rb -E production -D
bundler: command not found: unicorn_rails
Install missing gem executables with `bundle install`
```
ここまで行い再度bundle exec unicorn_rails -c config/unicorn.rb -E production -Dを実行してみますが依然変わらず下記のようなエラーが出てしまいます

恐れ入りますがご理解のある方ご教示いただけますと幸いです

### 補足情報（FW/ツールのバージョンなど）
Rails 6.0.6
ruby 2.6.5

ここにより詳細な情報を記載してください。


EC2におけるunicorn導入に伴うRails起動時のエラーについて

### 前提

Java JfreeChart CandleStickChartを使用してローソク足のチャートを作成しており、
ローソク足の色の変更ができない。



### 実現したいこと


Java JfreeChart CandleStickChartを使用してローソク足のチャートを作成しており、
ローソク足の色の変更を行いたいです。

### 発生している問題・エラーメッセージ
色の変更に関して関係のある部分は、ChartFactory.createCandlestickChartのclassファイル内の
plot.setRenderer(new CandlestickRenderer());　の部分だと思いますが、別のクラスからplot部分を変更する方法がわかりません。
```

public static JFreeChart createCandlestickChart(String title,
            String timeAxisLabel, String valueAxisLabel, OHLCDataset dataset,
            boolean legend) {

        ValueAxis timeAxis = new DateAxis(timeAxisLabel);
        NumberAxis valueAxis = new NumberAxis(valueAxisLabel);
        XYPlot plot = new XYPlot(dataset, timeAxis, valueAxis, null);
        plot.setRenderer(new CandlestickRenderer());
        JFreeChart chart = new JFreeChart(title, JFreeChart.DEFAULT_TITLE_FONT,
                plot, legend);
        currentTheme.apply(chart);
        return chart;

    }
```


### 試したこと
色の変更に関して、 CandlestickRendererクラスの 	setDownPaint​(Paint paint)メソッドも実行しましたが、変更できませんでした。
下記コード２行目のChartFactory.createCandlestickChartにCandlestickRendererを適用したいのですが、
その方法がわかりません。（下記コードでは変更したいチャートと異なるインスタンスを作り、そちらの色の変更はできている？）



```
    private JFreeChart createChart(final DefaultHighLowDataset dataset) {
        final JFreeChart chart = ChartFactory.createCandlestickChart(
                "Candlestick Demo", "Time", "Price", dataset, false);
        
        CandlestickRenderer chartConfig= new CandlestickRenderer();
        Color color = new Color(244,53,44);
        Color color2 = new Color(255,255,255);
        chart.setUpPaint(color);
        chartConfig.setDownPaint(color2);
        chartConfig.setDrawVolume(false);
        currentTheme.apply(chart);
        
        return chart;
```

お手数おかけしますが、ご教示いただきたく存じます。
よろしくお願いします。





JFreeChart 色の変更方法がわからない

### 前提

Pythonでイベント駆動型プログラムの勉強をしていたところ，タイトルのエラーが発生しました．
コードはJupyter Notebookで書いています．
下記のプログラムに限らず，asyncを使用するとエラーが出てしまいます．

### 実現したいこと

コードが正常に作動するようにしたいです．

### 発生している問題・エラーメッセージ

```
RuntimeError                              Traceback (most recent call last)
~\AppData\Local\Temp/ipykernel_21660/3267118540.py in <module>
     17 if __name__ == "__main__":
     18     loop = asyncio.get_event_loop()
---> 19     loop.run_until_complete(main())
     20     loop.close()

~\anaconda3\lib\asyncio\base_events.py in run_until_complete(self, future)
    616         """
    617         self._check_closed()
--> 618         self._check_running()
    619 
    620         new_task = not futures.isfuture(future)

~\anaconda3\lib\asyncio\base_events.py in _check_running(self)
    576     def _check_running(self):
    577         if self.is_running():
--> 578             raise RuntimeError('This event loop is already running')
    579         if events._get_running_loop() is not None:
    580             raise RuntimeError(

RuntimeError: This event loop is already running

```

### 該当のソースコード

```python
import time 
import random
import asyncio

async def waiter(name):
    for _ in range(4):
        time_to_sleep = random.randint(1,3)/4
        await asyncio.sleep(time_to_sleep)
        print(
            "{}は{}秒待ちました"
            "".format(name, time_to_sleep)
        )

async def main():
    await asyncio.wait([waiter("foo"), waiter("bar")])

if __name__ == "__main__":
    loop = asyncio.get_event_loop()
    loop.run_until_complete(main())
    loop.close()
```

### 試したこと

ネットで調べたり，当サイトで質問を検索してみましたが解決できませんでした．

### 補足情報（FW/ツールのバージョンなど）
下記のサイトを参考にしました．
https://qiita.com/y518gaku/items/d82100cff2936dd44011
Python 3
Jupyter Notebook


RuntimeError: This event loop is already running を解決したいです

以下のような「、」区切りのfruitというデータあります。

リンゴ、バナナ、オレンジ
パイン、ナシ、リンゴ、バナナ、オレンジ、ブドウ
オレンジ、キューイ、ナシ、ブドウ、スイカ

これを以下のように抽出はできます。
```
$stmt = $dbh->prepare("SELECT * FROM mein_data");
$stmt->execute();
foreach ($stmt as $row) {
  $fruit = $row['fruit'];
  $fruit = explode("、",$fruit);
    print_r($fruit);
    print '<br>';
}
```
検索結果はこのように表示できます。

Array ( [0] => リンゴ [1] => バナナ [2] => オレンジ )
Array ( [0] => パイン [1] => ナシ [2] => リンゴ [3] => バナナ [4] => オレンジ [5] => ブドウ )
Array ( [0] => オレンジ [1] => キューイ [2] => ナシ [3] => ブドウ [4] => スイカ  )

これを「foreach」で回しながら配列を結合して表示する方法がわかりません。
最後に重複の削除をしたいと思います
最終的に
[0] => リンゴ [1] => バナナ [2] => オレンジ [3] => パイン [4] => ナシ [5] => ブドウ [6] => キューイ [7] => スイカ
のようなデータを取得したいと思っています。

※重複の削除はarray_unique()できることは理解しております。

「foreach」で回しながら配列を結合する方法ご教示いただけますでしょうか、
よろしくお願いします。


foreachのループで取得したデータを連結して表示したい。

```c++
#include <bits/stdc++.h>
using namespace std;
 
int main(){
  int n,q;
  cin>>n>>q;
  vector<int> x(n),y(n);
  for(int i=0; i<n; i++){cin>>x.at(i); y.at(i)=y.at(i-1)+x.at(i); }
  for(int i=0; i<n; i++){
    int l,r;
    cin>>l>>r;
    cout<<y.at(r-1)-y.at(l-1)<<endl;
  }
  }
```
このコードを実行しようとすると
> [Wandbox] Start
> terminate called after throwing an instance of 'std::out_of_range'
>   what():  vector::_M_range_check: __n (which is 18446744073709551615) >= this->size() (which is 10)
> [Signal] Aborted
> [Wandbox] Finish
と出てエラーになってしまうのですが何故なのかわかりません
・18446744073709551615という数字はどこから来ているか？
・エラーが出ないようにするにはどうすればいいのか？
を教えてください
問題は競技プログラミンングの鉄則の演習問題A06です


out of range18446744073709551615の治し方

### 前提
オンラインスクールでReactを学習中で、簡単な不動産のサイトを作っています。

### 実現したいこと

そのアパートのページで、写真を単純に左右の矢印によってスライドさせるという、スライダーのコンポーネントを作る過程で、google様に頼って何とかできたものの、
それを今度先生にプレゼンテーションする時に、どのようにstateを使って、どうしてこうしたのかという説明がうまくできません。
（他の方がこうするといいと書いてあったものをそのまま真似しただけなので）

### 発生している問題・エラーメッセージ

どなたか、説明の上手い方にこのスライダーのコードの過程を説明して頂きたいです。
お手数ですが、宜しくお願い致します。

### 該当のソースコード
React
```ここに言語名を入力
import { useState } from 'react';
import './Slider.css';

function Slider ({ pictures }) {
    const [currentPicture, setCurrentPicture] = useState(0);

    const handleNext = () => {
        if (currentPicture === pictures.length - 1) {
            setCurrentPicture(0);
        } else {
            setCurrentPicture(currentPicture + 1);
        }
    }

    const handlePrevious = () => {
        if (currentPicture === 0) {
            setCurrentPicture(pictures.length - 1);
        } else {
            setCurrentPicture(currentPicture - 1);
        }
    }

    return (
        <div key={currentPicture} className="slider">
            <button onClick={handleNext} className={pictures.length === 1 ? 'btn_none' : 'btn_next'}><img src="/images/chevron-left.png" alt="btn_next" /></button>
            <img className="slider__image" src={pictures[currentPicture]} alt="slider" />
            <button onClick={handlePrevious} className={pictures.length === 1 ? 'btn_none' : 'btn_prev'}><img src="/images/chevron-right.png" alt="btn_prev" /></button>   
        </div>
    );


}


export default Slider;

```

### 試したこと

ググってみましたが、納得のいく説明がみつかりませんでした。

### 補足情報（FW/ツールのバージョンなど）

React v18


スライダーのコンポーネントを作る過程で、どのようにstateを使ってやったのかという説明がうまくできません。

### 前提

cabochaを使用して出力をする際に助詞を除いた部分のみを出力したいです。

例えば
"３種類の"
と入力すれば
0 1 1 2 0.0
3
種類
の

と出てくるのですが
3種類　という部分だけを取り出したいです

やり方がわからないのでご教授いただきたいです。よろしくお願いいたします


### 該当のソースコード

```cabocha.py
import CaboCha

c = CaboCha.Parser()
sentence = "3種類の"
tree =  c.parse(sentence)
chunkId = 0
x = ""
for i in range(0, tree.size()):
    token = tree.token(i)
    if token.chunk != None:

        print(chunkId, token.chunk.link, token.chunk.head_pos, 
            token.chunk.func_pos, token.chunk.score)
        chunkId += 1
    
    print(token.surface, token.feature, token.ne)
    

```

![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-12-18/72bed9e1-04fd-4a34-99e8-7460d4c5a909.png)

### 補足情報（FW/ツールのバージョンなど）
pythonのバージョンが3.11.xなのでMeCab単体では使えません。なるべくMeCabを使いたくないのですがもし方法がそれしかないならば環境構築をやり直してMeCabも使用できるようにしたいと思います


cabochaの出力について

### 前提

Next.js、Reactを用いたアプリケーションを作成しております。
使用機器: Mac m1
エディタ: vscode

### 実現したいこと

apolloを用いてgraphQLを叩きたい。

### 発生している問題・エラーメッセージ

```
error - ./node_modules/next-apollo/dist/link.js:40:0
Module not found: Can't resolve 'next/dist/next-server/lib/utils'

Import trace for requested module:
./node_modules/next-apollo/dist/index.js
./lib/apollo.js
./pages/_app.js

https://nextjs.org/docs/messages/module-not-found
```

### 該当のソースコード

```JavaScript
import { HttpLink } from "apollo-link-http";
import { withData } from "next-apollo";

const API_URL = process.env.NEXT_PUBLIC_API_URL || "http://localhost:1337";

const config = {
    link: new HttpLink({
        uri: `${API_URL}/graphql`, 
    }), 
};

export default withData(config);
```

また、上記2行目の "next-apollo"; の部分にカーソルを合わせると、vscode上に下記のようなメッセージが表示されます。

```
モジュール 'next-apollo' の宣言ファイルが見つかりませんでした。'<ROOT_PATH>/node_modules/next-apollo/dist/index.js' は暗黙的に 'any' 型になります。
  存在する場合は `npm i --save-dev @types/next-apollo` を試すか、`declare module 'next-apollo';` を含む新しい宣言 (.d.ts) ファイルを追加しますts(7016)
```

### 試したこと

```
npm i --save-dev @types/next-apollo
```

vscode上に表示されたエラー内容に倣ってインストール実行してみましたが、Not Found Error が発生しました。

そのほかに色々調べてみたのですが、クリティカルな記事が見つからず現在に至っております。

### 補足情報（FW/ツールのバージョンなど）

node -v: v14.20.0

知識不足や情報不足等あるかと思いますが、もし知見のある方がいらっしゃる場合、ご教示頂けたら幸いです。


「Module not found: Can't resolve 'next/dist/next-server/lib/utils'」の原因が分かる方いらっしゃいませんか？

### 前提
EC2上にDocker-composeで、nginx,php,mysql,hphmyadminを動かす想定です。
### 解決後の想定
http://**.***.***.**/index.phpで内容を表示出来る。

### 問題の詳細
Docker-compose で nginx,php,mysql,hphmyadminを動かしたいのですが、いざブラウザで開くと、File not found. と表示されます。
ローカルの環境では全くこ同じ構成で想定通りに動いていました。
また、EC2に問題があるかも調べてみましたが、恐らく問題なく、nginxの設定ミスだと思われます。
### ディレクトリ構造
```
progect
├─docker
│   ├─web
│   │   └─default.conf
│   ├─db
│   │   ├─data
│   │   └─my.cnf
│   ├─app
│   │   ├─Dockerfile
│   │   └─php.ini
│   ├─phpmysqladmin
│   │   └─session
├─docker-compose.yml
├─index.php
├─other
│   └─test.php
```

### 当該コード(docker-conpose.yml)
```
version: '3'
services:
  web:
    image: nginx
    container_name: web
    depends_on:
      - app
    ports:
      - "80:80"
    volumes:
      - ./docker/web/default.conf:/etc/nginx/conf.d/default.conf
      - .:/var/www/html

  app:
    container_name: app
    depends_on:
      - db
    build: ./docker/app
    volumes:
      - .:/var/www/html
      - ./docker/app/php.ini:/usr/local/etc/php/php.ini

  db:
    image: mysql
    container_name: db
    environment:
      MYSQL_ROOT_PASSWORD: ReliDbRootPass_221208
      MYSQL_DATABASE: Reli
      MYSQL_USER: Reli_user
      MYSQL_PASSWORD: ReliDbPass_221208
    ports:
      - "3306:3306"
    volumes:
      - ./docker/db/data:/var/lib/mysql
      - ./docker/db/my.cnf:/etc/mysql/conf.d/my.cnf
      - ./docker/db/my.cnf:/etc/mysql/docker-entrypoint-initdb.d
    command: mysqld --character-set-server=utf8mb4 --collation-server=utf8mb4_unicode_ci

  phpmyadmin:
    image: phpmyadmin/phpmyadmin
    container_name: phpMyAdmin
    depends_on:
      - db
    environment:
      - PMA_ARBITRARY=1
      - PMA_HOSTS=db
      - PMA_USER=Reli_user
      - PMA_PASSWORD=ReliDbPass_221208
    restart: always
    ports:
      - "3000:80"
    volumes:
      - ./docker/phpmyadmin/sessions:/sessions

```
### 当該コード(default.conf)
```
server {
  listen 80;
  listen [::]:80;

  root  /var/www/html;
  index index.php index.html;

  location / {
      try_files $uri $uri/ /index.php$is_args$args;
  }

  location ~ \.php$ {
    fastcgi_split_path_info ^(.+\.php)(/.+)$;
    fastcgi_pass   app:9000;
    fastcgi_index  index.php;

    include        fastcgi_params;
    fastcgi_param  SCRIPT_FILENAME $document_root$fastcgi_script_name;
    fastcgi_param  PATH_INFO $fastcgi_path_info;
  }
}
```
### 試したこと
・docker-compose.ymlやdefaul.conf、ディレクトリ構造を検索で引っかかったものを参考に再構築
・default.conf上のパスの記述を変えてみました。(ローカルで動いていたので恐らく蛇足)

[EC2/Docker/mginx]File not found. と表示される

# 実現したいこと
webpack-dev-serverをCircleCIのdeployで動かしたい
サーバーはec2
APIにGolangを使用
# 現状
```
deploy:
    docker:
        image: cimg/base:current
    steps:
        - checkout
        - add_ssh_keys:
            fingerprints:
                - "${KEY_FINGERPRINT}"
        - run: ssh -o StrictHostKeyChecking=no ${USER_NAME}@${HOST_NAME} "${RUN}"
```
sshで接続
RUNの内容はkill -> pull -> build -> runのコマンド
```
"open": "webpack-dev-server --open"
```
```
npm run open &
go run main.go &
go run wait.go
```
**すぐ終わるとアプリが立ち上がらないのでlistenが始まるまでwaitさせています**
こちらのコマンドで動作は成功
しかしlisten状態なのでCircleCIがsuccessにならない
# 抜け出す方法が知りたい
❌Makefileでexitを叩く
❌Makefileで$(error done)
❌Makefileでcircleci setp haltを叩く
❌nohup npm run open &
❌nohup npm run open > dev/null &

listenをkillせず終了する方法
ssh, dockerから抜け出す方法
などはありますか？
そもそもCircleCIはファイルのデプロイ以外サポートしていませんか？
どうぞご教授下さい

