![見出し画像](https://assets.st-note.com/production/uploads/images/93064397/rectangle_large_type_2_1b44283b8589685aea3bf183f1b42f85.png?width=800)
GAS講座:7日目
講座の感想
最後に実演していただいたイケメン関数がとてもおもしろかったです!!
私もイケメン関数を作ってみたいと思いました。
講座の内容が難しかったので、途中ボーっとしてしまいましたが、
数回動画を見て覚えたいと思います。
アジェンダ
1.HTTP通信とUrl Fetchサービス
2.POSTリクエストとJSON
3.API
1.HTTP通信とUrl Fetchサービス
![](https://assets.st-note.com/img/1670732374086-sVMAaoZabF.png?width=800)
![](https://assets.st-note.com/img/1670732394711-ap7jqyXXnP.png?width=800)
HTTP通信の仕組み
ブラウザ→Webサーバーへ「リクエスト」
Webサーバーから→ブラウザへ「レスポンスを返す」
*私達が見ているWebページは裏でこのように動いている。
![](https://assets.st-note.com/img/1670732413720-mENHJel41p.png?width=800)
![](https://assets.st-note.com/img/1670732427980-XG1rHYBwHs.png?width=800)
HTTPリクエストを行うには
Fetchメソッドを使う
UrlFethApp.fetch(url,params)
Fetch
フェッチ→あれ持ってきて
![](https://assets.st-note.com/img/1670732442814-2w0Gg4Er4h.png?width=800)
GET
閲覧するために使う
POST
情報をWebサーバーに送信するとき
ネットショピングなどで「住所」「連絡先」などサーバーに送信するときにつかう
![](https://assets.st-note.com/img/1670732456688-F5uim644QG.png?width=800)
GETリクエスト
GASからリクエストをする場合。
![](https://assets.st-note.com/img/1670732472295-Si6ymNnI2F.png?width=800)
![](https://assets.st-note.com/img/1670732487506-YXIKaQU3hJ.png?width=800)
隣IT.comから フェッチメソッドでレスポンスを取ってみる。
何が含まれているのかコンソールログしてみる。
・getHeaders → ヘッダーをオブジェクトとして取得できる
・getResponseCode → ステータスコードを取得できる
・getContentText → htmlコードを文字列として取得できる
![](https://assets.st-note.com/img/1670732509971-MDqeNKyX1x.png?width=800)
↑ 実行するとエラーになる:正しい
https://tonari-it.com/not-exists のURLは存在しないため
404エラーが帰ってくるのが正しい。
![](https://assets.st-note.com/img/1670732525122-LAycPSCtJX.png?width=800)
![](https://assets.st-note.com/img/1670732544066-H0sSrDuwAE.png?width=800)
try…catch文(例外処理(エラー処理)を行う文)
・エラーとなったらメールを送る
try{
//検知の対象となる処理
}catch(仮引数){
//例外が発生したときに実行する処理
}
*仮引数には e を使う例外の英語(exception)の頭文字を使うことが多い
![](https://assets.st-note.com/img/1670732558326-wyUVtMHbIz.png?width=800)
*組み込みオブジェクト
便利なので先に用意してくれているオブジェクト
![](https://assets.st-note.com/img/1670732573176-NyYUZHTDKx.png?width=800)
存在しないURLに対してトライキャッチ文をかいている。
コンソールログでエラーが帰ってくる
正しいURLの場合は300文字のHTMLが帰ってくる
2.POSTリクエストとJSON
![](https://assets.st-note.com/img/1670732875817-1UcqHBbCQf.png?width=800)
ポストリクエスト
GASで送信するとWebサーバーが受け取りましたとレスポンスを返す
JSONファイルで帰ってくる。
![](https://assets.st-note.com/img/1670732888685-WeBa802mak.png?width=800)
↑JSONファイルのテストサイト
![](https://assets.st-note.com/img/1670732905137-VhzxiT2uMb.png?width=800)
paylod 積載量 重さの合計の意味
ポストに必要なデータ郡を返す。
![](https://assets.st-note.com/img/1670732921772-hdbzfoPqMd.png?width=800)
パラメーターを渡してポストする。
![](https://assets.st-note.com/img/1670732949881-IZZKBJy3i6.png?width=800)
Umicode文字
あいうえおなどにコード(アルファベット数字で構成される)をあてがったもの。
![](https://assets.st-note.com/img/1670732966361-QMvi2Ea9sG.png?width=800)
![](https://assets.st-note.com/img/1670732987653-lqVAWiOOpe.png?width=800)
stringify → ストリング可:文字列化 文字列をオブジェクト化する
parse → オブジェクトを文字列にする
![](https://assets.st-note.com/img/1670733004963-a1WE4uIbQH.png?width=800)
![](https://assets.st-note.com/img/1670733022026-2G9L9rdOXc.png?width=800)
3.API
![](https://assets.st-note.com/img/1670733072934-tytQRSbBg6.png?width=800)
![](https://assets.st-note.com/img/1670733088406-re2GLqaJXP.png?width=800)
![](https://assets.st-note.com/img/1670733103735-lOiu9o4mYZ.png?width=800)
![](https://assets.st-note.com/img/1670733119288-LuNTDhJql2.png?width=800)
![](https://assets.st-note.com/img/1670733139477-CdtTcp65mR.png?width=800)
![](https://assets.st-note.com/img/1670733155654-1H6NsMUlgX.png?width=800)
![](https://assets.st-note.com/img/1670733173536-EIoDl3tLDi.png?width=800)
![](https://assets.st-note.com/img/1670733186761-HAJKChIL7a.png?width=800)
![](https://assets.st-note.com/img/1670733201498-7RhFXNxUMe.png?width=800)
![](https://assets.st-note.com/img/1670733238797-7dCgRbdXH6.png?width=800)
![](https://assets.st-note.com/img/1670733252657-FIB6wzOn9n.png?width=800)
この記事が気に入ったらサポートをしてみませんか?