常連

情報収集家

支持者

自己紹介

いつもHTMLのclassやidの名前をつけるときに、container、wrapper、inner、outer等の使い分けがわからず、こんがらがります。
皆さん、どのように使い分けされていますか？


contain(含む)するもの⇨container,
wrap(包む)するもの⇨wrapper, 
内側にあるもの⇨inner
外側にあるもの⇨outer

結局は全て中にある内容を包み込むものだと思えてしまうのですが。。
英単語の意味はわかるのですが、イマイチニュアンスが分からなくて困っています...

class idの名前付け container、wrapper、inner、outer どのように使い分けるか

データ取得時、以下はどちらもcarbonで返ってきますが使い分けはありますか？

```
    protected $casts = [
        'birth_date' => 'date',
        'last_login_at' => 'datetime',
    ];
```

```
    protected $dates = [
        'birth_date',
        'last_login_at',
    ];
```

日付に関するキャストだけ$dates を使うのは統一性がないように思うので、特に使い分けがなかったら$castsで統一しようと思います。

laravel modelに定義する日付はcastsとdatesを使うのに違いはあるか？

PHPでメルマガ配信システムを作成中です。

foreachでmb_send_mailを回すという、非常に単純な配信システムを作成したのですが、これだけでは事足りないでしょうか？
アプリケーションはXサーバー上にあげており、XサーバーはデフォルトでCRONの設定が施されているようです。

配信完了まで時間はかかりましたが、3000件の一括配信は一応できているようです。

よろしくお願いします。

PHPでメルマガ配信システムを作成するときの注意点

Webサイトでフォーム送信時に、希望者にメルマガ配信をしたいと考えています。
会員登録などではなく、資料請求などの際にデータベースなどにメールアドレスや名前を保存して配信を行いたいです。
サイトはWordPressで構築する予定です。
やりたい事は以下の通りです。

- フォーム送信時に送信者の情報をデータベースなどに保存
- データベースなどに保存されているメールアドレスにメルマガを一斉配信
- メルマガ内に 「メルマガ配信をストップする」 のような解除出来る仕様にしたい


どのような仕組みでシステムを作るのが一般的なのでしょうか？

メルマガ配信を行うにはどのような方法がありますか？

laravelを使える格安レンサバはないのでしょうか？他のところでvpsしかないといわれました。

phpを使えば、サイト制作の仕事を請けた際に、ほとんどのレンサバで使えると聞いて選んだのですが、laravelは使えないといわれ困っています。
cakephpかphp工房などの生の物を使うしかないのでしょうか？

SSHが使える格安レンサバを探して見つかればlaravelも使えると考えて良いでしょうか？

せめて、自分で作るWEBアプリで使える格安レンサバがあれば助かります。

laravelを使える格安レンサバはないのでしょうか？

**作成ファイルの確認**

1つめ....
フォームです.。
郵便番号(数字3文字-数字4文字のみOK)と
カナ(3〜64文字のカタカナのみOK)
を送信します

2つめ....
自作のリクエストクラス(ValidationCheck)を使用するコントローラクラスです。
もちろんblade⇨web.php⇨controller⇨の流れです。
今回は画面遷移は成功しているのでweb.phpは記載しません。

3つめ....
バリデーションチェックをカスタマイズしたので作成した。リクエストクラス(ValidationCheck)です。
kanaは入力値が全てカタカナか、のみチェックします。
zipcodeは入力値が123(数字)-1234(数字)の形式になっているか、のみチェックします

※挙動は問題ありません。


```php
//form部分のみ該当blade.phpから抜粋しました
<form method="post" action="{{ url('/validations') }}">
  {{ csrf_field() }}
  <p>
    <input type="text" name="kana" maxlength="64" value="{{ old('kana') }}">
    @if ($errors->has('kana'))
    <span class="error">{{ $errors->first('kana') }}</span>
    @endif
  </p>
  <p>
    <input type="text" name="zip" maxlength="8" value="{{ old('zip') }}">
    @if ($errors->has('zip'))
    <span class="error">{{ $errors->first('zip') }}</span>
    @endif
  </p>
  <p>
    <input type="submit" value="Submit">
  </p>
</form>

@foreach ($errors->all() as $error)
    <li>{{ $error }}</li>
@endforeach
```

```php
    public function store(ValidationCheck $request) {
　　　　　//エラーメッセージの確認なので何も書いていません。
    }
```

```php
<?php

//useの設定
//名前空間


class ValidationCheck extends FormRequest
{
    /**
     * Determine if the user is authorized to make this request.
     *
     * @return bool
     */
    public function authorize()
    {
        return true;
    }

    /**
     * Get the validation rules that apply to the request.
     *
     * @return array
     */
    public function rules()
    {
        return [
            //
            'kana' => 'required|min:3|max:64|kana',
            'zip' => 'required|zipcode'
        ];
    }

    public function messages()
    {
        return [
        'kana.required' => 'ナマエの入力は必須です',
        'kana.min' => 'ナマエは3〜64文字で入力してください',
        'kana.max' => 'ナマエは3〜64文字で入力してください',
        'kana.kana ' => 'ナマエはカタカナで入力してください',
        'zip.required' => '郵便番号の入力は必須です',
        'zip.zipcode ' => '郵便番号は123-1234の形式で入力してください',
      ];
    }
}
```

