常連

テラテイラー

回答者

ベストアンサー

拍手喝采

プロフェッサー

スピードスナイプ

先生

案内人

鑑定士

自己紹介

有名人

### 実現したいこと

Wordpressのプラグイン「custom-field-suite」を使用しています。
カスタム投稿タイプ「abc」でsingle-abc.phpを編集しています。
single-abc.phpにおいて、「custom-field-suite」のselect要素のフィールド「abc_industry」「abc_occupation」の値が同じ記事のリストを取得しようとしています。
下記のコードを書き込んだところ、サーバーが落ちてしまいました。恐らく、echo '<a href="' . get_permalink() . '">　の箇所を書き込んだところサーバーが落ちたので、ここが原因かと思いますが、サーバーが落ちた原因と修正方法を教えていただけないでしょうか。
よろしくお願い致します。


### 発生している問題・エラーメッセージ

サーバーが落ちる

### 該当のソースコード

```php
<?php
// 現在の投稿のフィールド値を取得
$current_id = get_the_ID(); // 現在の投稿ID
$industry = CFS()->get('abc_industry', $current_id);
$occupation = CFS()->get('abc_occupation', $current_id);
// 制約を生成
$industry_constraints = array_map(function($value) {
  return array(
    'key' => 'abc_industry',
    'value' => $value
  );
}, $industry);
$occupation_constraints = array_map(function($value) {
  return array(
    'key' => 'abc_occupation',
    'value' => $value
  );
}, $occupation);
// それらのフィールド値を持つ他の投稿を取得
$args = array(
'post_type' => 'abc',
'post_status' => 'publish',
'posts_per_page' => -1, // 全ての投稿を取得。必要に応じて変更してください。
'post__not_in' => array($current_id), // 現在の投稿を除外
'meta_query' => array(
  'relation' => 'OR', // industry または occupation が一致する投稿を取得
   array(
    'relation' => 'AND', // industry のすべての条件が一致
    $industry_constraints
   ),
   array(
    'relation' => 'AND', // occupation のすべての条件が一致
    $occupation_constraints
   ),
),
);
$the_query = new WP_Query($args);
// 結果のループ
if ($the_query->have_posts()) {
  while ($the_query->have_posts()) {
    $the_query->the_post();
    echo '<a href="' . get_permalink() . '"><img src="' . CFS()->get('abc_icon') . '" alt="' . get_the_title() . '" width="120" height="120"></a>';
  }
} else {
  echo '該当の記事はありませんでした。';
}
// ループをリセット
wp_reset_postdata();
?>

```


Wordpressのカスタム投稿タイプ用のphpを変更するとサーバーが落ちます

comment.video に　url を入れたいのですが、　したのコードのように、 +str(format) を足さないと、スクリーンショットに記載されているような　mov という拡張子が文字列に含まれません。　????を使って文字列がどのように連結されたかを見ているのですが、
最後に足されているはずの????が見当たりません。
なぜこのようなことが起こっているのでしょうか？

```python
import cloudinary.uploader
import cloudinary.api
import os
def post_detail(request, pk):
    post = Post.objects.get(pk=pk)
    if request.method == 'POST':
        form = CommentForm(request.POST, request.FILES)

        if form.is_valid():
            comment=form.save(commit=False)
            comment.post=post

            if 'video' in request.FILES:
                video = request.FILES['video']     
                result = cloudinary.uploader.upload_large(video)
                video_url = result['url']
                format=os.path.splitext(video_url)
                
                form.cleaned_data['video'] = video_url
                comment.video=form.cleaned_data['video']+'????'+str(format)+'????' #<-----この行です。

```
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-01-01/2ed1227f-b8de-47bf-b217-f81b5938646e.png)

python の　文字列を連結すると、今まで見えなかった文字列が追加される。

## 概要
Jqueryの勉強をしているのですが、見本と同じコードにしてもエラーが出ます。
上が自分のコードで下が見本のコードです。何が違うんでしょうか？
vscodeで編集しているのですが、"button"の所で識別子が必要です(ts1003)、
clickの前の.で(property)(Missing):any 識別子が必要です(ts1003)、,が必要です(ts1005)、
.click(function(){~~~});の最後の;で,が必要です(ts1005)
と出ます。
index.htmlではJqueryを読み込むことは出来ていました。
```script.js
$(funcition(){
    
    $("button").click(function(){ 
        
        $("#topmenu").slideToggle(200);
    });
});
```
```script.js
$(function(){
    // アイコンをクリック
    $("button").click(function(){
      // ul要素を開閉
      $("ul").slideToggle(200);
    });
  });

```
```html
<!DOCTYPE html>
<html lang="ja">
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" href="style.css">
        <script src="https://code.jquery.com/jquery-3.6.1.min.js"></script>
        <script src="script.js"></script>
    </head>
    <body>
        <header>
            <h1>samplecode</h1>
            <ul id="topmenu">
                <li>Jquery</li>
                <li>Javascript</li>
                <li>JS</li>
            </ul>
            <button class="tm-img"><img src="button.png" alt="menu" ></button>
        </header>
    </body>
</html>
```
```style.css
@charset "utf-8";
header{
    background-color: darkslategrey;
    color:white;
    display:flex;
    justify-content:space-around;
    align-items: center;
}
#topmenu{
    display:none;
}
```

Jqueryが動きません。


