常連

注目の的

質問力

##背景状況
[https://qiita.com/laughter/items/e9cf666e0430acc39e95](https://qiita.com/laughter/items/e9cf666e0430acc39e95)
こちらの記事を読んでいたところ、冒頭に、

```c#
class Hoge
{
    private readonly IList<int> _list = new List<int>();
}
```

という記述がありました。
これまで自分は「List<int>」などは頻繁に使っていましたが、「IList<int>」という宣言は使ったことがなく、困惑しました。

##知りたいこと
以下、ご回答頂けると嬉しいです。よろしくお願いいたします。

######1.なぜインターフェース型の変数などというものが宣言可能なのか
自分の理解では、インターフェースとはあくまでも実装の型宣言のみしかしておらず、具体的な実装が入っていない「もぬけの殻」であり、実運用のためには必ず当該インターフェースを実装したクラスを作る必要がある、と考えていました。

######2.インターフェース型変数を用いることのメリットは何か
List<T>型ではなく、あえてIList<T>を使うと、何が良いのか。

「IList」と「List」の使い分け

```ここに言語を入力
<?php

   
    function getCircleArea($radius){
      echo $radius * $radius * 3;
    }
    
   
    getCircleArea(5);
    //結果は75 
    
  ?>
```

に対して

```ここに言語を入力
<?php

   
    function getCircleArea($radius){
      return $radius * $radius * 3;
    }
    
   
    $circleArea=getCircleArea(5);
    echo $circleArea;
    
   
  ?>
```

とするメリットなんですか？

上のコードのほうが行数がすくなくてスッキリしていると思いますが？


プログラミング初心者でレベルの低い質問ですみませんが、回答よろしくおねがいします

PHPの関数でechoよりreturnを使うメリットはなんですか？

ajax処理について勉強していますが、いまいちこれがajax処理なのか単なるjavascriptのpost処理なのか、はたまたjqueryのpost処理なのかよく分かっていません。これはajax処理になっていますでしょうか？

やりたいことはhtmlの'input'の'value'を'BUTTON'クリックしたらphpにpostされてphpでformatされたデータをhtmlの'result'に表示することです。

(index.html)
```html
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="utf-8">
  <script src="https://code.jquery.com/jquery-3.0.0.min.js"></script>
  <script src="test.js"></script>
  <title>ajax Test</title>
</head>
  <body>

    <form id="form" method="post">
      <div id="button">BUTTON</div>
      <input id="date1" type="date" value="">
    </form>

    <div id="result"></div>

  </body>
</html>
```

(test.js)

dataに値を入れてますが、このdataは変数的なもので考えていいでしょうか？
しかしそう考えるとconsole.log(data)では出力されないので違うのですよね・・・


```jquery




$(function() {
  'use strict';

  $('#button').click(function() {

    var val = $("#date1").val();

    $.post('sample.php', {
      data : val
    }, function() {
        console.log(val);
    });
  });

});
```


(sample.php)

これでデータが来ているのかもよく分かっていません。console.log(val)では値の確認ができていたのでpostされたと思ってもいいのでしょうか？


```php
<?php

$date1 = $_POST["data"];
$date = date("Y年m月d日", strtotime($date1));
```

結果的にここで何をreturnしてhtmlにどのように出力すれば良いのでしょうか？
ご教授よろしくお願いいたします。

ajax処理で値を返すにはどうしたらいいのでしょうか？

###やりたいこと
適当なテキストファイルを画面上にドラッグ&ドロップし、その内容をJavaScriptで扱えるようにしたいと考えています。

###症状
ひとまず、問題の単純化のために下記のようなコードを作成して試してみたのですが、なぜか console.log(str); による出力結果が空になります。

###サンプルコード

```html
<div ondragover="f1(event)" ondrop="f2(event)">
  ここにドラッグ&ドロップ
</div>

<script>
function f1(event)
{
   event.preventDefault();
   event.dataTransfer.dropEffect = "copy";
}

function f2(event)
{
   event.preventDefault();
   var f = event.dataTransfer;
   var str = f.getData("text");
   console.log(str);
}
</script>
```

なお、テキストファイルはtext.txtという名前でローカルフォルダに作成し、「hello, world!」という内容を保持しています。保存は確実にされており、text.txtの内容が空であるということはありません。

よろしくお願いいたします。

JavaScriptを用いたドラッグ&ドロップによるファイル内容の取得

### 前提・実現したいこと
各種ファイルのプレビュー画像をHTML5対応のブラウザで表示しています。
そのプレビュー画像をブラウザ外（デスクトップやフォルダ）にドラッグ＆ドロップしたら、
ブラウザ外（デスクトップやフォルダ）にファイルがダウンロードされるようにしたいです。
（プレビュー画像のファイルではなく、プレビュー画像の元になったファイルそのものを
ダウンロードしたいです。）

その他、前提事項は次のとおりです。
・HTML5対応していないブラウザは使用しないため、考慮は不要です。
・JQueryは使用しない予定です。
・PHP version：7.4.7を使用しています。

### 発生している問題・エラーメッセージ

ブラウザ外へドラッグ＆ドロップする機能のサンプルソースを探しましたが、まったく
見つけることができず、大変困っています。
（ブラウザ外からブラウザ内へとか、ブラウザ内のドラッグ＆ドロップのサンプルは、
とても多く見つかるのですが、その逆のサンプルが見つけられません。）

### 試したこと

JavaScriptのドラッグ＆ドロップイベントの発生順序は確認して把握していますが、
ブラウザ外へドロップした場合のondropイベントをどうすればリッスンできるのかが
わかりませんでした。

HTML5やJavaScriptは勉強中で不慣れなため、わかりにくい質問になっているかも
しれませんが、具体的なコードやサンプルの在り処やご存じでしたら、ぜひ、
ご教授いただければ幸いです。