常連

注目の的

質問力

自己紹介

現在RailsTutorialをやっていて、1.5.1　Herokuのセットアップ　という所です。
環境はWindows10にVirtualBoxとVagrantというソフトをインストールしてローカル環境で勉強しているのですが、Herokuのcliをインストールする方法が分かりません。仮想環境のOSはCentOSというものです。
RailsTutorialの中でこちらのページからHerokuのcliをダウンロードするように書かれていました。
[Heroku cliのダウンロードページです。](http://devcenter.heroku.com/articles/heroku-cli#download-and-install)
とりあえずwindows版をダウンロードしてみて、コンソール画面で
$ heroku --version
と入力してみたのですが、
-bash: heroku: コマンドが見つかりません
と出力されます。
おそらく仮想環境にインストールしないといけないと思うのですが、いくつかコマンドが書かれていて、どれを実行すればいいのか分かりません。
どれを実行すればいいのか教えてください。

仮想環境にHerokuのcliをインストールする方法が分かりません。

Webサイトを作ろうと思い、Progateを見ながらRailsでページを作成していました。ある程度形になったのでサーバーを借りてドメインも作りCyberduckを使ってフォルダをpublic_htmlの下にアップロードしました。

![イメージ説明](ce9b95978280e9a1aaa6417992033b8d.png)

サーバーはエックスサーバーのものを使っています。説明を読んだりして試行錯誤してたのですが、URLを打ってもページが表示されません。

このサイトにアクセスできません

というページになってしまいます。

いろいろ調べたところpublic_htmlの直下にindex.htmlのファイルを置かないといけないと知ったのですが、Railsで作ったら.erb　というファイル形式になってしまうのでこのあたりも疑問です。

どうしたらページが表示されるようになるのかどなたかご教授いただけないでしょうか。

Railsで作ったファイルをCyberduckにアップしてURLを打ち込んだがページが開けない

CentOS6.6(64bit)をインストール後、
 #yum update
したところ、kernel 更新はできたようですが、
 kernel   x86_64 2.6.32-573.22.1.el6  updates  30 M

その後、下記のように[Errno 14] PYCURL ERROR 6 が連続して、

===
パッケージをダウンロードしています:
http://ftp.riken.jp/Linux/centos/6/os/x86_64/Packages/NetworkManager-0.8.1-99.el6.x86_64.rpm: [Errno 14] PYCURL ERROR 6 - "Couldn't resolve host 'ftp.riken.jp'"
他のミラーを試します。
http://ftp.riken.jp/Linux/centos/6/os/x86_64/Packages/NetworkManager-glib-0.8.1-99.el6.x86_64.rpm: [Errno 14] PYCURL ERROR 6 - "Couldn't resolve host 'ftp.riken.jp'"
他のミラーを試します。
:
:
 ===
となって先に進みません。なお、
 # vi /etc/yum.repos.d/CentOS-Base.repo

で、CentOS-Base.repoを下記のように編集しています。

------------------------------------------------------
[base]
name=CentOS-$releasever - Base
 #mirrorlist=http://mirrorlist.centos.org/?release=$releasever&arch=$basearch&repo=os&infra=$infra
 #baseurl=http://vault.centos.org/6.6/os/$basearch/
baseurl=http://ftp.riken.jp/Linux/centos/$releasever/os/$basearch/
gpgcheck=1
gpgkey=file:///etc/pki/rpm-gpg/RPM-GPG-KEY-CentOS-6

 #released updates
[updates]
name=CentOS-$releasever - Updates
 #mirrorlist=http://mirrorlist.centos.org/?release=$releasever&arch=$basearch&repo=updates&infra=$infra
 #baseurl=http://vault.centos.org/6.6/updates/$basearch/
baseurl=http://ftp.riken.jp/Linux/centos/$releasever/updates/$basearch/
gpgcheck=1
gpgkey=file:///etc/pki/rpm-gpg/RPM-GPG-KEY-CentOS-6

 #additional packages that may be useful
[extras]
name=CentOS-$releasever - Extras
 #mirrorlist=http://mirrorlist.centos.org/?release=$releasever&arch=$basearch&repo=extras&infra=$infra
 #baseurl=http://vault.centos.org/6.6/extras/$basearch/
baseurl=http://ftp.riken.jp/Linux/centos/$releasever/extras/$basearch/
gpgcheck=1
gpgkey=file:///etc/pki/rpm-gpg/RPM-GPG-KEY-CentOS-6

 #additional packages that extend functionality of existing packages
[centosplus]
name=CentOS-$releasever - Plus
 #mirrorlist=http://mirrorlist.centos.org/?release=$releasever&arch=$basearch&repo=centosplus&infra=$infra
 #baseurl=http://vault.centos.org/6.6/centosplus/$basearch/
baseurl=http://ftp.riken.jp/Linux/centos/$releasever/centosplus/$basearch/
gpgcheck=1
enabled=0
gpgkey=file:///etc/pki/rpm-gpg/RPM-GPG-KEY-CentOS-6
 #contrib - packages by Centos Users
[contrib]
name=CentOS-$releasever - Contrib
 #mirrorlist=http://mirrorlist.centos.org/?release=$releasever&arch=$basearch&repo=contrib&infra=$infra
 #baseurl=http://vault.centos.org/6.6/contrib/$basearch/
baseurl=http://ftp.riken.jp/Linux/centos/$releasever/contrib/$basearch/
gpgcheck=1
enabled=0
gpgkey=file:///etc/pki/rpm-gpg/RPM-GPG-KEY-CentOS-6

----------------------------------------------------
参考にしたサイト：
http://qiita.com/iwahiroJP/items/1ad664d12a460be299b9
また、
 /etc/resolv.conf
の中身として
nameserver ←DNSサーバーのIPアドレス
を設定しています。

CentOSのyum更新のエラーについてお分かりになる方、ご教示よろしくお願い申し上げます。

---------------------------------------------------
 #ping <<DNSサーバのIPアドレス>> が通りました。
 #nslookup ftp.riken.jp も通りました。
 しかし、かんじんの、
 #yum update の実行結果が
読み込んだプラグイン:fastestmirror, refresh-packagekit, security
ロックファイル /var/run/yum.pid が存在します: PID 2850 として別に実行されています。
別のアプリケーションが現在 yum のロックを持っています。終了するまで待っています...
 他のアプリケーション: PackageKit
   メモリー:  25 M RSS (336 MB VSZ)
    開始   : Thu Apr 28 16:09:09 2016 - 00:10 秒経過
    状態   : スリープ中、PID: 2850
更新処理の設定をしています
Loading mirror speeds from cached hostfile
http://ftp.riken.jp/Linux/centos/6/os/x86_64/repodata/repomd.xml: [Errno 14] PYCURL ERROR 5 - "Couldn't resolve proxy 'proxy.hostname.com'"
他のミラーを試します。
エラー: Cannot retrieve repository metadata (repomd.xml) for repository: base. Please verify its path and try again
--------------------
となって、先に進めない状況です。

CentOS6.6(64bit)をインストール後にyum更新に失敗する

###前提・実現したいこと
rails4 ローカル環境 
deviseを使用してログイン機能を実装しました。 

そこで、トップページとなる``top/inedex.html.erb``で``<% if user_signed_in? %>``を使い、
ログインしてない場合はログイン用のページ
ログインしている場合は自分のトップページ
となるようにしました。

気に入った記事をお気に入りできるようにしていて、お気に入りした記事を自分のトップページに表示できるようにしたいです。

###発生している問題・エラーメッセージ
現在は該当のソースコードに記載したように記述しているのですが、ログイン時は正常に表示されているのですが、ログアウトした際に以下のエラーになってしまいます。

```
NoMethodError at /
undefined method `favorites' for nil:NilClass
```

###該当のソースコード
``top_controller.rb``
```
class TopController < ApplicationController
  def index
    @my_favorites = current_user.favorites
  end
end
```

``views/top/index.html.erb``
```
<% if user_signed_in? %>

省略

  <h4>お気に入り記事</h4>
    <% @my_favorites.each do |favorite| %>
      <p>
       <%= link_to thre_path(favorite.thre) do %>
        <%= favorite.thre.title %>
       <% end %>
      </p>
    <% end %>

<% else %>

省略

<%= link_to 'ログイン', new_user_session_path %>
<%= link_to 'サインアップ', new_user_registration_path %>

<% end %>
```

どのように修正すればか良いかアドバイス頂けると嬉しいです。
よろしくお願いします。

[Rails] ログインしている時と、していない時の表示

### 質問タイトルの経緯
静的サイトを作成していて、同じ内容を複数ページに表示することが多いのでテキストなどを共通化したいと思いました。
データベースを使用すればいい話なんですが、更新頻度も高いのでローカルでも環境構築せずに確認をしたいんです。

そこで、テキストなどを格納したJSONファイルを用意して、ページに反映しようかと考えたのですが、その際のデメリットや問題点などがあれば教えていただきたいと思います。

JSONファイルをDBのように使用したい

### 前提・実現したいこと
プログラミング練習としてTwitterのようなサービスを作っているのですが、ユーザーの新規登録ができないで悩んでいます。

### 発生している問題・エラーメッセージ
名前、メールアドレス、パスワードを入力して登録しようとすると全て入力しているにも関わらずName can't be blank、Email can't be blank、Password can't be blankがでて登録が完了しません。

### 該当のソースコード

```ここに言語名を入力
#new.html.erb
<div class="main users-new">
  <div class="container">
    <div class="form-heading">新規ユーザー登録</div>
    <div class="form users-form">
      <div class="form-body">
        <% @user.errors.full_messages.each do |message| %>
          <div class="form-error">
            <%= message %>
          </div>
        <% end %>

        <%= form_with model: @user, local: true do |f| %>
 
            <div class="form-group">
              <%= f.label :name, '名前' %>
              <%= f.text_field :name, class: 'form-control' %>
            </div>
           
            <div class="form-group">
              <%= f.label :email, 'メールアドレス' %>
              <%= f.email_field :email, class: 'form-control' %>
            </div>
           
            <div class="form-group">
              <%= f.label :password, 'パスワード' %>
              <%= f.password_field :password, class: 'form-control' %>
            </div>
           
            <div class="form-group">
              <%= f.label :password_confirmation, 'パスワード（もう１度ご入力ください）' %>
              <%= f.password_field :password_confirmation, class: 'form-control' %>
            </div>
           
            <%= f.submit '登録する', class: 'btn btn-primary btn-block' %>
          <% end %>

      </div>
    </div>
  </div>
</div>
```
```ここに言語を入力
#users_controller.rb
def new
    @user = User.new
  end
  
  def create
    @user = User.new(user_params)
    if @user.save
      session[:user_id] = @user.id
      flash[:notice] = "ユーザー登録が完了しました"
      redirect_to("/users/#{@user.id}")
    else
      render("users/new")
    end
  end
private
  def user_params
  params.require(:user).permit(:name, :email, :password,:password_confirmation)
  end
```
```ここに言語を入力
Rails.application.routes.draw do
  post "likes/:post_id/create" => "likes#create"
  post "likes/:post_id/destroy" => "likes#destroy"


  get "login" => "users#login_form"
  post "login" => "users#login"
  post "logout" => "users#logout"

  post "users/create" => "users#create"

  get "signup" => "users#new"
  get 'users/index'
  get "users/:id" => "users#show"
  get "users/:id/edit" => "users#edit"
  post "users/:id/update" => "users#update"
  get "users/:id/likes" => "users#likes"

  get 'posts/index' => "posts#index"
  get "posts/new" => "posts#new"
  get "posts/:id" => "posts#show"
  post "posts/create" => "posts#create"
  get "posts/:id/edit" => "posts#edit"
  post "posts/:id/update" => "posts#update"
  post "posts/:id/destroy" => "posts#destroy"
  get '/' => "home#top"
  get "about" => "home#about"

  resources :users, only: [:index, :show, :create, :edit, :update]
  resources :posts, only: [:index, :show, :create] do
    resources :comments, only: [:create]
  end
end

```
```ここに言語を入力
#user.rb
class User < ApplicationRecord
	has_secure_password
	mount_uploader :image, ImageUploader

	validates :name,{presence: true}
	validates :email,{presence: true, uniqueness: true}

	validates :password, presence: true, length: { minimum: 6 }, allow_nil: true
    validates :profile, length: { maximum: 160 }

	has_many :posts, dependent: :destroy
    has_many :comments, dependent: :destroy

	def posts
		return Post.where(user_id: self.id)
	end


end
```
```ここに言語を入力
#post.rb
class Post < ApplicationRecord
    mount_uploader :image, ImageUploader

	validates :content,{presence: true, length:{maximum:140}}
	validates :user_id,{presence: true}

	belongs_to :user
    has_many :comments, dependent: :destroy


	def user
        return User.find_by(id: self.user_id)
    end


end

```

### 試したこと

試行錯誤したのですが上手くいきませんでした…
回答いただけると幸いです。

RubyonRails ユーザー新規登録の際にName can't be blankがでて登録ができません…

現在、いいね機能を非同期通信で実装しているのですが下記エラーが発生してしまいます。
非同期にする前は問題なく動作していました。

どなたか回答お願いします。。

```
ActionView::Template::Error (undefined method `favorited_by?' for nil:NilClass):
    1: - if @recruitment.favorited_by?(current_user)
    2:   /ログインしているユーザーがファボしたかどうかで分岐
    3:   .recruitment__box__btn
    4:     .recruitment__box__btn__box
  
app/views/favorites/_favorite.html.haml:1:in `_app_views_favorites__favorite_html_haml__1751749382388006018_70287961722780'
app/views/favorites/destroy.js.erb:1:in `_app_views_favorites_destroy_js_erb__4278231835027885942_70287985797460'
```

該当箇所のコード
```
favorites/favorite.html.haml

- if @recruitment.favorited_by?(current_user)
  /ログインしているユーザーがファボしたかどうかで分岐
  .recruitment__box__btn
    .recruitment__box__btn__box
      = link_to 'いいね解除', recruitment_favorites_path(@recruitment.id), method: :delete, remote: true, class:"recruitment__box__btn__box__link"
      %p.recruitment__box__btn__box__favorite
        %i.fas.fa-heart
        = @recruitment.favorites.count
- else
  .recruitment__box__btn
    .recruitment__box__btn__box
      = link_to 'いいね', recruitment_favorites_path(@recruitment.id), method: :post, remote: true, class:"recruitment__box__btn__box__link"
      %p.recruitment__box__btn__box__favorite
        %i.fas.fa-heart
        = @recruitment.favorites.count
```



```
recruitment_model



class Recruitment < ApplicationRecord
  belongs_to :user
  has_many :favorites 

  def favorited_by?(user)
    favorites.where(user_id: user.id).exists?
  end

  def self.search(search)
    if search
      Recruitment.where('recruitment_type LIKE(?)', "%#{search}%")
    else
      Recruitment.all
    end
  end
end

```

```
favorites_controller


class FavoritesController < ApplicationController
  def create
    favorite = current_user.favorites.build(recruitment_id: params[:recruitment_id])
    favorite.save
  end

  def destroy
    favorite = Favorite.find_by(recruitment_id: params[:recruitment_id], user_id: current_user.id)
    favorite.destroy
  end

end

```


```
create.js.erb

$('#favorites_buttons').html("<%= j(render 'favorites/favorite') %>");
```

```
destroy.js.erb

$('#favorites_buttons').html("<%= j(render 'favorites/favorite') %>");
```

いいね機能の非同期通信でエラー

PHPの勉強をしたくて
何がどうなっているのか
よくわからず示されるまま
ローカルエリアの構築を始めました。

1.環境
Win10 32bit

2.やったこと
VirtualBoxのインストール
vagrantのインストール
CentOSのインストール
Vagrantfileを編集して仮想マシンのIPアドレスを192.168.33.10にする
仮想マシンを起動してStatusまで確認OK
PUTTYのインストール（日本語化）

---*---*---*---*---*---*---
ここまでは何とかできましたが
PUTTYから192.168.33.10への接続が
タイムアウトとなり接続できません。

ちなみにVagrant sshとすると
127.0.0.1、ポート2222と示され
それをPUTTYに設定してつなぐと
ログインIDとパスワードを聞かれ
vagrantを入力すると
つながっているように思えます。
まだこの先をしていないのでよくわかりませんが…

質問は二点
192.168.33.10と設定ファイルを変えたのに
つながらず127.0.0.1でつながっている状態は
正常なのか？
このまま進めて大丈夫なのか？

設定ファイルに記載した192.168.33.10でつなげるには
どうしたらよいのか…です。

よろしくご教示をお願いします。

---*---*---*---*---*---*---
その後、設定を一からやり直し
一度強制終了してから再度Vagrant upを行ったところ
default                   running (virtualbox)

The VM is running. To stop this VM, you can run `vagrant halt` to
shut it down forcefully, or you can run `vagrant suspend` to simply
suspend the virtual machine. In either case, to restart it again,
simply run `vagrant up`

となりましたが、やはりその続きで
PUTTYから192.168.33.10へつなごうとしても
タイムアップでつながりませんでした。

---*---*---*---*---*---*---
その後、
同じようなトラブルに遭われた方のサイト
[http://to-developer.com/blog/?p=1827](http://to-developer.com/blog/?p=1827)
で試されていることを行いました。
sudo ln -sf /dev/null /etc/udev/rules.d/70-persistent-net.rules
を行ってみましたが
最初のsudoでvagrantからそんなコマンドはないと怒られました。

現況、vagrant sshではつながるけど
vagrantfileに記載したIPではつながらないです。

---*---*---*---*---*---*---
Vagrantのバージョン：
先ほどまで最新版1.9.3でした。
ネットを調べていると新しいバージョンだと不具合が出ているようなので
今、どっとインストールと同じ1.8.6を落として試そうとしています。

VirtualBoxのバージョン：
5.1.18です。

VagrantFileの内容：
Vagrant.configure("2") do |config|
config.vm.box = "bento/centos-6.8"
config.vm.network "private_network", ip: "192.168.33.10"
end

※ただ、VagrantFileの内容は、前の1.9.3の時のファイルです。

---*---*---*---*---*---*---

PUTTYからVAGRANTへ接続をしたい

larvelとvuejsを使って何か開発しようと思っています。

laravelをインストーるし、プロジェクトを作成、その後そのプロジェクトがあるディレクトリにてnpm install をして（laravel, vueと検索してでてくる方法をそのまま真似しています）エディタで確認してみると、assetsディレクトリが用意されておらず、vueファイルが用意されていませんでした。

いろいろググってみたものの、チュートリアルはすでにlaravel プロジェクトのresourcesディレクトリにassetディレクトリ、componentディレクトリができていました。

まだまだ勉強不足なので、これ以上進まず、質問させていただきました。

どのようにして.vueファイルができるのでしようか？

laravelとvueで開発したい

##聞きたいこと
タイトルの通り、なぜMacやWindows上でわざわざLinuxを使用する人が多いのか知りたいです。

というのも、Youtubeでtutorialなどの動画を見ていると、
元々のOSがWindowsやMacOSでありながらわざわざVirtualBoxなどの仮想化ツールを使用してLinuxを使っている人が多く見られます。

その動画の中で使用しているエディタはOSに依存しないSublime TextやVim、EmacsなどといったわざわざLinuxを使用する必要性がないものばかりです。

また、ブラウザに関してもほとんどがChromeを使用しており、
正直Linuxでなくとも元々のOSで問題がないように感じます。

なぜ彼らはわざわざ仮想化をしてまでLinuxを使用するのでしょうか？

MacやWindows上でわざわざLinuxを使用する理由

phpでユーザーidをセッションで登録してログインなどをおこなってるのですが、
($_SESSION['id']=単純な数字(1、2、3など))
このセッションを登録する際は
まず、単純な数字をランダムな文字列にして
md5などで暗号化した方が良いのでしょうか？

セッションの暗号化について

いつもお世話になっております。

今回はネストした（用語が正しくない気がする）テーブルで対象のレコードの数を取得したいです。

構成としては以下の３つのテーブルがあり、外部キーで他のテーブルを参照できるようにしています。
- usersテーブル
- postsテーブル（posts.user_id => users.id）
- imagesテーブル（images.post_id => posts.id）

このときに、usersが何件imagesを登録しているかをsqlで取得したいです。

usersが投稿しているpostsの数を出すことは以下で出来ました。

```sql
select u.name, count(*)
from users as u
inner join posts as p on p.user_id = u.id
group by p.user_id
```

しかし、その下の階層のデータを取得する場合のやり方はわかりません。

最終的なゴールは、以下のように表示させたいです。

|user_id|num_images|
|:--|:--:|
|1|21|
|2|111|
|3|2|
|4|1299|

よろしくお願いいたします。。。

外部キーで繋がったレコード数の取得

なんでfetchAllメソッド使うんですか？
SBCreativeのPHP超入門になんどもfetchAllで取得してforeachでまわしてる文が出てくるんですけど未だに理解してません。

fetchAll()→該当する全てのデータを配列として返す

という意味みたいなんですが、
該当するデータなんて一件ぐらいしかないのになんで
わざわざ**全てのデータを配列として返すfetchAll**を使うんですか？

なんども
foreach ( $stmt->fetchAll () as $row ) {
がでてきて意味が解りません。


```php
foreach ( $stmt->fetchAll () as $row ) {
	$_SESSION ['customer'] = array (
			// idというキーで$row['id']を入れる
			'id' => $row ['id'],
			'name' => $row ['name'],
			'address' => $row ['address'],
			'login' => $row ['login'],
			'password' => $row ['password']
	);
}
```

[コード](http://qiita.com/icelandnono/items/b24a805e3bfdf89f0941)

```php
<?php require 'menu.php'; ?>
<?php
session_start ();
// unset→指定した変数を破棄する
unset ( $_SESSION ['customer'] );
$pdo = new PDO ( 'mysql:host=localhost;dbname=takahashi1;charset=utf8', 'takahashi', 'takahashi' );
$stmt = $pdo->prepare ( 'select * from customer where login=? and password=?' );
// var_dump($stmt);
$stmt->execute ( array (
		$_POST ['login'],
		$_POST ['password']
) );

// foreachは配列とオブジェクトをループして使うための構文
// 配列ではないが使いやすくするために特別にforeachの反復処理で使えるように作られている
// $rowという変数に入れる
// $rows = $stmt->fetchAll ();
// var_dump($rows)
foreach ( $stmt->fetchAll () as $row ) {
// foreach ( $rows as $row ) {
	// 連想配列$_SESSION['customer']にキーを指定して追加し、値として連想配列を代入
	$_SESSION ['customer'] = array (
			// idというキーで$row['id']を入れる
			'id' => $row ['id'],
			'name' => $row ['name'],
			'address' => $row ['address'],
			'login' => $row ['login'],
			'password' => $row ['password']
	);
}
if (isset ( $_SESSION ['customer'] )) {
	echo 'いらっしゃいませ、', $_SESSION ['customer'] ['name'], 'さん。';
} else {
	echo 'ログイン名またはパスワードが違います。';
}
?>
```

なんでここではfetchじゃなくてfetchAllなのでしょうか。
fetchとfetchAllの使い分けもできません。

fetch→一行づつ取得
fetchAll→全データを配列に変換。全ての結果行を含む配列を返す

PHP fetchAllメソッドって何で使うんですか？

現在PHPを使ってログインシステムを作ろうとしています。

色々調べてみた結果が「session」を使ったログインシステムでした。

まだわからない事だらけですので詳しい方がいましたら教えていただけると助かります。

①セッションを使うログインの際にデータベースへの接続及びIDやパスワードの保存はしなくても良いでしょうか。

②セッションを使ってログインしているかどうかはセッションに入っている文字列で判断するのでしょうか。その場合、セッションの中にIDやパスワードは入れても大丈夫でしょうか。

よろしくお願いします。

```
<!DOCTYPE html>
<head>
  <meta charset="UTF-8">
  <title>ログイン</title>
</head>
<body>
<form method="post" action="index.php">
  <input type="text" name="userid">
  <input type="password" name="password">
  <input type="submit" value="ログイン">
</form>
</body>
</html>
```

PHPのsessionを使ったログインについて

様々な企業が提供しているカスタム検索を使わずに簡易的な検索機能をサイトに設置したい

やりたいこと、考えていること→

フォームに入力された文字列を別の値に内部で変換し◯◯の部分に置き換え、ボタンで組み立てられたそのリンクに移動

例（フォームの値→変換する値）
トランペット→b001
チューバ→b002
バイオリン→s001
etc...

https://xxxxxx.com/searchbaffar/◯◯.html

or検索やand検索などは考えておりません

*可能であれば部分一致は作りたい
*ファイル内の文字ではなくファイル名を検索の判定にかけたい
*検索結果は別ページに表示したい
*静的サイトに設置したい

この方法以外に簡単な作り方や多機能を持たせられる作り方などありましたらどこがどう機能するのかを含め教えていただきたいです

簡易的なサイト内検索を作りたい

### 前提・実現したいこと

Javascriptで、簡単な早押しクイズのようなものを作りたいと考えています。
誰かと対戦形式にするのはJavascriptだけでは難しいと思うので、とりあえず初期段階として出来るだけ早い記録を出すという簡単なものを作りたいと考えています。

作りたい流れとしては以下の通りです。
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜
①「問題を表示する」ボタンを押すと、**1文字ずつ**問題が表示される
②途中で「回答する」ボタンを押すと、**入力ダイアログが表示され**回答を入力する
③正誤に関わらず、途中で押しても**問題を全て表示し、正解も表示する**
④同時に、正解なら上のヘッダー「X問/5問中　Y問正解」をX+1、Y+1にし、不正解ならX+1のみに変更。
⑤「次の問題へ」を押すと、**前の問題が消えて**①に戻る、以降5問まで繰り返し
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜


### 発生している問題
【問題1】
③において、問題と回答は表示されるが、途中で回答ボタンを押すと、残っていた文字がその全文の問題の後に1文字ずつ再び表示が再開されてしまう。
（例えば、「世界一高い山は何？」という問題があって「世界一高い」の段階で回答ボタンを押すと、「世界一高い山は何？**山は何？**」となる）

【問題2】
一旦問題1は無視していたのですが、「次の問題へ」を押して問題は消せても、再び「問題を表示する」ボタンを押しても第2問目が表示されない。

### 該当のソースコード

```HTML
   <header>
     <p><span id="all-cnt">0</span>問／10問中  <span id="maru-cnt">0</span>問正解</p>
   </header>
　　<input type="button" value="問題を表示" onclick="int()">
    <p id="mondai"></p>
  <button type="button" id="answer-btn" onclick="stop()">回答する</button>
  <p id="seikai"></p>

```
```Javascript
var allcnt = 0;
var marucnt = 0;
var ans = ['aaa','bbb'];
var qsn = ['第1問です。これは第1問です。これの答えはaaaです。','第2問です。これは第2問です。これの答えはbbbです。'];

var k = 0;
var q = 0;
var a = 0;
var question = qsn[q]
function appchar(){
  var txt = question.charAt(k);
  var x = document.getElementById("mondai").innerHTML;
  if (k > question.length) {
        clearInterval();
    } else{
    x = x + txt;
    document.getElementById("mondai").innerHTML = x;
    k+=1;
    }
}
function int(){
  setInterval(appchar,300);
}
function stop() {
  var result = prompt("答えを入力してください");
  if(result == ans[a]){
    alert("正解です！正解は" + ans[a] +"でした");
    document.getElementById("maru-cnt").innerHTML = marucnt + 1;
  } else{
    alert("不正解です…。正解は" + ans[a] +"でした");
  }
  document.getElementById("all-cnt").innerHTML = allcnt + 1;
  document.getElementById("seikai").innerHTML = "正解: " + ans[a] + '<br/><button type="button" id="next" onclick="next()">次の問題へ</button>';
    document.getElementById("mondai").innerHTML = "";
    document.getElementById("mondai").innerHTML = "第1問です。これは第1問です。これの答えはaaaです。";
        clearInterval();
}

function next() {
    document.getElementById("mondai").innerHTML = "";
    document.getElementById("seikai").innerHTML = "";
    q=q+1;
    a=a+1;
}
```

### 今後としては
できれば、以下も実現したいと考えたいと思っています。
⑥5問終了後、今までの問題で表示した文字数を集計して結果発表の画面に表示させる。例えば1問目で8文字問題が表示された状態で回答するボタンを押したら8追加、というようにして5問分全て足して、その数が少ない方が良い、というように。（これをやらないと早押しの意味がないので…）

### 最後に
色々試しましたが、これが一番近くなったと思います…
配列の勉強をしたくてやってみたので、配列はぜひ使いたいと考えています！
ご回答、よろしくお願いいたします…！

ちなみにブラウザはGoogleChromeを使用しています。

【早押しクイズ】前の問題を回答後、次の問題に切り替えるプログラムを作りたい

現役のエンジニアのみなさんにご質問がございます。
私は現在、Webエンジニアを目指し、勉強をしているものです。
３ヶ月程前から、勉強を初めてHTML,CSS,JS(基本文法とjQueryを少し触りました)と勉強をしてきました。
そして、そろそろPHPかRubyを本格的にスクールなどに通って勉強しようと思っています。

そこで、どちらを学ぶべきか現役のエンジニアさんたちのご意見をお聞きしたいです。
どんな意見でもかまいません。PHPはここがいい、Rubyはここがいいetc..など
よろしくお願いいたします。


追記
皆さん、貴重なご意見ありがとうございます。
大変参考になります。

もう少し掘り下げた相談をさせてください。

PHPかRubyかでご質問させていただきましたが、将来的にはどちらも学ぶつもりです。
その上でどちらを先に勉強すれば、将来的に良いか教えていただきたいです。PHPから他言語に行くのは苦労するという意見もちらほら見かけます。
現在は、環境構築が楽なPHPを少し触り、Webサービスってこんな風にできているのか、というのをなんとなく学んでいるところです。

お手数ですが、また様々なご意見をいただけると幸いです。
よろしくお願いします。

PHPかRubyで迷っています。

PHPを独学で勉強しているのですが、質の向上についてご相談したいです。
勉強内容としましては、簡易掲示板を作成し文章の追加や会員登録機能など色んな機能をつけ足しながら進めております。
ですが、会員登録機能などどれもネットにあるコードを真似ているだけの物になってしまっています。
別の物で同じ機能を実装しようとしたとき、コードがどのような動作をしているかは、調べながら把握はしているつもりですがすぐにこの機能が思い出せるか不安な部分もあります。
調べている時は、なるほどと思っていても数日後には、忘れている事が多いです。
そのため、こんな方法で機能実装しても意味がないのではなど思ってしまっております。

勉強の質をあげるには、どのように進めるのがいいのでしょうか。

よろしければご教授いただければ幸いです。

PHPの勉強について

###前提・実現したいこと
AndroidのchromeまたはOperaにて表示(初期表示、リロード)する際に、URLバーを表示しない方法をご教授下さい。
バーの非表示が不可能であれば、一旦URLバーを表示させた後に消えるような仕組みでもいいです。
起動時、リロード時に全画面表示(F11と同じ動き)が出来れば、URLバーは表示されないものなのでしょうか。
もしそうであれば全画面表示の仕方も教えて頂けると助かります。

###発生している問題・エラーメッセージ
初期表示時、ボタン操作時のリロード時に必ずURLバーが出てきてしまいます。
上にスクロールさせると見えなくはなるのですが、リロードすると画面上部よりバーが表示されてしまいます。

###試したこと
scrollToは試してみましたが、現バージョンでは動作しませんでした。


###補足情報(言語/FW/ツール等のバージョンなど)
Android 6.0.1;P024 Build/MMB29M
Chrome 49.0.2623.91
Opera 37.0.2192.105088

HTML5、CSS3、Javascriptを使用しています。

Android端末のブラウザでURLバーを表示しない方法はありますか？

演算子と制御文を一通り終え関数に入ったのですがjsのreturnの使い方がいまいち理解できません

```lang-＜javascript＞
function menseki(r){
  var m = 3.14 * r * r;
  return m;
}ｗ

var m = menseki(5);
```

自分なりに考えてみたのですが、処理を終えたり新しい処理を始める前にreturnを使うのでしょうか...

それともbreakやcontinueのように一定の処理を飛ばしたり無効にするためにつかうのかわかりません値を返すというのが理解できません。。どこに返しているのですか？

初歩的なことを質問してすみません。。
どなたか教えてください