きょろきょろ(๑´• ₃ •̀๑)

特にWeb系についてのことを書いていきたいと思います。　基本的にメモ書きみたいなものです。

Laravel5のインストールおよびプロジェクトの作成(Windows)

Laravel PHP Laravel5

私の環境

私が利用している環境としては、XAMPPをインストールし、XAMPPでApacheサーバを立ち上げています。

Laravel5のインストール

以前にも、ほぼ同様の記事を書きましたが、少し読みやすくしました。
Composerを利用してLaravelをインストールします。Composerとはライブラリの管理ツールであり、ライブラリの依存関係を基に、必要なものをインストールしてくれるというツールです。Windowsの方はこちらからダウンロードが出来ます。
https://getcomposer.org/Composer-Setup.exe
Windows以外の方は、こちらからいけるのではないでしょうか？
https://getcomposer.org/download/
Composer のインストールが終了後、Laravle5のインストールに入ります。Laravel5の公式サイトに書かれているように、インストールコマンドを実行します。Installation - Laravel - The PHP Framework For Web Artisans

composer global require "laravel/installer=~1.1"

このコマンドを行うことでLaravelをインストールできます。

Laravelのプロジェクトの作成

次に、Laravelのプロジェクトを作成します。まず、プロジェクトの作成するディレクトリに移動します。

cd C:\xampp\htdocs

その後、プロジェクトの作成を行います。

composer create-project laravel/laravel [プロジェクト名] --prefer-dist

Laravelのバージョンを指定したい場合は、確かめていませんがこのようにすることで出来るみたいです。

composer create-project "laravel/laravel=~[version]" [プロジェクト名] --prefer-dist

[version]を4.2にすると、Laravel4を利用できるみたい。
composer create-project でインストールされるバージョンを指定する - Qiita

Laravelのページを表示

後は、http://localhost/[プロジェクト名]/publicに接続すると、ページが表示されます。

composerを60日以上使っていなかった場合

f:id:ferretdayo:20160215130333p:plain

このような感じになると思います。この場合は、

composer self-update

をすると、今まで通り使えるようになります。

参考文献

Laravel 4をWindowsにインストールする | Webエンジニアブログ
最新鋭のPHPフレームワーク「Laravel4」でWeb開発 | (1)導入編 | MONSTER DIVE【モンスターダイブ】


CTF for Beginner Attack & Defense 奈良に行ってきました！

CTF ctf セキュリティ Web

久しぶりの投稿ですね。
今回は広島から奈良であったCTF for Beginner Attack & Defenseに行って来ました！
CTF for Beginnerは、2回目の参加ですヾ(*´▽｀*)ﾉ
Attack & Defenseは、初でどのような感じに攻撃を行い、どのような感じで防御を行うのか？ということが分からなく大丈夫か不安でしたが、楽しかったので良かったです。
午前中には、服部さんと小出さんの講義がありました。服部さんは、Webに関しての攻撃や防御についての講義でした。「パスワードをsha1やmd5でハッシュ化していたのをsaltで最低限行おうね」ということや「権限がないのにアクセスできるよね、adminかどうか確認しようね」などおっしゃってました。小出さんは、SSHなどのお話をしていらっしゃったんですが、僕は知識不足でついていけなかった気がします笑

本題ですが、今回のCTFでは、WebアプリケーションやSSHに攻撃&防御をするというものでした。WebアプリケーションはFuelPHPで作成されていました。もちろん脆弱なところはいっぱい作ってあったようです。今回参加した参加者にWebアプリケーションをフレームワーク用いて作成したことある人がほぼいない感じで、私はもともとCTFよりはスクリプト言語でWebアプリケーションを作ってたりしており、Laravelというフレームワーク使ったこともあるので有利かなと思ってたんですが、そんな甘い話じゃなく、まだまだ知識不足だと感じましたw

今回Webアプリケーションは、/admin/customersのようにadminを入れるとすべての顧客情報を取得でき、それに関して防御がほぼ出来ているチームがいなかった気がします。それ以外にも顧客情報を取得する方法はあるのですが、ちょっと攻撃以外にも防御する能力というのが必要に感じました。
私が参加したチームでは、相手のラズパイにSSHで接続してSQLのバックアップファイルを取得したりしましたが、そのデータを点数となる形式に直すことが上手くできなくて色々考えている間に敵チームにドンドン取られていきました。変換プログラムをいかに早く作るだけではなく、攻撃して相手の情報を取得することなどにおいて、時間の早さがどれだけ大切かということが分かりました。

なんか読みづらい文章にはなりましたが、こんな感じです。Attack & Defenseは初めてでしたが、楽しくできました。次参加できることがあればドンドン参加していきたいなと思いました。
f:id:ferretdayo:20151018202615j:plain

