常連

注目の的

質問力

### 前提・実現したいこと
ruby on rails6,データベースはmysqlを使っています。
親テーブルと子テーブルをeager_loadで結合して、**各親ごとに異なる条件で子テーブル側を検索**をしたいと考えています。
データ内容とテーブル構造は以下の通りです。

paretsテーブル
|id|start_date|start_child_id|
|:-:|:--:|:--:|
|1|2022-01-02 00:00:00|3|
|2|2022-01-04 00:00:00|5|
|~大量|～以下省略|

childsテーブル
|id|parent_id|sort_by_date|
|:-:|:--:|:--:|
|1|1|2022-01-03 00:00:00|
|2|1|2022-01-02 00:00:00|
|3|1|2022-01-02 00:00:00|
|4|2|2022-01-01 00:00:00|
|5|2|2022-01-04 00:00:00|
|大量|以下省略|以下省略|

```ruby
class Parent < ApplicationRecord
  has_many :childs
end

class Child < < ApplicationRecord
  belongs_to ;paent
```


親レコードには範囲開始地点を特定する為の範囲開始日カラムと開始child_idカラム(関連付けなし)があり、
子レコードでは並び順日付カラムがあります。
このとき
・1番親レコードでは、2022年1月2日以降の子レコードを並び替え日時順でキャッシュ、  (childs3番と１番)
・2番親レコードでは、2022年1月4日以降の子レコードを並び替え日時順でキャッシュ (childs5番)
みたいな取得を全体で行いたいのです。
それと、開始地点が複数ある（一つの親が持つ子で同じ並び替え日時がある）時、開始child_idより値が小さいchild_idの子レコードも取り除きたいのです。
例えば、parent1番が持つchildsは、並び替えると「2番→3番→１番」です。この内「２番と３番」が同じ並び替え日時であり、start_child_idが３番なので２番を取り除いて「３番と１番」を取得したいのです。


いずれの方法も、N＋１問題の発生するやり方しか思い浮かびません。


### 発生している問題

```ruby
Parent.eager_load(:childs).order('childs.sort_by_date asc, childs.id asc').each do |p|
  childs =p.childs.where(sort_by_date: p.start_date..)#ここでN＋１問題発生。
  start_child_id_position = childs.ids.index(p.start_child_id)#正確な開始地点特定。
  childs2 = childs[start_child_id_position..-1]#正確な開始地点以上の子レコードだけ取得。
  #何か処理
end
```
何かいい方法を知っている方がいましたら、教えて頂ければ幸いです。どうかよろしくお願いいたします。


railsでN+1問題を発生させずに、結合先で異なる日時範囲検索をしたい。

###別ページから飛んで来たときに、タブを切り替えて表示させたい
クラス「navi_wrap」をタブとして、
タブをクリックすると、クラス「box_wrap」に指定の内容を表示させる。
いわゆるタブの切り替えを実装。

1ページのみなら、これで完結なのですが、
別のページからリンクでとんできた際に、タブを切り替えて表示させたい。
と思い参考ページになるページを見ながら、記述してみましたが、うまく実装できません。
どこに不備があるのか分からず、行き詰まってます。
お助けを！

