常連

注目の的

自己紹介

Smartyのテンプレートの中で回数が決まっているループ文を書きたいです。

PHPのfor文と同じような使用方法を教えて下さい。

smartyで回数が決まっているループ文を使用したい

input textで
画面遷移した後、
また入力画面に戻った際に、
入力した値が保持されている状態にするには、
どうすればよいでしょうか？

input textの値　保持

環境　`MySQL 5.7`

MySQLコマンドをシェルスクリプトから実行する際のパスワード管理について
下記のどれが良いのでしょうか？

- MySQL付属のパスワードマネージャーツール「mysql_config_editor」を利用する
- 「--defaults-file」オプションで外部定義ファイル（chmod 400）を参照する
- 適当な環境変数名で環境変数にパスワードを登録する

MySQLをシェルスクリプトから実行する際のパスワード管理について

メインビジュアルが10枚あり、サムネイルの数が3つの項目でサムネイルの部分のテキストをクリックすると、メイン画像の指定した場所にスライド移動する仕組みを作成したいのですが、機能しませんでした。
サムネイルの画像とメイン画像の枚数が同じでないとできないのでしょうか。
同じような仕組みでご存知の方、javascript得意な方見ていただけませんでしょうか？

```html
サムネイル画像
<ul class="plan_list">
 <li>test1</li> //画像1のビジュアルにスライドする
 <li>test2</li> //画像5のビジュアルにスライドする
 <li>test3</li>//画像8のビジュアルにスライドする
</ul>

メイン画像
<ul class="selector">
 <li>画像1</li>//test1をクリックしたときの移動先
 <li>画像2</li>
 <li>画像3</li>
 <li>画像4</li>
 <li>画像5</li>//test2をクリックしたときの移動先
 <li>画像6</li>
 <li>画像7</li>
 <li>画像8</li>//test3をクリックしたときの移動先
 <li>画像9</li>
 <li>画像10</li>
</ul>
```

```js
	

	$(".selector").slick({
		autoplay: true,
		cssEase: 'ease',
		slidesToShow: 3,
		slidesToScroll: 1,
		infinite: true,
		draggable: true,
		arrows:true,
		focusonSelect:true,
		asNavFor: '.plan_list', //サムネイルのクラス名
		responsive: [
		{
				breakpoint: 768,
				settings: {
				slidesToShow: 1,
				slidesToScroll: 1,
				arrows:true,
			}
		}
	    ]
		
		
	});
	     $('.plan_list').slick({
          infinite: true,
          slidesToShow: 3,
          slidesToScroll: 3,
          asNavFor: '.selector', //スライダー本体のクラス名
          focusOnSelect: true,
     });
	/*
```

slickスライドの移動について

ES6からグローバル汚染を避けるために、すべて即時関数の中に記載しなくてよくなったと聞きました。

ただの{}ですべて処理のグループをとりあえず囲めばブロックスコープになるのでこれにvar以外を使えばそれでよいのでしょうか？
初心者にはただの{}に式が詰まっているのは文法エラーのように見えるのですが、ただの{}というのは問題ないのでしょうか？

またトランスパイルする場合は、このやり方だと、letがvarに代わってしまうので、相変わらず即時関数か、無名関数で囲むしかないという認識でよいでしょうか？
また、一般的に正しい書き方は、トランスパイルする場合は、
まず全体を即時関数で囲み、その後各グループをさらに即時関数で囲んでいくというやり方でよいでしょうか？
即実行したくないものは、ここに入れてはいけないのかという疑問も初心者には出てくるのですが、そもそも即実行しないものなんて実際はないですかね？


・JS本格入門より
＞＞＞
即時命令は使わない
前項で触れた即時関数は、ES2015の環境では要らなくなります。以下のように、該当するコードをブロックでくくり、配下の変数をlet命令で宣言すれば、即時関数と同じ効果を得られるからです。
◉リスト4-20 let_block.js
 {
   let i = 5;
   console.log(i);     // 結果：5
 }

 console.log(i);     // 変数iはスコープ外なのでエラー