PHPでソケット通信(UDP)

PHP UDP ソケット通信

今回、PHPでソケット通信を行いました。
環境としては、C言語でクライアント側(UDPを送る)を行い、PHPでサーバ側を行うというものでした。今回C言語のクライアント側は元々あるものとし、PHP側のサーバを作成しました。作成したPHPのコードを以下に示します。

<?php
	class packet_format{
		public $type;
		public $message;
		public $recv_date;
	}
	
	$recv_data = new packet_format;
	$port = 5050;

	//UDPのソケット作成
	$sock = socket_create(AF_INET,SOCK_DGRAM,SOL_UDP);
	socket_bind($sock,'127.0.0.1',$port);
	$from = '';
	while(true){
		//UDPのソケットを受信
		socket_recvfrom($sock,$buf,4096,0,$from,$port);
		//バイナリで取得しているため、unpackでデータを取得
		$packet_data = unpack("Stype/Smessage/ITimestamp",$buf);
		
		//対応する変数に代入
		$recv_data->type = $array["type"];
		$recv_data->message = $array["message"];
		$recv_data->recv_date = date('D M d H:i:s Y',$array["Timestamp"]);
		/*
			確認応答パケットをUDPで送信(データは1,2,3,4)
			送るデータをpackでバイナリ文字列にパックした後送る
		*/
		$socket = socket_create(AF_INET,SOCK_DGRAM,SOL_UDP);
		$sock_data = pack('SSSS',1,2,3,4);
		socket_sendto($socket,$sock_data,strlen($sock_data),0,$from,$port);
	}
	//close socket
	socket_close($sock);
        socket_close($socket);
?>

今回の場合はサーバを作成しているため、while文で常に起動させておきます。

UDPのソケットの受信の順序

  • socket_create関数で受信ソケットの作成
  • socket_bind関数でソケットに名前を付ける
  • socket_recvfrom関数でソケットの受信待ち
  • unpack関数でソケットのバイナリデータを解析
  • socket_close関数でソケットを閉じる

UDPの場合はソケットを作成する際に、socket_create関数の第2，3引数には、SOCK_DGRAMとSOL_UDPを指定する。TCPでは、SOCK_DGRAM→SOCK_STREAMで、SOL_UDP→SOL_TCPで行けると思います。
次に、bindでソケットに名前を付けた後、socket_recvfromでパケットの受信を行います。受信後の引数である$fromと$portには、ソケットの送信者のIPアドレスとポート番号の情報が入るみたいです。

次に、受信したバイナリデータ(ソケットからのデータ)をそのままデータとして取得はできませんので、unpack関数を利用し、それぞれのデータとして分解します。戻り値としては、配列として返却します。
unpack関数では、

<?php
    unpack("Stype",$buf);  //array("type"=>Sのデータ);
?>

のように使うのですが、Sは、データのフォーマットでありtypeは、連想配列のkeyの名前となります。

<?php
    unpack("S",$buf);  //array("1"=>Sのデータ);
?>

でも良いのですが、この場合では、配列の添え字が1から始まります。
データのフォーマットについては、送信の際にpack関数を用いるのですが、その時に指定したフォーマットを同様にunpackで指定するとよいと思います。
PHP: pack - Manual
ここにデータのフォーマットが書かれています。

そして、最後はsocket_closeでソケットを閉じておしまいです。


PHPカンファレンス-関西-に行ってきました。

PHP カンファレンス PHP7

PHPカンファレンス関西に行ってきました！

f:id:ferretdayo:20150531110612j:plain
今回、PHPカンファレンスに合わせて実家に帰省したのですが、前日くらいから体調が悪くて、最後までいることが出来なかったので残念でした。
しかし、自分の勉強のモチベーションと言いますか、自分の実力がどれ程のものなのかということを何となく周りのすごい怖いお人達から得られたのではないのかなと思いました。

セッション

PHP7で変わること 言語仕様とエンジンの改善ポイント

PHPカンファレンスの一番大きな目玉？と言えるPHP7のセッションです！
PHP6は永久欠番らしく、6を飛ばして7らしいですが、どこが変わるのか？ということを紹介されていました。

変わるところ
  • 致命的エラーで例外を出せるようになった。(メソッドがないなどのエラー)
  • タイプヒントが出来るようになった。
  • 非推奨だったmysql関数、ereg関数などの廃止
  • 速度！！！！！！！！
  • 変数の内部構造？zvalとかなんとか