●参考ページ
[http://irohacross.net/2015/02/jquery_tab.html](http://irohacross.net/2015/02/jquery_tab.html)

###タブの切り替え
1ページ内で完結させる、タブの切り替えの実装は、以下通りにできました。
```HTML

<ul class="navi_wrap clearfix">
  <li class="tab01 active">メニュー01</li>
  <li class="tab02">メニュー02</li>
  <li class="tab03">メニュー03</li>
</ul>

<div class="box_wrap">
  <div id="box01" class="box_text">
    <p>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト<br>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト<br>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</p></div>
  <div id="box02" class="box_text">
    <p>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</p>
    <p>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</p></div>
  <div id="box03" class="box_text">
    <p>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</p>
    <p>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</p>
    <p>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</p>
    <p>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</p></div>
</div>

```

```css
/*タブ*/
ul.navi_wrap{ }
ul.navi_wrap li{
  float: left;
  background: #ccc;
  border: 1px solid #000;
  padding: 5px;
  text-align: center;
}
ul.navi_wrap li.active{
  font-weight: bold;
  background: #000;
  color: #fff;
}

/*内容*/
.box_wrap{
  width: 500px;
  height: 150px;
  border: 1px solid #000;
  overflow-x: hidden;
  overflow-y: auto;
}
.box_wrap .box_text{
  padding: 5px 10px;
  display: none;
}
#box01{background: #9BFF90; display: block;}
#box02{background: #FB9F60;}
#box03{background: #56F5FD;}
.box_wrap p{margin-bottom: 10px;}
```

```javascript
$(function() {
	$('ul.navi_wrap li').click(function() {
		//クリックされたタブの位置
		var index = $('ul.navi_wrap li').index(this);

		//コンテンツをすべて非表示
		$('.box_text').css('display','none');
		//指定内容のみ表示
		$('.box_text').eq(index).fadeIn();

		//タブをすべてoff
		$('ul.navi_wrap li').removeClass('active');
		//選択したタブのみon
		$(this).addClass('active');
	});
});
```
 
###別ページからリンクしてきた場合
タブの切り替えがあるページと同じ階層に、
リンクボタンを実装したページを作成。
```HTML
<ul>
  <li><a href="index.html#box01">メニュー1にリンク</a></li>
  <li><a href="index.html#box02">メニュー2にリンク</a></li>
  <li><a href="index.html#box03">メニュー3にリンク</a></li>
</ul>
```
このままボタンをおしても、ページが切り替わるだけで、タブが切り替わってくれない。

ので、タブの切り替えがあるページのJavaScriptを
参考ページを元に追加記述。

●参考ページ
[http://irohacross.net/2015/02/jquery_tab.html](http://irohacross.net/2015/02/jquery_tab.html)


```javascript
$(function() {
  //#以下を取得
  var hash = location.hash ;
  //[#box～]であるか確認
  hash = (hash.match(/^#box\d+$/) || [])[0];

 if($(hash).length){
  //[#box～]である場合、#より後を取得	
    var tabname = hash.slice(1) ;
  } else{
    //[#box～]でない場合、「box01」を表示
    var tabname = "box01" ;
  }
  //コンテンツを一度すべて非表示
  $('.box_text').css('display','none');
  //一度タブについているクラスactiveを削除
  $('.navi_wrap li').removeClass('active');

  var tabno = $('ul.navi_wrap li#' + tabname).index();

  //クリックされたタブと同じ順番のコンテンツを表示します。
  $('.box_text').eq(tabno).fadeIn();
  //クリックされたタブのみにクラスactiveをつけます。
  $('ul.navi_wrap li').eq(tabno).addClass('active');
});
```

参考ページ通りなら、
上記の記述で別ページから飛んできても、指定したタブに切り替わって表示されるはず、、、

なのですが
表示が切り替わないだけでなく
「#box03」が選択された状態で表示される。

どこを修正すれば、
指定通りにタブが切り替わってくれるでしょうか？



###追加記述
念のため、読み込んでいるファイルを記載しておきます。

■CSS
common.css------
/* ================================================== */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
----------以下略

■JavaScript
jquery-1.9.1.min.js----------
/*! jQuery v1.9.1 | (c) 2005, 2012 jQuery Foundation, Inc. | jquery.org/license
//@ sourceMappingURL=jquery.min.map
*/
----------以下略

別ページから飛んで来たとき、タブを切り替えて表示させたい

### 前提・実現したいこと
- CentOS7
- Apache2.4.6
- PHP7.3
- Mysql8.0

WordPress構築における、一般的なphp.iniの設定が知りたい。
そもそも変更する必要があるのか？
WordPress環境構築の手順サイトでは、変更している人としていない人がいるので気になった

### あるサイトで推奨されている設定

```
date.timezone = "Asia/Tokyo"

mbstring.language = Japanese
mbstring.internal_encoding = UTF-8
mbstring.http_input = UTF-8
mbstring.http_output = pass
mbstring.encoding_translation = On
mbstring.detect_order = auto
mbstring.substitute_charset = none


```

必要な設定が出てきたらで良いとは思うのですが、
もし、絶対やっておいた方が良い設定などありましたら、併せてお願いします。