常連

注目の的

質問力

自己紹介

### 実現したいこと
Javaプログラム内でmysqlのJDBCドライバを有効化する際に、java.lang.ClassNotFoundExceptionが出てしまい、解決したいです。

### 発生している問題・分からないこと
java.lang.ClassNotFoundExceptionが発生しています。

### エラーメッセージ
```error
java.lang.ClassNotFoundException: com.mysql.cj.jdbc.Driver
        at java.base/jdk.internal.loader.BuiltinClassLoader.loadClass(BuiltinClassLoader.java:641)
        at java.base/jdk.internal.loader.ClassLoaders$AppClassLoader.loadClass(ClassLoaders.java:188)
        at java.base/java.lang.ClassLoader.loadClass(ClassLoader.java:525)
        at java.base/java.lang.Class.forName0(Native Method)
        at java.base/java.lang.Class.forName(Class.java:413)
        at java.base/java.lang.Class.forName(Class.java:404)
        at Main.main(Main.java:14)
```

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

```Main.java
import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.ResultSet;
import java.sql.Statement;

public class Main {
    public static void main(String[] args) {
        String url = "jdbc:mysql://localhost:3306/yourdatabase";
        String user = "yourusername";
        String password = "yourpassword";

        try {
            // MySQL JDBCドライバをロード
            Class.forName("com.mysql.cj.jdbc.Driver");

            // データベースに接続
            Connection conn = DriverManager.getConnection(url, user, password);

            // ステートメントを作成
            Statement stmt = conn.createStatement();

            // クエリを実行
            ResultSet rs = stmt.executeQuery("SELECT * FROM yourtable");

            // 結果を表示
            while (rs.next()) {
                System.out.println(rs.getString("columnname"));
            }

            // 接続を閉じる
            conn.close();
        } catch (Exception e) {
            e.printStackTrace();
        }
    }
}
```

```setting.json
{
    "java.project.sourcePaths": ["src"],
    "java.project.outputPath": "bin",
    "java.project.referencedLibraries": [
        "lib/**/*.jar",
        "lib/mysql-connector-j-9.0.0.jar",
    ]
}
```

### 試したこと・調べたこと
- [ ] teratailやGoogle等で検索した
- [x] ソースコードを自分なりに変更した
- [ ] 知人に聞いた
- [x] その他

##### 上記の詳細・結果
chatGPTやperplexityで検索して、クラスパスの指定や、jarファイルの配置位置も何度も確認しましたが同じエラーが消えませんでした。

### 補足
作業しているプロジェクトのディレクトリ構造です
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2024-08-09/6e7a062d-2548-48db-95f1-360a6950bc6a.png)
Referenced Librariesにmysql-connector-j-9.0.0.jarを追加し、"com.mysql.cj.jdbc.Driver.class"が存在しているのも確認済みです

JDBCドライバをロードできない

### 前提・実現したいこと
VScodeでgoファイルを開いてソース（他の人が書いたもの）を読んでいます。
ソース内に出てくる関数の定義元にジャンプして、内容を手早く確認できるようにしたいです。
ググったところ、それらしき手順を書いているサイトは幾つかあるのですが、説明があっさり風味すぎて、
具体的にどうやれば良いかわからない箇所が多く、最初からつまづいています。

### 参考にしたサイト

```
https://qiita.com/t_furuya/items/753419d178c81600ce78
```
```
https://blog.shibata.tech/entry/2017/07/20/211442
```

### 該当のソースコード

```
ディレクトリ構成
https://golang.org/doc/code.html
ここにしたがって、プロジェクトのroot直下に
bin/
pkg/
src/
のディレクトリを作ります。


```

```
3. Goのインストール
The Go Programming Language

からWindows用のインストーラーをダウンロードしてインストールします。
今回はgo1.8.3.windows-amd64 (Ver.1.8.3)をC:\Go\にインストールしました。

インストール後、必要があればGOROOTを設定し%GOROOT%\binに対してPATHを通します。
GOROOTの設定は任意ですが、PATHを通すのは必ず行ってください。
```

