YounashiP | 洋梨日記🍐

2019年2月11日2019年2月11日

インターネット上の情報からどこまで個人を特定出来るのか

こんちゃ。洋梨🍐です。

まれにソーシャルメディア上で「IPアドレスからお前ん家特定したわwww」とか言ってる人居たりしますが、実際インターネット上から得られる情報でどこまで特定(個人で)できるかを実際やってみながら解説したいと思います。

IPアドレスから特定

よくネット上で特定元として言われる「ipアドレス」。果たしてこれを使えば特定が可能なのか？

結論から言うと、「これだけで個人特定は不可能(個人では)」です。

しかし、強い手がかりの1つとなるのは確かです。

例えばグローバルIPアドレスから個人は特定できないが、同一人物かは特定できます。

つまりこういう事です。

例えばTwitterで例えると、裏垢と本垢のIPアドレスは同じです。これは手掛かりになりますね。

しかし、IPアドレス(グローバルIP)は環境・状況で変わるので注意が必要です。

ちなみにphpでのipアドレスの取得方法は次の通りです

＜?php
// log.txtファイルにアクセスしてきた人を記録します。
$ip = $_SERVER["REMOTE_ADDR"] ;
$fp = fopen("log.txt", "a");
fwrite($fp, $timestamp . " : ".$ip);
fclose($fp);
＞

＜?php

// log.txtファイルにアクセスしてきた人を記録します。

$ip = $_SERVER["REMOTE_ADDR"] ;

$fp = fopen("log.txt", "a");

fwrite($fp, $timestamp . " : ".$ip);

fclose($fp);

＞

その他得られる情報から特定

URLを相手に踏ませることで特定できる情報はいくつかあります。(ipアドレスもその内一つです)

例えば次のものがあります

・OS、ブラウザ等情報

・ホスト名

・使用言語

これらも確認程度くらいの多少な手掛かりになりますよね。

※ちなみにJavaScriptでのアクセスが有効な場合は かなり正確な位置情報 を取得することが出来ます。どのくらい正確かといいますと、

こんくらいです😇

んーーーーこれはまずいですね^^;

スマホからのアクセスの場合、GPSなどを使った測位なので誤差はほぼ無いに等しいでしょう。くれぐれも位置情報を共有してしまわないように気を付けましょう～

ちなみにソースコードはこんな感じです

// JavaScript
//　HTML内(Tag:"text")　に取得した緯度・経度を表示します。
navigator.geolocation.getCurrentPosition(
　function( position ){
    var x = data.latitude;
    var y = data.longitude;
    document.getElementById("text").innerHTML = ""+x+"."+y+"";
  }
);

// JavaScript

//　HTML内(Tag:"text")　に取得した緯度・経度を表示します。

navigator.geolocation.getCurrentPosition(

　function( position ){

var x = data.latitude;

var y = data.longitude;

document.getElementById("text").innerHTML = ""+x+"."+y+"";

}

);

表示された緯度経度をGoogleマップなどで検索すれば位置が地図上に出てきますよ！

ユーザー名・IDから特定

これもよくある特定のされ方なのではないでしょうか？これは「ユーザーのIDがどのSNSでも一緒な人が多い」という所から特定されるパターンです。

フォロワーから特定

これはユーザー本人が個人情報を載せてなくても、よく話している・フォロワーいる人が個人情報を乗せているせいでバレるというパターンです。

友達から情報漏洩

炎上した時によくあるパターンです。

「誰が漏らしたかなんて分からないから言っちゃお」パターンです。誰が裏切ってくるか分からないという人、気をつけてくださいね。

まとめ

IPアドレスから特定されることはない。もし「なんで特定されたんだ？」と思っている人はどこかから情報が洩れてます。いま一度見直してみてくださいね☀

※ちなみにIPアドレスに(個人では)と書いてるのはプロバイダーに問い合わせればIPから本人が割り出せるためです。なのでばれたくない通信をする人はIPを隠せるTor等使いますよね。

炎上には気を付けよう👼

ここまで読んでくれてありがとうございました！！

ホームページでは他にも

・様々な記事や作った作品および過程
・ソースコード、素材ファイル
・あらゆる”モノ”の作り方

などなど随時、記事や作品を新規公開・更新していますので是非見ていってくださいね！見ていただけると本当に嬉しいです！

2019年2月9日2019年2月16日

ポート開放のやり方・手順

まずポート開放とは？

そもそもポート開放とは何なのか？何のためにあるのか？を簡単に説明します。

まずスマホやゲーム機などは下図のような感じにインターネットにつながっています。

そこに外部から不正なデーターなどが来たとします。これをルーターなどは防ぎます。

しかしこれは不正じゃなく正しいものも防ぎます。

つまり「このデーターは通していいよ💛」とルーターに教える必要があるという事です。それがポート開放です。

ポート開放を正しく行えばこのようにデーターが行き来できるよう
(ゲーム内ではオープンと言ったりも) になります。

※とっても簡単に説明をしてます。Google先生に聞いたほうが詳しく知れます。

で、どうやるの？やり方はよ

はい。ではポート開放のやり方に移りますね👼

まずルーターの管理者ページに飛びます。

管理者ページに飛ぶ方法はルーターのIPアドレスでアクセスするのが一般的です。（よくわからない人はルーターの名前で調べれば出てくると思います。）

管理者ページにアクセスするとこのようにログインを求められるので入力します。

当方の環境ではこんな感じ
JCOMで契約するとついてくる「HUMAX ルーター」です

初期設定のIDとパスワードはルーター名で調べると出てくるのですが、大抵はID「admin」「user」のパスワード「password」などです。

