常連

回答者

拍手喝采

自己紹介

JAVAを勉強している者です。説明が下手ですいませんが、「**インターフェース**」って何のメリットがあるんですか？
「**インターフェース**」は

「**派生化してその目的に特化したそれぞれのクラスを統一しておくことでそれらのクラスを気にしなくても、使うことができるもの**」

とか

「**派生化したそれぞれのクラスが、その中身を気にしなくても統一して利用できるようにするためのもの**」（説明が下手ですいません。）

らしいですが、そんなことして何のメリットがあるんですか？開発が短縮されるんですか？

バラバラな（派生化してその目的に特化した）クラスを統一するなら、最初からきちんと完璧に設計すれば早いと思うのですがどうでしょうか？

**わかりやすいような例や例えで教えてくれませんか？  **

よろしくお願いします。

インターフェースって何のメリットがあるんですか？

Youtube Data APIを利用して、「複数のチャンネルのライブ配信状況をチェックし、ライブ配信中だった場合は処理をする」という動作を実装しようと思い、ネット上の記事を参考に下記のコードを書きました

その結果、処理を実装することはできたのですが、YouTube Data APIにはクォータの制限があり、現状その消費量が馬鹿にならないので、もっと無駄を省けないかと思い質問致しました

---
以下は現在のコードです

```ここに言語を入力
define('YOUTUBE_API_KEY', '###'); // APIキー
function json_get($url, $query = array(), $assoc = false) { 
    if ($query) $url .= ('?' . http_build_query($query, '', '&', PHP_QUERY_RFC3986));
    $curl = curl_init();
    curl_setopt($curl, CURLOPT_URL, $url);
    curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, false); 
    curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);
    curl_setopt($curl, CURLOPT_CONNECTTIMEOUT, 10); 
    $responseString = curl_exec($curl);
    curl_close($curl);
    return ($responseString !== false) ? json_decode($responseString, $assoc) : false;
}
function h($value, $encoding = 'UTF-8') {
    return htmlspecialchars($value, ENT_QUOTES, $encoding); 
} 
function eh($value, $encoding = 'UTF-8'){
    echo h($value, $encoding); 
} 
foreach($streamers as $streamer){ //streamers配列には複数の動画配信者の情報(チャンネルID等)が含まれる
    $response = json_get('https://www.googleapis.com/youtube/v3/search', array(
        'key' => YOUTUBE_API_KEY,
        'channelId' => $streamer['channelID'], 
        'part' => 'snippet', 
        'eventType' => 'live', 
        'type' => 'video', 
    ), true);
    if($response["items"]!=null){ //ライブ中かどうかの判定(配列の内"item"の中身が空かどうかで判断)
        //ライブ中だった場合の処理
    }
}
```

Youtube Data APIから受け取る情報の内、必要なものは「ライブ配信中かどうか」という情報だけであり、それ以外については利用しておりません

もしコードの中に無駄な記述等があればご教授いただけると嬉しいです

Youtube Data APIを利用してチャンネルのライブ配信状況を取得する方法

Windows7 で Chrome 53.0.2785.116 の最新版を使用しています。

JSで自動で税込みの価格を表示しようと下記のように記述しました。

```
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
<script type="text/javascript">
const TAX = 1.08;
var result = 55000 * TAX;
console.log(result);
</script>
</head>
<body>
</body>
</html>
```

計算結果が `59400.00000000001` になります。

試しに他の値（`40000, 1200, 100, 648, 550, 550000`）を入れてみましたが、丸め問題は発生しません。

単純に小数点以下を切り捨てるなら、下記のように `Math.floor()` を使えば想定通りの結果が返ってきます。

```
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
<script type="text/javascript">
const TAX = 1.08;
var result = Math.floor(55000 * TAX);
console.log(result);
</script>
</head>
<body>
</body>
</html>
```

なぜ、`55000` だけうまく計算されないのでしょうか？