### 不明な点
> プロジェクトのroot直下に
bin/
pkg/
src/
のディレクトリを作ります。
>

・プロジェクトの直下、とはどこを指すのでしょうか。vscodeがインストールされている場所でしょうか。

> インストール後、必要があればGOROOTを設定し%GOROOT%\binに対してPATHを通します。
GOROOTの設定は任意ですが、PATHを通すのは必ず行ってください。
>

・PATHを通す、とはexport PATH="$PATH:/[ディレクトリのパス]"でしょうか。
　合っている場合、このコマンドはどこで入力するのでしょうか。また、ディレクトリのパスは何でしょうか。
　正しくない場合、PATHを通すコマンドを教えていただきたいです。

### 補足情報（FW/ツールのバージョンなど）

VScode ver1.25.1

VSCodeで、goファイル内の関数やクラスの参照ジャンプをできるようにしたい

C++で " " "," "." ":" で string を split したいと思っています。

そこでまずは "," で split すべく、こちらの[サイト](https://www.sejuku.net/blog/49378)を参考に次のようなコードを書きました。
```C++
std::vector<std::string> split(std::string str) {
  std::vector<std::string> result;

  std::regex re("(w+)(.)");
  std::smatch m;

  while (std::regex_search(str, m, re)) {
    result.push_back(m[1].str());
    str = m.suffix();
  }

  result.push_back(str);

  return result;
}

```

しかし、
Hello!  How are you?
という string を入れると、wとare you?に分けられてしまいました。

修正方法が分かる方がいらっしゃいましたらお願いします。

C++で " " "," "." ":" で string を split したい。

###前提・実現したいこと
Go言語を使い、簡単なwebサーバーを構築しています。
フレームワークはGinを使っています。
ブラウザからajaxを使い、jsonをpostしたいのですが、失敗してしまいます。
解決方法をご存知のかたいましたら、ご教授ください。
よろしくお願いします。

###該当のソースコード
```Go
package main

import (
	"encoding/json"
	"fmt"
	"log"
	"strconv"

	"github.com/gin-contrib/cors"
	"github.com/gin-gonic/gin"
)
type LoginJSON struct {
	Username string   `json:"username"`
	Password string   `json:"password"`
	Details  []Detail `json:"details"`
}
type Detail struct {
	A string `json:"a"`
	B string `json:"b"`
}
func API_Login_Check(c *gin.Context) {
	var json_in LoginJSON
	ret := c.Bind(&json_in)
	fmt.Println(ret)

	var outJson LoginJSON
	outJson.Username = json_in.Username
	outJson.Password = json_in.Password
	outJson.Details = json_in.Details

	re_json, err := json.Marshal(outJson)
	if err != nil {
		fmt.Println("json err", err)
	}

	c.JSON(200, string(re_json))
}

func main() {
	r := gin.Default()

	r.Use(cors.Default())

	v1 := r.Group("api/v1")
	{
		v1.POST("/login", API_Login_Check)
	}
	r.Run(":8080")
}
```

```Javascript
 $.ajax({
        url: 'http://localhost:8080/api/v1/login',
        type: 'POST',
        contentType: 'application/JSON',
        data:JSON.stringify({
            "Username":"aaaaa", "Password": "bbbbb", "Details":[{"A":"ccccc", "B":"ddddd"}]
        }),
        dataType: 'json',
        cache: false,
        scriptCharset: 'utf-8',
    }).done(function(jdata) {
        console.log(jdata);
        alert("Success");
    }).fail(function(jdata) {
        console.log(jdata);
        alert("Fail");
    })
```
###試したこと
curlで試したところ
 curl -i -X POST -H "Content-Type: application/json" -d '{ "Username":"aaaa", "Password":"bbbb", "Details":[{"A":"ccc", "B":"ddd"}]}' http://localhost:8080/api/v1/login

以下のように返ってきています。
"{\"username\":\"aaaa\",\"password\":\"bbbb\",\"details\":[{\"a\":\"ccc\",\"b\":\"ddd\"}]}"

golang(gin)へajaxでjsonをpostしたい

下記にコメントで示した範囲の文法の名前とできれば働きをご教示してください。
```go
package main

import (
	"net/http"

	"github.com/gin-gonic/contrib/static"
	"github.com/gin-gonic/gin"
)

func main() {
	router := gin.Default()

	router.Use(static.Serve("/", static.LocalFile("./views", true)))

// ここから
	api := router.Group("/api")
	{
		api.GET("/", func(ctx *gin.Context) {
			ctx.JSON(http.StatusOK, gin.H{
				"message": "hello",
			})
		})
	}
// ここまでの文法

	router.Run()
}

```

[GoLang] 変数宣言後、中括弧で囲む文法名は？

Go言語でシンプルなObserverパターンのコードを書いてみました。

```go
package main

import "fmt"

// 具象クラス Subject
// =======================

type Subject struct {
	name      string
	observers []Observer
}

func newSubject(name string) *Subject {
	return &Subject{name: name, observers: []Observer{}}
}

func (s *Subject) addObserver(o Observer) {
	s.observers = append(s.observers, o)
}

func (s *Subject) notifyObservers() {
	for _, observer := range s.observers {
		observer.notify()
	}
}

// 具象クラス Observer
// =======================

type Notify interface {
	notify()
}

type Observer struct {
	name string
}

func newObserver(name string) *Observer {
	return &Observer{name: name}
}

func (o *Observer) notify() {
	fmt.Printf("hello! i am %v\n", o.name)
}

// main
// =======================

func main() {
	s := newSubject("sms")
	mom := newObserver("mom")
	gf := newObserver("girlFriend")

	s.addObserver(*mom)
	s.addObserver(*gf)

	s.notifyObservers()
}

```

上のコードは一応動くのですが、一つinterfaceの実装の方法がわからないことによる問題が生じています。(上のコードでは宣言したNotifyはどこにも使われていません)
構造体SubjectのもつnotifyObservers()メソッドの中で、プロパティobserversが持つnotify()メソッドを実行している部分があります。

Goではない、例えばTypeScript等の場合は、Observerクラスを作るときに、「nameプロパティ」と「notifyメソッド」をもつinterfaceをimplementsすることで、Observerクラスのインスタンスはこれら2つを持っていることがわかります。

```typescript
interface Observer {
  name: string;
  notify: () => string
}
```

ですが、Goの場合、struct内に定義できるのはプロパティのみなので、これがnotify()メソッドを持っていることは保証できません。

イメージ的には、上のTypeScriptと同じように以下のように書きたいのですが、文法上それはできません。
```Go
type Observer struct {
	name string
	notify()
}
```

このように、あるクラスに対してこのメソッドを絶対持たせたいことを宣言するために、Goではどのように書くのでしょうか。

どなたかご存知の方がいらっしゃればご教示願えませんでしょうか。
よろしくおねがいします。

【追記】
少しひらめきました。
以下のように書くというのはどうでしょうか。
Notifyインターフェースのみを受け付けるnObserver関数を別に用意し、それをfor文の中で実行しています。

```go
// 略

func (s Subject) notifyObservers() {
	for _, observer := range s.observers {
		nObserver(observer)
	}
}

func nObserver(n Notify) {
	n.notify()
}

// 具象クラス Observer
// =======================

type Notify interface {
	notify()
}

// 略
```


【追記の追記】
nobonoboさんのヒントを元に再度修正してみました。
(最初の質問時のコードと整合性を取るために付け足しコードになっており、一部命名がおかしいと感じながらもそのままにしている部分があります)

「Observerはnotify()メソッドを持ってさえいればいい」。
なので、Subject構造体のプロパティobserversの型は、Observer構造体ではなく、Notifyインターフェースであれば良いということでしょうか

```go
type Subject struct {
	name      string
	observers []Notify // ココ
}

func newSubject(name string) *Subject {
	return &Subject{name: name, observers: []Notify{}} // ココ
}

func (s *Subject) addObserver(o Notify) { // ココ
	s.observers = append(s.observers, o)
}

func (s Subject) notifyObservers() {
	for _, observer := range s.observers {
		observer.notify()
	}
}

// func nObserver(n Notify) {
// 	n.notify()
// }

// 具象クラス Observer
// =======================

type Notify interface {
	notify()
}
```

Go言語でのオブジェクト指向プログラミングのinterfaceの使い方がわかりません

お世話になります。
```Go
package main

import "os"
import "io/ioutil"
import "fmt"

func main() {
  bytes, err := ioutil.ReadAll(os.Stdin)
  if err == nil{
    fmt.Printf(string(bytes));
  }
}
```
この例ですが、なぜReadAllはbyte配列を返すのでしょうか？stringを返せばいいと思うのですが、何か理由があるのでしょうか？
また、

```Go
	data := []byte("aiueo")
	fmt.Println(data)
```
このように書くと、出力結果が以下のようになります。これらの数字はなんですか？お分かりになる方、ご回答のほどよろしくお願いいたします。
`[97 105 117 101 111]`

Goでbyteの使いどころが分からない

型でバイト配列というものがありますが、intの配列とは何が違うのでしょうか？
どのような時にバイト配列を使うのでしょうか？またそのメリットはなんでしょうか

またbufferとは何か関係があるのでしょうか？この辺の理解があやふやで困っています。

ご回答いただけると嬉しいです。よろしくお願いします。

byte配列の利点について

GETメソッドと、POSTメソッドなどの違いで1ヶ月くらい悩んでおります。

ネットなどで調べて以下のことが分かりました。
- GETはURLに付加してリクエストし、主にデータの取得に使う。冪等、安全。
- POSTはBodyに含めてリクエストし、主にデータの登録に使う。非冪等、非安全。

なんとなくは分かりましたが、はっきりと掴めません。
特に冪等、安全というところ。

GETでも非冪等、非安全な処理はできますし
逆にPOSTでも冪等、安全な処理はできますよね。

なぜGETは冪等、安全で
POSTは非冪等、非安全ということになっているのか教えてほしいです。

---
![イメージ説明](90d87045ded71593565039235d5e3ed5.jpeg)

GETメソッドとPOSTメソッドの本質的な違い

表題の通りです。

golangのメソッドを定義する際に、
func (仮引数 型) 名前(仮引数 型, ...) 返り値の型 { ... }
と書くと思いますが、

メソッドの名前の後に来る仮引数と、レシーバの役割の違いがわかりません。
A tour of go や Effective go を見ても、レシーバに関して詳しい記載がありませんでした。
（私が見落としていたら申し訳ございません・・・）

個人的にはJavaの仮引数と同じ役割と思っていたのですが、おそらくそれはメソッド名の後ろについている仮引数とイコールなのかなと思っています。

初歩的な質問と存じますが、どなたかご回答いただけたら幸いです。

Golangのレシーバがどのような役割なのかわかりません

研究で小規模のWebアプリを作ろうと思っているのですが、使用する言語で迷っています。
# 悩む点
Pythonは、ある程度勉強しており最初はPythonで作ろうと思っていました。
しかし、最近流行りのGoはPythonよりパフォーマンスが良い！とのことで、じゃあGoでもいいかな、、、と思い始めました。ちなみにGoに関してはTour of Goを読んでいるくらいしかやってません。

もちろんrailsやPHPも候補ではあるのですが、Webアプリケーションを作るならどちらの言語が良いと思いますか？みなさんの意見が聞きたいですm(_ _)m

Webアプリ開発をするならPythonか？Goか？PHPか？

ゲストマシンであるvirtualboxのCentOS上で動いているflaskアプリにホストマシンからアクセスしたいのですが、どのような設定をすればよいのでしょうか。


root/app/app.py
```python
from flask import Flask

app = Flask(__name__)

@app.route("/")
def index():
    return "Hello World !!"

if __name__ == "__main__":
    app.run(host="127.0.0.1" ,port=5000)
```

ターミナルで、

python app/app.py

と実行して、ホストマシンのブラウザから

http//[ゲストマシンのIP]:5000

とアクセスしました。たぶんこれでは普通に動かないと思うのですが...

ゲストマシンのCentOS上で動いているflaskアプリにホストマシンからアクセス

超初歩的な質問をさせていただきます。
非同期処理の勉強をしておりまして、Promise関数のところで混乱しております。
自分なりの解釈をしてみたのですが、あっているかどうか教えていただけますと幸いです。
（勉強になるページ等教えていただければそちらを参考にして勉強します。）

### 混乱しているところ
[promiseについての記事](https://qiita.com/toshihirock/items/e49b66f8685a8510bd76)を読んでいて
```JavaSctipt
var taskA = new Promise(function(resolve, reject) {
  setTimeout(function () {
    console.log('taskA');
    resolve(); //なんで実行されんねん
  }, 16);
});
```
4行目のresolveが実行される意味が分からない
　→なんで'resolve'という関数が定義されとんねん
というところで混乱しております。

### 自分なりの解釈
例えば
```JavaScript
(function(){
  const result = function(a,b,num) {
    if(num > 0 ){
      a();
    }else{
      b();
    }
  }

  const a = function(){
    console.log('aだよー');
  }

  const b = function(){
    console.log('bだよー');
  }

  result(a, b, 10);//結果は'aだよー'

}())
```
といった関数を考えてみると
1.'result'という関数を定義する
2.'a'と'b'という関数を定義する
3.'result'という関数を実行する
という順番になります。
これを少し書き換えると
```JavaScript
(function(){
  const result = function(resolve, reject) {
    setTimeout(function () {
      resolve();
    }, 16);
  }

  const resolve = function(){
    console.log('aだよー');
  }

  const reject = function(){
    console.log('bだよー');
  }

  result(resolve, reject);//結果は'aだよー'

}())
```
という構文が出来上がりました。
ここで先ほどの'Promise'関数に当てはめてみると
```JavaScript
Promise(function(resolve, reject) {
  setTimeout(function () {
    console.log('taskA');
    resolve();
  }, 16);
});

//と書かれた文は

function Promise(func){

  const result = func();
  /**
    const result = function(resolve, reject) {
      setTimeout(function () {
        console.log('taskA');
        resolve();
      }, 16);
    }
  **/

  const resolve = function(){
    //処理内容
  }

  const reject = function(){
    //処理内容
  } 

  result(resolve, reject);

}
```
と書き換えることができる
だから実行することができるのだ
と解釈しております。

いかがでしょうか。
皆様のご意見頂けますと嬉しいです。

【JavaScript】Promiseについて

**●やりたいこと**
１．大分類・中分類・数値に任意の値を入力し設定ボタンで値を登録
例：大分類：a・中分類：b・数値１
大分類：a・中分類：b・数値２
大分類：a・中分類：c・数値３
を登録
２．大分類・中分類に上記１で登録した値を入力し全取得ボタンにて検索
例：大分類:a・中分類:b
を検索
３．上記2条件に該当する中分類の値,またその時の数値を全て配列形式にて表示
例：配列：ｂ，１，２
と表示したいのですが、pc版chromeでは『ncaught TypeError: Cannot read property 'resolve' of undefined』とエラーになります。
また、ios版chromeでは配列：ｂ，１までしか表示されません。
（後々配列結果を別関数で利用したいので、関数を分けています。）

**●質問内容**
下記copygetAll関数内のvalue関数の反復処理がすべて終了する前にsample関数が実行されている様子のためpromiseにて先にvalue関数の処理を終了させようと考えたのですが、考え方は間違っていますか？
また、何処を修正すれば良いのでしょうか？
稚拙な文章で申し訳ございませんが、ご教授お願いいたします。

```
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <meta name="viewport" content="width=device-width" />
</head>
<body>

  <h3>1登録・更新</h3>

  <form action="#">
    <p>大分類：<input type="text" value="" name="copy" id="newcopyvalue"/></p>   
    <p>中分類：<input type="text" value="" name="copy" id="newcopyvalue2"/></p>
    <p>数値：<input type="number" id="price"/></p>
    <input type="button" value="設定" onclick="copysetValue()"/>
    <input type="button" value="全取得" onclick="copygetAll()"/>

    <h3>処理結果
    </h3>
    <div id="result"></div><hr>
  </form>
   
</body>
<script>
  var db;
  var indexedDB = window.indexedDB || window.mozIndexedDB || window.msIndexedDB;
  if (indexedDB) {
    var openRequest = indexedDB.open("mydb", 1.0);
     openRequest.onupgradeneeded = function(event) {
      // データベースのバージョンに変更があった場合(初めての場合もここを通ります。)
      db = event.target.result;
    var store = db.createObjectStore("copymystore", { keyPath:"timeStamp",autoIncrement:true});
       store.createIndex("copymyvalueIndex",["copymyvalue","copymyvalue2"],{unique:false,multiEntry:false});
      
    } 
  
    openRequest.onsuccess = function(event) {
      db = event.target.result;
    }
  } else {
    window.alert("このブラウザではIndexed DataBase API は使えません。");
  }
    
  function copysetValue(event){
    var timestamp = new Date().getTime();
    var copyvalue = document.getElementById("newcopyvalue").value;
    var copyvalue2 = document.getElementById("newcopyvalue2").value;
    var price = document.getElementById("price").value;
    var transaction = db.transaction(["copymystore"], "readwrite");
    var store = transaction.objectStore("copymystore");
    var request = store.put({timeStamp:timestamp, copymyvalue:copyvalue, copymyvalue2:copyvalue2, price:price});
    request.onsuccess = function (event) {
      timestamp = new Date().getTime();
      document.getElementById("newcopyvalue").value = "";
      document.getElementById("newcopyvalue2").value = "";
      document.getElementById("price").value = "";
    }
  }
  
  function copygetAll(event) {
    var result = document.getElementById("result");
    result.innerHTML = "";
    var copyvalue = document.getElementById("newcopyvalue").value;
    var copyvalue2 = document.getElementById("newcopyvalue2").value;
    var transaction = db.transaction(["copymystore"], "readwrite");
    var store = transaction.objectStore("copymystore");
    var index = store.index("copymyvalueIndex");
    
  //count
    var countall;
    var request1 = index.count([copyvalue, copyvalue2] ,"next")
    request1.onsuccess = function count(event) {
      if(event.target.result == null) {
        return;
      }
      countall = event.target.result;
      }

    //value +count
    var numbers = new Array(); 
    var graphtitle;
    var request2 = index.openCursor([copyvalue, copyvalue2] ,"next") ;
    request2.onsuccess = function value(event) {
      if(event.target.result == null) {
        return;
      }
      var cursor = event.target.result;
      var data = cursor.value;
      graphtitle = data.copymyvalue2;
      var number = data.price;
      numbers.push(number);
/*
      result.innerHTML += "件数 :" + countall + " key："  + cursor.primaryKey +"  value：" + data.copymyvalue +  "  value2：" + data.copymyvalue2 + " 数値：" + data.price + "<br>";
/*
      cursor.continue();
/*
      result.innerHTML += "配列表示"+ numbers +"@value関数"+"<br>";
*/
       }

    //配列(copymyvalue2、数値1、数値2...)
  var request3 = index.openCursor([copyvalue, copyvalue2] ,"next") ;
   request3.onsuccess = function sample(event){
     numbers.unshift(graphtitle);
     result.innerHTML += "配列表示" + numbers +"@sample関数"+"<br>";
       }

   var promise = promise.resolve();
    promise
      .then(value(event))
    .then(sample(event));
    
  }

</script>
</html>

```

javascriptのpromiseについて

```javascript
let aaa = [];
let bbb = [];
console.log(aaa); 
console.log(bbb); 
console.log(bbb[2]); 
for(let i= 0;i<5;i++){
    bbb[i]=10;
}
console.log(aaa); 
console.log(bbb);
```
[リンク内容](https://jsfiddle.net/xyoj2x97/2/)

上記のようなもの作ってChromeデベロッパー・ツールでみたところ
![イメージ説明](9832f10a21172069d1a9c0efea316f01.png)
図のような結果になります。
疑問点としては、forの前に代入されたような表示をしてること。
それなのに何も入ってないこと。
なぜこのような表示になってるのか。
これらの疑問がわかる方解説お願いします。

forが２回されてる？

現在、EC-CUBE3のカスタマイズをしているのですが、
EC-CUBE・Symfony・Silexどれもが初めてのため、悪戦苦闘しております。

日本語の情報や、まとまったドキュメントなども少ないようで、
ひとまず、調べたなかで評価の高かった[「基本からしっかり学ぶSymfony2入門」](http://gihyo.jp/book/2016/978-4-7741-7803-5)で学習を進めているのですが、
書籍のコードとEC-CUBE3のコードで記述方法が異なっている箇所が多々見受けられ、
Symfonyの学習を進めても、EC-CUBEの理解が深まらないといった状況に陥っております。
（例）ルーティングの方法
EC-CUBEではControllerProviderで管理
書籍では各コントローラー内でアノテーションで指定

EC-CUBEではSilexというフレームワークも使用されているらしく、
「もしかしたら、EC-CUBEと書籍で記述方法が異なるはSilexが関係しているのか？」
と疑問に思い、今回質問させて頂きました。

Silexに関しては、全く理解できておらず、
そもそもフレームワーク（Symfony）の上にさらにフレームワーク（Silex）があるというところから、
よくわかっていません。

前置きが長くなりましたが、質問としては、
①EC-CUBE3における、SymfonyとSilexの関係
②それぞれの役割
③EC-CUBE3を理解するための、情報やアドバイス等

などを、教えていただけますと幸いです。

何卒、よろしくお願いいたします。

EC-CUBE3カスタマイズ（SymfonyとSilexの関係及び、それぞれの役割に関して）

javascriptで重い処理を実行している間に、ユーザに進捗状況を表示したいと考えています。

処理毎にプログレスバーのゲージを(10,20, ...100)と増やそうと思ったのですが、処理が最後まで
終わった段階で一気にゲージが100になってしまいます。

処理毎にゲージを更新するためには、どのような記述の仕方をすれば良いでしょうか。
ご教授お願いします。。

ブラウザ：IE10~11想定
javascriptの「何かの処理」では実際はActiveXObjectのExcel.Applicationを利用した
処理を行っています。

```html
<!DOCTYPE html>
<html>
    <head>
        #frame { width:100px; height: 20px; background-color: white; }
        #gauge { width:0px; height: 20px; background-color: green; }
    </head>
    <body onload="fn();">
　　　　 
        <div id="frame">
            <div id="gauge"></div>
        </div>
    </body>
</html>
```

```javascript
function fn() {

    /*
        何かの処理
    */
    updateGauge(10);  //ゲージ更新

    /*
        何かの処理
    */
    updateGauge(20);

    // ・・・

    updateGauge(100);
}
function updateGauge(gaugeLength) {
    document.getElementById("gauge").css('width',gaugeLength + 'px');
}
```

javascript 進捗表示について

###Javascriptにおけるpromise型って結局何がしたいのですか？


> http://postd.cc/how-do-promises-work/

こちらを参考にしてみたが全く意味が分かりませんでした。

処理実行を並列して行って？処理時間短縮させたいんだなぁ。って感じのことは分かったんですが。

このサイトでの文章を見るとこんなことが記載されています。
> Promiseは、欲しい値を待つ代わりに、その値の代替となるものを即座に得る方法を提案します。

私にはこの言葉の意味が全く持って不明です。
引数がないのに処理実行して、仮の戻り値を算出してるってことなのですか？

例えば掛け算で言うところの
２ × ２ ＝ ４
をプロミス化すると
X × X = Y

ってことですか？

質問が不明瞭ですいません。
結局のところ知りたいことはプロミスのメリット・デメリットです。
お願いします。

プロミスってなんですか？

下記スクリプトにて
親ページからモーダルウィンドウを開き、
モーダルウィンドウ内のボタン1押下後、Ajaxで、CGIからデータを受けとり、
受け取ったデータを表示し、
ボタン2押下後、モーダルウィンドウを閉じ、
親ページのテキストボックスにモーダルから受け取ったデータを表示させたいと思っております。
わかりづらくて申し訳ございません。

下記ソースコードではAjaxの動作がうまくいかないようなのですが、
問題の個所をご指摘いただけますでしょうか。 

【親HTML】
```JavaScript
<script>
function showModalWindow() {
	//モーダルダイアログ側へ送るデータを準備
	var company = document.getElementById("INPUT").value;
	var sendArguments = new Array( company );
	
	// モーダルダイアログを開いて、結果のデータを受け取る
	var retString = showModalDialog("pmodal.html", sendArguments,'menubar=no,height=400,width=300',"dialogHeight: 300px; dialogWidth: 400px; center: 1;");
	
	// 受け取った結果を表示
	document.getElementById("OUTPUT").value = retString;
	
}
</script>
<input type="text" id="INPUT" name="INPUT">
<input type="button" value="コード検索" onclick="showModalWindow();" />
<input type="button" id="OUTPUT" name="OUTPUT">
```



【pmodal.html】
```JavaScript
<script type="text/javascript" src="/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript">

   // 親ウインドウからデータを受け取る
   function setParams() {
      var parentData = window.dialogArguments;
      document.getElementById( "INPUT" ).value = ( parentData[0] );
   }

	// 親ウインドウへデータを返す
	function retPrefecture() {
	   window.returnValue = document.getElementById("INPUT").value;
	   window.close();
	}
	
	function sendData(){
		var dealer_name = document.getElementById( "DEALER_NAME" ).value;
		alert( dealer_name );
		searchPartnercode( dealer_name ).done( function(result){
			$( #DATA ).html( result )
		}).fail(function(result); {
			$( #DATA ).html( "失敗" )
		});
		
	}
	
	function searchPartnercode( dealer_name ){
	
	var senddata = "dealer_name=" + dealer_name;
	
	return $.ajax({
		type: "POST",
		url: "/cgi-bin/searchCode.cgi",
		data: senddata
	});
	
}

</script>
<body onload="setParams();">
<input type="text" id="INPUT" name="INPUT" >
<input type="button" value="検索" name="SEARCH" id="SEARCH" onClick="sendData()"><br>

<div id="ESPPDATA"></div>
<input type="button" value="選択" onclick="retPrefecture();">
</body>
```

モーダルウィンドウからデータ取得

virtualbox 5.0.14にCents6.7をインストールしています。
virtualboxのネットワーク設定はブリッジアダプタです。

ゲストOSからyum updateしたら
http://ftp.riken.jp/Linux/centos/6/os/x86_64/repodata/repomd.xml:[Errno 12] Timeout on http://ftp.riken.jp/Linux/centos/6/os/x86_64/repodata/repomd.xml:(28,'connect() timed out!')
Trying other mirror.
Error:cannot retrieve repository metadata (repomd.xml) for repository base. please verify its path and try again
がでます。
yahoo.co.jpとかGoogle.comとかftp.riken.jpはpingが通ります。
。
解決方法ご存知の方は教えて下さい。