ログイン後のページを探っていくと、「ポート開放」「ポート転送」
「ポートフォワーディング」などと書かれた設定画面があると思いますので開きます。

画面が開けたら設定していきます。

まず LAN側＝家・WAN側＝外という事を頭に入れといてください。

まずLAN側IPアドレスに「ポート開放をしたい端末のIPアドレス」を入力します。

※なお、PCでは「ipconfig」、PS4など家庭用ゲーム機では「接続情報」などから確認できます。

次に開放する(使用したい)ポート番号・プロトコルを入力します。

使用するポート番号・プロトコルはソフトウェア・ゲーム等により異なるため調べる必要があります。「〇〇〇ポート番号」などで調べれば出てきます。

※参考資料： Call Of Duty Minecraft

また、ポート番号を入力する欄が２つある事が多いのですがこれは開始番号と終了番号です。どういうことかというと、例えば 10000 ～ 10010 のポートを開放したいとします。その時一つ一つ設定するとなると、10個も設定しないといけなくなります。この手間を省くためにあるものです。

つまり「10000番ポートだけでいい」という人は 10000 ～ 10000 と同じにすればいいだけの話です。なお、普通WAN側のポート番号はLAN側のポート番号と同じにします。

最後にWAN側IPアドレスですがこちらは転送元のアドレスは大抵の場合わからないのですべてのIPアドレスから受付られるようにします。すべてから受け取るには「0.0.0.0」(機器によっては255.255.255.255の場合も) を設定します。

あとは「保存」して終了です。お疲れ様でした^^

なお「設定がめんどくさいーーー」と友達に言われたのもあり、設定を楽々できるアプリを開発中です。完成次第、ここに貼りたいと思います。
なお開発は1,2週間程度の予定です👼

ダウンロードはこちら

ここまで読んでくれてありがとうございました！！

2019年2月7日2019年2月7日

Arduinoで始めるIoT～外から家電の操作を行うまで～

こんちゃ！洋梨🍐です。

「スマホから家電の操作したいな～」なんて思ったこと皆さん無いでしょうか？

きっとあると思います(暴論)^^

そこで今回はスマホから家電を操作する為の手順を公開したいと思います～

今回使うもの

製作環境

・Unity + C#

スマートフォン(操作)側アプリの開発に使います。今回紹介するソースコードはC#で書かれているので.NET FrameworkやXamarinでも動きますよ。(確認済)

・Arduino + C

リモコン(実行)側にはArduinoを用います。なお言語はC言語ベースです。

材料

・Arduino 本体

HiLetgo® 2個セット NEWバーション UNO R3 ATmega328P USB CH340G Arduinoと互換性 + USB ケーブル [並行輸入品]

今回の主役です。C言語を使って電子部品を扱うことができます。

・赤外線LED

リモコンの操作信号を再現するために使います。波長は 950nmに近いものを使います。※850nmでは動きませんでした。

・赤外線受光モジュール

リモコンの操作信号を再現するために使います。

・ボタン

操作用に使います。

・Wi-Fiモジュール

スマートフォンから操作したい場合、使用します。Arduinoをインターネットに接続できるようにすればいいのでイーサネットでもOK！

オプション

・IC2 OLED (128×64)

Arduinoから情報を出力(可視化)するために今回は使いました。

・コンデンサー

リモコンの光を遠くまで飛ばせるようにするとき使います。

・リレー

赤外線操作ではなくコンセント操作を使いたいときにどうぞ

仕組み

例えば、普通は左のようにテレビの操作にリモコンを使いリモコンがテレビに信号を送っています。

しかし、スマホで操作したくてもスマホではテレビに信号を送ることができません。

そこで今回は信号を送る部分をArduinoに肩代わりしてもらい、スマホからArduinoを操作することで間接的にテレビに信号を送るというわけです。

作成 (Arduino側)

すべて説明すると長くなってしまうため簡単な説明です。

Arduinoでは赤外線信号を保存・再生します。

受光モジュールを使いリモコンの信号を事前にキャプチャーし、スマホからの信号が届いたら赤外線LEDを用いてキャプチャーした信号を再生すればいいというわけです。

まずキャプチャー(保存)するためのソースコードです。

// Capture.c
bool recIR(){
  /* キャプチャーを開始します。*/
  ir_beforeStat = digitalRead(IR_RLED);
  cleanData();
  return recIR_();
}
bool recIR_(){
  unsigned long nT = micros();
  for(unsigned long i;micros() &lt; TIME_MICROSECONDS + nT;){
    int irR_val = digitalRead(IR_RLED);
    if(ir_beforeStat!=irR_val){ 
      /*状態変異時*/
      i = micros() - nT;
      if(!addData(i)) return false; //保存できなかったらエラー
      ir_beforeStat = irR_val;
    }
    //delayMicroseconds(TIMMING_WAIT_MICROSEC);
  }
  return true;
}

bool addData(unsigned long t){
  if(irDataPointer>IRDATA_SIZE) return false;
  irData[irDataPointer] = t;
  irDataPointer++;
  return true;
}

// Capture.c

bool recIR(){

/* キャプチャーを開始します。*/

ir_beforeStat = digitalRead(IR_RLED);

cleanData();

return recIR_();

}

bool recIR_(){

unsigned long nT = micros();

for(unsigned long i;micros() < TIME_MICROSECONDS + nT;){

int irR_val = digitalRead(IR_RLED);

if(ir_beforeStat!=irR_val){

/*状態変異時*/

i = micros() - nT;

if(!addData(i)) return false; //保存できなかったらエラー

ir_beforeStat = irR_val;

}

//delayMicroseconds(TIMMING_WAIT_MICROSEC);

}

return true;

}