**`Math.floor()`を使うことで問題は解決しておりますので、計算されない理由を教えてください**m(__)m

----
**追記**

`1500, 2500, 3500, 4500, 5500, 6500, 7500, 8500, 9500` を試してみましたが、下記は丸め問題が発生するようです。どういうことでしょう(?_?)

`3500 * 1.08` は `3780.0000000000005`
`6500 * 1.08` は `7020.000000000001`
`7500 * 1.08` は `8100.000000000001`

【JS】なぜ、55000 * 1.08 = 59400.00000000001 になるのでしょうか

1秒毎にカウントダウンするプログラムを作成中です。
例えば残り時間が分の切り替わりの1時間1分0秒になった時に3660000ミリ秒ではなく3659999ミリ秒のように誤差が発生した場合うまく行きません。

```JavaScript
        let t = 3659999;//残り時間ミリ秒
        
        let h = Math.floor(t / 3600000);//時間
        let m = Math.floor((t - h * 3600000) / 60000);//分
        let s = Math.round((t - h * 3600000 - m * 60000) / 1000);//秒
        console.log(h + "時間" + m + "分" + s + "秒");//1時間0分60秒
        
        s = Math.floor((t / 1000) % 60);//秒
        m = Math.floor((t / 1000 / 60) % 60);//分
        h = Math.floor((t / 1000 /60 /60) % 24);//時間
        console.log(h + "時間" + m + "分" + s + "秒");//1時間0分59秒
```

残り時間に100ミリ秒など誤差分を足す方法しか思いつかないのですが、他の方法はありますでしょうか?

ミリ秒から時分秒への変換

###商品登録データベースを作成したいと思っております。
商品画像データをデーターベースに登録したいと思い、
初心者ながらgoogleで色々調べてみたところ、
データ型を「mediumblob」にすると画像を保存できるという記事を見かけましたが、
基本的にデーターベースには画像を保存しないほうがいいというご意見もありました。
普通は画像のパスをデーターベースに保存する、という意見でした。

基本的にはどちらが良いのでしょうか？
（データーベースに負荷を与えない画像保存？）

皆様のご意見をお聞かせください。

宜しくお願い致します。

データベースに画像を保存するのはありでしょうか？

### 前提・実現したいこと
Goで現在の天気を返すCUIを作りたいとおもっています。

例：
cmd上で
weather.exe today
と打つと、
Weather in Tokyo: Cloud
みたいな感じで返してきてほしいです。

### 発生している問題・エラーメッセージ
Goからhttpでhttps://openweathermap.org/からgetしてきた天気の情報セットから上手く自分の欲しいデータを抽出できないでいます。
具体的には、以下の形式のデータを取得することができましたが、その中の要素をうまく取れません。
```cmd
[map[id:801 main:Clouds description:few clouds icon:02d]]
```

### 該当のソースコード

```go
package main

import (
	"github.com/mitchellh/cli"
	"os"
	"io"
	"fmt"
	"net/http"
	"io/ioutil"
	"encoding/json"
)
type TestCommand struct {}
func (c *TestCommand) Run(args []string) int {
	fmt.Println("you typed test")
	resp, _ := http.Get("http://api.openweathermap.org/data/2.5/weather?q=Tokyo,jp&APPID={apikey}")
	defer resp.Body.Close()
	byteArray, _ := ioutil.ReadAll(resp.Body)
	var weather interface{}
	json.Unmarshal(byteArray, &weather)
	fmt.Println(weather.(map[string]interface{})["weather"]) // [map[id:801 main:Clouds description:few clouds icon:02d]]
	return 0
}
func (c *TestCommand) Synopsis() string {
	return "Test"
}
func (c *TestCommand) Help() string {
	return "Usage: isay goodbye"
}
func main() {
	c := cli.NewCLI("isay", "0.0.1")

	c.Args = os.Args[1:]
	c.Commands = map[string]cli.CommandFactory{
		"hello": func() (cli.Command, error) {
			return &HelloCommand{}, nil
		},
		"goodbye": func() (cli.Command, error) {
			return &GoodbyeCommand{}, nil
		},
		"test": func() (cli.Command, error) {
			return &TestCommand{}, nil
		},
	}
	exitStatus, err := c.Run()
	if err != nil {
		fmt.Println(err)
	}
	os.Exit(exitStatus)
}
```

