常連

注目の的

回答者

ベストアンサー

拍手喝采

自己紹介

有名人

###前提・実現したいこと
Twilio ブラウザで保留、転送機能を実現したい

###発生している問題
相手の電話を保留することはできています。(<Enqueue>)
Twilioブラウザから保留の部屋に入れません
他の携帯などからTwiMLを使ってキューに入ることはできています。(<Queue>)

[TWILIO クライアント JAVASCRIPT クイックスタート](https://jp.twilio.com/docs/quickstart/client/javascript#gather-account-information)ブラウザのクライアント(client:XXXX)からJavascriptを変更して実現したいです。

To: のところを変えたりしてキューの名前にしたりしましたがどうしたら良いのかわかりません。
```ここに言語を入力
document.getElementById('button-call').onclick = function () {
  // get the phone number to connect the call to
  var params = {
    To: document.getElementById('phone-number').value
  };

  console.log('Calling ' + params.To + '...');
  Twilio.Device.connect(params);
};
```

追記
---
Ajaxで飛ばし、PHPからDialQueueで行けました。 
$response->dial()->queue('hold-room');

ブラウザから携帯などにかけた場合、相手を保留状態（Enqueue）するにはどうしたら良いのでしょうか？
これができないため、相手からの電話でも一度保留をかけて復帰すると、こちらからの通話扱いになるため再度保留をすることができない状態です


よろしくお願いいたします。

Twilio ブラウザで保留、転送機能を実現したい

###前提・実現したいこと
php5.6とMYSQLを使って、画像をDBに保存したい。

###該当のソースコード
        $mysqli = new mysqli( DB_HOST, DB_USER, DB_PASS, DB_NAME );
        $mysqli->set_charset("utf8");
        $img = 'http://xxx.com/xxx.jpg';
        $img_link = file_get_contents ( $img );
        $img_data = $mysqli->real_escape_string($img_link);
        $stmt = $mysqli->prepare("INSERT INTO `table1` ( `img_col` ) VALUE( ? )");
        $stmt->bind_param( 'b' , $img_data );
        $stmt->execute();
        $mysqli->close();
###発生している問題・エラーメッセージ

```
Parse error: syntax error, unexpected '$mysqli' (T_VARIABLE)
```
###試したこと
        $img_data = $mysqli->real_escape_string($img_link);
エラーの行は上記で表示されます。
上記コメントアウトして別のデータをバインドするとうまくいくので、まずい箇所はそこだと思うのですが、タイプミスでもなく$mysqliも定義しているつもりなので、どこを修正したらいいのかまったくヒントもつかめていません。よろしくお願いします。

PHPのmysqliを使い、MYSQLへの画像の保存

以下のような状況で、

```HTML
<div id="XXX">
    <input id="AAA" v-model="aaa">
</div>

<script>
var vm = new Vue({
    el: "#XXX",
    data: {
        aaa: ''
    }
})
</script>
```

input に手入力したときは vm.$data.aaa に反映されます。
vm.$data.aaa に値を代入すれば input の値が変わります。
ここまではVueの基本的なことで問題ないです。

ここでVue管理外で document.getElementById('AAA').value = '123'; などの変更がされると、
見た目にはinputの値は123になり、vm.$data.aaa の値は前の値のまま変わりません。

input の値を vm.$data.aaa に反映するにはどうするのがよいでしょうか。

input要素でinputイベントを発火すれば、Vueは紐づいているデータに値を反映してくれたのですが、これでよいのか自信がないです。

```JavaScript
document.getElementById('AAA').value = 'Vue管理外でvalueを書き換える';

var e = document.createEvent('HTMLEvents');
e.initEvent('input', false, true);
document.getElementById('AAA').dispatchEvent(e);
//ここまでやれば vm.$data.aaa が書き換わった
```

これはありでしょうか。もっと良い方法があるでしょうか。


Vueの管理外でDOMが変更されるのをなくすのが一番良いと思いますが、
VueなしからスタートしたプログラムでjQueryが横からDOMを変えてくる部分があって、
とりあえず今は何とかうまく共存できないかなと考えているところです。

[Vue]INPUTの内容が管理外で変更されたときデータに値を反映するには

###前提・実現したいこと
PHPで会員サイトを作りたいので勉強しております。

###発生している問題・エラーメッセージ
PHPで会員制サイトを作るときに考慮するセキュリティのことは主に具体的にどのようなことがあるのでしょうか？
```
エラーメッセージ
```

###該当のソースコード
```ここに言語を入力
ここにご自身が実行したソースコードを書いてください
```

###試したこと
課題に対してアプローチしたことを記載してください

###補足情報(言語/FW/ツール等のバージョンなど)
より詳細な情報
よろしくおねがいします、

PHPで会員制サイトを作るときに考慮すること。

#質問
以下が改善中の最新のコードです。
```C#

// データを取得
interface IGetData<out T>
{
    Tuple<bool, TParsed> ParseData(TRaw data);
}

// データを検証
interface IValidateData<in T>
{
    // 必ずGetできる。失敗するのは例外的状況
    T GetData();
}

// データを変換
interface IParseData<in TRaw, TParsed>
{
    // 与えるrawによって失敗。成功した場合Dataに結果が入る。
    bool ValidateData(T data);
}

// データをマッピング
// 必ずMapできる。失敗するのは例外的状況
// 失敗したら予期しないエラーにする？
interface IMapData<in TRaw, out TMapped>
{
    TMapped MapData(TRaw raw);
}

// データを送信
interface ISendData<in T>
{
    // 必ずSendできる。失敗するのは例外的状況
    void SendData(T data);
}

// アプリケーション例外のベースとなる抽象例外クラス
public abstract class MyNantokaApplicationException : Exception
{
    public IFixedLog Log { get; }

    protected MyNantokaApplicationException(IFixedLog log)
        : base()
    {
        this.Log = log;
    }

  //...
}

// GetDataがGetに失敗したときに出す例外とする
public class GetDataException : MyNantokaApplicationException
{
    //...
}

// SendDataがSendに失敗したときに出す例外とする
public class SendDataException : MyNantokaApplicationException
{
    //...
}

// MapDataがMapに失敗したときに出す例外とする
// 失敗したら予期しないエラーのほうがいい？
public class MapException : MyNantokaApplicationException
{
    //...
}

// GetParseSendFlowがデータの変換に失敗したときに出す例外とする
public class ParseFailedException : MyNantokaApplicationException
{
    //...
}

// オブジェクトの生成に失敗したときに出す例外とする
public class ConstructorException : MyNantokaApplicationException
{
    //...
}

class Program
{
    static int Main()
    {
        var logger = new FixedLoggerToFile();
        try
        {
            // 本当はリソースを保持したらだめ
            using (var sender = new PlainFileSender(@"C:\...")) // Send)
            {
                var getter = new FileDataGetter("..."); // Get

                var validator = new XXXXLogDataValidatorWithLog(logger);
                var mapper = new XXXSimpleMapper();
                var parser = new CollectionParser<string, Something>(validator, mapper, logger); // Parse

                var test = new GetParseSendFlow<IEnumerable<string>, IEnumerable<Something>>(getter, parser, sender); // 合体
                test.Do(); // 処理実行
            }

            return 0; // 正常終了
        }
        catch (MyNantokaApplicationException exception) // アプリケーション例外の場合は
        {
            var log = exception.Log; // 例外からLogを取り出す
            if (log != null)
                logger.Log(log); // ログを出力
            return -1;
        }
        catch // 予期しない例外の場合は
        {
            var log = UnexpectedErrorLog.Instance;
            logger.Log(log);
            return -1;
        }
    }
}

class GetParseSendFlow<TData, TParsed>
{
  //...

    public GetParseSendFlow(IGetData<TData> getter, IParseData<TData, TParsed> parser, ISendData<TParsed> sender)
    {
        //...
    }

    public void Do()
    {
        var raw = _getter.GetData(); // GetDataExceptionが起きても何もできないので素通し

        var parseResult = _parser.ParseData(raw); // ParseDataは例外を出さない

        if (!parseResult.Item1)// parseが失敗した場合は
        {
            //var log = ParseFailedAndInterruptErrorLog.Instance;  // お手上げなのでぶん投げる
            throw new ParsedFailedException(null); // 要件を満たすためにとりあえずnull
        }
        
        _sender.SendData(parseResult.Item2); // SendDataExceptionが起きても何もできないので素通し
    }
}

// ファイルから文字列のコレクションを取得するIGetDataの実装
public class FileDataGetter : IGetData<IEnumerable<string>>
{
    //...

    public FileDataGetter(string path /** , string ... **/)
    {
        _path = path;
    }

    public IEnumerable<string> GetData()
    {
        StreamReader reader = null;
        NetworkConnection networkConnection = null;

        try
        {
            try
            {
                // ネットワークに接続
            }
            catch
            {
                throw new GetDataException(ConnectToNetworkForFileErrorLog.Instance); // GetDataExceptionをスロー
            }

            try
            {
                // ファイルオープン
                reader = new StreamReader(_path);
            }
            catch
            {
                throw new GetDataException(FileOpenErrorLog.Instance); // GetDataExceptionをスロー
            }

            var list = new List<string>();
            //...
            return list;
        }
        finally
        {
            reader?.Dispose();
            networkConnection?.Dispose();
        }
    }
}

// コレクションのデータを変換するIParseDataの実装
class CollectionParser<TRawItem, TMappedItem> : IParseData<IEnumerable<TRawItem>, IEnumerable<TMappedItem>>
{
    //...
    
    public CollectionParser(
        IValidateData<TRawItem> validator,
        IMapData<TRawItem, TMappedItem> mapper,
        IFixedLogger logger)
    {
        this._validator = validator;
        this._mapper = mapper;
        this._logger = logger;
    }

    public Tuple<bool, IEnumerable<TMappedItem>> ParseData(IEnumerable<TRawItem> rawItems)
    {
        // 変換の成否に関する戻り値設定に使う
        var inputItemsCount = 0;

        // 検証と変換に成功したもののみで絞込
        var parseResult = rawItems.Select(
            rawItem =>
                {
                    // 生データコレクションカウント
                    inputItemsCount++;

                    if (_validator.ValidateData(rawItem)) // 検証してみる
                    {
                        // 検証OKならマッピングしてみる
                        try
                        {
                            var mapped = this._mapper.MapData(rawItem);
                            return new { Data = mapped, Result = true };
                        }
                        catch (MapException ex)
                        {
                            _logger.Log(ex.Log); // 失敗したらエラーログ
                        }
                    }
                    // 検証失敗やマッピングで例外の場合は失敗を返す
                    return new { Data = default(TMappedItem), Result = false };
                }).Where(mappingResult => mappingResult.Result).Select(mappingResult => mappingResult.Data).ToList();

        // 得られたコレクションの長さで判定
        return new Tuple<bool, IEnumerable<TMappedItem>>(parseResult.Count == inputItemsCount, parseResult);
    }
}

// 特定のソフトが出力するログを検証し、エラーログも出力するIValidateの実装
class XXXXLogDataValidatorWithLog : IValidateData<string>
{
    private readonly IFixedLogger _logger;

    public XXXXLogDataValidatorWithLog(IFixedLogger logger)
    {
        this._logger = logger;
    }

    public bool ValidateData(string data)
    {
        var result = data == string.Empty;
     // 失敗したらログを出力
        if (!result)
        {
            _logger.Log(UnavailableDataDetectedErrorLog.GetInstance(data, "文字列が空文字"));
        }
            
        return result;
    }
}

// 特定のソフトが出力するログをオブジェクトに変換するIMapの実装
class XXXSimpleMapper : IMapData<string, Something>
{
    public Something MapData(string raw)
    {
        string name;
        string message;

        try
        {
            name = raw.Substring(0, 10).TrimStart();
        }
        catch
        {
            // ここや
            throw new SimpleMapExeption("名前が変換できない", raw);
        }

        try
        {
            message = raw.Substring(10);
        }
        catch
        {
            // ここは、MapExceptionではなく、予期しないエラーになるべきか？
            // あるいは、ここでログを出力する？
            // その場合返すものがなくなる
            // IParseDataにかえて、ここでログをはきfalseを返す？
            // そもそもIMapいる？
            throw new SimpleMapExeption("メッセージが変換できない", raw);
        }

        return new Something(name, message);
    }
}

#endregion

#region ISendDataの実体
// データをファイルに送信するISendDataの実装 リソースを保持するのでよくない
class PlainFileSender : ISendData<IEnumerable<Something>>, IDisposable
{
    private readonly  StreamWriter _writer;

    public PlainFileSender(string path)
    {
        try
        {
            this._writer = new StreamWriter(path, true);
        }
        catch
        {
            throw new ConstructorException(FileOpenErrorLog.Instance); 
        }

    }

    public void SendData(IEnumerable<Something> data)
    {
        try
        {
            // データをテキストファイルに追加
        }
        catch
        {
            throw new SendDataException(FileAppendErrorLog.Instance); 
        }
    }

    public void Dispose()
    {
        this._writer?.Dispose();
    }
}

#endregion
```質問は以下になります。
0. MapDataで発生した例外は予期しないエラーとするべきか意見をください。
よろしくお願いします。