bool addData(unsigned long t){

if(irDataPointer>IRDATA_SIZE) return false;

irData[irDataPointer] = t;

irDataPointer++;

return true;

}

次に再生するためのソースコードです。

bool playIR(int IRLED){
  if(irData[0]==0){
    return false;
  }
  digitalWrite(IRLED, LOW);
  int playPoint = 0;
  bool irStat = false;
  
  unsigned long nT = micros();
  for(unsigned long i;micros() &lt; TIME_MICROSECONDS + nT;){
    i = micros() - nT;
    
    if(irData[playPoint]&lt;=i){
      if(!irStat){
        digitalWrite(IRLED, HIGH);
        irStat = true;
      }else{
        digitalWrite(IRLED, LOW);
        irStat = false;
      }
      playPoint++;
      if(irData[playPoint]==0) break; //終端の場合抜ける
    }
    //+delayMicroseconds(TIMMING_WAIT_MICROSEC);
  }
  
  digitalWrite(IRLED, LOW);
  //printData();
  return true;
}

bool playIR(int IRLED){

if(irData[0]==0){

return false;

}

digitalWrite(IRLED, LOW);

int playPoint = 0;

bool irStat = false;

unsigned long nT = micros();

for(unsigned long i;micros() < TIME_MICROSECONDS + nT;){

i = micros() - nT;

if(irData[playPoint]<=i){

if(!irStat){

digitalWrite(IRLED, HIGH);

irStat = true;

}else{

digitalWrite(IRLED, LOW);

irStat = false;

}

playPoint++;

if(irData[playPoint]==0) break; //終端の場合抜ける

}

//+delayMicroseconds(TIMMING_WAIT_MICROSEC);

}

digitalWrite(IRLED, LOW);

//printData();

return true;

}

このプログラムをボタンを押したときに呼び出すようにすればボタンを押したときにキャプチャーした信号が再生されるようになります。

赤外線LEDはカメラで点灯していることを確認できる。
上のGIFは実際に再生したところ。リモコンの信号と同じ点滅をしていることがわかる。

スマホからの操作に使用する際はUDPポートを監視し、信号が流れてきたら事前に決めたパケット構造に基づき対応した信号を再生するようにした。

操作用アプリ製作 (操作側)

紹介用に部屋の電気をON・OFFにする機能だけをつけたものにしてあります。C#で書かれています。なおUnityで動作確認済みです。

メインプログラム (Unity用)

public class Main : MonoBehaviour {

    const int PORT = 12345;
    public InputField input;

    UDPSystem udpSystem;

    public void Button_OnClick(int n)
    {
        if (udpSystem == null) udpSystem = new UDPSystem(null, 0, input.text, PORT, null);
        switch (n)
        {
            case 0:
                udpSystem.Send(new byte[] { 1,0 });
                break;
            case 1:
                udpSystem.Send(new byte[] { 1,1 });
                break;
        }
    }

}