ちなみに、APIで返ってくるデータは、以下のような形式です。
```json
{
"coord": {
"lon": 139.76,
"lat": 35.68
},
"weather": [
  {
"id": 801,
"main": "Clouds",
"description": "few clouds",
"icon": "02d"
}
],
"base": "stations",
"main": {
"temp": 281.15,
"pressure": 1010,
"humidity": 26,
"temp_min": 281.15,
"temp_max": 281.15
},
"visibility": 10000,
"wind": {
"speed": 6.7,
"deg": 300,
"gust": 13.4
},
"clouds": {
"all": 20
},
"dt": 1549000800,
"sys": {
"type": 1,
"id": 8077,
"message": 0.0064,
"country": "JP",
"sunrise": 1548970884,
"sunset": 1549008478
},
"id": 1850147,
"name": "Tokyo",
"cod": 200
}
```

### 試したこと
https://qiita.com/hisayatanaka/items/6f0bb04f5e0d07775b87
上のURLを参考にして、返ってきたjsonをパースしてから以下のようにしてデータを取り出そうとしましたが、できませんでした。
```go
fmt.Println(weather.(map[string]interface{})["weather"].(map[string]interface{})["main"])
```
interface{}で取り出しているからか、index指定で出すこともできないようで、よくわかっていません。
Goは今日からやり始めました。

もしよろしければ改善方法を教えていただければ幸いです。

Go初心者です。mapの配列?のなかから要素を取り出すことができません。

###質問内容

go言語のinteraceの存在意義がわかりません。

以下のサイトにgo言語のinterfaceについての説明が書かれていますが、
なぜこのように面倒なことをしなければならないのでしょうか。
https://go-tour-jp.appspot.com/methods/10
http://dev.classmethod.jp/go/golang-6/

おそらく使いこなすと便利なのかもしれないのですが、
自分で実装する際の必要性がいまいちわかりません。


###教えていただたきたいこと
・interfaceを使わなければ実現できないことはあるのでしょうか。
・具体的な便利な利用方法を教えてください。

Go言語のinterfaceの存在意義

以下のようなdocker-compose.ymlを見かけました。

```docker-compose.yml
db:
  image: mysql:5.7
  command: mysqld 
  ports:
    - "3306:3306"
  volumes:
    - /var/lib/mysql
```

コンテナをダウンしても問題なくデータの永続化はできているようですが、volumesを指定している`/var/lib/mysql`の記述について疑問があります。
`/var/lib/mysql`という書き方ではなく`./db/my-volumes:/var/lib/mysql`と記述であればローカルのフォルダとvolumesを共有してデータの永続化で出来ているんだろうなと思うのですが、今回の記述ではコンテナ側のフォルダしか指定していません。このような書き方をした場合、volumesはローカルのどこに保存されるのでしょうか？


そもそも私のdockerの知識が足りていない勘違いであれば申し訳ありません。
ご教授お願い致します。

docker-compose の MySQL データの永続化 ついて

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

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

お世話になっております。
現在メルカリのような仕組みの会員制サービスを作成中です。
最初から懸念していた部分だったんですが、複数画像のアップロードのフローに悩んでいます。

あまり関係ないかもしれませんが環境は以下になります。
AWSでサーバー構築（EC2,RDS,S3）
Mysql8.0
php7.3
Laravel5.8
Apache2.4