**直面している問題**

予想していた挙動は
カタカナの入力欄に「日本日本日本」と入れると、required、min、maxは問題なく、kanaのみがエラーになると思っていたのですが、どうやらminかmaxのどちらか、もしくは両方でエラーになっています。ですのでblade上では$errors->all()を使用しないと「ナマエはカタカナで入力してください」というエラーメッセージが表示されません。

逆にいうと$errors->all()使うと「ナマエはカタカナで入力してください」というエラーメッセージが見れるのでkanaとmin(max)の2つエラーとなっています。

**質問**
①
上記の様に'
kana' => 'required|min:3|max:64|kana'
複数エラー判定がある場合、それが2つでも5つでも
どこかのエラー判定に当てはまった場合そこでそのメッセージだけを取得するのではなく全部確認するのですか。つまり「あ」と入力するとrequired以外の全てのエラーメッセージが作られるのですか。それともminで「あ」の場合はエラーになるのでそれで終わりですか。

②
しかしカナを空白にすると$errors->all()で見ても「ナマエの入力は必須です」しか表示されていないので
requiredに通った時点で残りは見ていない様な気がするのですが。どの様な挙動になっているのですか。

Laravel 複数(3つ以上)のバリデーションチェックの挙動

### 質問要旨


laravelのページングを作成してそこに検索機能を実装しました。
検索機能そのものはうまくいっているのですが、検索条件を保持する'適切な'方法が分かりません。

append利用でページング画面間の移動時の検索値保持は問題ありません。
問題なのが、
1.ページング画面(検索)->2.項目の詳細画面->3.項目の操作->4.ページング画面(検索状態保持)
みたいにページング画面から一度離れてまた戻ってくる時に検索値を
保存しておく方法が分からないです。

とりあえず、URLそのものをセッションに保持させているのですが少し強引な気もしています。
もし、laravelの機能を用いてスマートに検索条件を保持する方法があれば教えていただきたいです。


### 現在の方法
とりあえずで現在仕様を満たせている方法になります。
初期の質問投稿時から変更しました。
とても無駄だったので簡単な方法にまとめます。

```
$currentURL = request()->fullurl();
```

これGET送信時に追加されるクエスチョンマーク以下ごと丸ごと取得して
セッションに保持させて必要なURL埋め込み箇所に使用しています。

laravelでページングの検索条件を別ページに渡って保持する方法

