常連

注目の的

質問力

Google Apps Scriptを用いてZOHO CRM Apiのアクセストークンを取得したいと思っています。

リフレッシュトークンとクライアントID、クライアントシークレットをパラメータとして渡し、
POSTリクエストを送信しているのですが、レスポンスが空のオブジェクトとなって帰ってきます。
POSTMANで送信した場合はエラーなくリクエストが通り、アクセストークンが帰ってきます

エラーも上がってこないため、何が問題なのかすらわからなく、、、
お力添えいただきたいです。。

```request
function getAccesToken() {
  let url = "https://accounts.zoho.com/oauth/v2/token";
  url += "?refresh_token=" + PropertiesService.getScriptProperties().getProperty('refresh_token');
  url += "&client_id=" + PropertiesService.getScriptProperties().getProperty('client_id');
  url += "&client_secret=" + PropertiesService.getScriptProperties().getProperty('client_secret');
  url += "&grant_type=refresh_token";
  
  const options = {
    'method' : 'POST',
    'headers' : {
          'Content-Type' : 'application/json'
          },
    'muteHttpExceptions' : true
  };
  const result = UrlFetchApp.fetch(url, options);
  console.log(result);

  return result;
}
```
```response
{}
```

Google Apps ScriptでPOST送信をした際に空のオブジェクトが帰ってきます

インターネットでいろいろと検索してみたのですが、答えが見つからなかったため、質問させてください。

HTMLとCSSを使用し、下図の文字列とその背景色を左から右にワイプ表示させたいです。

![イメージ説明](3dd01177dff01778d53ae138e80c74f4.png)