リスト4-18と比べると、ぐんとコードがシンプルになっていると思います。

ES6からグローバル汚染を避けるために、すべて即時関数の中に記載しなくてよくなったと聞きますが、疑問点があります。

rails チュートリアルの第二章を勉強してます。

windows cloud9を使ってます。

git addをしてgit statusで見るとファイルが緑の文字になったのですが、git commitをすると、黒の文字で

＃ Please enter the commit message for your changes. Lines starting
＃ with '#' will be ignored, and an empty message aborts the commit.
＃
＃ On branch master
＃ Your branch is up-to-date with 'origin/master'.
＃
＃ Changes to be committed:
＃       new file:   app/assets/javascripts/users.coffee
＃       new file:   app/assets/stylesheets/scaffolds.scss
＃       new file:   app/assets/stylesheets/users.scss
＃       new file:   app/controllers/users_controller.rb

^G Get Help      ^O Write Out     ^W Where Is      ^K Cut Text      ^J Justify       ^C Cur Pos       ^Y Prev Page     M-\ First Line
^X Exit          ^R Read File     ^\ Replace       ^U Uncut Text    ^T To Spell      ^_ Go To Line    ^V Next Page     M-/ Last Line

と表示されます。
コミットするためにはどうすればよろしいでしょうか？

git commit 出来ない。

webサーバーとAPサーバー、さらにはデータベースサーバーの違いはサーバーにインストールされているソフトウェアによるのですか？

サーバーを借りたり、買ったりしてwebサーバー用のソフトウェア（apacheなど）をインストールすればそれはwebサーバーとして呼ばれ、APサーバー用のソフト（tomcatなど）をいれればAPサーバーと呼ばれるのですか？

それとも、webサーバーとAPサーバーはそもそも仕組みがちがっており、完全に別のものなのですか？

回答宜しくお願いします。

webサーバーとAPサーバーの関係について

お世話になります。

いま作っているサイトに、縦のアコーディオンメニューをつけようとしています。
jQueryを利用して、

```HTML
<dl id="acMenu">
	<dt><a href="#!">メニュー1</a></dt>
		<dd><a href="http://hoge.net/hoge/">サブメニュー11</a></dd>
		<dd><a href="http://hoge.net/hoge/">サブメニュー12</a></dd>
		<dd><a href="http://hoge.net/hoge/">サブメニュー13</a></dd>
	<dt><a href="#!">メニュー2</a></dt>
		<dd><a href="http://hoge.net/hoge/">サブメニュー21</a></dd>
		<dd><a href="http://hoge.net/hoge/">サブメニュー22</a></dd>
		<dd><a href="http://hoge.net/hoge/">サブメニュー23</a></dd>
	<dt><a href="#!">メニュー3</a></dt>
		<dd><a href="http://hoge.net/hoge/">サブメニュー31</a></dd>
		<dd><a href="http://hoge.net/hoge/">サブメニュー32</a></dd>
		<dd><a href="http://hoge.net/hoge/">サブメニュー33</a></dd>
</dl>
```
```JavaScript
<script>
    $(function(){
        $("#acMenu dt").on("click", function() {
			$(this).nextUntil("dt","dd").slideToggle("fast");
        });
    });
</script>
```
```CSS
dl#acMenu{
	width:320px;
	height:auto;
	overflow:hidden;
}
dl#acMenu dt{
	display:block;
}

dl#acMenu dd{
	clear:both;
	display:none;
}
```

というコードを書いたところ、クリックしたら開閉するメニューを作ることはできたのですが、「クリック時に『既に開いているメニュー』を閉じる」動作が実装できず困っております。dt直下のddが1つずつしかない場合には、
	$(this).next("dd").siblings("dd").slideUp();
を加えれば希望の動作となりますが、ddが複数ある場合はお手上げです。
どなたか良い案もしくは「ここを読め」的資料をご紹介いただけると嬉しいです。