こんな感じですね。
・タイプヒントはできるだけ使っていこうかなぁと思いましたね。
PHPは型がちゃんとしてないとか言われるので、せめてタイプヒントでどのような返り値を返そうとしているのか？というのを示そうかと思いました。
・一番変わったと思われる速度！
ここについては、PHPは他の言語と比べて速度に関するアドバンテージは無くなったと考えていいだろうということをおっしゃっていました。
海外の文献で、v5.6と比べ約2倍速くなったそうです。
・内部構造？についていろいろと変更
変数の管理について、zvalは24byteから16byte減っていたり、参照する回数1回減っているなどと管理に関しても簡略化されているようです？codezine.jp
ここのURLから詳しいことは見れると思うのでここで見てみてください。

PHPフレームワークを俯瞰してみた

これから新しいバージョンが出てくるフレームワークに関していろいろと紹介されていました。

他にも紹介されていたかもしれませんが、忘れました＾；
Laravelには、SNSのボタン？TwitterやFaceBookのシェアなどのボタンが対応するとか？よくわかっていません←
とにかく、フレームワークに追加する機能の一つ一つの単語について初めて見る単語ばかりであまりついていけてませんでした(笑)

PHPに足りないセキュリティ機能

まず初めに、30分のセッションの中で、スライド数が130くらいあった気がします（最後らへんめっちゃ飛ばしていてめっちゃ言いたいことあるんだろうなぁと思いました。）
PHPには、何が足りないかというと、○○用のエスケープ関数というのが足りないということを言っていました。
XML用などそれ用の関数を用意すべきだよねとおっしゃっていました。
で！このセッションでの重要なお話が
セキュリティで大切なのは入出力バリデーション
ここをちゃんとすることで大体のセキュリティ対策になるそうです。
しかしこういうところをちゃんとするためにも、どのような攻撃手法があるなど、それに関しての知識を付けなければバリデーションもできないと思うので、Webをさわっている方はセキュリティからは逃れることは出来ないのかと思います。

終わりに

ブースでは、ECサイトを作るためのAPI?みたいなのを紹介していたりtwilioさんの電話を用いてアプリケーションを作成出来たりとするAPIがあるということを照会されていたりしました。
twilioでは、ある電話番号にみんなにメッセージを言ってもらって、そのメッセージを処理した後に、ある人にそのメッセージをつなげたものを電話を通して聞いてもらうなどの使い方が出来るそうです。
そしてtwilioさんには、マグカップをいただきました。ありがとうございます！
f:id:ferretdayo:20150531115801j:plain


EclipseからAndroid Studioへの移行（できなかった）

EclipseとAndroid Studioの違いは、ぱっといろいろやってみた感じ・・・・

・Eclipse
1.Build

・Android Studio
　1.Gradle
2.Build

という感じの手順であった。あまり詳しくないので、何も言えないが、Android StudioはGradleのおかげで結構自由なことが出来るのではないのかな？と予想してみたり。

移行では、Android Studioの形式とは違う形でImportしていたりするので、appフォルダとかがなく、調べてもうまいことできませんでした。

何だかんだやってると、Gradleの同期は出来たのですがBuildでErrorが吐かれ、Google-Play-Services_libのapkファイルがないのかなんかそういう系でした。

まぁまたいつか挑戦します。

PHP5.5とPHP5.3のexplode関数の違い？

今回、explode関数を用いて文字列を分割して、その最初のほうだけを表示させようとしたプログラムがあったのですがバージョンの違いにより動かなかったということのメモです。
下のプログラムは、PHP5.5で動かしたときです。

<?php
   $str = "aaaa-bbbb";
   echo explode('-',$str)[0];
?>

結果としては、

aaaa

と表示されるはずです。
しかし、バージョンがPHP5.3の際、このようにするとエラーを吐かれます。
内容としてはexplodeの後ろの[0]が悪かったみたいです。
PHP5.3で表示させたい場合は、まず変数に代入してから、その変数で配列の添え字0番目を指定すればよいみたいです。
このような感じになります。

<?php
   $str = "aaaa-bbbb";
   $tmp = explode('-',$str);
   echo $tmp[0];
?>

このような感じに変数に一旦代入してからechoで表示させてやるとPHP5.3でもエラー吐かれずに済みます。

まぁこんな感じです。

foundationのmodalで、Ajaxを用いた値の受け渡し(php,javascript)

foundation ajax PHP JavaScript CSS

今回、htmlでラジオボックスで選択された場所に応じてmodalのフォームでphpのデータをJavaScriptに渡してjQueryでtextのvalue属性に値を代入するということをしました。

まず、元のページの一部(index.php)を示します。

<form action="./json.php" method="POST" id="modal">
　<div class="row">
　　<div class="large-12 columns">
　　　<table>
　　　　<thead>
　　　　　<tr>
　　　　　　<th>変更</th>
　　　　　　<th width="100">ID</th>
　　　　　　<th width="200">商品名</th>
　　　　　　<th width="100">値段</th>
　　　　　</tr>
　　　　</thead>
　　　　<tbody>
　　　　<?php 
　　　　　//DBからデータを取得し表示
　　　　　foreach($dbdata as $k => $val){
　　　　　　echo "<tr>";
　　　　　　echo "<td><input type='radio' name='radio' value='{$k}'></td>";
　　　　　　foreach($val as $key => $value){
　　　　　　　echo "<td>".$value."</td>";
　　　　　　}
　　　　 　 echo "</tr>";
　　　　　}
     　 ?>