①.背景色（グレー部分(#AAA)）を左から右にワイプ表示
②.①表示後、文字列を左から右にワイプ表示
③.②表示後、3秒経過した後背景色と文字列を同時にフェードアウトさせる

までを一連の流れとしたいです。
疑似要素等も使用してみたのですが、浅学のため、背景色が文字の上に重なってしまい、実装できませんでした。

ページ表示の遅延を防ぐため、できればJSは使用したくないです。。。

申し訳ないのですが、ご教授よろしくお願いします。


ソース追記します。opacity:1で現時点でまず文字が表示されないため、フェードアウトまで実装できておりません…。

```HTML
<div class="p-home-mainvisual__text-area">
    <div>
        <span class="f-bg">abcde</span>
        <ul class="f-text">
            <li>a</li>
            <li>b</li>
            <li>c</li>
            <li>d</li>
            <li>e</li>
        </ul>
    </div>
</div>
```

```css
    .p-home-mainvisual__text-area{
        position: relative;
        width: 100%!important;
        text-align: center;
        color: #FFF;
    }
    .f-bg{
        content: "";
        position: absolute;
        top: 200px;
        left: 50%;
        font-size: 3.5em;
        color: transparent;
        width:50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        padding: 0 20px;

    }
    .f-bg::before{
        display: block;
        content: "";
        height: 100%;
        background: #AAA;
        position: absolute;
        top: 0;
        opacity:0.7;
        animation: wipe .7s ease-in-out both;
        animation-delay: 1s;
    }    
    @keyframes wipe {
        0% {
            left:0;
            right: 100%;
           }
        100% {
            left:0;
            right:0;
        }
    }
    .f-text{
        margin-left:30%;
        margin-top:16%;
    }
    .f-text li{
        float: left;
        animation: wipe-text;
        opacity:0;
        font-size:4em;
    }
    .f-text > li:nth-child(1){
        animation-delay: 2s;
    }
    .f-text > li:nth-child(2){
        animation-delay: 2.5s;
    }
    .f-text > li:nth-child(3){
        animation-delay: 3s;
    }
    .f-text > li:nth-child(4){
        animation-delay: 3.5s;
    }
    .f-text > li:nth-child(5){
        animation-delay: 4.0s;
    }
    
    @keyframes wipe-text{
        0% {
            opacity:0;
        }
        100%{
            opacity:1;
        }

```

背景と文字を時間差でワイプ表示させてフェードアウトさせたい

JavaScriptで配列データの検索機能実装を行おうとしております。
この配列は、多重連想配列になっており、1次元目のカラムと2次元目のカラム双方が一致する場合のデータを抽出するものになります。
この、2次元目の検索を行うデータの数が可変になります。
一旦動く処理にはしたのですが、filterしたのち、多重ループという有様でして・・・。
こちら、もう少し簡略化とかできないものなのでしょうか？

## コード
```JavaScript
//item_listからname先頭文字がsearch_name、かつcategoryのいずれかの情報に合致するものを抽出する.
function searchBunk_agent(item_list,category,search_name) {
    var item_result = [];
    var category_list = category.split(",");
    var search_name_Result = item_list.filter(function(value){
        return value.name.indexOf(search_name,0) == 0;
    });
    for(var i = 0; i < search_name_Result.length; i++){
        var val = search_name_Result[i];
        for(var j = 0; j < category_list.length; j++){
            if(val['category'] == category_list[j]){
                item_result.push('名前：' + val['name'] + 'カテゴリ：' + val['name']);
                break;
            }
        }
    }
}
```
```
item_list = [
    {"name":"みかん", "category":"00"},
    {"name":"みしん", "category":"01"},
    {"name":"みどり", "category":"02"}
];
```

## 期待値
```
パターン１
search_name:"み"
category:"00"
結果：”みかん”の要素情報がitem_resultにpushされる

パターン２
search_name:"み"
category:"00,02"
結果：”みかん”と"みどり"の2つの要素情報がitem_resultにpushされる
```

filter1つのみで検索は完了。その後検索結果でループして、そこではpush実行のみ。
という処理にできれば、作るコード上は検索を何度もするものではなくなり、
見やすくなるのだろうか？と思っていたりします。
ただ、categoryが可変(OR条件が可変)になることへの対策方法が出てこず・・・。

私の方で挙げたコードが妥当な作りでは？や、上記のfilterでcategory可変対応をしても似たような処理をfilterに入れ込むだけだから大して変わらない、などももしありましたら、情報頂ければと思います。

多重連想配列のfilter検索方法改善

javascriptについて質問です。
書籍学習をしていて、今はプロトタイプチェーンをやっているのですが
以下のコードに疑問を感じ、質問しました。
疑問点はコードの上から三行目のAnimal.Prototypeのところでの関数を設定の仕方と
中盤にあるDog.Prototypeでの関数の設定の仕方が違ったのです。
自分でコードを書いた時には、後者のやり方に統一してオブジェクト名.Prototype.関数名　=(){関数の処理}というような感じで書いたのですがうまく作動しませんでした。この二つの関数の設定の仕方には何か違いがあるのでしょうか？



```javascript
var Animal = function() {};

Animal.prototype

var Dog = function() {
  Animal.call(this);
};
Dog.prototype = new Animal();
Dog.prototype.bark = function() {
  console.log('ワンワン！ ');
}

var d = new Dog();
d.walk(); // トコトコ
d.bark();　// ワンワン

```

Javascriptでのプロトタイプチェーンにおける関数の定義の仕方

windwosのアプリケーションを作成する時
GUIをC#、処理をC++で作成する場合
私の調べた限り
C++/CLIを使用する方法
C++のDLLを作成しC#でDLLimportを使用する方法
2通りありますが、
どちらを使用した方がいいのかよくわかりません。

個人的に調べた結果
DLL作成はDLLimport宣言がその都度必要になり手間だが、分割して作成するのが楽なので、大人数の作業ならこっちのほうがいい？
C++/CLIは毎回DLLimport宣言がないので小規模のプロジェクトではこちらの方が連携し易い。
32,64bit問題に関しては両方法とも作業は同じのかなと思いました。

この2つのメリットデメリット、向き不向き等、将来性、結論としてどっちを使ったほうがいいのか教えていただけませんでしょうか？
よろしくお願いします。

C++とC#の共存につて

初歩的な質問になります。すみません。
プログラミング学習中で、エンジニアの方からアドバイスをいただいているのですが、以下のようなアドバイスをもらいました。
[現在はブラウザの大きさに合わせて要素が大きくなっていきますが、大きくなりぎても見辛いので、全体の幅を指定すると良いでしょう。
その際はbodyの子要素全体をdivで囲って幅指定すると良いです。
こんな感じです。]

```html
<div>
    <header></header>
    <main></main>
    <footer></footer>
</div>
```

これを行うことにより、どのようなメリットがあるのでしょうか？
pxによって文字のサイズなどを指定しているのですが、この作業を行うことによってどのような効果が期待できるのでしょうか。
おそらくこれを使って全体の幅を固定？するのだと思うのですが、指定する際には単位はｐｘでいいのでしょうか？

全体の幅を指定することのメリットがわからない

お世話になっております。
今回、firebaseを利用したwebアプリケーション作成の中で、ログインユーザーの確認を行うコードを作成していました。
そのなかで、if文内でログイン済みのアカウントとデータベースに保存しているユーザー情報の照合で一致した場合画面遷移する流れを作成したいと考えていますが、画面遷移はしてくれません。
ほかの例も見たいと思い、returnで処理を途中で中断しようとしましたが、returnの効果はなく関数の処理が行われていきます。location.hrefが悪さしているのではないかと思いますがどうすれば、画面遷移するかわからず悩んでおります。
解決方法に関して教えていただければ幸いです。
よろしくお願いいたします。

```ここに言語を入力
	<script>
		var user = firebase.auth().currentUser;
		var db = firebase.firestore();
		db.settings({
			timestampsInSnapshots: true
		});
		firebase.auth().onAuthStateChanged((user) => {
			if (user) {
				// User logged in already or has just logged in.
				console.log(user.uid);
				db.collection("user").get().then(function(querySnapshot) {
					querySnapshot.forEach(function(doc) {
					        // doc.data() is never undefined for query doc snapshots
						console.log(doc.id);
						if(doc.id==user.uid){
							console.log(doc.data());
					        	console.log(doc.id, " => ", doc.data());
							location.href = "./success.html";
							return;
						}else{
							console.log("no acount");
						}
					})
				});
			} else {
				// User not logged in or has just logged out.
				console.log("not login");
			}
		});
		
```

JavaScriptでif文から画面遷移ができない

### 前提・実現したいこと

Googleドライブ内にあるデータをフォルダ―IDとファイル名で検索し、
そのデータをスプレッドシートに書き込むプログラムを作りました。

今までは問題なく動いておりましたが、この度V8ランタイムがサポートされたため、
各プロジェクトを順次切り替えているのですが、CSVを取り込む際に表記の問題が
発生してしまいました。



### 発生している問題・エラーメッセージ

```
Exception: 「,」を char に変換できません。
```
エラー箇所は下記コードの

var csv = Utilities.parseCsv(data,delimiter);

の部分です。


### 該当のソースコード

```GAS
function importCSV(folderID, fileName, delimiter, convert) 
{
//delimiterを設定していない場合はカンマ区切りをデフォルトとする。
if (delimiter == undefined　||delimiter === 0){delimiter = ","}

//convertを設定していない場合はShift_JISをデフォルトとする。
if (convert == "UTF"||convert == "UTF-8"){convert = "UTF-8"}
  else if (convert == "EUC"||convert == "EUC-JP"){convert = "EUC-JP"}
      else convert = "Shift_JIS";

      var folder = DriveApp.getFolderById(folderID);
      var files = folder.getFiles();

      while (files.hasNext()) 
            {
              var file = files.next();
              if (file.getName() == fileName) 
                 {
                      var data = file.getBlob().getDataAsString(convert); 
                      var csv = Utilities.parseCsv(data,delimiter);
                      return csv
                 }
            }
  return "noData";
}

```

### 試したこと
・実行タブ→Chrome　V8を無効にしたらエラーにはなりませんでした。
ですが、今後の事を考えるとV8エンジンで行きたいと思っております。

・Utilities.parseCsv(data,delimiter);　を　Utilities.parseCsv(data);にするとエラーにはなりませんでした。
ですが、カンマ区切りがデフォルトとなっており、タブ区切りのものや他の区切り設定だと取り込めない状況です。

・var data = file.getBlob().getDataAsString(convert); のconvertをそれぞれ
 "UTF-8"や"EUC-JP"に変えてみましたが、変わりませんでした。


・タブ区切りのデータを取り込んだ際には下記エラーがでました。
 [Exception: テキストを解析できませんでした。]

・仮にタブ区切りのデータを取り込む際は、V8無効の状態では下記コードで動かせば取り込めていました。

```GAS
function myFunction() {
var ID   = 'フォルダーID'
var name = 'ファイルネーム'
var arr  = importCSV (ID , name, "\t")
Logger.log(arr)
}
```

・上記コードをV8有効の状態で取り込むと、下記エラーになりました。
Exception: 「 」を char に変換できません。


・余談ですが、V8無効かつタブ区切りの物を
var arr  = importCSV (ID , name)
で取り込もうとすると、タブ区切りの物をカンマ区切りのdelimiterで取り込もうとするため、
 [Exception: テキストを解析できませんでした。]
となります。