i installed beautifulsoup4 many times but i can't use it 
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-05-07/f7d870d2-3062-4675-9a5a-8a4e574a419e.png)
i'm confused what should read abou this error and watch videos about this error bt wasn't help for me
(ImportError: cannot import name 'beautifulsoup' from 'bs4')

why i can't use beautifulsoup module ?

### 前提

今回下記のような変数があったとします。
let a = "a0000000000000"
let b = String(format: "%08x", Int(String(a.prefix(7)))!)

### 実現したいこと
上記2つ目の中のコード

Int(String(a.prefix(7)))!

この部分をguard let 使って安全にアンラップしたいです。
ご教授願います。

### 該当のソースコード

```Swift
Int(String(a.prefix(7)))!
```

### 試したこと

他サイトを参考にしたのですがうまくできません、、、



Swift guard let へ書き換えについて教えてください！

### 前提

Pythonのnumpyで作成するランダムデータに関する質問です。

ランダムデータを作成したいのですが、いくつか条件があります。
●Type”FF”
・Score1が150.0～160.0の範囲
・Score2が20.0～50.0の範囲
・Score3が20.0～40.0の範囲
●Type"SL"
・Score1が140.0～150.0の範囲
・Score2が-50.0～30.0の範囲
・Score3が-40.0～40.0の範囲

のように、ランダムで作成する中でもdf["Type"]の値によって、とる範囲を変化させたいです。

以下のコードのように、ランダムデータ全体の範囲指定はできたのですが、Typeでさらに範囲を区別する方法が分かりません。

詳しい方、ご教授の程よろしくお願いいたします。




### 該当のソースコード

```Python
## ランダムデータの作成
import pandas as pd
import numpy as np

pd.options.display.float_format="{:.2f}".format

N = 1000
type = ["FF","SL"]
type = np.random.choice(type,size=N)
df = pd.DataFrame({
    "Type":type,
    "Score1":np.random.sample(N) * 20.0 + 140.0,
    "Score2":np.random.sample(N) * 100.0 - 50.0,
    "Score3":np.random.sample(N) * 80.0 - 40.0,
})


```
### 追記（条件が3種以上の場合は？）
```Python
## ランダムデータの作成
import pandas as pd
import numpy as np

pd.options.display.float_format="{:.2f}".format
type = ["FF","SL","CU"]
N = 1000
type = np.random.choice(type,size=N)
df = pd.DataFrame({
    "Pitch Type":type,
    "Score1":[np.random.rand()*10+150 if t == "FF" elif np.random.rand()*20+130 if t == "SL" else np.random.rand()*10+140 for t in type],
    "Score2":[np.random.rand()*40+30 if t == "FF" else np.random.rand()*20+30 for t in type],
    "Score3":[np.random.rand()*20+20 if t == "FF" else np.random.rand()*30-10 for t in type],
})

```
### 追記（発生しているエラー）
```
  File "C:\Users\DELL\AppData\Local\Temp/ipykernel_18992/3232225939.py", line 13
    "Score1":[np.random.rand()*10+150 if t == "FF" elif np.random.rand()*20+130 if t == "SL" else np.random.rand()*10+140 for t in type],
                                                   ^
SyntaxError: invalid syntax
```
### 追記2 - 同じTypeであっても値は一定ではなくランダムに設定したい

```Python
import pandas as pd
import numpy as np
import matplotlib.pyplot as plt
import japanize_matplotlib

pd.options.display.float_format="{:.2f}".format

type = ["FF","CU","SP","SL","SI","CB"]

N = 1000
type = np.random.choice(type,size=N)
df = pd.DataFrame({"Type":type})
# Score1
df.loc[df.Type=="FF","Score1"] = np.random.rand()*10+150
df.loc[df.Type=="CU","Score1"] = np.random.rand()*10+140
df.loc[df.Type=="SP","Score1"] = np.random.rand()*10+130
df.loc[df.Type=="SL","Score1"] = np.random.rand()*10+120
df.loc[df.Type=="SI","Score1"] = np.random.rand()*10+145
df.loc[df.Type=="CB","Score1"] = np.random.rand()*20+100
# Score2
df.loc[df.Type=="FF","Score2"] = np.random.rand()*30+35
df.loc[df.Type=="CU","Score2"] = np.random.rand()*30+10
df.loc[df.Type=="SP","Score2"] = np.random.rand()*20+0
df.loc[df.Type=="SL","Score2"] = np.random.rand()*20-10
df.loc[df.Type=="SI","Score2"] = np.random.rand()*20+20
df.loc[df.Type=="CB","Score2"] = np.random.rand()*30-40
# Score3
df.loc[df.Type=="FF","Score3"] = np.random.rand()*30+15
df.loc[df.Type=="CU","Score3"] = np.random.rand()*30-10
df.loc[df.Type=="SP","Score3"] = np.random.rand()*30+10
df.loc[df.Type=="SL","Score3"] = np.random.rand()*40-30
df.loc[df.Type=="SI","Score3"] = np.random.rand()*20+30
df.loc[df.Type=="CB","Score3"] = np.random.rand()*10-25

#画像サイズ、軸サイズ調整
plt.figure(figsize=(11,11))
#各タイプの色を定義づけ
pitch_colors = {"FF":"b","SI":"c","SL":"r","SP":"g","CB":"pink","CU":"y"}
ax1 = plt.subplot(1,1,1)

# make ScatterPlot
ax1.axis([-70,70,-70,70])
x = df[["Score3"]]
y = df[["Score2"]]
#各タイプを色別でplot
for k in pitch_colors:
    df_selected = df[df['Type'] == k]
    if not df_selected.empty:
        df_selected.plot.scatter(x='Score3', y='Score2', marker='o', c=pitch_colors[k], s = 50, label=k, ax=ax1)
#プロットのグリッド線
ax1.grid(True,linestyle = "dotted")
# adding vertical line in data co-ordinates
ax1.axvline(0, c='silver', ls='-')
# adding horizontal line in data co-ordinates
ax1.axhline(0, c='silver', ls='-')
#凡例の表示
flg=12
ax1.legend(loc='upper left',fontsize=flg,title='Type')




```
###　追記2 -現状と理想
現状
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-04-14/313aa04b-965e-4cdf-bbbb-a838f36fcd25.png)

