常連

注目の的

回答者

拍手喝采

### 前提・実現したいこと

クライアント側のjavascriptでAPIを叩いてビットコインの値段を取得しようとしています。取得元のドキュメントはこちらです。
[https://cryptowatch.jp/docs/api#market](https://cryptowatch.jp/docs/api#market)

### 発生している問題・エラーメッセージ

コンソールに以下のエラーが表示され、JSONが表示されません。
```
Uncaught SyntaxError: Unexpected token :
```
エラー箇所はこちらが表示されます。
{"result":{"price":972130},"allowance":{"cost":774443,"remaining":7995228977}}

### 該当のソースコード

```javascript
function logResults(json){
    console.log(json);
  }
  $.ajax({
    url: "https://api.cryptowat.ch/markets/bitflyer/btcjpy/price?callback=?",
    dataType: "jsonp",
    jsonpCallback: "logResults"
  });
```

### 試したこと

例えばgithubのAPIなどではエラーが出ずコンソールにJSONが表示されます。

```javascript
function logResults(json){
    console.log(json);
  }
  $.ajax({
    url: "https://api.github.com/users/ocknamo?callback=?",
    dataType: "jsonp",
    jsonpCallback: "logResults"
  });
```
他の取引所系のAPIも表示できませんでした。(bitflyer,Zaif,coincheck)

### 補足情報（FW/ツールのバージョンなど）

ブラウザはchrome,firefoxで確認しました。Networkのstatusは200となっています。

これらのエラーが出るものと出ないものの違いが何なのかわかりません。
アドバイスをよろしくお願いします。

### 追記
HTML側のソースは以下のようにしています。
```HTML
<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>JSONPのテスト</title>
</head>
<body>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script src="ifyoubuybtc.js"></script>
</body>
</html>
```

JavascriptでJSONPを取得できるAPIとできないAPIの違いがわからない。

### 前提・実現したいこと

このような形式の配列を日付順に並べ替えたいです
```ここに言語を入力

Array
(
    [0] => Array
        (
            [0] => Array
                (
                    [id] => 109
                    [date] => 2016-03-30

                )

            [1] => Array
                (
                    [id] => 111
                    [date] => 2016-03-30
                )

        )

    [1] => Array
        (
            [0] => Array
                (
                    [id] => 1
                    [date] => 2017-01-01

                )

        )

)
```

### 発生している問題・エラーメッセージ

```
array_multisort(): Array sizes are inconsistent
```

### 該当のソースコード

```ここに言語名を入力
foreach($date as $row){
            foreach($row as $key => $val){
                $day[$key] = $val["date"];
            }
}

foreach($date as $date_day){
        array_multisort($day, SORT_DESC, $date_day);
}
```

階層がひとつ少ないものであるならできたのですが、上記のような階層構造の場合のやり方がどうしてもわからず・・・。
上記のような場合どうするのがよいでしょうか？ご助言いただければと思います


【追記】
分かりにくくて申し訳ありません
行いたい操作としては第一階層を取り除いて第二階層を日付順に並べ替えたいというものです

階層が深い配列のソートができない

いつもお世話になっております。
今回はjsの正しい書き方についてお聞きしたく、ご質問をさせていただきます、

現状
---
ヘッダーが追従ナビゲーションになっており、スクロールするとナビゲーションに
カレントclassが付与される仕組みです。
動作の方は問題なく動いております。

問題点
---
jsの書き方が冗長であるため、どのように、記述すれば綺麗にかけますでしょうか。
自分にとっての難点が、メニューにない部分はカレントclassを付けないため、メニューの関係無いスクロール量の場合は
カレントを消すようにしています。ここの部分の書き方が冗長的です。また、.eq(n)でclassを与えてるため、メニューが
増えたり減ったりした場合、番号をずらさないといけないため、応用が効かない書き方とも思っています。

無駄のない書き方があればご教授していただければ幸いです。
[DEMOをアップ致しました。](https://codepen.io/sekis/pen/JMjrdy)
HTML
```
<!doctype html>
/*～省略～*/
<body id="top">
    <header>
        <nav>
            <ul>
                <li class="current"><a href="#top">1番</a></li>
                <li><a href="/hoge/">2番</a></li>
                <li><a href="#03">3番</a></li>
                <li><a href="#04">4番</a></li>
                <li><a href="#05">5番</a></li>
                <li><a href="#06">6番</a></li>
            </ul>
        </nav>
    </header>
    <main>
        <article>
            <section class="col1">セクション01</section>
            <section class="col2">セクション02</section>
            <section class="col3" id="03">3番</section>
            <section class="col4" id="04">4番</section>
            <section class="col5" id="05">5番</section>
            <section class="col1">セクション</section>
            <section class="col2">セクション</section>
            <section class="col3">セクション</section>
            <section class="col4" id="06">6番</section>
            <section class="col5">セクション</section>
        </article>
    </main>
<script
  src="https://code.jquery.com/jquery-1.12.4.js"
  integrity="sha256-Qw82+bXyGq6MydymqBxNPYTaUXXq7c8v3CwiYwLLNXU="
  crossorigin="anonymous"></script> 
<script src="/js/main.js"></script> 
</body>
</html>
```
js
```
$(function(){
    var header = ('header');
    var headerheight = $(header).outerHeight();
    var heightFunc = function () {
        var mainheight = $('main').css('padding-top', headerheight);
    }
    heightFunc();

    $('a[href^="#"]').on('click', function () {
        var Href;
        var position ;
        Href = $(this).attr("href");
        position = $(Href).offset().top;
        $('body,html').animate({
            scrollTop: position - headerheight
        }, 800, 'swing');
        return false;
    });

    var currentFunc = function () {
        var sectionTop = new Array;
        var nowScroll;
        $('section').each(function (i) {
            sectionTop[i] = $(this).offset().top;
            sectionTop[i] = sectionTop[i] - headerheight;
        });
        $(window).scroll(function () {
            nowScroll = $(window).scrollTop();
            if (sectionTop[0] <= nowScroll && sectionTop[1] > nowScroll) {
                $('header nav ul li').eq(0).addClass('current');
            } else {
                $('header nav ul li').eq(0).removeClass('current');
            }
            if (sectionTop[2] <= nowScroll && sectionTop[3] > nowScroll) {
                $('header nav ul li').eq(2).addClass('current');
            } else {
                $('header nav ul li').eq(2).removeClass('current');
            }
            if (sectionTop[3] <= nowScroll && sectionTop[4] > nowScroll) {
                $('header nav ul li').eq(3).addClass('current');
            } else {
                $('header nav ul li').eq(3).removeClass('current');
            }
            if (sectionTop[4] <= nowScroll && sectionTop[5] > nowScroll) {
                $('header nav ul li').eq(4).addClass('current');
            } else {
                $('header nav ul li').eq(4).removeClass('current');
            }
            if (sectionTop[8] <= nowScroll && sectionTop[9] > nowScroll) {
                $('header nav ul li').eq(5).addClass('current');
            } else {
                $('header nav ul li').eq(5).removeClass('current');
            }
        });
    }
    currentFunc();
});
```

jQueryを使ったjsの綺麗な書き方について

とくにwebpack.config.jsはおかしなことしてないのに、
変更していないファイルまでwatchして、
しかもファイルの一部(以下のように番号だけ)変えてくれている。。
（結果、gitの差分に並ぶ。。非常に迷惑。。）

![イメージ説明](0aedf9dfbdfdeacbfdb17803cb73ba5f.png)


**状況**
* 親ファイルの下に子ファイルが複数ぶらさがってる
* 子ファイルらは同じファイル(親)をrequireしている
（それが原因とか言うなよ。。？そんなの往々にしてあるじゃないか。）
* 子ファイルを増やすと全ファイルこの番号が+1上がってる気がする、、


**webpack.config.js**
```
var webpack = require('webpack');
var glob = require("glob");

var entries = {}
glob.sync("./src/js/*.js").map(function(file) {
  entries[file.replace("./src/js/","")] = file
})

module.exports = {
    entry: entries,
    output: {
        path: __dirname + '/outputs/js',
        filename: '[name]'
    },
    devServer: {
        contentBase: __dirname,
        port: 8080
    },
}
```

**結論**
まぢ勘弁。。

てかwatchするのはいいが、ファイルの変更が行われてないものまで書き換わるのやめてほしい。。

どうしたらいいでしょうか。。

webpack叩いたら関係ないファイルまで変わるのなんなの

###前提・実現したいこと
![![イメージ説明](715b610e866156ab46c810e5a7548012.png)](726a2051da1b36de2bf2f9f9103f7ecf.png)
この画像のように、青文字分のインデントを下の行に付けたいです。

###発生している問題
インデントが固定幅の場合は色々な方法が可能ですが、
文字数分で可変させる場合、CSSのみでできるのか、どのように書いたら良いか解決策が見つかりません。
JSはあまり詳しくなく、どのように制御したら良いかわかりません。


###試したソースコード
HTMLはなるべく<li>を使用したいです。
```ここに言語を入力
<div style="display:flex">
    <span style="flex:0 1 5em;">フルーツ：</span>
    <ul style="flex:1 1 auto; display:inline;">
       <li>りんご</li>
       <li>みかん</li>
       <li>グレープフルーツ</li>
    </ul>
</div>

<div style="display:flex">
    <span style="flex:0 1 15em;">動物：</span>
    <span style="flex:1 1 auto;">猫とか犬</span>
    <span style="flex:1 1 auto;">ペンギン</span>
    <span style="flex:1 1 auto;">イルカ</span>
</div>

<div style="display:flex">
    <span style="flex:0 1 15em;">映画のジャンル：</span>
    <span style="flex:1 1 auto;">アクション</span>
    <span style="flex:1 1 auto;">ホラー</span>
</div>
```

回答お待ちしています。

文字数分の可変インデントをつけるには？

JavaScriptで非同期処理を再帰的かつ逐次処理しようとしています。
下記のサンプルコードで再帰部分は逐次処理になったのですが、最初のrecursiveFuncに続くthen部分が1つ目の再帰処理が終わった時点で実行されてしまいます。全ての再帰処理が終わったら"done"と表示するにはどうしたら良いでしょうか？


```JavaScript
var arr = ["1","2","3","4","5","6","7","8","9","10"];

recursiveFunc(arr).then(function(){console.log("done");});

function recursiveFunc(arr){
    while (arr.length > 0 ) {
        return new Promise((resolve,reject)=>{
            var tmpArr = arr.splice(0,3);
            var entryTimestamp = Date.now();
            setTimeout(function(){logger(tmpArr,entryTimestamp);resolve()},1000);
        }).then(function(){recursiveFunc(arr)});
    }
}

function logger(arr, timestamp){
    console.log(JSON.stringify(arr)+timestamp);
}
```

JavaScriptで非同期処理を再帰的に逐次処理したい

###前提・実現したいこと
Monaca上でプッシュ通知のバッジをアプリ起動時に初期化したい
そのため起動時(resume,deviceready)にイベントリスナーを登録し、下記関数を起動しようとしたが、値の更新の前に取得ができない。

Monaca上でJSコンポーネントncmb2.1.1をインストール済み
その他Cordova6.2.0+ncmb-push-monaca-plugin2.0.6を有効化済み

###発生している問題・エラーメッセージ
NiftyCloudMobileBackend上のデータストア内にある
Installationクラスの値をオブジェクトIDをキーにして取得(更新)したいのですが、下記参考サイトを元に書いても結果が取得できません

https://github.com/NIFTYCloud-mbaas/MonacaSegmentPushApp
http://mb.cloud.nifty.com/doc/current/datastore/basic_usage_monaca.html#/Monaca/



###該当のソースコード

※2通りの記述を書いています


```ここに言語を入力
function clearNCMBbadge(){
var ncmb = new NCMB(MOBILE_BACKEND_APPLICATION_KEY, MOBILE_BACKEND_CLIENT_KEY);
    var Installation = ncmb.DataStore("installation");
    //alert(Installation.toSource());
    Installation.fetchById(localStorage.getItem("USER_OBJECT_ID"))
    .then(function(installation){
        alert("取得できたよ。");
    })
    .catch(function(err){
        /* installation取得失敗時の処理 */
        alert("installation取得に失敗しました" + err);
   });
    
    
    
    
    var Installation = ncmb.DataStore('installation');
    var installation = new Installation();
    
    Installation.equalTo('objectId',localStorage.getItem("USER_OBJECT_ID"))
                .fetchAll()
                .then(function(installation){
                    alert("更新するよ。");
                   installation.set("badge", 0);
                   return installation.update();
                })
                .then(function(installation){
                    alert("更新できたよ");   
                })
                .catch(function(err){
                   alert('見つからないよ。'+err);
                });
}
```

###エラーメッセージ
```
installation取得に失敗しましたcannot GET https://mb.api.cloud.nifty.com/2013-09-01/classes/installation/XWSTB%EF%BD%8DFx70EkKrlj
```


### 追記1
NCMBのデータストアにはデータの登録はされています。
(ダッシュボードの解釈違いでしたら申し訳ありません・・・)
fetchAllを実行した場合、下記エラーメッセージが発生しました
```
cannot GET https://mb.api.cloud.nifty.com/2013-09-01/classes/installation(403)
```



### 追記2
最終的にプッシュ通知のバッジ初期化まで解決できたため記述しておきます。
同時にタイトルも変更いたしました。

```js
document.addEventListener("resume", function(){
            setTimeout(function() {
                clearNCMBbadge();
            }, 0);
        }, false);
document.addEventListener("deviceready", clearNCMBbadge(), false);

function clearNCMBbadge(){
   var ncmb = new NCMB(MOBILE_BACKEND_APPLICATION_KEY, MOBILE_BACKEND_CLIENT_KEY);
   var Installation = ncmb.Installation;
   var installation = new Installation();
   installation.objectId = localStorage.getItem("USER_OBJECT_ID");
   installation.badge = 0;
                    
   return installation.update(function(){alert('更新完了');});
}
```

Monaca+NiftyCloudMobileBackendでのデータストア内installationクラスの項目取得＋端末の項目(バッジ)更新

PHPExcelでExcelからPHPの配列にデータを読み込んで処理しているのですが
エクセルのデータ量が大きすぎてPHPの制限を超えてしまいます。

以下エラー文です

Fatal error: Allowed memory size of 134217728 bytes exhausted (tried to allocate 6 bytes)

134217728byte  = 128MBです

php.iniを確認したところ
memory_limit = 128MB
となっていたので
memory_limit = 256MB
にしてみたのですが

エラー文は変わりないままでした。
きちんと反映されていないのでしょうか？

MacをつかっていてMAMPを使っています。
phpinfoからphp.iniの場所もきちんと確認してそちらのphp.iniをいじりました。

$php --version                              
PHP 5.5.38

次に何を確認してみるべきでしょうか？
宜しくお願いします。

PHPで配列が容量を越える

phpのメモリの容量について
今csvのデータを読み込み整形するようなものを作っていたのですが
Allowed memory size of 536870912 bytes exhausted 
のようなエラーが出てしまいました。

php.iniのmemory_limitを変更すれば表示はできたのですが、かなりの容量を
使ってしまったので、プログラム側を変更したいのですが、どの場所を変更すれば良いかがわかりません。

```php
setlocale(LC_ALL, 'ja_JP.UTF-8');

$file = 's105.csv';
$data = file_get_contents($file);
$temp = tmpfile();
$csv  = array();

fwrite($temp, $data);
rewind($temp);


$f = fopen("sample.csv", "w");


$delete_column = array(4,5,6,7,9,8); 

while (($data = fgetcsv($temp, 0, ",")) !== FALSE) {
	
	
     foreach($delete_column as $col_num){
     	
        unset($data[$col_num]);
    }
    $data = array_filter($data, 'strlen');
    
    
	$data = array_values($data);
    
    
    $csv[] = $data;
}


if ( $f ) {
  
  foreach($csv as $line){
  	
  	
    fputcsv($f, $line);
    
  } 
}

fclose($f);

print_r($csv);

fclose($temp);



```

回答よろしくお願いします。

phpのメモリ容量について

###前提・実現したいこと
WP REST API v2で取得したカスタムタクソノミーのJSONデータを、
javaScriptで親子関係のあるのオブジェクトにフォーマットを整えたいのですがどのようにしたらよいのかわかりません。

下記のようなオブジェクトを「整形後」の形にしたいです。
parentの値が0であるオブジェクトがルートの親です。
parentの値は親のオブジェクトのIDと紐付いております。

```js
var before = [
  {
    "id": 1,
    "parent": 0
  },
  {
    "id": 2,
    "parent": 0
  },
  {
    "id": 3,
    "parent": 1
  },
  {
    "id": 4,
    "parent": 2
  },
  {
    "id": 5,
    "parent": 3
  }
]
```

####整形後
```js
var before = [
  {
    "id": 1,
    "parent": 0,
    "children": [
      {
        "id": 3,
        "parent": 1
        "children": [
          {
            "id": 5,
            "parent": 3
          }
        ]
      }
    ]
  }, 
  {
    "id": 2,
    "parent": 0,
    "children": [
      {
        "id": 4,
        "parent": 2
        "children": []
      }
    ]
  }
]
```

javaScriptで親子関係のあるのオブジェクトを作る

###実現したいこと
cordovaを用いてモバイルアプリを制作したいと考えています。
その中で、websocketを用いた双方向通信のような通知を行いたいと考えているのですが、
以下のことが調べても情報がでてきません。

・端末がスリープ状態でもwebsocketからイベントが発行された場合
 端末の画面がONになり、アプリが動作する方法
 **補足)**
 AndroidのAlarmServiceのように、スリープ状態でもバックグラウンドで動作するような機能を実装
 したいと考えています。
 →iOSであればBackgroundFetchを利用すれば可能であるといった記述を読みましたが
  同様のことをAndroidで行う場合の方法についてお伺いしたいです。

cordovaでバックグラウンド動作をさせる方法

### 前提・実現したいこと
複数あるテキストフォーム(input type="text"、textarea)にフォーカスが当たっている状態で、テキストの一部又は全部を選択したときに、ボタンをクリックして対応するタグをテキストの前後に挿入したい。

### 試したこと

`current = $(":focus");`でカーソルが当たっている要素を取得し、`window.getSelection().toString()`で選択している範囲の値も取得できました。
ただここから、選択範囲の前後にタグを入れる方法がわかりません。

ボタンをクリックしたときに、`current`に下のソースのようなことや、参考サイトのような`.insertBeforeSelection('xxxx')`を試しました。が`current..insertBeforeSelection is not a function`とconsoleにエラーがでています。うまくいきません。


```javascript

$(function(){
  
  .....
  
  var current;
  var inputVal;

  $("#contents input").focusin(function(){
    current = $(":focus");
    console.log(window.getSelection().toString());
  }

  $('#btn').on('click', function(){
      current.selection('insert', {
           text: 'test', mode: 'before'
      }).selection('insert', {
           text: 'test', mode: 'after'
      });
  });
  
  .....
  
});
```

```HTML
<button id="btn" type="button">button</button>
<div id="contents">
  
  ...
  // input type="text"とtextareaは複数あります。
  // appendして追加することもあります。

  <div>
    <input type="text" value="xxxxxxxxxxxx">
  </div>
  <div>
    <textarea></textarea>
  </div>
  
  ...
  
</div>
```

お詳しい方、ご教示願います。

## 追記
参考サイト：https://weekendphp.com/jQuery/jquery.selection.html

【jQuery】フォーム内の選択テキストの前後に任意のテキストを挿入する

PHPの`const`について、

```PHP
<?php
const Y = "hoge";
const X = Y;
var_dump(X);
```
これは`string(4) "hoge"`が表示されます。では、
```PHP
<?php
const X = Y;
const Y = "hoge";
var_dump(X);
```
とすると、Yを定義せずに使っているという警告と共に`string(1) "Y"`が表示されます。ではでは、
```PHP
<?php
class A {
    const X = A::Y;
    const Y = "hoge";
}
var_dump(A::X);
```
とすると、`string(4) "hoge"`が表示され、定義前の`A::Y`を見に行けているようです。

どうしてclass外では後方のconstを参照することはできないのに、class内だとできるのでしょうか？そのとき、どのような順番で何を処理しているのでしょうか？

###他の言語からの考察

C++はそもそも前方に宣言がないと使えないので、宣言があることが前提になります。char *のようなポインタだと逆順でも同じ物になりますが、std::stringのようなものでは逆順だと結果が変わります。

```C++
#include <iostream>
#include <string>
class A
{
public:
	static const char *const XC;
	static const char *const YC;
	static const std::string XS;
	static const std::string YS;
};

const char *const A::XC = YC;
const char *const A::YC = "hoge";
const std::string A::XS = YS;
const std::string A::YS = "hoge";

int main()
{
	std::cout << A::XC << std::endl; // hoge
	std::cout << A::XS << std::endl; // (空)
	return 0;
}
```

Javaはコンパイル時にエラーになります。

```Java
class A {
    public static final String X = Y; // エラー: 前方参照が不正です
    public static final String Y = "hoge";
    public static void main(String[] args) {
        System.out.println(X);
    }
}
```

Rubyは未定義であるとして同じくエラーになります。

```Ruby
class A
  X = A::Y # uninitialized constant A::Y (NameError)
  Y = "hoge"
end
p A::X
```

Haskellはオブジェクト指向におけるクラスに相当する物はないですが、通常の定数(そもそも全てが定数ですが)についても、遅延評価なので、順番とかはなんも関係無く動作できます。

```Haskell
x = y
y = "hoge"
main = print x -- "hoge"
```

C++がそういう動作になる理由はちょっと複雑になるので除きますが、JavaやRubyはclass内の定数であっても、定義されていない定数は使えません。定数の定義処理を順番にしていくと考えれば妥当な仕様だと思います。しかし、PHPだと、順番に定義していくと考えることはできません。となると、`A::Y`部分をHaskellのように遅延評価しているとか、そんな感じなのでしょうか？

###参考にした質問

[PHP - 定数の定義より前にその定数を使う関数の定義を書いても大丈夫なのか(73837)｜teratail](https://teratail.com/questions/73837)
上の質問については、関数内の式の評価が呼び出し時だから問題ないという物です。では、constの右辺の評価も呼び出し時だから…と考えると、Xの右辺が評価されるときにYの右辺が評価済みというのもおかしな話ですし、class外だとうまくいかない理由も付けられなくなります。

---

[定数式のバグ - Qiita](http://qiita.com/rana_kualu/items/4cf44c3a47071d40280b)を読んで、ふと気になりました。なお、この現象は記事に書いているバグと関係はありますが、バグそのもののことではありません。

class内のconstは後から定義しても良いのはなぜか？

ある変数の中に何故か２つの配列が入っています。

その変数をvar_dumpすると以下のように出ます。
変数[0]や変数[1]ではアクセスできないのですが、どのようにしたらこれらの配列にアクセスすることができますか？

```
array(1) { [0]=> string(3) "oia" } 
array(6) { ["username"]=> string(3) "oia" ["password"]=> string(64) "5e884898da28047151d0e56f8dc6292773603d0d6aabbdd62a11ef721d1542d8" ["salt"]=> string(51) "»Ñ=¸kÅÌý[GW¢²çô-*Ï£ÂL" ["name"]=> string(7) "oioioio" ["joined"]=> string(19) "2017-04-22 14:06:57" ["group"]=> int(1) }
```

一つの変数に入っている２つの配列から一つを取り出すには？

window.open()メソッドで、リンクを小窓で開くようにしていました。
Google Chromと、Safariで昨日までリンクを開けていたのですが、どちらもwindow.open()が効かなくなってしまいました。
ポップアップブロックはしていません。
ボタンを押した時に、Chromだと左下にjavascript:w=setTimeout("openLink()", 100);と出ます。

```html
<a href='javascript:w=setTimeout("openLink()", 100);'><img src="Button.png" alt="ボタン" width="360" height="" style="position:absolute;top:10px;left:30px;"></a>

<script type="text/javascript">
function openLink(){
    window.open("https://www.yahoo.co.jp/", "","width=600, height=500, menubar=no, toolbar=no, scrollbars=yes");
}
</script>
```

Consoleには、
```
VM909:1 Uncaught ReferenceError: openLink is not defined
    at <anonymous>:1:1
```
と出ています。

window.open()をしても、小窓が開かなくなってしまいました。

こう書いてる人がいたので
```PHP
if($id) {
    return false;
}
retrun true;
```
else句入れてくださいってコメントしたら
else句つける派とつけない派ができてしまって
```PHP
if($id) {
    return false;
} else {
    return true;
}
```

２つの分岐が対になってるかんじがあった方が見やすいかなと思ったのですが、else句をつけない人が多いようで
PSRとかも改めて見たのですが特に言及されてることもなく、結局は好みの問題になるんでしょうか？

でもやっぱり両方が等しく起こり得ることならelse句つけた方がいいと思うのですが普通どうなんでしょうか？