JavaScript関連のことを調べてみた2022年06月23日

Service Spreadsheets failed while accessing document with id ‘XXX’の解決方法(xlsxファイルからgoogleスプレッドシートの変換方法)

# 目次
* 初めに
* エラーが出てしまう
* 解決方法
* xlsxファイルからgoogleスプレッドシートの変換方法

# 1. 初めに
こちらはエラーの対処方法の記事かつ、xlsxファイルからgoogleスプレッドシートの変換方法になります。

# 2. エラーが出てしまう
外部のgoogle driveからgoogleスプレッドシートをローカルのPCにダウンロードし、
自分のgoogle drive内にインポートしました。
GASでいつも通りgoogleスプレッドシートをインポートしようと思ったら..
“`
Exception: Service Spreadsheets failed while accessing document with id ‘XXX’
“`
とエラーが出てしまいました。
ちなみに直訳すると、
「スプレッドシートは、ID ‘XXX’ のドキュメントにアクセスする際に失敗しました。」
#### なんで失敗したのかわからない！！
という方向けにこちらの記事書かせていただきました。

# 3. 解決方法
google driveからgoogleスプレッド

TypeScriptのURL取得や解析

# はじめに
今までは`location.～`しか使っていなかった….
ただ、最近`new URL()`を使用してもっと早く知りたかったと思い記事にすることにしました。

# 結論
– `location`は関連付けられたオブジェクトの場所 （現在アクセスしているブラウザのURL）を取得することができる。
– 取得したURLやプロパティを変更するとブラウザのURLに反映される。
– new URL()は取得したURLの解析や構築が容易にできる。
– URLやプロパティを変更してもブラウザに反映とかはされない。
– さらに詳しく知りたい方は参考文献から詳細内容を確認して下さい。

# **Location**
> **`Location`**インターフェイスは、関連付けられたオブジェクトの場所 (URL) を表します。 変更が行われると、関連するオブジェクトに反映されます。
>
参考： [mdn web docs : Location](https://developer.mozilla.org/ja/docs/Web/API/Location)

## 各プロパティ取

Stripeでのカード決済の明細に日本語・カタカナを含むテキストを設定する２つの方法

クレジットカードで決済を行なった場合、クレジットカード会社が発行する利用明細には、各店舗・サービス提供元が設定したテキストが表示されます。


## 利用明細表記を設定するメリット

利用明細表記を設定することで、顧客がカード明細を確認したときに、「どこで何を買った決済か」をわかりやすくできます。

事業会社とサービス・ストア名が一致していないケースや、年額などのサイクルの長い定期支払いなどでは、「顧客が、利用明細を見るだけで、何の決済かが思い出せない」可能性が高くなります。

そのため、カード会社に不審請求ではないかと申請されたり、サポートに注文内容についての問い合わせがくるなどの可能性が高まります。

「どこから・何を注文したか」をなるべくわかりやすくすることで、不審請求やサポートの対応コスト

IoTのプロダクトを作りたくてG’s ACADEMYに入った変わり者の制作記録

# 始めに、
はじめまして、 G’s ACADEMY（ジーズアカデミー）TOKYO LAB12期のI_Tetsuと申します。
この記事では私がジーズアカデミー　LABコース6ヶ月間で制作したプロダクトの中から、
JS選手権、PHP選手権、卒業制作で制作したプロダクトを紹介したいと思います。
（JS選手権、PHP選手権とはそれぞれ一通りの講義の後に行われる選手権で、そこまでに学んだことを活かして制作したプロダクトを発表し、発表の際に投票で順位まで決める発表の機会です。）
※ジーズアカデミーでの講義内容や経験談等は他の方がQiitaやnoteで書かれているのでそちらを参考にしてください。
ykiyoshimaさんのnote：[ジーズアカデミー現役生が前半戦（BOOTCAMPフェーズ）を終えて感じたこと](https://note.com/ykiyoshima/n/n03c5d256d449)

前提として、ジーズアカデミーでは**IoT**に関する講義は**ありません。**

TypeScript学習のアウトプット2

## はじめに
この記事は「プロを目指す人のためのTypeScript入門」を元にアウトプットした記事になります。

また私の現在のレベルは実務経験1年程度の駆け出しフロントエンドエンジニアなので、もし誤った解釈などしておりましたらコメントでご指摘いただけますと幸いです。

## 対象者
この記事は下記のような人を対象にしています。

– TypeScript学習中の方
– Vue.jsやReactの知見はある程度あるが、TypeScriptの知見が乏しい方
(↑まさに自分はこれでした。。。)

それでは早速アウトプットに入っていきます。
(序盤はJavaScriptに関するアウトプットが多いです。)
## 内容

### constでもプロパティの再代入は可能
“`js
cosnt obj = {
foo: 123,
bar: ‘aaa’,
}

// ok
obj.foo = 456

// no
cosnt obj = {
foo: 456,
bar: ‘bbb’,
}
“`
定数宣言の「const」を使っていてもプロパティの値は変更できます。
当然ですが、再

【JavaScript】オブジェクト同じ階層の別のキーの値を取得する【json】

課題
–

以下のようなオブジェクトがあるとします。
“`javascript
const obj = {
“data”: [
{
“first_name”: “田中”,
“last_name”: “太郎”
},
{
“first_name”: “鈴木”,
“last_name”: “次郎”
},
{
“first_name”: “佐藤”,
“last_name”: “三郎”
}
]
}
“`
オブジェクトの同じ階層の別のキーの値を取得したい。
例えば、`田中`という値から、`太郎`という値を取得

解決方法
–

“`javascript
const keyword = “田中”
const result = obj.data.filter(x=>x.first_name==keyword).map(x=>x.last_name)[0]??null;
console.log(result);
// 太郎
“`

一般化 & 関数化する
“`ja

createElement, appendChildを(おそらく)習得したので、自分なりに整理してみた。

タイトル通りです。

箇条書きのlist itemを5つ、JavaScriptで作成し、同時にテキストとidも設定しています。

日本語の使い方、変数の命名などおかしいところあると思いますが、私と同じくこの辺りで躓いている方の助けになれば幸いです。
“`html

親ノード。id=list