新規会員登録したユーザーが、自分の商品情報を登録するんですが、メルカリのように10枚まで画像をアップロードできる仕様です。
その他商品名や商品情報などのテキスト情報も同時に登録します。
複数画像アップロード部分はdropzone.jsを使用しました。
UIを考慮して確認ページは挟まず登録ページ→完了ページの作りを想定しています。

今悩んでいるのが、画像の一時保存先についてです。
例えば登録ページで複数の画像をドロップし、submitボタンをクリックするとします。
「商品名」などを空でsubmitすれば当然バリデーションに引っかかり元のページに戻ります。
このタイミングで一時保存の画像は消えるため、一旦退避用のフォルダに保存する必要があるのかなと思います。

バリデーションに引っかかった後、一旦退避したフォルダの画像を描画しつつ再度画像の削除を行ったり追加したり、
商品名などもしっかり入力しsubmitしたら情報の登録が行われ、退避していた画像たちは、登録後のlast_idで「/user_id/last_id」のような形でフォルダを作り、画像のリサイズ・コピーして「一旦退避したフォルダ」はそのタイミングで削除する。
というような仕様を考えています。

この「一旦退避したフォルダ」をどういうルールで作るのかが悩んでしまっています。
登録後であればidが取れるんですが、登録前にバリデーションで戻された状態でもドロップした画像をなんとか維持したい場合の一番良い方法がわかりません。

仮に一時的に作ったフォルダ内に退避用の画像を置いたまま、ユーザーが登録をやめてしまったらそのフォルダは永遠残ることになってしまいますし、仮にセッション名などでフォルダを作ったとしてもセッション切れたらフォルダを見つけられなくなるとか、、
同時に複数のユーザーが使うことを想定すると重複しない退避場所にする必要がありますし、答えに行き着かなくてぐるぐるしております。

今の段階で私が考える仕様以外での実装方法や、複数画像アップロードがある登録処理のベターな方法など、何かしら情報をいただけないでしょうか？

分かりづらい説明になってしまっていますがご教授のほどよろしくお願いいたします。

登録編集時の複数画像アップロードのフローを知りたい

