常連

注目の的

社会貢献

apache2のインストールを試みたのですがうまくいきません。

環境
ubuntu16.04LTS

```terminal
sudo aptitude install apache2

```

上記のコマンドでインストールしたのですが、

 apache2.service - LSB: Apache2 web server
   Loaded: loaded (/etc/init.d/apache2; bad; vendor preset: enabled)
  Drop-In: /lib/systemd/system/apache2.service.d
           └─apache2-systemd.conf
   Active: failed (Result: exit-code) since 火 2018-06-12 20:00:50 JST; 9ms ago
     Docs: man:systemd-sysv-generator(8)
  Process: 5248 ExecStart=/etc/init.d/apache2 start (code=exited, status=2)

 6月 12 20:00:50 rarigo-To-be-filled-by-O-E-M systemd[1]: Starting LSB: Apache2 web server...
 6月 12 20:00:50 rarigo-To-be-filled-by-O-E-M apache2[5248]: /etc/init.d/apache2: 46: .: Can't open /etc/apa...ars
 6月 12 20:00:50 rarigo-To-be-filled-by-O-E-M apache2[5248]: /etc/init.d/apache2: 57: .: Can't open /etc/apa...ars
 6月 12 20:00:50 rarigo-To-be-filled-by-O-E-M apache2[5248]: ERROR: APACHE_PID_FILE needs to be defined in /...ars
 6月 12 20:00:50 rarigo-To-be-filled-by-O-E-M systemd[1]: apache2.service: Control process exited, code=exit...s=2
 6月 12 20:00:50 rarigo-To-be-filled-by-O-E-M systemd[1]: Failed to start LSB: Apache2 web server.
 6月 12 20:00:50 rarigo-To-be-filled-by-O-E-M systemd[1]: apache2.service: Unit entered failed state.
 6月 12 20:00:50 rarigo-To-be-filled-by-O-E-M systemd[1]: apache2.service: Failed with result 'exit-code'.
Hint: Some lines were ellipsized, use -l to show in full.

こんな感じのメッセージが表示されました。

原因がわかりません。どなたかご教授おねがいします
apache2.confが見つかりませんでした。
起動コマンドを実行しても
Job for apache2.service failed because the control process exited with error code. See "systemctl status apache2.service" and "journalctl -xe" for details.
このように返答されます。

apache2の中には
conf-available  conf-enabled  mods-available  mods-enabled  sites-available  sites-enabled
このフォルダがありましたがなにも入っていませんでした。

Apache2がうまく起動しない

WANからLANのRaspberry PIにssh接続できない（どうやらポート開放が上手く行ってない）のでご教示おねがいします。 