理想（ランダムで作成したものではないため例です）
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-04-14/3d010fb5-275b-49ba-98e5-72e1d5f084f0.png)

### 補足情報（FW/ツールのバージョンなど）

python3.9、VSCode

あるカラムに含まれる文字列の値によってランダムデータの値のとる範囲を変えたい

# クローズします

まだまだ不具合は**山ほど**(社会的に見て致命的と思えるものも多数)ありますが、運営状況から見て、運営の方はこれで修正が一段落したと考えているように思われます。

これ以上はここに報告しても参考にされることはないであろうと思いますので、一端クローズとさせていただきます。
これ以降は、各自直接運営の方に報告していただければと思います。

どの報告も大事ですが、クローズするにはシステム上ベストアンサーを決めなければならないので、現時点で最も高評価な回答をベストアンサーに決めさせていただきます。

大勢のご協力、ありがとうございました。

運営はなしのつぶてなので、何の責任もない私が代わりにお礼申し上げます。

---
大規模メンテナンスが終わりましたが、かなりの不具合が見られます。
開発の方で把握できたものは随時修正されると思いますが、せっかくですのでバグ出しを手伝おうではありませんか。

個人個人で報告しても良いとは思いますが、同じものが何人もから報告されると目を通すだけで時間がかかり、返信が必要な場合はそれにも時間がとられます。

そこで、この質問の修正依頼に報告することにしませんか？
なるべく前の書き込みを見て重ならないよう書いていただければありがたいですが、可能であり必要であればこちらで整理して質問または回答に掲載しようと思います。

議論の余地があるものや画像などが必要なものでしたら、回答していただいた方が見やすくなると思います。
この質問の存在はこちらから運営に知らせておきますので、よろしくお願いします。

### 2022/01/12 追記
現在、運営への報告ができない状態です。
事態が事態なので、意図的にその機能がしばらく停止されている可能性もあります。

### 2022/01/12 追記2