[参考サイト](http://www.workabroad.jp/posts/2136)を見ながらgoogle map連携を試みているのですが、自分のプロジェクトに実装したところajaxが着火しません

具体的には都道府県を入力しsarchボタンを押しても何も起こりません、単体のプロジェクトを新規で作り実装した場合は全て動きました。

既存のプロジェクトの違いはチューブリンクスをの可否で、既存のプロジェクトはチューブリンクスを使っていません、これは関係ありますでしょうか？

値はしっかり入っているのですがmapが下記のように表示されてしまいます。
![イメージ説明](e89f4b0817de46676fcc7daf8028aa08.png)


```ruby
<%= form_for(@place) do |f| %>
  <div class="field">
    <%= f.label :name %><br>
    <%= f.text_field :name %>
  </div>
  <div class="field">
    <%= f.label :address %><br>
    <%= f.text_field :address, class: "address" %>
------------------------------------------------------------------------------------------
    <%= link_to "SEARCH", "#", class: "map-search-button" %>
    <div class="map-canvas" style="height: 0;"
                data-lat="<%= f.object.latitude %>"
                data-lng="<%= f.object.longitude %>">

    </div>
    <%= f.text_field :latitude, readonly: true %>
    <%= f.text_field :longitude,readonly: true %>
------------------------------------------------------------------------------------------
  </div>
<% end %>
```


```javascript
ready = ->

  if !window.google

    script = document.createElement('script')
    script.type = 'text/javascript';
    script.src = 'https://maps.googleapis.com/maps/api/js?v=3.exp&' +
                  'language=ja&callback=triggerMap'
    document.body.appendChild(script)

  else
    triggerMap()

window.triggerMap = ->
  # your code

# For turbolinks
$(document).ready(ready)
$(document).on 'page:load', ready

window.triggerMap = ->

  # --- show --- #
  mapCanvas = $('.map-show-canvas')
  if mapCanvas.length && mapCanvas.attr('data-latitude')

    MapHelper.showMap(mapCanvas.get(0),
      {
        mapHeight:      300,
        mapLat:         mapCanvas.attr('data-latitude'),
        mapLng:         mapCanvas.attr('data-longitude'),
        zoom:           10
        #scaleControl: ,
        #scrollwheel: ,
        #showMarker: ,
        #draggable: ,
      }
    )


window.triggerMap = ->

  # --- new/edit --- #
  if $('.map-search-button').length

    MapHelper.searchShowMap($('.map-canvas').get(0),
      {
        mapHeight:      300,
        trigger:        $('.map-search-button'),
        addressInput:   $('.address'), #could be multiple
        latInput:       $('#place_latitude'),
        lngInput:       $('#place_longitude'),
        zoom:           10
        #scaleControl: ,
        #scrollwheel: ,
        #showMarker: ,
        #draggable: ,
        afterShow: -> 
          console.log "Map is displayed."
      }
    )


  # --- index --- #
  if $('.map-index').length
    $.ajax(
      type: 'GET',
      url: '/places.json',
      # data: { if you need }
    ).done( (data) ->
      if data.length
        MapHelper.showMapWithMarkers($('.map-index').get(0),
          {
            mapHeight:    400,
            mapLat:       data[0].latitude,  #center
            mapLng:       data[0].longitude, #center
            zoom:         2,
            showMarker:   false,
            draggable:    false,
            controller:   'places',
            titleField:   'name'
          }, data)
    )



```

Rails4 google map 連携

###環境
Ruby2.3.3
Rails5.0.1

###Gem
gem 'geocoder'

###テーブル例
|郵便番号|都道府県|市町村|その他|全住所|緯度|経度|
|:--:|:--:|:--:|:--:|:--:|:--:|:--:|
|107-0052|東京都|港区赤坂|1-1-1|東京都港区赤坂1-1-1|35.6727516|139.7254066|

###問題
店舗登録が出来るウェブアプリケーションを作成しています。
これまで全住所カラムに住所を手入力し、Gem「geocoader」を用いて緯度と経度を取得していました。

このたび郵便番号の入力で都道府県と市町村の取得し、番地を手打ちで入力する方式に変更しました。
カラムは「都道府県」「市町村」「その他」と分かれています。

これら「都道府県」「市町村」「その他」を全住所カラムに反映させる方法はありませんでしょうか。
もしくは「都道府県」「市町村」「その他」から直接geocoaderで緯度と経度を取得する方法はありますでしょうか。
###Apprication.html.erb
jpostalから住所データを取得しています。
```
<head>
 <script type="text/javascript" src="//jpostal-1006.appspot.com/jquery.jpostal.js"></script>
</head>

<script type="text/javascript">
$(function() {
  $(window).ready( function() {
    $('#zipcode').jpostal({
      postcode : [
        '#zipcode'
      ],
      address : {
        '#prefecture': '%3',
        '#city'          : '%4',
        '#other'        : '%5',
        '#address'    : '%3%4%%5'
      }
    });
  });
});
</script>
```
###_form.html.erb
hidden_fieldで値を取得できないものかと思いましたが、反映されないので何かが間違っているのかと思います。
```
<%= form_for @shop do |f| %>
  <%= f.label :zipcode %>
  <%= f.text_field :zipcode, id:'zipcode' %><br>
  <%= f.label :prefecture %>
  <%= f.text_field :prefecture, id:'prefecture' %><br>
  <%= f.label :city %>
  <%= f.text_field :city, id:'city' %><br>
  <%= f.label :street_number %>
  <%= f.text_field :street_number, id:'street_number' %><br>
  <%= f.label :address %>
  <%#= f.hidden_field :address, id:'address' %><br>
  <%= f.text_field :address, id:'address' %><br>
  <%= f.submit "登録", :class => 'btn btn-primary', data: { disable_with: '登録中...' }  %>
<% end %>
```

【Rails5 GoogleMaps】都道府県・市町村など個々のカラムから座標取得Gem「geocoader」で緯度・経度を取得したい

web制作初心者で分からないことが2つあります。
①
ウェブサイトの検索機能を使っている時に疑問に思ったことです。
例えばTwitterの検索機能で「あいうえお」と検索します。下記がそのURL
https://twitter.com/search?q=%E3%81%82%E3%81%84%E3%81%86%E3%81%88%E3%81%8A&src=typd
これってTwitterのサーバーに「あいうえお.php」とか「あいうえお.txt」というファイルが予め作られていて、それにアクセスした訳ではないですよね。ということはURLのsearch以降に続く文の中でデータを抽出するようなことが書かれている、それに基づいて抽出されたデータを表示している、だけということなのでしょうか？
どう考えてもそうとしか考えられないのですが、URLの中にデータの抽出条件を書くみたいなことやったこと一度もなくて、どういうこと勉強すればこういう表示の仕方が出来るんだろうと思って質問しました。


②
https://ja.wikipedia.org/wiki/%E3%83%87%E3%82%A3%E3%82%B7%E3%83%87%E3%82%A3%E3%82%A2_%E3%83%95%E3%82%A1%E3%82%A4%E3%83%8A%E3%83%AB%E3%83%95%E3%82%A1%E3%83%B3%E3%82%BF%E3%82%B8%E3%83%BC
![イメージ説明](37e0885e89f8e49aca588f9eac87549a.jpeg)

画像はファイナルファンタジーに関係するウィキペディアのURLです。また上の文も同様のURLです。コピペして貼り付けるとURLの表記が変わるのですがこれは一体どういう仕組みなのでしょうか？

ウェブサイトの検索機能や検索結果のURLについて

###前提・実現したいこと
googlemap apiを使用してのマップ表示です。


JSで複数マーカーに対しての個別の情報ウィンドウ表示
をしたいです。


###発生している問題・エラーメッセージ
 
```
name
``` 
はまとめて表示できたのですが、情報ウィンドウの
```
content
```
の表示方法がわかりません。
(情報ウィンドウの内容は個別に変えます。)


###該当のソースコード
```
var currentWindow = null;
function initMap(){
  var myOptions = {
    zoom: 6,   // 任意のズーム率
    center: new google.maps.LatLng(22.057437, 77.209021),
    mapTypeId: google.maps.MapTypeId.ROADMAP,
    mapTypeControl: false
  };
  var map = new google.maps.Map(document.getElementById("map"), myOptions);
  var markers = [
    ['タージマハル', 27.175052, 78.042544,'flag.png'],
    ['サンプル1', 28.175052, 79.042544,'flag.png'],
  ['サンプル2', 29.175052, 79.042544,'flag.png'],
  ['サンプル3', 30.175052, 79.042544,'flag.png'],
  ['サンプル4', 31.175052, 79.042544,'flag.png']
  ];

  for (var i = 0; i < markers.length; i++) {
    var name = markers[i][0];
    var latlng = new google.maps.LatLng(markers[i][1],markers[i][2]);
    var icons = markers[i][3];
    //var contents = content[i][4];
    createMarker(name,latlng,icons,map)
  }
}
var contentString = '<div id="content">'+
      '<div id="siteNotice">'+
      '</div>'+
      '<h1 id="firstHeading" class="firstHeading">Uluru</h1>'+
      '<div id="bodyContent">'+
      '<p>Attribution: Uluru, <a href="https://en.wikipedia.org/w/index.php?title=Uluru&oldid=297882194">'+
      'https://en.wikipedia.org/w/index.php?title=Uluru</a> '+
      '(last visited June 22, 2009).</p>'+
      '</div>'+
      '</div>';

function createMarker(name,latlng,icons,map){
  var infoWindow = new google.maps.InfoWindow({
    content: contentString
  });

  var marker = new google.maps.Marker({
    position: latlng,
    icon:icons,
    map: map,
    //content: contents
  });

  google.maps.event.addListener(marker, 'mouseover', function() {
  if (currentWindow) {
      currentWindow.close();
      }
  infoWindow.setContent(name);
  infoWindow.open(map,marker);
  currentWindow = infoWindow;
  });
  }
  google.maps.event.addDomListener(window, 'load', initialize);
```

コード修正しました。

```
var currentWindow = null;
function initMap(){
  var myOptions = {
    zoom: 6,   // 任意のズーム率
    center: new google.maps.LatLng(22.057437, 77.209021),
    mapTypeId: google.maps.MapTypeId.ROADMAP,
    mapTypeControl: false
  };
  var map = new google.maps.Map(document.getElementById("map"), myOptions);

  var markers = [
    ['タージマハル', 27.175052, 78.042544,'flag.png','<div id="content">'+
          '<div id="siteNotice">'+
          '</div>'+
          '<h1 id="firstHeading" class="firstHeading">Uluru</h1>'+
          '<div id="bodyContent">'+
          '<p>Attribution: Uluru, <a href="https://en.wikipedia.org/w/index.php?title=Uluru&oldid=297882194">'+
          'https://en.wikipedia.org/w/index.php?title=Uluru</a> '+
          '(last visited June 22, 2009).</p>'+
          '</div>'+
          '</div>'
        ],
    ['サンプル1', 28.175052, 79.042544,'flag.png'],
    ['サンプル2', 29.175052, 79.042544,'flag.png'],
    ['サンプル3', 30.175052, 79.042544,'flag.png'],
    ['サンプル4', 31.175052, 79.042544,'flag.png']
  ];

  for (var i = 0; i < markers.length; i++) {
    var name = markers[i][0];
    var latlng = new google.maps.LatLng(markers[i][1],markers[i][2]);
    var icons = markers[i][3];
    var contents = content[i][4];
    createMarker(name,latlng,icons,map,contents)
  }
}

function createMarker(name,latlng,icons,map,contents){
  var infoWindow = new google.maps.InfoWindow({
    content : "<div id='infoWindow'>ウィンドウ内に表示する文字列<br>" +
              "<span>文字色の変更</span><br>" +
              "<img src='画像のパス'><div>"
  });

  var marker = new google.maps.Marker({
    position: latlng,
    icon:icons,
    map: map,
    // content: contents,
  });

  google.maps.event.addListener(marker, 'mouseover', function() {
  if (currentWindow) {
      currentWindow.close();
      }
  infoWindow.setContent(name,content);
  infoWindow.open(map,marker);
  currentWindow = infoWindow;
  });
  }
  google.maps.event.addDomListener(window, 'load', initialize);

```


###試したこと
```
contentString
``` 
は本家サイトを参考にしています。
https://developers.google.com/maps/documentation/javascript/examples/infowindow-simple?hl=ja

###補足情報(言語/FW/ツール等のバージョンなど)
より詳細な情報

Google Maps API 複数マーカーに情報ウィンドウをつける

お世話になっております。
Google Map APIにて外部jsonファイルを読み込みマーカーを表示させております。
マーカーが全国に散らばっているため、検索フォームで地名から座標を取得しそのエリアのマーカーが閲覧しやすいようにしております。

■困っていること
表示が不安定で、ファーストビューでマップ部分がグレー一色になってしまう時があります。
検索ボタンを押すとマップが表示されます。

■原因
下記jsの```zoom: z || zoom```部分
ズーム値の設定しています。
z・・・検索後の表示のズーム値を指定（13）
zoom・・・閲覧デバイスごとにファーストビューでのズーム値を指定（PC:11、スマホ：9）

この部分を```zoom=11```とすればグレー表示が解消されました。

```JavaScript
var place = '東京';
var infowindow = new google.maps.InfoWindow();
var zoom;
var markers;
var map;	

/* 検索ボタンの挙動 */
$(function () {
    $('#searchButton').click(function (e) {
        markerCluster.clearMarkers();
        e.preventDefault();
        place = $('#searchPlace').val();
        google.maps.event.addDomListener(window, 'load', initialize(place,13));
    });
});
function initialize(place,z) {
    // インスタンス[geocoder]作成
    var geocoder = new google.maps.Geocoder();
		//ズーム値 初期値 拡大縮小ボタン
	if (window.matchMedia('(min-width: 741px)').matches) {
		$(function () {
			zoom = 10;
		});
	} else {
		$(function () {
			zoom = 9;
		});
	};	
    geocoder.geocode({
        // 起点のキーワード
        'address': place
    }, function (result, status) {
        if (status == google.maps.GeocoderStatus.OK) {
            // 中心点を指定
            var latlng = result[0].geometry.location;
            // 初期設定オプション
            var myOptions = {
                zoom: z || zoom,
                center: latlng,
                mapTypeId: google.maps.MapTypeId.ROADMAP,
            };
            // #mapを取得し、[mapOptions]の内容の、地図のインスタンス([map])を作成する
            map = new google.maps.Map(document.getElementById('map'), myOptions);
            // 中央部座標取得
            var latlngDefault = map.getCenter();
            // フォームに座標をセット
            $('#inputLat').attr('value', latlngDefault.lat());
            $('#inputLng').attr('value', latlngDefault.lng());
            // 場所
            $('#place').text(place);
            // ドラッグで座標取得
            google.maps.event.addListener(map, 'drag', dispLatLng);
            markMultiple();
        } else {
            alert('情報を取得できませんでした。');
        }
    });
}

/* 【概要】テキストボックスフォームへ座標数値をセット、表示する */
function dispLatLng(){
// 場所
$('#place').text(place);
}

/* JSON読み込み */
function markMultiple() {
    markers = [];
    $.getJSON('json.json', function (data) {
        $.each(data, function (i, obj) {
            var latLng = new google.maps.LatLng(obj.map_latitude, obj.map_longitude);
            var content = '情報ウィンドウの内容';            
            markMap(latLng, content);
        });
        //クラスタリング設定
        markerCluster = new MarkerClusterer(map, markers, {
            imagePath: 'https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/m',
            zoomOnClick: true,
            maxZoom: 15,
            gridSize: 20
        });
    });
}

function markMap(position, MapIcon, studioName, content) {
    var marker = new google.maps.Marker({
        position: position,
        icon: {
            url: '/re_search/images/map_icon_w.png',
            scaledSize: new google.maps.Size(25, 29),
        },
    });
    //情報ウィンドウ
    google.maps.event.addListener(marker, 'click', function () {
        infowindow.setContent(content);
        infowindow.open(map, marker);
    });
    markers.push(marker);
}
google.maps.event.addDomListener(window, 'load', initialize(place));

```
```HTML
<div class="searchbox">
	<form method="search" action="#.html">
		<div class="formarea">
			<input type="text" name="sp" id="searchPlace" placeholder="例：東京">
			<input type="submit" name="regist" value="検索" id="button">
		</div>
	</form>
</div>
<div id="map"></div>
```

グレー表示にならないように上記の実装をするにはどのように書き換えれば良いかわからず投稿させていただきました。
お力添えをいただけますと幸いです。

よろしくお願いいたします。

Google Maps API グレー一色表示になる

### 前提・実現したいこと

[こちら](https://qiita.com/hirotakan/items/698c1f5773a3cca6193e)を参考にGOとCleanArchitectureを勉強中です。
`interfaces/controllers/user_controller.go` の
```go
func NewUserController(sqlHandler database.SQLHandler) *UserController {
	return &UserController{
		Interactor: usecase.UserInteractor{
			UserRepository: &database.UserRepository{
				SQLHandler: sqlHandler,
			},
		},
	}
}
```
で `UserRepository` に参照型の `&database.UserRepository` を入れているのはなぜなのでしょうか？

`usecase/user_interactor.go` で
```go
type UserInteractor struct {
	UserRepository UserRepository
}
```
としているので値型で問題ないはずではないでしょうか？

### 補足情報（FW/ツールのバージョンなど）

```
$ go version
go version go1.12.2 linux/amd64
```

GOで変数の代入時の型について

Go言語を勉強したいと思い、書籍や情報を探しています。
おすすめの書籍や参考になるサイトなどありましたら教えてください。

それらの書籍やサイトはGo言語に直接関係なくても、知っておいたほうが良い情報が書かれているものでもかまいません。

ちなみに私のレベルはRuby on Railsで簡単なサービスは作れるくらいのレベルです。
サーバ・クライアント、MVC、オブジェクト指向などの触りの部分は理解しているつもりです。

以上、よろしくお願いします。

Go言語を始めるうえでおすすめの書籍などありますか？

私の周りに非情報系ですがAIについて「とにかくデータを入れておけばAIがうまいこと考えてくれて欲しい結果を出してくれるものだからAIを使うのは簡単」と思っている方がいます。
私はそれに賛同できず、AIを使うには工程が必要で、表にするとしたら次のようになると考えています。
言葉足らずな部分もあるかと思いますが、認識誤り・ご意見等いただきたく思います。

目的は機械の稼働状態が正常か異常かを判定し、リアルタイムに出力することとします。

|step|step名|内容|課題|
|:--|:--|:--|:--|
|1|データ収集|機械の温度、音、振動、電流等をセンシングする。|正常・異常を含みそうな項目を選択すること。|
|2|前処理|センシング値を行列に変換。次元削減等。|AIモデルが扱いやすいように変換すること。|
|3|AIモデル作成|AIアルゴリズム選択。訓練。|適切なアルゴリズムを選択すること。汎化性能が高くなるよう訓練すること。|
|4|運用|リアルタイムにデータを取得。判断と結果表示。|リアルタイムにデータ取得できるようにすること。|

AIシステム開発の工程表

いつもお世話になっております。

会社で顧客向けのネイティブアプリを作ることになったのですが、
アプリ側からサーバー上のDBにアクセスするのには、
①phpなどのプログラムで作られたapiを呼び出してデータの受け渡しを行う方法が一般的なのでしょうか？

今のDBは違うサービスでも利用しているので顧客が増加し、何度もリクエストを投げることにより
障害が起きてしまったりする恐れがあるので、
②アプリ用のDBを作成し、そこに定期的にデータをインポートしてデータの連携を行う
という方法も考えられるのですが、
この方法は間違っているのでしょうか？

どのサイトを見ても①の方法しか書いていなかったので質問させていただきます。
よろしくお願い致します。

ネイティブアプリのデータ連携について

PHP+MySQLで検索システムを勉強で作成しております。

チェックボックス、ラジオボタン、セレクトボックス、テキストボックスなど
様々な項目をPOSTで受け取ってMySQLに問い合わせる為、WHERE句を作成したいのですが、

例えばチェックボックスだと

・チェックされていない
・1つのみチェックされている
・複数チェックされている
・外部からの攻撃で全く意図しないデータがPOSTされてくる

の4パターンが考えられると思います。

チェックされていない場合はWHERE句に加えなければ良いと思いますが、
複数の場合と1つのみチェックされている場合をどうすれば良いかわかりません。

$_POST['test'] (配列)　があったとして

//クエリ生成
$query = "SELECT * FROM test_master WHERE";
	
$where = "flag = 1";(必須)

if(!empty($_POST['test'])){
		    
    $test_value = implode(",",$_POST['test']);
  
    $where .=" AND test IN({$test_value});"
		
}

などとすると最終的に出来るSQLは、

複数チェックされた場合は

「SELECT * FROM test_master WHERE flag = 1 AND test IN(1,2,3);」

のように問題ないとおもうのですが、一つしかチェックされなかった場合は

「SELECT * FROM test_master WHERE flag = 1 AND test IN(1);」

となりエラーになってしまいます。
通常こういう検索システムなどはどのようにやっているものでしょうか？

PHP+MySQLを使った検索システムのWHERE句の作り方

絞りこみ検索機能のあるサイトを作ろうと考えています。

現在、データを表示するところまでできました。[こちら](http://doll-collection.babymilk.jp/sam.php)です。

そして、絞り込み検索機能をつけるところで引っかかっています。



[こちら](http://www.php-labo.net/tutorial/mysql/search.html)のサイトをみて

SELECT 表示するカラム FROM テーブル名 WHERE 検索条件

これで、絞りこみが可能ということまで分かりました。


しかし
１ 現在のファイルの中のどこにこれを書けばよいのかわからない
２ ＨＴＭＬのプルダウンとどうやって合体させればよいのかがわからない

という状況です。


アドバイスお願い致します。





↓現在のファイルの中身
```
<?php
 
//データベース接続
$server = "・・・";  
$userName = "・・・"; 
$password = "・・・"; 
$dbName = "・・・";
 
$mysqli = new mysqli($server, $userName, $password,$dbName);
 
if ($mysqli->connect_error){
	echo $mysqli->connect_error;
	exit();
}else{
	$mysqli->set_charset("utf-8");
}
 
$sql = "SELECT * FROM goods_table";
 
$result = $mysqli -> query($sql);
 



//クエリー失敗
if(!$result) {
	echo $mysqli->error;
	exit();
}
 
//レコード件数
$row_count = $result->num_rows;
 
//連想配列で取得
while($row = $result->fetch_array(MYSQLI_ASSOC)){
	$rows[] = $row;
}
 
//結果セットを解放
$result->free();
 
// データベース切断
$mysqli->close();
 
?>
 
<!DOCTYPE html>
<html>
<head>
<title>nameテーブル表示</title>
<meta charset="utf-8">
</head>
<body>






<form>
<p>テスト検索</p>
<select name="kibun">
<option value="iti">テスト１</option>
<option value="nibotiboti">テスト2</option>
<option value="san">テスト3</option>
<option value="yon">テスト4</option>
</select></form>








<h1>nameテーブル表示</h1> 
 
レコード件数：<?php echo $row_count; ?>
 
<table border='1'>
<tr><th>id</th><th>name</th></tr>
 
<?php 
foreach($rows as $row){
?> 
<tr> 
	<td><?php echo $row['id']; ?></td> 
	<td><?php echo htmlspecialchars($row['name'],ENT_QUOTES,'UTF-8'); ?></td> 
</tr> 
<?php 
} 
?>
 
</table>



 
</body>


</html>

```

PHPでMYSQLからデータを絞り込んで表示したい（絞り込み検索）

### 前提・実現したいこと

質問が2つあります。どちらか片方でも答えてくれたら助かります。

PHPとMySQLをつかって、学生登録システムを作っています。

質問1
ーーーーーーーーーーーーーーーーーーーー
条件を入力し、学生の絞り込みをしたいのですが、条件を複数選択した場合うまくいきません。
条件を性別だけ、所属だけ、と単独なら正常処理します。
例、性別→女、所属→文化部、で検索すると花子文化部、のび太文化部が表示されてしまう。

今のプログラムでは所属のif分が最後にあり、所属が優先されるプログラムです。
どうやったら、条件を複数選択しても、正しく絞り込みができるでしょうか？
ーーーーーーーーーーーーーーーーーーーー

質問2
ーーーーーーーーーーーーーーーーーーーー
「運動部」で検索しても、yaruo運動部、一人しか検索されません。
正しい処理は
ruck	ruck@	女	運動部,帰宅部,生徒会,
yaruo	aaa@	男	運動部
yaruo	aaa@	男	運動部生徒会
出木杉	aaa@	男	運動部文化部生徒会
4人検索されるはずです。
この問題の解決方法はどうすればいいでしょうか？
質問2は大幅にプログラムとテーブルを書き換えないと駄目ですね( ;∀;)
ーーーーーーーーーーーーーーーーーーーー
ここに質問の内容を詳しく書いてください。（例）PHP(CakePHP)で●●なシステムを作っています。
■■な機能を実装中に以下のエラーメッセージが発生しました。


### 該当のソースコード

```PHP



<?php

$res = "";  //新しいウェブページのエラー回避

$USER= 'root';
$PW= '1234';
$DBINFO= "mysql:dbname=cwdb;host=localhost;charset=utf8";

try{
    $pdo = new PDO($DBINFO,$USER,$PW); //pdoインスタンスの生成
    $sql = "SELECT * FROM students";

    //$sql = "SELECT * FROM students WHERE student_name LIKE '%山%'";
    if (isset($_POST['freeword'])) {
        $sql = "SELECT * FROM students WHERE student_number LIKE '%{$_POST['freeword']}%' OR student_name LIKE '%{$_POST['freeword']}%' OR email LIKE '%{$_POST['freeword']}%' ";
    }

    if (isset($_POST['sex'])) {
        if ($_POST['sex'] == "男") {
            $sql = "SELECT * FROM students WHERE sex = '男'";
        }elseif ($_POST['sex'] == "女") {
            $sql = "SELECT * FROM students WHERE sex = '女'";
        }
    }

    if (isset($_POST['syozoku'])) {
        if ($_POST['syozoku'] == "運動部") {
            $sql = "SELECT * FROM students WHERE syozoku = '運動部'";
        }elseif ($_POST['syozoku'] == "文化部") {
            $sql = "SELECT * FROM students WHERE syozoku = '文化部'";
        }elseif ($_POST['syozoku'] == "帰宅部") {
            $sql = "SELECT * FROM students WHERE syozoku = '帰宅部'";
        }elseif ($_POST['syozoku'] == "生徒会") {
            $sql = "SELECT * FROM students WHERE syozoku = '生徒会'";
        }
    }

   $stmt = $pdo->prepare($sql);
    $stmt->execute(null);
    $res = "<table border=1>
            <tr>
                <th>学籍番号</th>
                <th>氏名</th>
                <th>メールアドレス</th>
                <th>性別</th>
                <th>所属</th>
                <th>年</th>
                <th>編</th>
            </tr>\n";

    while($row = $stmt->fetch(PDO::FETCH_ASSOC)){

        $res .= <<<eod
        <tr>
            <td>{$row['student_number']}</td>
            <td>{$row['student_name']}</td>
            <td>{$row['email']}</td>
            <td>{$row['sex']}</td>
            <td>{$row['syozoku']}</td>
            <td>{$row['birth_year']}</td>
            <td><a href = "edit.php?seq={$row['seq']}">編</a></td>
        </tr>
eod;
    }

    $res .= "</table>\n";

}catch(Exception $e){
    echo "エラー発生" . $e->getMessage();
}

?>

<!DOCTYPE html>
<html>
<head>
    <title>一覧画面</title>
</head>
<body>

<form method="post" action="regist.php">
    <input type="submit" value="新規登録"></input>
</form>

<p>
    <form method="post">
        条件を絞り込む<br>
        フリーワード<input type="text" name="freeword"><br>
        性別
        <select name="sex">
            <option></option>
            <option value="男">男</option>
            <option value="女">女</option>
        </select><br>

        所属
        <select name="syozoku">
            <option></option>
            <option value="運動部">運動部</option>
            <option value="文化部">文化部</option>
            <option value="帰宅部">帰宅部</option>
            <option value="生徒会">生徒会</option>
        </select><br>

        <input type="submit" value="検索する"></input>
    </form>
</p>

<form>
    <input type="submit" value="全員表示"> 
</form><br>

<?php echo $res; ?>



</body>
</html>
```

![イメージ説明](edc63a0d7fd826fdcedbbb6393cf572a.png)

![イメージ説明](29b7d69c0bb72d7888f61d86fdd99e9a.png)

![イメージ説明](8845401bb5b75653d9e7a8aed55c68df.png)

絞り込み検索 複数 データベース

```PHP
//Element/footer.ctp
<script type="text/javascript">
$(function() {
    $('#MapSearch').submit(function(event) {
		event.preventDefault();//送信をキャンセル
		var $form = $(this);//対象のフォーム要素を取得
		// 送信ボタンを取得
        // （後で使う: 二重送信を防止する。）
        var $button = $form.find('button');
		
        $.ajax({
            url: "/test/ajax/hogessearch.json",
            type: "get",
			data: $form.serialize(),
            dataType: "json",
			timeout: 10000,
			// 送信前
            beforeSend: function(xhr, settings) {
                // ボタンを無効化し、二重送信を防止
                $button.attr('disabled', true);
            },
			// 応答後
            complete: function(xhr, textStatus) {
                // ボタンを有効化し、再送信を許可
                $button.attr('disabled', false);
            },
        }).done(function (response) {
    		alert("サクセス");
    	}).fail(function (response) {
    		alert("error");
        });
    });
});
</script>
```
```JSON
//submitで返ってくるJSON
{
    "jsonDataList": [
			{
				"id": 1,
                "column01": "東京",
				"column02": "35.681391",
				"column03": "139.766103",
        	},
         	{
				"id": 2,
				"column01": "新宿",
				"column02": "35.689729",
				"column03": "139.700464",
        	},
        ]
 }
```
```Javascript
//現状
places = new ns.MVCArray($.parseJSON(ここにJSON?)),
```
```Javascript
//最終的にしたい形
places = new google.maps.MVCArray([
			["1","東京", 35.681391, 139.766103],
			["2","新宿", 35.689729, 139.700464],
			["3","品川", 35.62876, 139.738999]
		]);
```

######補足
```Javascript
//GoogleMapのjavascript全文
<script type="text/javascript">
function initMap() {
 var map,
  var infoWindow,
		ns = google.maps,
		mapOptions = {
			zoom: 12,
			center: new ns.LatLng(35.665595, 139.739)
		},
		map = new ns.Map($("#map")[0], mapOptions),
	 
		places = new ns.MVCArray($.parseJSON()),
	  	
		places.forEach(function (place) {
		var marker = new ns.Marker({
				position: new ns.LatLng(place[1], place[2]),
				map: map
			});

		ns.event.addListener(marker, 'click', function () {//情報ウィンドウ
			if (!infoWindow) {
				infoWindow  = new ns.InfoWindow();
			}
			infoWindow.setContent(place[0]);//place
			infoWindow.open(map, marker);
		});
	});
}
 </script>
```

#####流れ
1.トップページから条件を指定して検索
2.コントローラーで値を受け取り、JSONを返す
3.返ってきたJSONを元にGoogleMapのマーカーを生成

以上です。
3の部分でつまずいています、、、

よろしくお願い致します。