public class Main : MonoBehaviour {

const int PORT = 12345;

public InputField input;

UDPSystem udpSystem;

public void Button_OnClick(int n)

{

if (udpSystem == null) udpSystem = new UDPSystem(null, 0, input.text, PORT, null);

switch (n)

{

case 0:

udpSystem.Send(new byte[] { 1,0 });

break;

case 1:

udpSystem.Send(new byte[] { 1,1 });

break;

}

ここで使っている「UDPSystem」のスクリプトは長いため以前書いた

Unity上でUDP/IPを用いた通信機能(マルチプレイ)を実装する

こちらの記事をご覧ください。UDPパケットの送信には上記事のスクリプトを汎用しています。

これでスマートフォンからUDPでのパケットの送信ができるようになったと思います。もちろんTCPを使ってもできます。(むしろそっちのほうが良いかも)

テスト

このアプリで本当に信号(パケット)が出せているのか、しっかり届いているのかは調べないとわかりません。今回は「Wireshark」というパケットキャプチャーを使い、パケットが届いているかどうか確認したいと思います。

なお、外出先など外部からパケットを送信・受信(操作)するには「ポート開放」などが必要です。プログラムではUPnPやホールパンチングなど技術を使う必要があります。UPnPは比較的簡単なのでこちらを参考にしてみてください。

今回は外部(外出先)から使う事を推定しているのでテストではスマートフォンの4G回線(Docomo)からリクエストを送信します。

今回テストで送信するリクエストは「ID(01)の機器の電源をON(01)にする」にします。つまりUDPで送るデーターは「0101」です。

先ほどのプログラムの「case 1:」の部分です！

アプリでプログラムを実行すると、自宅にあるPCの「パケットキャプチャー」で見るとUDPでパケット「0101」が届いているのが確認できました。これで外部からつけることができるという事が確認できました。

まとめ

今回はIoTデバイス作りの第一歩として家電操作を行いました。

この記事は以前私がレポートとしてやったものを記事に起こしたものになりますので詳しく知りたい方はこちらからレポートをダウンロードしてください～

書いている途中で面倒になってしまったのもあり、説明がいくつか抜けて分からない部分があるかもしれませんでしたがすいませんです！(> 3 <)

「よくわかんないからプロジェクトファイルくれ」「もっと詳しく記事書いて」などリクエストはメールにお願いします！

ここまで読んでくれてありがとうございました！！

Thank You Watching💛

2019年2月5日2019年2月16日

おさこーちゃんの為に開発されたポート開放アプリ

ダウンロード(Get on Google Play Store)

Android版のみになってます👼🏻

2019年1月29日2019年1月29日

FPSで敵に撃ち勝つために～COD・BO4で考える立ち回り～

どうも洋梨🍐です。

今回は自分の好きなFPSゲームで強くなれる方法を紹介し、みんなが楽しめプレイ人口が少しでも増えればいいなーと思います😇

はじめに

まずこの記事におけるターゲット層は初心者～中級者です。

理由は単純。自分が”猛者”ではなく中級者だからです。

また、ここで紹介する「上手い人」は中級者以上あたりのことを指しています。その辺りをご理解頂いてからご覧下さいね！

撃ち合いに勝つために考える

目線

まずここで大切なことは「試合中、目線がミニマップに向いているのか」です。

いや、ミニマップくらい見とるわ！って思うかも知れませんがきっとあなたより上手い人はもっと試合中ミニマップを見ています。

ミニマップで把握きることは今撃っている敵の他に

・敵のリスポーン地点(リス地)

・敵の大体の位置

がわかります。

例えば敵のリス地把握をしたい時は

・仲間の矢印が少ない方

・仲間の矢印が増えた反対方向(仲間のリス地付近は湧かない)

を見ることで把握できます。

敵の大体の位置は

・仲間が居ない、見ていない方。

・仲間のドクロマーク付近、倒される前撃ち合っていた方向(矢印)

など様々な事から把握することができます。

立ち回り

FPSで大切なこと。それは立ち回りです。

そもそも今作BO4は後ろから撃たれたらほとんど勝ち目はない気がします。~~前作BO3なら飛んで回避出来る上にキル速度が早いドレッチなんかあったのでかなり可能だった気がするのですが~~

よっていかに後ろを取られず・決め撃ちできるかが勝負の要になると思います。

ポイント１

初心者の方は慣れないうちはロングにいかないようにしましょう。最初のうちはなるべく接近戦に持ち込むのが大切かと思います。なぜなら接近戦の場合、うち初めのタイミングと武器のレートでほぼ勝負が決まるからです。

また、初心者なのにどんどん前に行きデスをするのは迷惑がかかることが多いのでキルすることよりデスしないことに重点を置いて戦いましょう。

ポイント２

クリアリングをしっかりしましょう。これを怠ると味方にも迷惑(自分が見ている方向を仲間は信頼してクリアリングしないことが多い為)をかけることになるのでここは頑張りましょう。

ポイント３

角から顔を出すときはジャンプで飛び出しましょう。これだけで敵が待っていたとしても、ヘッドショットをかなり避けることができるでしょう。

ポイント４

マップをしっかり覚えましょう。覚えるというのは単に地形を覚えるだけでなく、そこから戦うと強い場所(俗に「頭出しポジ」「強ポ」と呼ばれる)を覚えましょう。相手に一発も当てれず倒された場合、相手がいる場所が強ポの確立が高いです。うまい人をみて覚えましょう。

エイム

FPSの強さを左右する重要なポイント、そうエイム力です。

これは正直「慣れ」と「センス」がかなりあると思います。

「どんどんプレイして覚えましょう＾＾」としか言えませんが、個人的に「同じ武器を一度使い古してみる」というのはいいかもしれません。リコイル制御がかなり得意になると思います。

~~ちなみに私はBO3ではVMPを50000Killほど使い古してから他の武器を使い始めました👼~~

その他、方法として「フリークを使う」というのがいいと思います。

FPS アナログキャップ FPSアシストキャップ fpsフリーク PS4 コントローラー用アシストキャップ – Playstation 4

というのも「中級者レベル以上の人で使ってない人はいないのではないか」位に思います。使ってない人は絶対に使ったほうがいいと思います。

フリークには背が高いものから低いものまでありますが、低いものから始めるのを個人的にはおススメします。高いと感度を上げることができていいのですが、×ボタンなどの他のボタン(デフォルト配置だと)が押しにくくなる気がします。

※ちなみに
「マウサー」になれば強くなると思い込んでいるかた。それは間違いだと思います。多少強くなるかもしれませんが、うまい人は何を使ってもうまいのと同じで、マウサーになれば猛者になれるわけではないと私は思います。使うのは否定しませんが、

武器

強くなりたいならとりあえずSMGをはじめに使うのがいいと思います。

強武器を使うのもありだとは思いますが、初心者がそれを使って芋ったりなんかすると敵も使ってきてやられるというケースが多いと思います。

ちなみに今作の強武器は「Titan + クイック + ストック」でPark「ガンホー」だと私は思います。これ最強です。

まとめ

頑張って「少しでも強くなる方法」をまとめてみましたが、やはり文章などの説明だけでは分からないと思います。すいません。

とにかくプレイすればするほど上手になっていくのは確かですので回数をこなすことが大切だと思います。

あとCODシリーズはPTゲー要素が強いので友達と一緒にプレイするのをお勧めします👼

ここまで読んでくれてありがとうございました！！

2019年1月29日2019年2月8日

UnityでPS4のコントローラーを使う方法

こんにちは！洋梨🍐です。

Unityでゲーム開発(PC・スマートフォンどちらでも)をしていくうち、コントローラーを使いたくなることがきっとあると思います。そんな方に向けて今回はUnityでコントローラーを使う手順を書こうと思います。

コントローラーをパソコン(Android上ではBluetoothで)に接続

今回はコントローラーにPS4用コントローラー「Dual Shock 4」を使います。

ワイヤレスコントローラー (DUALSHOCK 4) ジェット・ブラック

ここに特別な設定はいりません。PCには通常のUSBケーブルで。AndroidスマートフォンにはBluetoothで接続するだけです。

Input Managerに登録

次にUnityのInput Manager上でDS4のボタンを認識させるために設定を行います。

「Edit」→「Project Setting」→「Input」で設定画面を出すことができます。

次にSizeを変更します。追加したいボタンの分だけ増やした数値を入力します。※使用しない既存の項目を変更しても良い

次にボタンそれぞれを登録していきます。と言いたいところですがもう既に割り当ててあるある場合もあるのでその場合は登録しなくても大丈夫です。

次の例ではDS4の×ボタン動作を割り当てたものです

スクリプトから読み取る

登録したボタンを使うには

string name = "DS4x"; //登録した名前
if(Input.GetButtonDown(name)){
   //押されているとき
}

string name = "DS4x"; //登録した名前

if(Input.GetButtonDown(name)){

//押されているとき

}

これだけです。これをUpdate()内などに書き込み、処理を行います。

Input.GetButtonDown(string)　は押されているときtrueを返し、押されていないときはfalseを返します。

また、スティック入力の場合は Input.GetAxis(string) を使用します。

DS4の右スティックの位置を取得するには次のように書きます。

float x = Input.GetAxis("Horizontal");
float y = Input.GetAxis("Vertical");

1 2	float x = Input.GetAxis("Horizontal"); float y = Input.GetAxis("Vertical");

この x , y は位置に応じて -1 ～ +1 の値になります。動かしていない(中央)ときは０になります。

ちなみにこの Horizontal 及び Vertical は元々 Input Manager に登録されていると思います。

しかし、左スティックは登録されてないと思うので左スティックも使いたい場合は Input Manager から登録する必要があります。既存の Horizontal を参考に２つ目を作って使うことになります。

どんな感じに使うのか(参考程度)

PS4の右スティックで移動、×ボタンで上に上がるサンプルになります。動かしたいオブジェクトにアタッチすることで使用することができるはずです。なお、使用前に Input Manager での登録が必要です。

private void Update()
    {
        const float SPEED = 0.1f;

        float x = Input.GetAxis("Horizontal");
        float y = Input.GetAxis("Vertical");

        gameObject.transform.position += new Vector3(x * SPEED, 0, y * SPEED);
        if (Input.GetButtonDown("DS4x")) gameObject.transform.position += Vector3.up * SPEED;
    
    }

private void Update()

{

const float SPEED = 0.1f;

float x = Input.GetAxis("Horizontal");

float y = Input.GetAxis("Vertical");

gameObject.transform.position += new Vector3(x * SPEED, 0, y * SPEED);

if (Input.GetButtonDown("DS4x")) gameObject.transform.position += Vector3.up * SPEED;

}

以上です！

ここまで読んでくれてありがとうございました！！

2019年1月23日2019年2月7日

C#でUPnPを使ったポートマッピング

ゲームを始めオンラインでの通信機能が必要になる事は多いと思います。

そんな時立ちはだかる難関の１つ。それはNAT越えです。

NAT越えをする手段はいくつか考えられますが、今回は一番簡単(?)なUPnPを使ってルーターにポートフォアリングを設定して通信通路を確保したいと思います。この記事はその時の記録です。

実行・テスト環境

今回のプログラムはUnity+C#で作成。

パケット送信などの仕組み・ソースコードは前に書いた記事「UnityでUDP通信を行うには」などを参考にしてください。

ルーターにポートフォアリング(ポート転送)をリクエストする

ネットワーク内のルーターを探索する

探索の為に「M-Search」リクエストを送信先「 239.255.255.250 : 1900 」(ブロードキャスト)にUDPで送信します。

//送信リクエスト C#
static readonly string REQUEST_MESSAGE = String.Concat(
            "M-SEARCH * HTTP/1.1\r\n",
            "MX: 3\r\n",
            "HOST: 239.255.255.250:1900\r\n",
            "MAN: \"ssdp: discover\"\r\n",
            "ST: service:WANIPConnection:1\r\n"
        );

//送信リクエスト C#

static readonly string REQUEST_MESSAGE = String.Concat(

"M-SEARCH * HTTP/1.1\r\n",

"MX: 3\r\n",

"HOST: 239.255.255.250:1900\r\n",

"MAN: \"ssdp: discover\"\r\n",

"ST: service:WANIPConnection:1\r\n"

);

その後ルーターなどUPnP対応機器からのリスポンス「NOTIFY」が同じアドレスで返ってくるので受信します。

ルーターの情報を取得

先ほどの情報を元にルーターに「HTTP / GET」で詳細情報をリクエストします。

リクエストは以下のようなプログラムで実装しました。

public void GetRequest(string url,Action&lt;string> getCallBack)
    {
        Encoding enc = Encoding.GetEncoding("UTF-8");

        WebRequest req = WebRequest.Create(url);
        WebResponse res = req.GetResponse();

        Stream st = res.GetResponseStream();
        StreamReader sr = new StreamReader(st, enc);
        string html = sr.ReadToEnd();
        sr.Close();
        st.Close();

        getCallBack(html);
    }

public void GetRequest(string url,Action<string> getCallBack)

{

Encoding enc = Encoding.GetEncoding("UTF-8");

WebRequest req = WebRequest.Create(url);

WebResponse res = req.GetResponse();

Stream st = res.GetResponseStream();

StreamReader sr = new StreamReader(st, enc);

string html = sr.ReadToEnd();

sr.Close();

st.Close();

getCallBack(html);

}

私の環境では「192.168.0.12」のPCから「192.168.0.1」のルーターにリクエストを送信している

なお、リクエストに成功すると「HTTP 200 OK」が返され、XML形式の情報を入手することができます。

そのXMLのうち今回は <controlURL> の情報を元にリクエスト先アドレスを入手します。

リクエストをルーターに送信

先ほどの情報を元に対象のアドレスに「HTTP / POST」でリクエスト内容(SOAPプロトコル)を送信します。

今回テストに送信したリクエストは以下の通りです。

# XML Request To Router
# SOAP Message
&lt;?xml version="1.0"?>
&lt;SOAP-ENV:Envelope xmlns:SOAP-ENV="http://schemas.xmlsoap.org/soap/envelope/" SOAP-ENV:encodingStyle="http://schemas.xmlsoap.org/soap/encoding/">
  &lt;SOAP-ENV:Body>
    &lt;m:AddPortMapping xmlns:m="urn:schemas-upnp-org:service:WANPPPConnection:1">
      &lt;NewRemoteHost>&lt;/NewRemoteHost>
      &lt;NewExternalPort>12345&lt;/NewExternalPort>
      &lt;NewProtocol>UDP&lt;/NewProtocol>
      &lt;NewInternalPort>12345&lt;/NewInternalPort>
      &lt;NewInternalClient>192.168.0.12&lt;/NewInternalClient>
      &lt;NewEnabled>1&lt;/NewEnabled>
      &lt;NewPortMappingDescription>YounashiProgram&lt;/NewPortMappingDescription>
      &lt;NewLeaseDuration>0&lt;/NewLeaseDuration>
    &lt;/m:AddPortMapping>
  &lt;/SOAP-ENV:Body>
&lt;/SOAP-ENV:Envelope>

# XML Request To Router

# SOAP Message

<?xml version="1.0"?>

<SOAP-ENV:Envelope xmlns:SOAP-ENV="http://schemas.xmlsoap.org/soap/envelope/" SOAP-ENV:encodingStyle="http://schemas.xmlsoap.org/soap/encoding/">

<SOAP-ENV:Body>

<m:AddPortMapping xmlns:m="urn:schemas-upnp-org:service:WANPPPConnection:1">

<NewPortMappingDescription>YounashiProgram</NewPortMappingDescription>

</m:AddPortMapping>

</SOAP-ENV:Body>

</SOAP-ENV:Envelope>

このリクエストではポート「12345」のUDP通信を「192.168.0.12」に転送するリクエストをしています。

ExternalPortとInternalPortは転送元と転送先なので通常同じにします。

リスポンスを受信し成功確認

上のSOAPリクエストを送信するとルーターからリスポンスを受け取ります。

この時、「HTTP 200 OK」なら成功です。

成功すると上図のように管理者ページにも追加されているのがわかる。

なお、失敗だと「 HTTP/1.1 500 Internal Server Error 」が返されます。失敗原因としては「既にポートが使用中」「UPnP設定の上限まで達している」などが挙げられます。

そもそも何も返ってこない場合、そもそもどこかが間違えているはずですので再確認してみてくださいね。

外部からの送信テスト

ポートフォアリングの設定などがしっかり出来ていることを確認するために外からUDPでパケットを送信してみます。

スマートフォンからDocomo(4G)のキャリア回線で自宅のパソコンへとメッセージを送信。

受信できていれば完璧です。

オンラインゲーム作りの第一歩ですかね＾＾

今度は「UDPホールパンチング」という方法でも挑戦してみたいと思います。
またその時は記事を書きますね

ここまで読んでくれて本当にありがとうございました～＾

また、「このアプリの作り方を知りたい。この部分どうなってるの？」「身の回りのこんなもの作れるの？」などなどご意見何でも受け付けていますので是非連絡くださいね！

2019年1月20日2019年2月8日

オンラインゲームをつくるまでの記録～VRを使ったゲーム開発～

Unity上でVRオンラインゲームを開発するまでの記録です。

ところどころをざっとまとめてある感じです。

ゲームシステムとしてはFPSに近い感じと考えています。

Unityを使い始める

初心者向けに書く予定ですが、まだ書いてません-_-
いつか書きます。

ゲームを作る

> VRに対応させる

UnityでVRゲームを初めて作る方に向けて Google VR SDK の使い方を説明しています。「VRゲームを作りたいな～」「でも難しそうだな～」なんて思っている方に簡単だとわかってもらい、手軽に始められるように書きました。

スマホ向けに始めるVR Part1

＞コントローラーに対応させる

今回のスマホゲームはVRの為、コントローラーを使っての操作になります！

UnityでPS4のコントローラーを使う方法

通信ができるようにする

> UDPを使ったパケット通信

マルチプレイゲームの基本・通信機能の部分に焦点を当て書いた記事になります。今回はFPSのようにプレイヤーの動きに俊敏に対応できるようにUDPを使って通信します。

Unity上でUDP/IPを用いた通信機能(マルチプレイ)を実装する

> UPnPを使ってNAT越え

これまででUDPを使った通信でキャラクターを動かすことができるようになったが、オンライン上で通信するには基本サーバーが必要。しかしそんなサーバーを用意する予算がないためP2P通信でゲームを作ろうと考えた。

しかし、P2P通信をオンライン上でするためにはNAT越えという難関が待っている。

そこで私がNAT越えをする為に考えたのが「UDPホールパンチング」「UPnP」の2つだった。

NAT越えを楽々してしまおうと考えた結果まずは「UPnP」を使うこととした。

C#でUPnPを使ったポートマッピング

>UDPホールパンチングを使ってNAT越え

この記事は準備中です。しばらくお待ちくださいね＾＾

トップページに戻る

2019年1月18日2019年1月20日

独自ドメインを取得する〜出来ること・メリット・よくある過ちについて～

こんちゃ！洋梨🍐です！

今回は「ドメインを取得するとできること・メリット/デメリット・注意点」など取得する前に知っておくと良いことについて書いていこうと思います！

契約を迷っている人、契約する意味って何だろう？という方にもわかりやすく紹介していけたらいいなと思います～

・ドメイン取得で出来るようになる事

まずはドメインを取得するとできるようになる事を説明したいとおもいます。「ドメイン」ってなに？という方は別で調べてもらえると助かります。（簡単に言うと住所みたいなものです。）

ドメインを取得することによりできるようになる事は

自分のホームページのURLを好みの名前にすることができる

これがメインなのではないでしょうか？

「http://www.〇〇.com」など様々なURLがありますがこの部分をオリジナルにできます。(※私の場合、[洋梨パフェ]というハンドルネームから[Younaship.com]というドメインを取得しました)

オリジナルになる事により覚えやすく、見栄えもよくなりますね＾＾

オリジナルなメールアドレスを生成・量産できる

ドメインを取得するとメールアドレスもオリジナルにすることができるのはいいですね👼

皆さんお持ちの方も多いと思うGoogleやYahooのメールだと、「〇〇 @ yahoo.co.jp」等の形式のため、〇〇の部分しか自分で決めることができません。

更に誰かと被っていると使えないため「使おうと思ったら使えない！」など自分の好みにできないのは残念なところですよね～

ですが、オリジナルドメインを取得すると完全にオリジナルなメールアドレスを作成可能なのです！

例えば「abc.com」といったドメインを取得すれば「a@abc.com」といったメールアドレスを使うことも可能なのです。また、（サーバー次第で）いくらでも作ることができます！

さらにさらに！フリーメール、キャリアメールだとよく来るような迷惑メールが来ないのは人によってはかなり良いのではないでしょうか？？

今後の役に立つ

これは様々な面で役に立つということです。どういうことかというと、

・サーバーを変更してもURLが変わらない
・SEO対策 / ドメインパワー
・認知されやすい

など挙げるときりがないですが、思ってるより沢山あります(^▽^)

・取得する前に知っておきたいこと

取得したときの経験・体験から取得する前に皆さんにお伝えしておきたいことをまとめました。

ドメイン取得時の料金と更新料は違う

これよく初心者がやるミスの一つです。

「お名前.com」をはじめとするところでは時に「10円ドメイン」などとても破格でのドメインを購入できることがありますが、それはあくまで1年分です。

更新料はもっと高いので注意です！

( 左：契約料右：更新料 )
契約料と更新料の違いは結構わかりずらい様に書かれている

1年しか使わない・お試し用とかなら良いのですが、今後使っていこうと考えている方にはお勧めできません。

なぜなら安くなっているドメインはよく使われる「.com」「.jp」とかでなく「.work」とかマイナーで安いのに、更新料は同じくらいだったりするためです。

個人的におススメかつ使用しているのはムームードメインです。

※今は契約時のほうが安いですが当時は契約料と更新料が同じで分かりやすかったため契約しました。

色々調べてから取得しましょうね！

ドメイン取得 = レンタルサーバー契約ではない

知っているの方が多いとは思いますが一応。

「ドメインを取得したからホームページを掲載できる！というわけではありません」

ホームページを始めるために契約する「レンタルサーバー」は別物です。

「ドメイン取得」はあくまで名前を買うだけみたいなものです。

名前によって値段が違う

「.com」「.jp」の違いや、取得する文字列が特殊な場合(短い・固有名詞など)で料金が違いますのでそれも注意です。

この値段の差は各サイトの「ドメイン→価格一覧」などからや、契約時見ることができます。

用途によって使用可能・不可がある

ドメイン名によって「商用不可」など様々な制約があるものもあります。

取得前に調べてその確認もすることをお勧めします！

・まとめ

ドメインを契約する際のあれこれを今回はまとめました。

よくある比較サイトなどではどうしても「アフィリエイト」の影響もありどうしても記事が寄りがちなため、自分で正しく情報を選択する能力が必要です。

「え、１０円！？安っ！これでいいや～」ではなく後のことも是非考えて契約してみてくださいね＾＾

ここまで読んでくれて本当にありがとうございます！！

それだけでも嬉しいんですが、もしよろしければ他の記事も是非見ていってくださいね！👼

トップページへ

2019年1月16日2019年1月23日

Unityでカメラ(PC/スマホ)を使う方法

Unity上で「カメラを使って～をしたい！」「写真を撮りたい！」という方、多いのではないでしょうか？そこで今回はUnityでカメラを使う方法について書きたいと思います。

カメラにアクセスするには？

「WebCamTexture」といったクラスを使います。

このクラスを使うと、カメラ(Webカメラ・スマートフォンのカメラ)で映し出された映像をテクスチャとして扱うことができまるようになります。

※なお、スマートフォンの場合フロント・リアカメラどちらにでもアクセスすることが可能です。

とりあえず映してみる

まずは「どうやってプログラムを書けばカメラの映像を出せるかだけが知りたいんだよ」という方も多いと思うのでとりあえずサクッとカメラの映像を表示させてみようと思います。

もし、PCにカメラがついていない環境で開発する人(デスクトップPCなど)は

このような安いものでも探してみるといいかもしれません～👼

１．まずプロジェクトを作成し、カメラの映像を表示させるための「RawImage」を設置します。

※「Create」→「UI」→「Raw Image」から作成可能です。

２．スクリプトを作成します。

ファイル名：WebCameraTest.cs

using UnityEngine;
using UnityEngine.UI;

public class WebCameraTest : MonoBehaviour {

    public RawImage rawImage;

    WebCamTexture webCamTexture;

    void Start () {
        webCamTexture = new WebCamTexture();
        rawImage.texture = webCamTexture;
        webCamTexture.Play();
	}
	
	void Update (){
	}
}

using UnityEngine;

using UnityEngine.UI;

public class WebCameraTest : MonoBehaviour {

public RawImage rawImage;

WebCamTexture webCamTexture;

void Start () {

webCamTexture = new WebCamTexture();

rawImage.texture = webCamTexture;

webCamTexture.Play();

}

void Update (){

}

３．スクリプトをシーン上のオブジェクト(今回はEventSystemにしているが何でも良い)にアタッチし、その後スクリプト内RawImageにもアタッチする

４．実行してみる。PCの場合はカメラを接続してから実行してください。

しかし！環境によって次の問題が発生する場合があります。

・スマホで実行したとき、求めているカメラの方向ではない(リア・フロント)
・PCでやったがそもそも映らない
・移された画像の向きが反対

これらには理由がありますので次項で解説していきたいと思います。

WebCamTextureをいじってみる

使用するカメラを選択・変更する

アプリの実行環境によってはカメラがいくつか複数個、接続されている可能性があります。この場合、表示させるカメラを選ばなくてはいけません。

もし前項で実行したが表示されなかったという人は、表示できないカメラにアクセスしていたのかもしれないのでここで正しい表示させたいカメラを選ぶことが大切です。

カメラを選択する

先ほどのソースコードに追加し、ボタンをクリックするとカメラを変更できるようにしたいとおもいます。

public class WebCameraTest : MonoBehaviour {

    public RawImage rawImage;

    WebCamTexture webCamTexture;
    WebCamDevice[] webCamDevice; /* 追加１ */
    int selectCamera = 0; /* 追加 ２*/

    void Start () {
        webCamTexture = new WebCamTexture();
        webCamDevice = WebCamTexture.devices; /* 追加３ */
        rawImage.texture = webCamTexture;
        webCamTexture.Play();
	}

    public void ChangeCamera() /* 追加４ */
    {
        int cameras = webCamDevice.Length; //カメラの個数
        if ( cameras &lt; 1) return; // カメラが1台しかなかったら実行せず終了

        selectCamera++;
        if (selectCamera >= cameras) selectCamera = 0;

        webCamTexture.Stop(); // カメラを停止
        webCamTexture = new WebCamTexture(webCamDevice[selectCamera].name); //カメラを変更
        rawImage.texture = webCamTexture; 
        webCamTexture.Play(); // 別カメラを開始
    }
}

public class WebCameraTest : MonoBehaviour {

public RawImage rawImage;

WebCamTexture webCamTexture;

WebCamDevice[] webCamDevice; /* 追加１ */

int selectCamera = 0; /* 追加２*/

void Start () {

webCamTexture = new WebCamTexture();

webCamDevice = WebCamTexture.devices; /* 追加３ */

rawImage.texture = webCamTexture;

webCamTexture.Play();

}

public void ChangeCamera() /* 追加４ */

{

int cameras = webCamDevice.Length; //カメラの個数

if ( cameras < 1) return; // カメラが1台しかなかったら実行せず終了

selectCamera++;

if (selectCamera >= cameras) selectCamera = 0;

webCamTexture.Stop(); // カメラを停止

webCamTexture = new WebCamTexture(webCamDevice[selectCamera].name); //カメラを変更

rawImage.texture = webCamTexture;

webCamTexture.Play(); // 別カメラを開始

}

スクリプトを上のように変更し、シーン上に変更用ボタンを生成します。その後、ボタンのOnClickにpublic void ChangeCamera()を割り当てれば完了です。

ボタンを押せばカメラが切り替わると思います。(複数個接続時)

※また、スマホのリア・フロントカメラは別々のカメラとして扱われます。

取得する画質・フレームレートを変更する

WebCamTextureのインスタンス生成時に引数として画質やフレームレートを指定すると変更することができます。

カメラによっては対応していない場合もあります。
(例：HDカメラでFull HDをリクエスト等)

webCamTexture = new WebCamTexture(); //元のコード

webCamTexture = new WebCamTexture(int x,int y); // width,height サイズを指定
webCamTexture = new WebCamTexture(int x,int y,int fps); //フレームレートも指定
webCamTexture = new WebCamTexture(string name,int x,int y,int fps); // カメラも指定する

webCamTexture = new WebCamTexture(); //元のコード

webCamTexture = new WebCamTexture(int x,int y); // width,height サイズを指定

webCamTexture = new WebCamTexture(int x,int y,int fps); //フレームレートも指定

webCamTexture = new WebCamTexture(string name,int x,int y,int fps); // カメラも指定する

カメラをミラー表示にする

この映像を、

こうする。

やり方はRawImageのスケール(Scale)のXを-1にするだけです。

上下反転したい場合はYを-1にすればOKです。

3Dオブジェクトに表示する

このように３Dのオブジェクトにカメラの映像を張り付けることもできます。

public GameObject cube;
cube.GetComponent&lt;MeshRenderer>().material.mainTexture = webCamTexture;

1 2	public GameObject cube; cube.GetComponent<MeshRenderer>().material.mainTexture = webCamTexture;

GameObjectのテクスチャをWebCamTextureに変える事で実装可能です。

まとめ

ここではUnityでカメラを使う方法について説明しました。カメラを使えば写真を撮る以外にも様々な使い方ができるようになるのではないでしょうか？

Unityでカメラを使った例：
Webカメラを使って顔認識モーションキャプチャーへの道(Part 1)

これからもカメラを用いた様々な使い道を見つけていきたいですね！

読んでくれて本当にありがとうございました＾＾

もしよろしければ他の記事も観ていってくださるとうれしい限りです！