[morimorinoki](https://teratail.com/users/morimorinoki) さんから次のような報告を受けています。

- タイムアウトすることが多い
- 記号を使用したり文脈の変な部分での＼が入っていて読みづらい
- 画像が見られない
- ＼のせいでURLに飛びづらい
- 通知が役に立たない。
- 戻るボタンで戻ると強制的にページ最上部まで飛ぶ
- 頻繁に「Application error: a client-side exception has occurred (see the browser console for more information).」が出る。（TOREMO UZAI）
- コードを確認しようとすると下の装飾で読めない時がままある。


teratail 不具合報告

**やりたいこと**
・HerokuでURLを投稿したGoogleドライブの動画を再生

**やろうとしている手段**
・iframeを使って動画再生

**調べたこと・スタックしていること**
・ローカル環境だと問題なく表示できる
![ローカル環境](ba2e1c6d38642195a3497877e2456799.png)

・動画を持ってくるURLをhttpsではなく、httpにするとできる？
→できなかった
http://masterkei.hatenablog.com/entry/2015/10/09/170214

・iframe内からWebページが読み込まれるのを防止する X-Frame-OptionsというものがGoogleのサイトにはかかっていて、それが原因でHerokuでiframeを使って動画再生ができない
https://teratail.com/questions/24282
https://memo.morelents.com/x-frame-options/

・X-Frame-Optionsとは何か
https://buzzwordjp.blogspot.com/2011/09/iframe-x-frame-options-http.html

・proxy_pass Nginxを使ってページのURLを変更？単純なプロキシページをサーバー上で実行し、Googleからリクエストして結果をクライアントに出力？
→読みましたが、Nginxとは？プロキシページとは？となり、止まっています。
https://stackoverflow.com/questions/8700636/how-to-show-google-com-in-an-iframe

**現状の該当部分のコード**
```erb
<iframe src="<%= video.url %>" width="320" height="240"></iframe>
```
**現状の該当部分の状態(Chrome)**
![イメージ説明](c19c3943af0df1c42cb89592fc0755df.png)

**出ているエラー**
![出ているエラー](05208119a3b2efe39841111b467d0ded.png)

お力添えいただけますと幸いですm(__)m

Herokuにpushしたら、iframeでの動画再生ができなくなった

下記のコードは文字列のみのスライドショーで手動でスライドさせています。
しかし、このスライドショーは、４つ目のスライドから５個目のスライドに移動させようとすると挙動がおかしくなります。
5個目に移動すると思ったら、まだ６個目があるのに１個目に戻り、そこから２個めにスライドさせると一瞬１個目が
表示されてから２個目、３個目が表示されてしまいます。

どうしたら６個目まで綺麗に表示させる事ができるでしょうか。
（※投稿の文字数制限があったので戻るボタンの部分のCSSは省略してあります。）

「スライドショー１個目」
![イメージ説明](f561cfa65ba268060ff2347412e20b13.jpeg)

<HTML>
```ここに言語を入力
<div id="sub_box">
<div class="css3-slider">
    <div class="slider-view">
      <input type="radio" id="slider-back1" class="slider-radio" name="slider">
      <input type="radio" id="slider-back2" class="slider-radio" name="slider">
      <input type="radio" id="slider-back3" class="slider-radio" name="slider">
      <input type="radio" id="slider-back4" class="slider-radio" name="slider">
      <input type="radio" id="slider-back5" class="slider-radio" name="slider">
      <input type="radio" id="slider-back6" class="slider-radio" name="slider">
      
      <input type="radio" id="slider-next1" class="slider-radio" name="slider">
      <input type="radio" id="slider-next2" class="slider-radio" name="slider">
      <input type="radio" id="slider-next3" class="slider-radio" name="slider">
      <input type="radio" id="slider-next4" class="slider-radio" name="slider">
      <input type="radio" id="slider-next5" class="slider-radio" name="slider">
      <input type="radio" id="slider-next6" class="slider-radio" name="slider">
      
      <div class="slider-view__controllers">
        <div class="slider-view__controllers__icon-set">
          <label for="slider-back1" class="slider-back"> ＜ </label>
          <label for="slider-next1" class="slider-next"> ＞ </label>
        </div>
        <div class="slider-view__controllers__icon-set">
          <label for="slider-back2" class="slider-back"> ＜ </label>
          <label for="slider-next2" class="slider-next"> ＞ </label>
        </div>
        <div class="slider-view__controllers__icon-set">
          <label for="slider-back3" class="slider-back"> ＜ </label>
          <label for="slider-next3" class="slider-next"> ＞ </label>
        </div>
        <div class="slider-view__controllers__icon-set">
          <label for="slider-back4" class="slider-back"> ＜ </label>
          <label for="slider-next4" class="slider-next"> ＞ </label>
        </div>
        <div class="slider-view__controllers__icon-set">
          <label for="slider-back5" class="slider-back"> ＜ </label>
          <label for="slider-next5" class="slider-next"> ＞ </label>
        </div>
        <div class="slider-view__controllers__icon-set">
          <label for="slider-back6" class="slider-back"> ＜ </label>
          <label for="slider-next6" class="slider-next"> ＞ </label>
        </div>
      </div>
      <div class="slider-view__move">
        <div class="slider__content__item_ slider-view__move_text">
          <p>制作の流れ</p>
        </div>
        <div class="slider-view__move_text">
          <h2>02.</h2>
          <p class="text_p1">TEST <B/p>
          <p class="text_p2">テストテストテストテストテストテストテストテストテストテスト</p>
        </div>
        <div class="slider-view__move_text">
          <h2>03.</h2>
          <p class="text_p1">TEST C</p>
          <p class="text_p2">テストテストテストテストテストテストテストテストテストテスト</p>
        </div>
        <div class="slider-view__move_text">
          <h2>04.</h2>
          <p class="text_p1">TEST D</p>
          <p class="text_p2">テストテストテストテストテストテストテストテストテストテスト</p>
        </div>
        <div class="slider-view__move_text">
          <h2>05.</h2>
          <p class="text_p1">TEST E</p>
          <p class="text_p2">テストテストテストテストテストテストテストテストテストテスト</p>
        </div>
        <div class="slider-view__move_text">
          <h2>06.</h2>
          <p class="text_p1">TEST F</p>
          <p class="text_p2">テストテストテストテストテストテストテストテストテストテスト</p>
        </div>
      </div>
    </div>
  </div>
</div>
```

<CSS>
```ここに言語を入力
/* スライダー用のinputは非表示 */
	.slider-radio {
		display: none;
	}

	/* スライダー部分 */
	.css3-slider {
		margin: 0 auto;
		width: 600px;
	}
	.slider-view {
		height:400px;
		overflow: hidden;
		position: relative;
		width: 100%;
	}
	.slider-view__move {
		position: absolute;
	}
	.slider-view__move_text {
		width: 600px;
	}
	.slider-view__move_text:nth-of-type(1) { left: 0; position: absolute; }
	.slider-view__move_text:nth-of-type(2) { left: 600px; position: absolute; }
	.slider-view__move_text:nth-of-type(3) { left: 1200px; position: absolute; }
	.slider-view__move_text:nth-of-type(4) { left: 1800px; position: absolute; }
	.slider-view__move_text:nth-of-type(5) { left: 2400px; position: absolute; }
	.slider-view__move_text:nth-of-type(6) { left: 3000px; position: absolute; }

	/* スライドショーの文字に設定するアニメーション */
	#slider-next1:checked ~ .slider-view__move {
		-webkit-animation:
			slider-next1-animation 1s linear 1 normal 0s both
		;
		animation:
			slider-next1-animation 1s linear 1 normal 0s both
		;
	}
	#slider-next2:checked ~ .slider-view__move {
		-webkit-animation:
			slider-next2-animation 1s linear 1 normal 0s both
		;
		animation:
			slider-next2-animation 1s linear 1 normal 0s both
		;
	}
	#slider-next3:checked ~ .slider-view__move {
		-webkit-animation:
			slider-next3-animation 1s linear 1 normal 0s both
		;
		animation:
			slider-next3-animation 1s linear 1 normal 0s both
		;
	}
	#slider-next4:checked ~ .slider-view__move {
		-webkit-animation:
			slider-next4-animation 1s linear 1 normal 0s both
		;
		animation:
			slider-next4-animation 1s linear 1 normal 0s both
		;
	}
	#slider-next5:checked ~ .slider-view__move {
		-webkit-animation:
			slider-next5-animation 1s linear 1 normal 0s both
		;
		animation:
			slider-next5-animation 1s linear 1 normal 0s both
		;
	}
	#slider-next6:checked ~ .slider-view__move {
		-webkit-animation:
			slider-next6-animation 1s linear 1 normal 0s both
		;
		animation:
			slider-next6-animation 1s linear 1 normal 0s both
		;
	}

	/* アニメーションの設定 */
	@keyframes slider-next1-animation {
		0%  { left: 0; }
		100% { left: -600px; }
	}
	@keyframes slider-next2-animation {
		0%  { left: -600px; }
		100% { left: -1200px; }
	}
	@keyframes slider-next3-animation {
		0%  { left: -1200px; }
		100% { left: -1800px; }
	}
	@keyframes slider-next4-animation {
		0%  { left: -1800px; }
		100% { left: -2400px; }
	}
	@keyframes slider-next5-animation {
		0%  { left: -2400px; }
		100% { left: -3000px; }
	}
	@keyframes slider-next6-animation {
		0%  { left: -3000px; }
		0% { left: -3600px; }
	}

	/* 前後に進むためのボタン部分 */
	.slider-view__controllers {
	    position: relative;
	    top: 40%;
	    z-index: 9999;
	}
	.slider-view__controllers__icon-set {
		display: none;
	    position: relative;
	}
	.slider-view__controllers__icon-set:nth-of-type(1) {
		display: block;
	}
	.slider-back, .slider-next {
		position: absolute;
	}
	.slider-next {
		right: 0;
	}

	/* 前後に進むためのボタンがクリックされた時の挙動 */
	#slider-next1:checked ~ .slider-view__controllers > .slider-view__controllers__icon-set:nth-of-type(1)
	,#slider-next2:checked ~ .slider-view__controllers > .slider-view__controllers__icon-set:nth-of-type(2)
	,#slider-next3:checked ~ .slider-view__controllers > .slider-view__controllers__icon-set:nth-of-type(3)
	,#slider-next4:checked ~ .slider-view__controllers > .slider-view__controllers__icon-set:nth-of-type(4)
	,#slider-next5:checked ~ .slider-view__controllers > .slider-view__controllers__icon-set:nth-of-type(5)
	,#slider-next6:checked ~ .slider-view__controllers > .slider-view__controllers__icon-set:nth-of-type(6)
	{
		display: none;
	}
	#slider-next1:checked ~ .slider-view__controllers > .slider-view__controllers__icon-set:nth-of-type(2)
	,#slider-next2:checked ~ .slider-view__controllers > .slider-view__controllers__icon-set:nth-of-type(3)
	,#slider-next3:checked ~ .slider-view__controllers > .slider-view__controllers__icon-set:nth-of-type(4)
	,#slider-next4:checked ~ .slider-view__controllers > .slider-view__controllers__icon-set:nth-of-type(5)
	,#slider-next5:checked ~ .slider-view__controllers > .slider-view__controllers__icon-set:nth-of-type(6)
    ,#slider-next6:checked ~ .slider-view__controllers > .slider-view__controllers__icon-set:nth-of-type(1)
	{
		display: block;
	}

#sub_box {
width:650px;
border: solid #000 1px;
}

.slider__content__item_ {
	-webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
	display: -webkit-flex;
	-ms-justify-content: center;
    -ms-align-items: center;
	display: -ms-flex;
	display: flex;        /* flexコンテナ化 */
	font-size:42px;
	font-weight:bold;
	text-align:center;
}

h2 {
	margin:20px 0 15px 60px;
	color:#47A095;
}

.text_p1 {
	margin:0 60px 20px 60px;
	font-size:24px;
	font-weight:bold;
}

.text_p2 {
	margin:0 60px 0 60px;
}
```

CSSのみで作ったスライドショー。きちんと最後まで綺麗に表示されない。

Windows10 Proの仮想マシンにUbuntu17.10をインストール、使用しています。

今朝再起動後、他のPCとのTCP/IP通信が出来なくなりました。
自分自身以外にpingを打っても返ってきません。
設定の問題かと考えてIPアドレスの固定割り当てをルーターからのDHCP設定に変更し、IPアドレスは受け取れています。
また、仮想マシンに設定しているSambaのアクセスは問題なく行える状況です。

どのような原因が考えられるでしょうか？どなたか知恵をお貸しいただければと思います。

TCP/IP接続できない

SVNに取り込む方法を参考にしていますが、エラーが出ており対応方法がわかっていません。

やってみた内容を記載しているので、「違うよ！」という点あれば是非是非アドバイスをいただきたいです。

# やりたいこと
- SVNで過去に管理してたファイル(ローカル)をSVNに取り込みGitへエクスポートしたい。
- 管理ファイル全体ではなく、１つのリポジトリのみ

# ファイルの内容
ファイルは２つ
外注先から納品されたファイルのため全て保存する方針
- 20GB ほどのdumpファイル
- 15BG ほどのソースと思われるファイル
![イメージ説明](58141c589b86d4d5689f0337a3117587.png)
![イメージ説明](a13c0cd62afd8fdb60523821c706d161.png)

# 作業環境
- PCはMACを使用しています
- ストレージに保存されていたファイルを使用
- GituHub環境はすでに使用中
- SVNサーバ環境は構築していない
- SVNはローカルにインストール済
```
$ svn --version
svn, version 1.9.4 (r1740329)
   compiled Nov  6 2017, 18:06:35 on x86_64-apple-darwin16.1.0

Copyright (C) 2016 The Apache Software Foundation.
This software consists of contributions made by many people;
see the NOTICE file for more information.
Subversion is open source software, see http://subversion.apache.org/

The following repository access (RA) modules are available:

* ra_svn : Module for accessing a repository using the svn network protocol.
  - handles 'svn' scheme
* ra_local : Module for accessing a repository on local disk.
  - handles 'file' scheme
* ra_serf : Module for accessing a repository via WebDAV protocol using serf.
  - using serf 1.3.8 (compiled with 1.3.8)
  - handles 'http' scheme
  - handles 'https' scheme

The following authentication credential caches are available:

* Plaintext cache in /Users/user/.subversion
* GPG-Agent
* Mac OS X Keychain
```

#### 作業フォルダ構成
svn（フォルダ）
┗ svn.dump
┗ tar zxvf ファイル名.tar.gz

# 参考にする記事

以下記事を参考に作業を試みています
https://qiita.com/yakumo/items/b8531f44671d6781a2d3

↓記事内のこちらは無くても問題なさそうなのでやっていません
※Subversionアカウント名->gitメールアドレスの読み替えファイルを作る



# 作業記録
ストレージに保存されていたファイル（過去にSVNで管理していた）をローカルへダウンロード
### ファイルの解凍
```
tar zxvf ファイル名.tar.gz
```
![イメージ説明](e92e9a6280ee585baa147570f0a94202.png)

#### 作業フォルダ構成
svn（フォルダ）
┗ svn.dump
┗ repos (フォルダ)

### subversionリポジトリ作成
```
svnadmin create svnimport
```

#### 作業フォルダ構成
svn（フォルダ）
┗ svn.dump
┗ repos (フォルダ)
┗ svnimport (フォルダ)

### ダンプファイルのロード
```
svnadmin load svnimport/ < svn.dump
```
```
$ svnadmin load svnimport/ < svn.dump
<<< Started new transaction, based on original revision 1
     * editing path : ProjectName ... done.
     * editing path : ProjectName/branches ... done.
     * editing path : ProjectName/tags ... done.
     * editing path : ProjectName/trunk ... done.
     * editing path : CourseEditor ... done.
     * editing path : CourseEditor/Assets ... done.
     * editing path : CourseEditor/Assets/Project Course Editor ... done.
     * editing path : CourseEditor/Assets/Project Course Editor/Plugins ... done.
     * editing path : CourseEditor/Assets/Project Course Editor/Plugins/PlayerPrefs.cs ... done.
     * editing path : CourseEditor/Assets/Project Course Editor/Plugins/PlayerPrefs.cs.meta ... done.
     * editing path : CourseEditor/Assets/Project Course Editor/Plugins.meta ... done.
     * editing path : CourseEditor/Assets/Project Course Editor/Scene ... done.



~~~~~長いため省略~~~~~



------- Committed revision 7596 >>>

<<< Started new transaction, based on original revision 7597
     * editing path : ProjectName/trunk/CheckSheet/Changes_V1_2(内部用資料).xlsx ... done.

------- Committed revision 7597 >>>

<<< Started new transaction, based on original revision 7598
     * editing path : ProjectName/trunk/Patch/Banner/ProjectNam_JP.bsf ... done.

------- Committed revision 7598 >>>

<<< Started new transaction, based on original revision 7599
     * editing path : ProjectNam/trunk/ProjectNam/Sources/GameObjects/BOSS/BossTaskCheck.cpp ... done.

------- Committed revision 7599 >>>
```

svnimportリポジトリにファイルが追加されたことを確認



### ローカルにSubversionサーバーを立てる
参考に記事に書いてあった内容をそのまま実行
```
svnserve -d -R --foreground --root svnimport/
```
動いているか確認
```
$ ps aux|grep svn
user        46101   0.0  0.1  2444560   8668 s000  S+   12:31PM   0:00.04 /Library/Developer/CommandLineTools/usr/bin/svnserve -d -R --foreground --root svnimport/
user        94027   0.0  0.0  2450212   1740 s001  R+    3:48PM   0:00.00 grep svn
```

新規ターミナルを開く

#### 作業フォルダ構成
svn（フォルダ）
┗ svn.dump
┗ repos (フォルダ)
┗ svnimport (フォルダ)

### gitリポジトリ生成
```
$ git svn init -s --prefix=svn/ svn://localhost/ svngitexport/

Initialized empty Git repository in /Users/user/Documents/svn-gitexport/.git/
```

#### 作業フォルダ構成
svn（フォルダ）
┗ svn.dump
┗ repos (フォルダ)
┗ svnimport (フォルダ)
┗ svngitexport (フォルダ)

作成したリポジトリに移動
```
$ cd svngitexport
```

### Subversionリポジトリ内容をgitに変換（取込）
```
git svn fetch
```

この時点でsvngitexportリポジトリを確認しましたが、ファイルは見当たりません
.gitフォルダのみ作成されています

### git clone を試す
```
git svn clone svn://localhost/
```

```
r3000 = 13557ea4bfcf6a2fb0ea5459632b85cee3c0e736 (refs/remotes/git-svn)
Auto packing the repository in background for optimum performance.
See "git help gc" for manual housekeeping.
error: The last gc run reported the following. Please correct the root cause
and remove .git/gc.log.
Automatic cleanup will not be performed until the file is removed.

warning: There are too many unreachable loose objects; run 'git prune' to remove them.

gc --auto: command returned error: 255
```

# 絶対パスに変更してgit svn clone 
```
git svn clone file:///home/user/repos
```
ファイル数が多いことでのエラー？

```
Auto packing the repository in background for optimum performance.
See "git help gc" for manual housekeeping.
error: The last gc run reported the following. Please correct the root cause
and remove .git/gc.log.
Automatic cleanup will not be performed until the file is removed.

warning: There are too many unreachable loose objects; run 'git prune' to remove them.

gc --auto: command returned error: 255
```

# この記事を参考に対応
https://takanosho.wordpress.com/2016/01/21/fix-running-git-gc-on-every-merge/

```
$ git gc –-aggressive
usage: git gc [<options>]

    -q, --quiet           suppress progress reporting
    --prune[=<date>]      prune unreferenced objects
    --aggressive          be more thorough (increased runtime)
    --auto                enable auto-gc mode
    --force               force running gc even if there may be another gc running
```
```
$ git gc
Nothing new to pack.
```
できていない

SVNで使用した一部ファイルをGitHubへエクスポートしたい gitファイル変換あたりで詰まっている

###起きているエラー
・HTMLからwordpressに移行するために作業していますがjsファイルを読み込まれません。
ネットでいろいろ検索してみて試しにやってみましたがそちらでも動きませんでした。

###試してみたこと
common.jsというファイルを読み込みたいためheader.phpに下記のコードを<?php wp_head(); ?>の記述より上に書いています。

```php
<?php wp_enqueue_script('easing', get_bloginfo('template_directory').'/js/common.js', array('jquery'));?>
```

function.phpに書きこむ方法も試しましたがうまく動きませんでした。
```php
<?php
function register_script(){
	wp_register_script('common', get_template_directory_uri().'/js/common.js');
}
function add_script(){
	register_script();
	wp_enqueue_script('common', '', array(), '1.0', false);
}
add_action('wp_print_scripts','add_script');
?>
```

なるべくでしたらfunction.phpに書き込む方法ではなく
header.phpに記述する方法で試したいのですがうまく読み混んでくれず途方に暮れております。
お分かりになられる方お助け下さい。

Wordpress 【jsが読み込まれない】

**「あるドメイン上でログインしただけで別のドメイン上でもログインしたことになる」**という，シングルサインオン認証について調べています．

- [iframeを使ってクロスドメインでCookieを書き込む[iframe][sso]](http://sigisi.hatenablog.com/entry/20111222)

ここにGoogleが実際にそれで実現しているという言及があるのですが，当該ソースを閲覧してみたり，下に書いてある解説を読んでもなぜこれでシングルサインオンが成立するのかさっぱり分かりませんでした．

- 単純に子フレーム内でログインさせる方法を考えると，親フレームのフォームから子フレームに対してIDとパスワードをPOSTする方法が考えられると思うのですが，**CSRFトークンはクロスドメインで取得できない**ため，CSRF対策されている場合にこの方法が成立しないように思えてしまうのです．
- 別ドメイン側で「GETパラメータで指定されたセッションIDをセットする」スクリプトを用意してもいいのですが，これもまたCSRF対策と相反している感じがします．

Googleはどうやって実現しているのでしょうか？

シングルサインオン認証はCSRFセーフなの？

マッチングサイトを作りたいです。

AとBという人がいます。

１、AがBに「車」を購入したいと申請します。
２、BがAの申請を承諾します。
３、申請が承諾された時点でメッセージのやり取りができるようになります。
４、そして、AがBの「車」を実際に見て、運転しました。
５、その後、BがAと売買の契約を行うため、サイト上でBが契約成立をおします。

この１〜５のようなことができるようにしたいです。


マッチングサイトを作るのに参考になる、サイトを教えてください。
あと、できるならここでやり方を教えて欲しいです。

宜しくお願いします。

railsでマッチング機能を作りたい

**ELB × nginx（リバースproxy） × Nodeサーバーの環境で、Nodeサーバー側のシステムにアクセス元IPアドレスを渡したい。**

**□ 状態（追記しました）**

- リスナー設定

```
TCP(80) -> TCP(80)
SSL(443) -> TCP(80)
```


**□ 今分かっていること**
- ELB × nginxの環境で、$remote_addrがELBのアドレスになる
- ELB側でアクセス元IPアドレスがヘッダーの「X-Forwarded-For」に渡されている
ということは把握しています。
リバースプロキシを使用しない場合は「X-Forwarded-For」からアクセス元IPアドレスはとれました。

ですが、nginxでリバースプロキシを使用する場合は「X-Forwarded-For」にもELBのアドレスが入ってます。
（これはnginx側でセットされたのでしょうか・・・）

**□ nginxの変数**
$remote_addr, $proxy_add_x_forwarded_for にはELBのアドレス
$http_x_forwarded_for は空

何か情報をお持ちの方がいらっしゃいましたら、ご教授願います。
よろしくお願いします。

***

**/etc/nginx/nginx.conf**

```conf:nginx.conf
http {
    include         /etc/nginx/mime.types;
    default_type    application/octet-stream;

    log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
                      '$status $body_bytes_sent "$http_referer" '
                      '"$http_user_agent" "$http_x_forwarded_for"';

    access_log  /var/log/nginx/access.log  main;

    sendfile            on;
    tcp_nopush          on;
    tcp_nodelay         on;


    keepalive_timeout   65;
    types_hash_max_size 2048;

    include /etc/nginx/conf.d/*.conf;
    index   index.html index.htm;

#    set_real_ip_from   10.0.0.0/8;
#    real_ip_header     X-Forwarded-For;

}
```

**/etc/nginx/conf.d/default.conf**
```conf:default.conf
server {                                                             
server {
  listen 80 proxy_protocol;
  server_name hoge.hoge.jp;
  proxy_request_buffering off;

  set_real_ip_from XX.XX.0.0/XX; # VPC CIDR
  real_ip_header   proxy_protocol;

  location /demo/ { # デモページ（html）
    proxy_pass http://demo.localhost/;
  }

  location / { # socket.io用のjsファイルを読み込むのに使用します。
    proxy_pass http://0.0.0.0:1000;
  }

  location /socket.io/ { # websocket通信
    proxy_pass http://0.0.0.0:2000;
    proxy_set_header X-Real-IP $proxy_protocol_addr;
    proxy_read_timeout 150;
    proxy_set_header Host $host:$server_port;
    proxy_set_header X-Forwarded-For $proxy_protocol_addr;
    proxy_set_header X-Forwarded-Proto http;
    proxy_http_version 1.1;
    proxy_set_header Upgrade $http_upgrade;
    proxy_set_header Connection "upgrade";
  }

}                                                                 
```

***

**□ 進捗**

**AWSのELBにProxyProtocolを有効にするような設定が必要？**
> 参考
[AWS wiki](http://docs.aws.amazon.com/ja_jp/ElasticLoadBalancing/latest/DeveloperGuide/enable-proxy-protocol.html)
[How to configure AWS ELB and Nginx for WebSocket protocol? [closed]](http://stackoverflow.com/questions/33433768/how-to-configure-aws-elb-and-nginx-for-websocket-protocol)
[Using Proxy Protocol With Nginx](https://chrislea.com/2014/03/20/using-proxy-protocol-nginx/)


**＞ProxyProtocolを有効にしました。(追記:2016/02/10 16:28)**
恐らくあと少しで解決しそうです・・・！

TaichiYanagiyaさんの案①を参考に設定すると、nginxのログにはアクセス元IPが出てきました！

```
'$proxy_protocol_addr - $remote_user [$time_local] ' '"$request" $status $body_bytes_sent "$http_referer" ' '"$http_user_agent"';
```

```
 - - [10/Feb/2016:16:15:01 +0900] "PROXY TCP4 [アクセス元IP] XXX.XXX.XXX.XXX 5602 443" 400 172 "-" "-"
```

但し、BadRequestが出ています・・・
もう少し調べてみます・・・！

**＞ProxyProtocolを有効にしました。(追記:2016/02/10 19:21)**

ひとまず、現状の設定ファイルの内容に更新しました。
ProxyProtocolを有効にしたことで、Bad Requestが発生しています。

AWSのProxyProtocol使用の前提条件に「プロキシサーバーとロードバランサーの両方で有効になっていること」とありました。
http://blog.serverworks.co.jp/tech/2013/08/01/elb-proxy-protocol/
Nodeサーバー側でも何らかの処理が必要になるのでしょうか・・・？

その方面で検索すると[こちらの記事](http://blog.serverworks.co.jp/tech/2013/08/01/elb-proxy-protocol/)を発見しましたので、調べてみます。


**＞ProxyProtocolを有効にし、BadRequestは解決。ただ、他のVHと共存できない(追記:2016/02/15 18:04)**

- TCPで通信するVirtualHostのみにした際、BadRequestは解決し、ログファイルにも「"PROXY ..."」ではなく「"GET ..."」という形でログが残るようになっていました

ただ、他にHTTPで通信しているVirtualHost(Server Nameで分けている)が接続できなくなった。

構造は以下の通りになっています。

```
[ELB1]
 server_name hoge.jp
  HTTPS(443) -> HTTP(80)
  HTTP(80)   -> HTTP(80)
  [nginx]
    root(/var/www/html)

[ELB2]
 server_name node.hoge.jp
  SSL(443) -> TCP(80)
  TCP(80)  -> TCP(80)
  [nginx(Reverce Proxy)]
    / -> 3000port(Nodeサーバー)
    /socket.io/ -> 4000port(WSサーバー)

[ELB3]
 server_name main.hoge.jp
  HTTPS(443) -> HTTP(80)
  HTTP(80)   -> HTTP(80)
  [nginx]
    root(/var/www/main)
```

※インスタンスは１つ
※現在、最小構成にしているのでProxyサーバー、Appサーバーなど分けていません。

proxy protocolを有効にすると**ELB1**と**ELB3**が接続できなくなります。
（ELBのヘルスチェックで引っかかる）

TCPとHTTPの共存は厳しいのでしょうか・・・？

ELB配下のEC2でnginxのリバースプロキシを使っている環境のみアクセス元IPが取得できない

データベースにあるDouble型の10桁の数字「20160205.50」「20160205.50」（基本的に小数点以下は0か5）などをDate型に直して日付を表示させたいのですがどのようにすればよろしいでしょうか．ちなみに.00は午前，.50は午後を表してます