常連

注目の的

社会貢献

質問力

拍手喝采

Nginxとワードプレスの勉強に１つのコンテナでワードプレス環境を作ってみようと
以下のリポジトリのようなものを作っています。

色々と書いてみて実行していたのですが、とりあえず必要なソフト等をインストール
したところでdocker-compose後、docker ps -aするとなぜかSTATUSがRestartingとなってしまいます。
（UPとなると思っていました）

STATUSがUPになるためにはdocker-compose.ymlまたはDockerfileになにかしら記載が必要
なのでしょうか？

＊Dockerでまとめる場合、nginx, wordpress, mysqlとservice部を分けて書くのが通常
と言うのはわかりますが、自分のサーバと似たような環境を作ろうと１つのコンテナで作ろうとしています


[https://github.com/arcanumjp/docker_wp_test](https://github.com/arcanumjp/docker_wp_test)

docker-compose up -d --build するとコンテナがRestartingとなる

お世話になっております。

表題についてご質問があるのですが、DjangoやLaravelなどはサーバー上のアクセス不可の場所に.gitと一緒にプロジェクト群を配置し、シンボリックリンクを貼ることでシステムのビューをブラウザで表示できるようにしていると思うのですが、
wordpressの場合はgitでデプロイする場合はどのように管理されていますか？

具体的には、
```bash
# laravelの場合
laravel $ tree
.
├── projects(ブラウザからはアクセス不可)
│   ├── .git
│   └── ここにLaravel等の実態
│
└── public(ブラウザからはアクセス可/シンボリックリンクでproject内の適当なファイルを参照)
```

上記のように、アクセス不可の部分とアクセス可能の部分が明確に分けられており、
アクセス不可の部分に.gitを配置し、cloneなりpullなりをしていると思います。

対してWordpressの場合は、
```bash
# wordpressの場合
wordpress $ tree
.
└── public_html(ブラウザからはアクセス可)
   ├── .git
   ├── index.php
   ├── wp-admin
   ├── wp-content
   // 略
   └── その他wordpressのファイル群

```

このようになるか、またはテーマファイルだけを追跡されている方もいるかと思います。
(自分の場合はwordpress丸ごとやってしまっているので)

そこで改めてご質問ですが、
**1. 基本的にwordpressの場合はGitデプロイをしない(FTPで十分)**
**2. LaravelやDjangoと同じようにサーバー上で権限のない人がアクセスできない場所を作り、そこにwordpress本体を配置&シンボリックリンク**
**3. wp-config.jpなどDBの接続する内容を追跡していなければ.gitをとられてもOK**
**4. その他**


どれがセキュリティ的にベストな方法なのでしょうか？

どうぞ宜しくお願い致します。

WordpressをGitデプロイする際のサーバー上の.gitの取り扱いについて

いつもお世話になっております。
LambdaでVPC内EC2上で稼働しているアプリケーションに
GETリクエストを送りたいのですが、
テストするとタイムアウトしてしまい困っているので、
どなたか知見をお借りすることはできないでしょうか。

## 実現したいこと全体
ユーザから空メールを送信して貰い、
MXレコードでSESに空メールを転送し、SESの受信を契機に
Lambdaを動かし、EC2上にメールアドレスをGETで送りたいと思っています。
SESからLambdaが呼ばれるまでは確認できています。

```ここに言語を入力
 空メール ⇒ Route53 ⇒ SES ⇒ Lambda ⇒ EC2(API) ⇒ メール送信
```
このようなフローを実現したいです。


## 発生している問題
VPC内EC2上に作成したAPIに対してGETリクエストを
node.jsの書いてあるLambdaから送信すると、
タイムアウトしてしまいエラーになります。

## 切り分け
セキュリティグループのインバウンドルールを
```
0.0.0.0/0
```
とすると、GETリクエストがEC2上に届くことが
ログを見ると確認できる。

## わからないこと
1. セキュリティグループに対して、Lambdaの許可をする方法
2. インバウンドルールを全許可状態で、role等が全く同じLambdaをオレゴンリージョンのLambdaを動かすと
   200でOKになり、Lambdaが１度動くという想定通りの挙動をするのに対し
   東京のLambdaを実行すると、１秒間に5～9回Lambdaが実行されこと


お忙しいところ大変申しわけありませんが、どなたかご教示頂けないでしょうか。

LambdaでVPC内のEC2のAPIにアクセスする方法を教えて頂けないでしょうか。

環境はGithubに上げておきました。
[Githubはこちら](https://github.com/yusk24/docker-wordpress-vhost)

## やったこと

`jwilder/nginx-proxy`のイメージでNginxのプロキシからvirtual hostでwordpressとmysqlのDBを管理しようとしました。

- `/etc/hosts`にvirtual hostの設定を記述しました。

```
# Docker
127.0.0.1       app1.local
127.0.0.1       app2.local
```


1つのコンテナを立ち上げるだけであれば問題ないですが、複数同時に立ち上げるとバグります。
エラーは、
```
Error establishing a database connection
```
という画面が出てきます。
たまたま表示できた画面もapp1とapp2でも同じものが表示されます。


## 参考
この記事を参考に作らせていただきました。
[VPSにdockerで複数サイトをホスティングするには？](https://suin.io/561)

## ひとこと
どうかよろしくお願いいたします。

Docker ComposeでWordPressの複数サイトをvirtual hostで管理したい

### 前提・実現したいこと

S3の署名バージョン2が使えなくなることへの疑問を解決したいです。

### 発生している問題

AWSから下記のお知らせがありました。下記のようにS3で署名バージョン2が使えなくなることについての質問です

https://docs.aws.amazon.com/ja_jp/AmazonS3/latest/dev/UsingAWSSDK.html#UsingAWSSDK-sig2-deprecation

awscliなどは認証できなくなるというのは理解できるのですが、すでにS3上に存在しているオブジェクトはどうなりますでしょうか？アクセス不能になったりしますでしょうか？

オブジェクト自体は画像でかつ公開状態になっており、URLへアクセスすれば見れる形になっております。
イメタグのsrcなどに使えるものになります。


### 試したこと

下記や、下記からリンクではってある資料などを読みました。

https://dev.classmethod.jp/cloud/aws/how-to-check-s3-signature-ver2/

S3のオブジェクトのログを確認すると書いてあったりして、S3へのAPIアクセスじゃなくてただのブラウザでのリクエストも見えなくなるのか？と混乱しております。


こちらご教授お願いできると幸いです。

AWS S3の署名バージョン2が使えなくなった際、すでにS3に設置しているオブジェクト自体へのアクセスもダメになるのでしょうか？

$_GET, $_POST などの値を使用する場合、よくサンプルとして

```php
$str = isset($_POST['str']) ? $_POST['str'] : '';
```

のようにスーパーグローバル変数を直接扱っているものを見かけます。

```php
$str = $_POST['str'];
```

なんて記述は論外ですが、上の三項演算子のモノでも、IDE によっては「スーパーグローバル変数には直接アクセスしないでね。」と警告をクラってしまいます。

少し調べてみたのですが、理由は以下のようでした。
> スーパーグローバル変数は、変更可能な変数であるため、直接アクセスすべきではない。

利便性も良いので、`filter_input()`を利用することは嫌ではないのですが、警告内容に納得がいっていません。

スーパーグローバル変数に直接アクセスしない方がいい理由とはなんなんでしょうか？
できれば具体的な内容も交えて説明いただけると助かります。
少しとんがった回答でもありがたいです。よろしくお願いいたします。

スーパーグローバル変数に直接アクセスしない方がいい理由

```PHP
<?php
if($flag){
    $content_list = [
        '1' => [
            'content' => '警告１',
        ],
        '2' => [
            'content' => '警告２',
        ],
        '3' => [
            'content' => '警告３',
        ],
        '4' => [
            'content' => '警告４',
        ],
        '0' => [
            'content' => '警告０',
        ],
    ];
}
?>
<?php foreach($content_list as $key => $val): ?>
<?php if(($flag >> $key) & 0x01): ?>
    <li><?= $val['content'] ?></li>
<?php endif; ?>
<?php endforeach; ?>
```

上記のコードについてif文の意味がさっぱりわかりません。
何が満たされたら<li>〜</li>は出力されるのでしょうか？

PHPの比較演算子がちょっとわからない

S3Clientを利用して、ダウンロードしようとしていますがうまく行きません。header情報しかダウンロードできません
getObjectメソッドでバケットやパスを指定して実行したのですが、ダウンロードできません。レスポンスデータはAws\Resultというものが返ってきて、
ファイル内容ではありませんでした。status_codeは200で返ってきてました。シークレットキー等も正確に登録済みです

getObject以外になにか必要ですか？

PHPでS3上のテキストファイルをダウンロードしたり、ファイル内容を変数に代入するには？

お世話になっております。

PHPでのWebサービス開発において、
`Laravel`,`Symfony` 等のフレームワークを使用する方法と、
`WordPress`等のCMSを用いた方法があるかと思いますが、
大手のWebサービス(ぐるなびさんやsuumoさん等々)でWordPressで
作られているものをあまり見かけないなと思っております。

もちろん大前提として開発言語がPHPでないWebサービスもあるとは思いますが、
ある程度の規模のWebサービスを目指すなら、WordPressは選択肢に入らないのでしょうか？


自身としても以下の点が思い当たりますが、
その他のWordPressを使用しない判断基準等がございましたら、
皆様のご意見を是非伺いたいと思い、ご質問させて頂きました。

* WordPressを使用しているサイトだとHTML構造で分かってしまい、どうしてもセキュリティ的に弱い。
* CMSということでパフォーマンスの懸念がある。

お手数をおかけ致しますがご回答のほどよろしくお願い致します。

#### 追記

画像まで作成頂き、WordPressにおけるテーブル構造の問題点について
ご説明頂いたのでベストアンサーを選ばせて頂きました。

Webサービス開発におけるWordPressの使用について

お世話になっております。

この度、クライアントが管理画面よりお客様管理をするサービスを構築中です。

流れとして

---

１．ログイン
２．ログインアカウントに対応した顧客情報（氏名、住所、TEL）の一覧
３．一覧から行を選択し、その行のデータの編集前⇒編集後（テキストボックス）が表示される画面に移動。
４．変更後の値を入力⇒実行ボタン押下
５．DB更新完了

---
の様な処理があるのですが、この処理について迷っております。

個人情報を取り扱うので、徹底的にセキュリティ対策したいと思っておりますが、
経験が浅く何をやって良いのかわかりません。

現時点で対策済みなのが、

0. XSS対策
0. 入力内容からのSQLインジェクション対策

なのですが、CSRF対策をどの処理に対して行えば良いのかが分かりません。

現状考えている流れが以下の通りです。

---
　　１．ログインと同時にセッションにユーザー名、トークンを保存
★　２．ログインアカウントに対応した顧客情報（氏名、住所、TEL）の一覧の画面から編集行を選択
★　３．編集画面にて値を入力後、実行ボタン押下にて処理実行ファイルに対してトークンを送信する
```
<form action="処理実行ファイル.php" method="post">
    
    <input type="hidden" name="token" value="<?=$_SESSION['token']?>">
　　<button type="submit">実行</button>    
</form>
```
◆　４．トークンが一致するかどうか確認し、OKならDBをUPDATE
　　５．完了画面表示        


---
★・・・ログインしているかどうか、if ( isset($_SESSION['user_name'] ) { で確認

◆・・・トークンが一致するかどうか、if ( $_POST['token'] === $_SESSION['token'] { で確認

---

以上の流れで心配なのが、
・②の時点でがっつりと個人情報が一覧表示されるのですが、この時のチェックって
【ログインしているかどうか、if ( isset($_SESSION['user_name'] ) { で確認】
のみで良いのでしょうか？
この時点でのCSRFの危険はないのでしょうか？

④では、トークンが一致する時点で、必ずログインされているはずなので、★のチェックは必要ないかと思い、省略しておりますが、問題ありますでしょうか？

その他にも、脆弱性がありましたらアドバイス頂ければ非常に助かります・・・。

詳しい方、どうかお願いします。

[php]個人情報が登録されるサービスのセキュリティについて

## 概要

端的にお聞きしたい事は、「intefaecはいつ使うのか」という事です。
抽象クラスとinterfaceの違いについて言及されてる記事等を参考にしましたが、
初学者の私にはどうしても「それって、結局抽象クラスでいいんじゃないか？」って思ってしまう点がおおいです。。

## 例

例えば、良く見るのが、下記のようなCommunicationインターフェイスがあり、
それを実装した `Human` クラスや、 `Animal` ・ `Alian` クラスを使った例があります。
が、これって結局抽象クラスでも何も問題ないような気がしてます。

```php
interface Communication
{ 
    public function eat();
    public function doSleep();
    public function talk();
}
```

## 改めて質問

個人的に、まだインターフェイスって結局抽象クラスでまかなえるじゃん？って印象が強く、
インターフェイスを使う場面やメリットがわかっていないので、
この点をご教示頂けると幸いです。

PHPにおける抽象クラスとinterfaceの使い分け

いつもお世話になっております。
皆さんのwordpressの開発環境についてお聞かせください。

今、少人数のチームでwordpressを使用したサイト制作案件を幾つか受けております。

チームの動き方は、
・事務所で開発をするもの
・自宅で開発するもの
・不定期に自宅と事務所で開発をするもの

という感じで開発を勧めております

現状は、サイトの開発環境はさくらのサーバーで本番ドメインをアクセス制限をかけて開発をしております。

このままでは、本番環境で開発しているので、本番環境が壊れてしまう危険性もあるので本格的な開発環境を考えています。

最初に、各自MAMPを使ってDBをDropboxに移行する環境を行いましたが、
DBのデータが競合してしまい、記事データを更新するのが一人になってしまい少し手間になってしまいます。

次に、VagrantとVirtualBoxとVCCWで一台のPCを使い設定しましたが、
同ネットワーク内の作業者たちは、上手く接続できたのですが
自宅で作業する方などの外部アクセスに関しては設定ができず大きな手間になってしまいます。

その次には、WPのファイルに関しては、gitを使って共有して
DBだけをレンタルサーバー上でやろうと思ったのですが、
さくらのレンタルサーバーは、外部接続できないので不可能でした。

みなさんはチームでのWordpressの開発環境をどのようにしているのか、ご教授頂けないでしょうか？

wordpressの複数人による共同開発環境について

私はいつもJavaやCを使っているのですが、他のプログラミング言語を学ばなければいけないと最近感じ始めています。
特に、ゲーム開発やweb開発に興味があるのでこの点について深く学べるツールはどのようなものがあるでしょうか?
ご指摘や助言いただけないでしょうか?

新しい言語を学ぶのにどのような学習サイトやスクールがありますか?

# 分からないこと
**- Githubにアップロードする必要のないファイルは消した状態でプッシュして運用しても良いか？**
（上記の懸念点としては、画像が消えてしまうのではないかと考えています。）
- どの階層に.gitignoreファイルを作れば良いのでしょうか？
- .gitignoreはどのようにして書けば良いのでしょうか？

# 分かっていること
- WordPressをGithubで運用するにあたって、無視しなければならないファイル。参考URLは、[こちら](http://tech.basicinc.jp/Wordpress/2013/05/05/wordpress_gitignore/)

# 状況
- プロジェクト内での共有を想定しています。

# 追記
WordPressを複数人で管理し、後々はGithubを通してリリースしたいと思っています。
一旦、ステージングは考えずに、リモートリポジトリを共同作業でマスターを成長させた後、
Githubを通してリリースするフローを想定しています。

WordPressをGithubで管理する際、どのような状態でプッシュすれば良いのでしょうか？

###前提・実現したいこと
jQueryで、画面幅によって処理分けしているヘッダーメニューがあります。
1025px以上でドロップダウン型、かつスクロール時に縮小版ヘッダーに切り替えます。
1024px以下でドロワー型、縮小版ヘッダーを表示します。

###発生している問題・エラーメッセージ

画面をリサイズして1024pxをまたいだとき、不具合が生じます。
（ページ読み込み時の画面幅の処理のまま変わらない）

###該当のソースコード
```javascript
if ($(window).width() > 1024) {
    $('#main_header_nav li, #lower_header_nav li').hover(function() {
        $('>ul', this).stop(true, true).slideDown('fast');
    }, function() {
        $('>ul', this).stop(true, true).slideUp('fast');
    });
}

$('#sp_menu_open, #sp_menu_close').click(function() {
    $('#lower_header_nav').animate({ width: 'toggle' });
});

if ($(window).width() > 1024) {
    changeHeader();
    $(window).scroll(changeHeader);
}

function changeHeader() {
    var headerChangeHeight = 200; // 切り替わるタイミング
    if ($(window).scrollTop() >= headerChangeHeight) {
        $('#lower_header').slideDown('fast');
    } else {
        $('#lower_header').slideUp('fast');
    }
}
```

###試したこと
resizeを使って以下の通り書きかえました。
```javascript
dropDownMenu();
$(window).resize(dropDownMenu);

function dropDownMenu() {
    if ($(window).width() > 1024) {
        $('#main_header_nav li, #lower_header_nav li').hover(function() {
            $('>ul', this).stop(true, true).slideDown('fast');
        }, function() {
            $('>ul', this).stop(true, true).slideUp('fast');
        });
    }
}

drawerMenu();
$(window).resize(drawerMenu);

function drawerMenu() {
    if ($(window).width() <= 1024) {
        $('#sp_menu_open, #sp_menu_close').click(function() {
            $('#lower_header_nav').animate({ width: 'toggle' });
        });
    }
}

changeHeader();
$(window).scroll(changeHeader);

function changeHeader() {
    if ($(window).width() > 1024) {
        var headerChangeHeight = 200; // 切り替わるタイミング
        if ($(window).scrollTop() >= headerChangeHeight) {
            $('#lower_header').slideDown('fast');
        } else {
            $('#lower_header').slideUp('fast');
        }
    }
}
```
ですが、思うような結果が得られません。

1024px以下にリサイズすると、#lower_headerが表示されません。
1025px以上にリサイズすると、#lower_header_navが表示されません。
また、発生条件がわからないのですが、1024px以下にリサイズした後、ドロップダウンしてしまうことがあります。
また同様に、1025px以上にリサイズした後、ドロップダウンが一瞬になる（スライドしない）ことがあります。

調べたり試したり、思いつく限りのことをしましたが、自力では解決できませんでした。
だいぶ混乱しており恐縮ですが、どなたかご教示いただければ幸いです。
よろしくお願いいたします。

###補足情報(言語/FW/ツール等のバージョンなど)
Google CDN jQuery 3.1.0 を利用しています。
回答を得やすくするため、他サイトでも同様の質問をしています。

画面幅によって処理分けしているヘッダーメニューを画面リサイズ後も動作させたい

Vue,Angular, Riot, React,などで、画面の一部を書き換える際の考え方について。

フロントエンドフレームワークを学び始めたばかりの者です。
上記のようなフレームワークを使ってSPAを構築する場合の画面更新の考え方について悩んでいます。
ちなみに、実際に使っているフレームワークはVueなのですが、設計の話なのでどんなフレームワークにも共通すると思い、その他のフレームワークも挙げさせていただいております。

悩んでいるのは、画面の一部を書き換えるようなアクションを行う場合、routerでやるべきか、vuex（その他のフレームワークならflux reduxなど？）でやるべきか、ということです。

私の考えとしては、
画面全体が変わるような場合（例えばトップ画面がから設定画面に移動、画面要素は全部変更）はrouterで画面更新を行う、
画面の一部が変わるような場合（例えば３カラムレイアウトのWebページとして、何かの操作に伴って一番右のカラムのコンテンツが入れ替わる）は、flux（vuex)で画面更新を行う
というような形で良いのかな、とぼんやり思っています。

皆様の設計でこんな風にしたよ、というのがあったら参考にさせていただけないでしょうか？
初心者なので、かなり基本的なことかもしれませんが、ご教授いただけると幸いです。

Vue,Angular, Riot, React,などで、画面の一部を書き換える際の考え方について。

###前提・実現したいこと
SwiftからWebへ値渡しがしたいのですが、
その方法などもさっぱりなので、何かいい方法やサイトをご存知の方がいらっしゃれば教えてください。
よろしくお願いいたします。

追記
私は現在SwiftでSocket.io (nodejs利用)でWebへの値渡しを考えております。
それを行う準備としてcocoapodsを利用してSocket.IO-Client-Swiftのインストールしましたが、
警告が表示されてしまったのでこれを消したいと考えております。
よろしくお願いします。

###発生している問題・エラーメッセージ

```
[!] Your Podfile has had smart quotes sanitised. To avoid issues in the future, you should not use TextEdit for editing it. If you are not using TextEdit, you should turn off smart quotes in your editor of choice.
```

###該当のソースコード
```ここに言語を入力
（in Podfile）
platform:ios, '8.0'
use_frameworks!

def install_pods
    pod 'Socket.IO-Client-Swift'
end

target “healthKitTest1” do
    install_pods
end
```

cocoapodsを利用してSocket.IO-Client-Swiftのインストールするときのエラーの解決策（「Swiftからwebへ値渡しがしたい」から）

ReactJS初心者です。
ReactJSの概念理解しつつ、Reduxで実装を試みたりしています・・。

お聞きしたいのが、実案件でのReactJSの制作フローです。

1. ReactJS上で静的コーディングも行う？

2. SPAに利用するようなシーンで使われる？

**//1.について**
ReactJS上で静的コーディングしながら制作するのは少々つらいと感じました。
なので、私のイメージでは以下なんですが実際はどのようなフローで制作していますか？

※私のReactJS制作フローの想定
Pug,SCSS➞HTML,CSS➞ReactJS

**//2.について**
Viewがデータを持つような、SPAページでも利用が主かなと感じました。
なので、ブランディングサイトなどのあまり非同期使わない(Viewがデータを持たない)サイトでは使用しないイメージですが正しいですか？
Staticのテンプレート対応はPug,SCSSで行う想定です。

ReactJSの業務フローを教えてください！

###前提・実現したいこと
Atomのシンタックスハイライトに関する質問です。
phpファイルに下図のようなコードを記述したところ、シンタックスハイライトがおかしくなってしまいました。
何が原因なのでしょうか？
ご回答を頂けると助かります_(._.)_![イメージ説明](da4da5963eb630bc3a14838db7e04a65.png)


###追記
コメントアウトしたりして色々試したのですが、どうもphpの部分を消すとうまくシンタックスハイライトされるようです。

Atomで正常にシンタックスハイライトさせる方法

いつもお世話になっております。
現在gulpの勉強中でタイトルのようなことを実現しようとしているのですが、途中で詰まっています。
どなたか聡明なエンジニア様お助けいただけたら幸いです。

##前提・実現したいこと
gulpを使用して、watchで監視してファイルに変更があった際サーバー(sftp)に自動でアップロード

##現在の状況
プラグインはgulp-sftpを使用しています。
該当ファイルの監視とアップロードの自動化はできているのですが、リモート先のパスが固定のため、ローカルパスと同期ができていません。ここ修正できれば完成する所存です。

```javascript
/************************************************
 * モジュールの読み込みや設定
 ************************************************/

var gulp = require('gulp');
var sftp = require('gulp-sftp');
var fs = require('fs');

var sftpconfig = JSON.parse(fs.readFileSync('sftpconfig.json', 'utf8'));

/************************************************
 * タスク一覧
 ************************************************/

gulp.task('upload', function () {
  gulp.watch("該当ディレクトリ/**", function(){
  gulp.src([
    '該当ディレクトリ/img/*.png',
    '該当ディレクトリ/css/*.css,
    '該当ディレクトリ/js/*.js
  ])
    .pipe($.sftp(sftpconfig))
  });
});

```

```json
{
    "host"      : "000.000.000.000",
    "port"      : 00,
    "user"      : "hogehoge",
    "keyLocation": "~/.ssh/id_rsa",
    "password"      : "hogehoge",
    "remotePath": "/usr/share/nginx/html/該当サイト/該当ディレクトリ/"
}
```

今回使用している部分だけソースを書き出しました。
サーバー情報はダミーです。

以上になります。お手数ですがよろしくお願いします。