[react-railsでサーバーサイドレンダリング！](http://qiita.com/mizchi/items/c34c3ff88d73a7bd2c88)
といった記事をよく見かけるのですが、  
サーバーサイドレンダリングとはつまりどういうことですか？

ルーティングをRailsが受け持つということかなと思ったんですけど、どうでしょうか。
よろしくお願いします。

サーバーサイドレンダリングとは？

普段Java EEを使ってアプリケーションを書いています。
Javaで書かれたサーバープログラムの場合Tomcatなど、Java EEだとWebSphereやGlassfishなどのアプリケーション・サーバー上にデプロイして動かすことになると思います。
RubyにもUnicornやThinなどがあると思います。

不勉強で申し訳ないのですが、私はずっと「サーバープログラムを動かすためにはアプリケーションサーバーが必要」だとばかり思っていました。
先日Node.jsの勉強を初めたのですが、Node.jsやGo言語にはアプリケーションサーバーがなく、ポートのlistenなどの処理を自分で書いて実行するものだと知りとても驚きました。

これを知ったとき、「デプロイが簡単そうだ」「処理が追いやすくてわかりやすい」など良い印象ばかり感じたのですが、同時に、「アプリケーションサーバーがなくて大丈夫なんだろうか」と疑問に思っています。

なんとなく自分の中で「アプリケーションサーバーがいい感じに処理していてくれている」という安心感があるため、いままでアプリケーション・サーバーが担当していた部分を自分で書くということに（この認識があっているのか心配ですが・・・）不安を感じています。（リッスンの仕方やメソッドの呼び方など）

なぜNode.jsやGo言語にはアプリケーション・サーバーが必要ではないのか、あるいは、なぜJavaやRubyではアプリケーション・サーバーが必要なのか教えていただきたいです。

また、アプリケーション・サーバーが存在することのメリット・デメリットもわかる方がいたら教えてほしいです。

Node.jsやGo言語でアプリケーションサーバー必要でないのはなぜでしょうか？

### 前提・実現したいこと

Docker初心者です。
エラーの原因と対策に関してご存じの方見えましたらご教授頂ければと思います。

docker container を下記のようにRUNしました。
```
docker container run -d -p 9000:8080 example/echo:latest
```

次にｱﾌﾟﾘｹｰｼｮﾝが正しく実行されているかの確認のため、下記ｺｰﾄﾞを打ち込みました.
```
curl http://localhost:9000/
```

### エラーメッセージ(vscodeで実行しています)

```
curl : 要求は中止されました: 要求が取り消されました
発生場所 行:1 文字:1
+ curl http://localhost:9000/+ ~~~~~~~~~~~~~~~~~~~~~~~~~~~
    + CategoryInfo          : InvalidOperation: (System.Net.HttpWebRequest:HttpWebRequest) [Invoke-WebRequest]、WebException
    + FullyQualifiedErrorId : WebCmdletWebResponseException,Microsoft.PowerShell.Commands.InvokeWebRequestCommand
```

### 該当のソースコード

```go
package main

import (
	"fmt"
	"log"
	"net/http"
)

func main() {
	http.HandleFunc("/",func(w http.ResponseWriter,r *http.Request){
		log.Println("received request")
		fmt.Fprintf(w,"Hello!!")
	})
	log.Println("start server")
	server :=&http.Server{Addr: ":8000"}
	if err :=server.ListenAndServe(); err != nil {
		log.Println(err)
	}
}
```
```Dockerfile
FROM golang:1.9

RUN mkdir /echo
COPY main.go /echo

CMD ["go", "run", "/echo/main.go"]

```

### 試したこと

PowerShell で GitHub に wget(Invoke-WebRequest) できない場合の対処方法
https://qiita.com/tikkss@github/items/4db7bec95a7337ca826d
```
[Net.ServicePointManager]::SecurityProtocol
=>Tls11, Tls12     
```

### 補足情報
Windows 10

すみません、理解が浅いため質問の要領を得ていないかもしれません。
必要な情報あればｺﾒﾝﾄ頂ければと思います。

以上よろしくお願いいたします。

Docker コンテナ　実行後　curlでポートへGETリクエスト　エラー

###■質問
Dockerコンテナ内（WordPress用のコンテナ）で使用できるbashシェルコマンド（例: cd, ls）と、できないコマンド（例: vi, vim）があります。使用可能なコマンドの一覧を知りたいのですが、何のコマンドリスト（？）が基準になっているのでしょうか。

＜再現手順＞　※前提: DockerでWordPressをupした状態

①docker exec -it WordPressのコンテナID /bin/bash というコマンドを実行して、root@WordPressのコンテナID:/var/www/html# に入る


②DockerのWordPressコンテナ内で、cd、ls、pwdコマンドは可能だが、viなどは実行できずにbash: vi: command not foundというようなエラーが出る。


###■背景
以下の質問（解決済み）からの派生質問です。
[Dockerコンテナ内のディレクトリにターミナルでアクセスする方法
](https://teratail.com/questions/159647)

Dockerコンテナ内で使用できるbashコマンドを教えてください。

### 前提・実現したいこと
以下を使用した環境構築について、アドバイスをお願いしたいです。

|種類|名前|
|:--|:--|
|Webサーバー|Apache|
|サーバーサイド言語|PHP|
|PHPフレームワーク|Slim|
|フロントエンド|Vue.js（VueCLI）|

### 相談内容

Vue.jsで、vueファイルを使用する際は、一般的に、VueCLIで環境を構築するものだと認識しております（もちろん一から環境を構築出来るということも存じています）。

ただ、どのような紹介記事においても、VueCLIの導入に際して、サーバーサイド言語と組み合わせて使用するようなパターンについての言及を、見たことがありません。

今回、PHPをサーバーサイド言語として利用した場合に、どのようにVueCLIと組み合わせて利用するのかを具体的に知りたいと思い、相談させていただきました。

例えば、PHP・Slimフレームワークの組み合わせでのディレクトリ構成を考えた場合、以下のようになるかと考えております。

__※以下の、Projectというのは、NetBeansやEclipseにおけるルートの単位（1ビルド単位）です。__

```
Project
 |
 + src （PHPソース）
 + public （公開ディレクトリ）
    + index.php
    + assets
      |
      + js
      + css
      + img
```

確認したいこと
---

- 上記ディレクトリに、VueCLIを組み合わせて使う際は、どのようなディレクトリ構成がベターなのでしょうか？

- そもそも、Projectはクライアント（Vue.js）とサーバーサイド（PHP）で別個になったりしますか？

- よくあるサンプルでは、node.jsのWebサーバーを起動して、8080にアクセスして、そちらでページを表示する流れになっていますが、開発時の動作確認にはApache＋PHPを使いたいのです。そのような場合、ホットリロード（vmファイルを編集したらすぐに反映確認できる）を組み合わせてスピーディーに動作確認するようなことはできたりするのでしょうか？

---
フロントエンドは、今までに Knockout.js や AngularJS、Vue.JS（vueファイルの使用がない）、を経験しておりますが、Vue.jsの、vueファイルをビルドする領域に突入してから、途端に高難易度になってしまったように感じます。

回答者様のご意見の他に、もし、サーバーサイドとVueCLIの組み合わせについて言及している書籍やサイトなどの情報もご存知であれば、教えていただきたいです。

よろしくお願いいたします。

PHP・Vue.js（VueCLI）における環境構築方法

GoPathの変更がちょっと面倒だと感じています。

私はいつも、別のプロジェクトの開発を進めたいなって思った時は、.bash_profileのGopathをわざわざ変更しております。
go getもgopathが正しく設定されていないと、ちゃんとしたところに入ってこないし、
また、正しいGopathに設定しないと、Intellijもソースコード上で赤く光ってしまうため、ちょっと困っております。

まだ、Go言語初心者ですので、自分は、僕はこうしているという方がいればご教授頂きたいです。

ちなみにインストールしているgo管理ツールはgoenvを使用しております。

GoPathをプロジェクト毎にさくっと変更したい

GitHubでPrivate（You choose who can see and commit to this repository.）に設定したRepositoryにpushしようとすると、下のようなエラーが発生しました。


### 該当のソースコード

```terminal
$ git add　ファイル名
$ git commit -m "test"
$ git remote add origin https://github.com/ユーザー名/Reoisutiry名
$ git push origin master
```

###エラーメッセージ

```
To https://github.com/ユーザー名/Reoisutiry名
 ! [rejected]        master -> master (fetch first)
error: failed to push some refs to 'https://github.com/ユーザー名/Reoisutiry名'
hint: Updates were rejected because the remote contains work that you do
hint: not have locally. This is usually caused by another repository pushing
hint: to the same ref. You may want to first integrate the remote changes
hint: (e.g., 'git pull ...') before pushing again.
hint: See the 'Note about fast-forwards' in 'git push --help' for details.
```

### 試したこと
 __**Private**(You choose who can see and commit to this repository.)__ から
 __**Public** (Anyone can see this repository. You choose who can commit.)__ へ変更（公開設定にする）

**=> 成功**

`追記`　　https://www.softel.co.jp/blogs/tech/archives/3569　を参考に
** => 進展なし**
### 補足情報

gitのバージョン： `2.21.0`
OS: `macOS High Sierra 10.13.6`

`git config user.name`,`git config user.email`　どちらも登録した情報とあっている

---
抜けている情報等あれば指摘いただけば提示します
回答よろしくお願いします