よしそろそろ俺も"のまどわーかー"になっちゃうぜ、"のまどわーかー"ってやつによ。そして"スタバ"で"MacBook"広げ、外から見える陳列席でタカタカ、ターン（RET）ってやっちゃうぜ？ と思い──というのは嘘で、スタバには行かないしマッキントッシュなんて高いマシーンは持ってません。しかし中古で買った安い型落ちPCにLinuxをインストールして、外出先からRaspberry Pi(以下、RP）に作ったGitリポジトリにファイルをPush出きるようにしようと思ったわけです、姉さん。（Gitリポジトリは作成済み）
ところが出先からでもwifiでssh接続できるように試行錯誤しているのですが上手くいきません。どなたかご教授ください。

以下、環境
試行しているクライアントOS：Ubuntu 14.04
サーバ：RP モデルB（OS：Rasbian Wheezy）
ルータ：バッファロー・ WZR-HP-G302H

行ったこと
１）RPにufwをインストールして、22番・80番・8000番・8080番のポートを許可。IPアドレスの固定
２）MyDNSでグローバルドメインを取得（仮に\\.\\.\\.\\とする）
３）ルータのポート開放（22番、8000番、8080(80)番）
![イメージ説明](3b1b9ae203fac7dfcdda721c42e5c20f.png)
４）UbuntuのFireFoxにVPN（Hotspot Sield）アドオンをインストール
５）RPにLighttpとWebiopiをインストール。Open-sshは最初から入っていた。

結果

１）クライアントのUbuntuからRPに、LAN内でssh接続（ssh ユーザ名@192.168.11.x 及びssh ユーザ名@ローカルhost名.local）はできる
２）LAN内（Hotspot Sield未使用）から、http://ローカルhost名.local（LAN内IP）で、ブラウザにlighttpのホームが見える
３）LAN内（Hotspot Sield未使用）から、http://ローカルhost名.local:8000（LAN内IP）で、ブラウザでWebiopiが見える（何故かログインアカウントとパスワードの入力は求められなかった）

４）WAN経由でUbuntuからssh接続（ssh \\.\\.\\.\\ そして ssh ユーザ名@\\.\\.\\.\\ そして ssh -p 22 \\.\\.\\.\\）ができない。（ssh: connect to host \\.\\.\\.\\ port 22: Connection refused と返ってくる）
５）WANから（Hotspot Sield有効）でhttp://\\.\\.\\.\\(:80) で、ブラウザでLighttpのホームが開かない
６）WANから（Hotspot Sield有効）でhttp://\\.\\.\\.\\:8080で、ブラウザでLighttpのホームが開く
７）WANから（Hotspot Sield有効）でhttp://\\.\\.\\.\\:8000で、ブラウザでWebiopiが開く

８）UbuntuからnmapコマンドでRPのローカルIPを調べると
	22/tcp   open   ssh
	80/tcp   open   http
	8000/tcp closed http-alt （Webiopi稼働時はopen）
	8080/tcp closed http-proxy
９）Ubuntuからnmapコマンドで192.168.11.1（ルータ）を調べると
	53/tcp open  domain
	80/tcp open  http
10）Ubuntuからnmapコマンドで\\.\\.\\.\\を調べると
	53/tcp open  domain
	80/tcp open  http

11）ブラウザを使いCMAN(www.cman.jp)で、\\.\\.\\.\\のポートを調べると
	22番にはアクセス可
	80番にはアクセス不可
	8000番にはアクセス不可（RPでwebiopiを稼働させている時はアクセス可）
	8080番にはアクセス可

12）ブラウザを使い、192.168.11.1を開いて「ゲーム＆アプリ」→「ポート変換」を見ると以下の図
![イメージ説明](54b2819dbd00e3c2fab079e04d0983d2.png)


携帯電話・スマートフォンを所持しておりませんので、厳密にはLAN外から（端末→インターネット→LAN）の検証はできておりません。また、ターミナルを使ったUbuntuからのssh接続もLAN内からしか検証していません（できない）ので、問題が
・RPの設定にあるのか
・ルータのポート開放が間違っているのか
・それともssh接続の仕方が間違っているのか
分かりません。
お分かりになられる方がいらっしゃったら、どうかご教示ください。よろしくお願い致します。

WANから自LAN内のサーバへssh接続できません

初期化という言葉が正しいかは分かりませんが質問させていただきます。
端的に質問を書きますと、とあるテーブルに対してdeleteメソッドを行うとデータは削除されるのですが、新たにcreateメソッド等でテーブルにデータを書き込んでもidが1からにならないということです。

以下のようにrakefile内でTable_dataというテーブル(モデルクラス)へ、class_mateというクラス生徒の名前と出席番号が入ったデータ（配列）からcreateメソッドでデータを渡してレコードの中にデータを入れてあげ、rake taskを実行するとします。
```ここに言語を入力
task :create_data  => :environment do
・
・
・
class_mate.each do |detail|
data= Table_data.create(name:detail['name'], number:detail['number'])
data.save
end
end
```
そうするとテーブルの中身は
　  
id   name   number
1   田中　       14
2   佐藤　       15
3   藤田          16

と、なると思います。

このテーブルに対して別のタスクでテーブルの中身を全て削除します
```ここに言語を入力
task :delete_data => :environment do
Table_data.delete_all
end
```

その後もう一度```task: create_data
```を実行すると、
id   name   number
4  田中　        １4
5   佐藤　       15
6   藤田          16

と主キーのidが初期化されず前のデータが残っているような形でテーブルに保存されます。
何故、このようなことが起こるのでしょうか？データベースの勉強をしっかりとしたことがないため困っております。

また僕はこのような形でAPIにリクエストし、返ってきたデータを保存→データをviewで表示→全削除→保存
→表示
というのをtaskを定期実行するライブラリと組み合わせて行おうと思っているのですが、何か設計としてまずい点はございますでしょうか？長くなりましたが宜しくお願い致します

（Rails）テーブルのデータを削除しても初期化されない

[connpass](https://connpass.com/about/api/)のAPIリファレンスを基に
APIのURLを叩き、戻り値をviewなどに表示しようと考えています。

その際に、eventsの情報までは取得できたのですが、titleなどを取得しようとするとエラーが発生するので、
どなたか対応方法をご教授いただければと存じます。


```rb
class ConnpassesController < ApplicationController

  def show
    uri = URI.parse('https://connpass.com/api/v1/event/?keyword=CloudStack')

    json = Net::HTTP.get(uri) #NET::HTTPを利用してAPIを叩く
    result = JSON.parse(json) #返り値をubyの配列に変換

    result['events']
    
    #以下だとエラーになる
    #result['events']['title']

  end
end

```

エラー内容（コンソール上での実行結果）

```rb

⇛result['events'][':event_id']
$ TypeError: no implicit conversion of String into Integer
```

RubyでAPIを叩きJsonから値を取得したい

###前提・実現したいこと
ここに質問したいことを詳細に書いてください
プログラミング初心者です　cloud９でapiを使うアプリをつくってみたいのですが
rubyで郵便番号のapiを叩くサイトの真似をしてプログラム書いてみたんですけどエラーがでて先に勧めません
参考にしたサイト（http://jumtech.hatenablog.jp/entry/2016/08/20/140720）
質問の仕方とかもしっかりわかっているわけではないので許してください

###発生している問題・エラーメッセージ

```
raise LoadError, "Unable to autoload constant #{qualified_name}, expected #{file_path} to define it" unless from_mod.const_defined?(const_name, false)

```

###該当のソースコード
Rubyここに言語を入力
class AddressController < ApplicationController
  def show
   
    params = URI.encode_www_form({zipcode: '7830060'})
 
    uri = URI.parse("http://zipcloud.ibsnet.co.jp/api/search?#{params}")
  
    @query = uri.query

    response = Net::HTTP.start(uri.host, uri.port) do |http|
 
      http.open_timeout = 5
    
      http.read_timeout = 10
  
      http.get(uri.request_uri)
    end

    begin

      case response

      when Net::HTTPSuccess
    
        @result = JSON.parse(response.body)
   
        @zipcode = @result["results"][0]["zipcode"]
        @address1 = @result["results"][0]["address1"]
        @address2 = @result["results"][0]["address2"]
        @address3 = @result["results"][0]["address3"]
 
      when Net::HTTPRedirection
        @message = "Redirection: code=#{response.code} message=#{response.message}"
      
      else
        @message = "HTTP ERROR: code=#{response.code} message=#{response.message}"
      end
    
    rescue IOError => e
      @message = "e.message"
    rescue TimeoutError => e
      @message = "e.message"
    rescue JSON::ParserError => e
      @message = "e.message"
    rescue => e
      @message = "e.message"
    end
  end
end
```

###試したこと

###補足情報(言語/FW/ツール等のバージョンなど)
より詳細な情報

Rubyでapiを叩く方法

### 前提・実現したいこと

railsでスケジュール作成のためにpickadate.jsを使っています。
２ページで使おうとしているのですが、片方のページでは問題なく使用できるのですが、もう片方のページではリロード時にコンソールで404エラーが出てしまいます。
なぜ、片方のページだけで、しかもリロード時だけエラーが発生するのかがわかりません。

### 発生している問題・エラーメッセージ
ちなみに、問題ない方のページから問題の発生する方のページに遷移した時は正常に動作します。
エラーが発生しているのは問題のあるページでリロードした時だけのようです。

```
GET http://localhost:3000/records/pickadate/legacy.js net::ERR_ABORTED 404 (Not Found)
GET http://localhost:3000/records/pickadate/picker.date.js net::ERR_ABORTED 404 (Not Found)
GET http://localhost:3000/records/css/default.date.css net::ERR_ABORTED 404 (Not Found)
GET http://localhost:3000/records/css/default.css net::ERR_ABORTED 404 (Not Found)
GET http://localhost:3000/records/pickadate/picker.js net::ERR_ABORTED 404 (Not Found)
GET http://localhost:3000/records/pickadate/pickadate.js net::ERR_ABORTED 404 (Not Found)
GET http://localhost:3000/records/pickadate/lang-ja.js net::ERR_ABORTED 404 (Not Found)
GET http://localhost:3000/records/pickadate/picker.date.js net::ERR_ABORTED 404 (Not Found)
GET http://localhost:3000/records/pickadate/legacy.js net::ERR_ABORTED 404 (Not Found)
GET http://localhost:3000/records/pickadate/lang-ja.js net::ERR_ABORTED 404 (Not Found)
GET http://localhost:3000/records/pickadate/pickadate.js net::ERR_ABORTED 404 (Not Found)
```
なぜか2回同じエラーが出ているファイルもあります。

### 該当のソースコード
application.html.haml
```html
!!!
%html
  %head
    %meta{:content => "text/html; charset=UTF-8", "http-equiv" => "Content-Type"}/
    %title Red Donation
    = csrf_meta_tags
    = csp_meta_tag
    = stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload'
    = javascript_include_tag 'application', 'data-turbolinks-track': 'reload'
    %meta{:content => "width=device-width, initial-scale=1, shrink-to-fit=no", :name => "viewport"}/
    
    %script{:crossorigin => "anonymous", :integrity => "sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy", :src => "https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"}
    
    %link{:href => "https://cdnjs.cloudflare.com/ajax/libs/font-awesome-animation/0.2.1/font-awesome-animation.min.css", :rel => "stylesheet"}/
    %link{:crossorigin => "anonymous", :href => "https://use.fontawesome.com/releases/v5.1.0/css/all.css", :integrity => "sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt", :rel => "stylesheet"}/

    %link{:href => "https://gitcdn.github.io/bootstrap-toggle/2.2.2/css/bootstrap-toggle.min.css", :rel => "stylesheet"}/
    %script{:src => "https://gitcdn.github.io/bootstrap-toggle/2.2.2/js/bootstrap-toggle.min.js"}

    // pickadate.jsのファイル
    %link{:href => "./css/default.css", :rel => "stylesheet"}
    %link{:href => "./css/default.date.css", :rel => "stylesheet"}
    %script{:src => "./pickadate/picker.js"}
    %script{:src => "./pickadate/picker.date.js"}
    %script{:src => "./pickadate/legacy.js"}
    %script{:src => "./pickadate/lang-ja.js"}
    %script{:src => "./pickadate/pickadate.js"}

  .container-fluid
    %body
      = yield
```

pickadate.js
```JavaScript
$(document).on('turbolinks:load', function() {
  $(function() {
    $('#schedule').pickadate({
      min: 0
    });
    $('#donation_day').pickadate();
  }
  );
});
```
scheduleが問題ないページの表示部のid
donation_dayが問題のページの表示部のid

cssファイルの置き場所
public/css
jsファイルの置き場所
public/pickadate



### 補足情報（FW/ツールのバージョンなど）
rails(5.2.3)
bootstrap使用

rails 特定のページでjsとcssの404エラーが発生

カルーセルをつけようと思ってSlickをつけてみましたが全く動きません。
http://kenwheeler.github.io/slick/

エラーは
$('.carousel').slick({
の箇所で
Uncaught TypeError: $(...).slick is not a function
と吐き出されています。
（Chromeのコンソールで確認）

```ruby
    script src="//code.jquery.com/jquery-1.11.0.min.js"
    script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"
    = javascript_include_tag 'slick.min.js'

    javascript:
      $(document).ready(function(){
        $('.carousel').slick({
          slidesToShow: 5,
          slidesToScroll: 1,
          autoplay: true,
          autoplaySpeed: 2000,
        });
      });

```

ViewのDiv該当箇所はこうなってます。ちなみにSlimです。

```ruby
.slider.carousel
  div
    img alt="" src=imgurl(@restaurant.image1) /
  div
    img alt="" src=imgurl(@restaurant.image2) /
  div
    img alt="" src=imgurl(@restaurant.image3) /
  div
    img alt="" src=imgurl(@restaurant.image4) /

```

AssetPiplineには特に設定していませんが、JQueryを該当箇所とこちらで2度呼んでいるのが問題なのでしょうか？
JS部分のJQueryのリンク外しても同じエラーにはなります。

```ruby
//= require jquery
//= require jquery_ujs
//= require underscore
//= require bootstrap
//= require gmaps/google

```

どなたかお分かりになる方おりませんでしょうか？

Slick実装でUncaught TypeError: $(...).slick is not a function

### 前提・実現したいこと
slick導入して、センター寄り(両端に前後の画像が少し見えている)自動スライダーを作りたい。

以下、症状(画像1)と理想(画像2)。
![症状(画像1)と理想(画像2)](889394d219b64bd08681acf8d60c5a12.jpeg)

### 発生している問題・エラーメッセージ

スライド式にならず、ただのリスト表示になる。
以下、エラーメッセージ。

×Failed to load resource: net::ERR_FILE_NOT_FOUND　　jquery.min.js:1 
×slick.min.js:1 Uncaught ReferenceError: jQuery is not defined　　slick.min.js:1 
    at slick.min.js:1
    at slick.min.js:1
×main.js:1 Uncaught SyntaxError: Unexpected token <　　main.js:1

### 該当のソースコード

◆配置状況は、

Dドライブ─サンプル ┏ index.html
-----------------------┣ 【css】─ index.css
-----------------------┣ 【images】─ スライダー用jpg700*350を4種
-----------------------┣ 【js】─ main.js
-----------------------┗ 【slick】 ┳【font】
------------------------------------┣ ajax-loader.gif
------------------------------------┣ slick.css
------------------------------------┣ slick-theme.css
------------------------------------┗ slick.min.js

◆index.htmlの内容は、

```html
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>サンプル</title>
<link rel="stylesheet" type="text/css" href="css/index.css">
<link rel="stylesheet" type="text/css" href="slick/slick.css" media="screen" />
<link rel="stylesheet" type="text/css" href="slick/slick-theme.css" media="screen" />
<script src="http//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="slick/slick.min.js"></script>
<script src="js/main.js"></script>
</head>

<body>
<div id="bannerslider">
<ul class="slider">
<li><a href="#"><img src="images/slider1.jpg" alt="image01"></a></li>
<li><a href="#"><img src="images/slider2.jpg" alt="image02"></a></li>
<li><a href="#"><img src="images/slider3.jpg" alt="image03"></a></li>
<li><a href="#"><img src="images/slider4.jpg" alt="image04"></a></li>
</ul>
</div>
</body>
</html>
```

◆index.css部分は、

```css
.bannerslider{
width: 1000px;
}
```

◆main.js部分は、

```javascript
<script type="text/javascript">
$('.slider').slick({
centerMode: true,
centerPadding: '100px',
dots:true,
focusOnSelect:true,
});
</script>
```

◆slickフォルダのcssやjsはいじっておりません。


なお、ローカル環境での確認のため、
<script src="http//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
の部分にhttpをつけています。

### 試したこと

色々な解説サイトを見て実践してみました。
index.css以外は解説サイト記載のコードをコピペ。

### 補足情報（FW/ツールのバージョンなど）

slick1.7

slickで上手くスライドショーが作れない。

現在作成中のアプリにおいて、slick.jsを使用したいのですが、slickが反映されません。
色々と調べてみたのですが、画像がhtml通りに羅列されるだけで、
全くわからなくなってしまったのでアドバイスいただければと思います。
slick導入時点の根本的な問題でしょうか？
よろしくお願いいたします。
他に必要なファイルがあれば記述いたします。


### html
```ここに言語を入力
    <ul class="slider">
        <li><img src="/assets/space.jpg"></li>
        <li><img src="/assets/flower.jpg"></li>
        <li><img src="/assets/forest.jpg"></li>
        <li><img src="/assets/lion.jpg"></li>
        <li><img src="/assets/mountain.jpg"></li>
    </ul>
```
### app/fronts/packs/application.js
```
require("@rails/ujs").start()
require("turbolinks").start()
require("@rails/activestorage").start()
//= require("channels")
//= require('jquery')



import 'bootstrap'
import '@fortawesome/fontawesome-free/js/all'
import '../stylesheets/application'
import '../javascripts/application'
import '../javascripts/slick.min'
```
### app/fronts/javascripts/application.js
```ここに言語を入力
$(function() {
    $('.slider').slick();
});
```
### app/fronts/stylesheets/application.scss
```@import '~bootstrap/scss/bootstrap';//bootstrap4
@import '~@fortawesome/fontawesome-free/scss/fontawesome';//fontawesome5
@import 'slick-theme';
@import 'slick';

@import 'custom';

```
### confing/webpacker.yaml
```ここに言語を入力
default: &default
  source_path: app/fronts
  source_entry_path: packs
  public_root_path: public
  public_output_path: packs
  cache_path: tmp/cache/webpacker
  check_yarn_integrity: false
  webpack_compile_output: true
```
### gemfile
```ruby '2.5.1'


gem 'rails', '~> 6.0.1'
gem 'mysql2', '>= 0.4.4'
gem 'dotenv-rails'
gem 'puma', '~> 4.1'
gem 'sass-rails', '>= 6'
gem 'webpacker', '~> 4.0'
gem 'turbolinks', '~> 5'
gem 'jbuilder', '~> 2.7'
gem 'bcrypt', '~> 3.1.7'
gem 'devise'
gem 'devise-i18n'
gem 'devise-i18n-views'
gem 'kaminari'
gem 'carrierwave'
gem 'mini_magick'
gem 'bootsnap', '>= 1.4.2', require: false

```

rails,webpacker,slickの組み合わせで使いたい

環境 rails 6.0.2

質問内容
簡単なSNSアプリのようなものを作成中です。

jQuery(Ajax?)がdevlopment環境では正常に動くのに、production環境ではエラーになってしまいます。アプリ自体は動くのですが、jQueryが発生するボタンを押すと以下のエラー文が出ます。なぜこのようなエラーが出てしまうのでしょうか？
もしわかる方いらっしゃいましたら、よろしくお願いします。（少しでも気になったことがあればコメントして頂けると幸いです）

エラー文
```
Uncaught ReferenceError: $ is not defined
    at <anonymous>:1:1
    at o (rails-ujs.js:283)
    at rails-ujs.js:196
    at XMLHttpRequest.r.onreadystatechange (rails-ujs.js:264)

```

config/webpack/environment.rb
```

const { environment } = require('@rails/webpacker')

const webpack = require('webpack')
environment.plugins.prepend('Provide',
    new webpack.ProvidePlugin({
        $: 'jquery/src/jquery',
        jQuery: 'jquery/src/jquery'
    })
)

module.exports = environment

```

javascript/packs/application.js
```
require("@rails/ujs").start()
require("turbolinks").start()
require("@rails/activestorage").start()
require("channels")
require('jquery')


// Uncomment to copy all static images under ../images to the output folder and reference
// them with the image_pack_tag helper in views (e.g <%= image_pack_tag 'rails.png' %>)
// or the `imagePath` JavaScript helper below.
//
// const images = require.context('../images', true)
// const imagePath = (name) => images(name, true)
import 'bootstrap';
import '../stylesheets/application';
```