　　　　</tbody>
　　　</table>
　　</div>
　</div>
　<!-- 変更のTrigger -->
　<div class="row">
　　<div class="large-12 columns">
　　　<input type="submit" class="button info" value="変更">
　　</div>
　</div>
</form>
<!-- 変更のModalの内容 -->
<div id="hoge" class="reveal-modal" data-reveal aria-labelledby="hogetitle" aria-hidden="true" role="dialog">
　<div class="row">
　　<div class="large-12 columns">
　　　<h1 id="hogetitle">変更</h1>
　　<div>
　</div>
　<!-- form -->
　<form action="" method="POST" data-abide>
    <div class="row">
      <div class="large-12 columns">
	 <label>
	    ID
	    <input type="text" name="p_id" id="p_id" value="" readonly>
         </label>
      </div>
    </div>
　　<div class="row">
　　　<div class="large-12 columns">
　　　　<label>商品名
　　　　　<input type="text" name="name" id="name" value="" required>
　　　　</label>
　　　</div>
　　</div>
　　<div class="row">
　　　<div class="large-12 columns">
　　　　<div class="row collapse">
　　　　　<label>価格</label>
　　　　　<div class="large-8 small-8 columns">
　　　　　　<input type="text" name="price" id="price" value="" required>
　　　　　</div>
　　　　</div>
　　　</div>
　　</div>
　　<div class="row">
　　　<div class="large-12 columns">
　　　　<label>
　　　　　<input type="submit" class="button expand" name="submit" value="変更">
　　　　</label>
　　　</div>
　　</div>
　</form>
　<a class="close-reveal-modal" aria-label="Close">&#215;</a>
</div>

今回Modalウィンドウを開くときのボタンを押した場合、ページはリロードされないので、非同期処理Ajaxを用いて値を渡す必要がある。
ラジオボックスが選ばれてsubmitされた場合Modalウィンドウを開くようにしている。
modal.jsを示す。

$(function(){
    $('#modal').submit(function(event){
        event.preventDefault();
        var f = $(this);
        $.ajax({
            url: f.prop('action'),
            type: f.prop('method'),
            data: f.serialize(),
            timeout: 10000,
            dataType: 'json'
        })
        .done(function( data ) {
            // 通信が成功したときの処理
			$('#hoge').foundation('reveal', 'open');
			var radio_id = parseInt(data[0]) + 1;
			$('#p_id').val(data[radio_id]["id"]);
			$('#name').val(data[radio_id]["name"]);
			$('#price').val(data[radio_id]["price"]);
        })
        .fail(function( data ) {
            // 通信が失敗したときの処理
        })
        .always(function( data ) {
            // 通信が完了したとき
        });
    });
});

ここで、modal.jsの説明をする。
f.prop('action')は、formタグのaction属性からURLを受け取り、Ajaxのurlにセットしている。
これは、urlからデータを受け取るということを意味している。
次に、CSSフレームワークのfoundationのmodalのページに、jQueryを用いてmodalウィンドウを開くやり方が表記されている。
それによると、
$('#hoge').foundation('reveal', 'open');
で、開くことが出来るため、json.phpから値を受け取った時だけmodalを開くようにしている。
後は、適当に好きなように書いてください(笑)

次に、非同期で値を渡す先であるjson.phpを示す。

<?php
	/*
	DB接続,切断 insert,fetch,deleteの機能がsql.phpに備わっている。
	*/
	require_once("../sql.php");
	$conn = new MySQL("","","","");
	if(isset($_POST["radio"])){	
		$radio = $_POST["radio"];
		//今テーブルhogeに登録されてるデータ
		$query = "select * from hoge;";
		$row = $conn->fetch($query);
		array_unshift($row,$radio);
		$json_data = json_encode($row);
		echo trim($json_data);
	}
?>

json.phpでは、受け取ったラジオボタンの位置を受け取り、受け取ったデータとDBからのクエリの結果を連結してAjaxの.doneにデータを受け渡すものである。
ここでsql.phpは著者が適当に作成したMySQLの操作のためのクラスなので、適当に受け流してください。
json.phpでラジオボタンの場所、DBに入っていたデータを表示している。
Ajaxは、表示しているデータをjsonで受け取り、処理を行っている。

とりあえず、こんな感じです。

参照は、いろいろだけどここらかな
foundation.zurb.com
chaika.hatenablog.com