今さら聞けないHTML　2022年05月30日

GETメソッドとPOSTメソッドの違い

初めに

初学者として勉強を進めていく上で違いをはっきりと理解することが難しかったため、自分の理解を深める為にも記事にしたいと思います。
私と同じ初学者の方でGETとPOSTの違いがよくわからないという方の助けになれば嬉しいです。

GETとPOSTの使い道

GET

指定されたリソースを取り出す際に使う。

具体例

・見たい商品の詳細

・同様のページが何ページにも渡る場合の特定のページ番号

→見たい商品や動画などのWebページのURLを指定することで、HTMLファイルがWebサーバーからブラウザに返されて表示ができる

POST

Webページで入力されたリソースをWebサーバーに送り特有の処理をさせたい際に使う。

具体例

・ログイン画面に入力するメールアドレスやパスワード

・画像

HTMLとJavascriptファイルのみのデプロイ

# はじめに
自主学習として、Webサイトを作成しております。
しかし、HTML JSファイルのみでデプロイをしようと試みましたがうまくできないためご教示いただけますと幸いです。

# 試したこと
AWSにてバケットを作成、S3保存をしてherokuデプロイ等の手順を実施しました。
jsonファイル、phpファイルを作成するとデプロイが可能と下記サイトで情報を得たため実施
https://qiita.com/bitcoinjpnnet/items/ee5b4064279996c4d5ad

# 作成データのファイル
ファイルが現在下記のURLとなっております。
https://gyazo.com/7ce45e97e4f6b964124b5c5123c9d7b2

天気予報アプリ（ライブカメラで渋谷を見てみた）

## 天気予報＋実際の外の様子をライブカメラで見たい
このWebアプリを作るきっかけは今、自分が挑戦しているクラウドファンディングで天気に関する情報が欲しいという願望からである。また、テレビの天気予報ではよくライブカメラの映像を使っており、個人的にそのライブ映像の歩行者をみて、服装選びや傘の有無を判断する材料になるので取り入れてみた。

↓クラウドファンディングのリンクを載せておくので是非見てほしい。

https://camp-fire.jp/projects/597735/preview?token=26uwa33u

## どんなWebアプリ？
今日、明日、明後日の天気を画像付きで表示をするアプリ。
3日間の天気予報に加えて、アプリを開いた時点の渋谷スクランブルスクエアからのライブカメラ画像を表示してくれる。
完成品はこれ↓

https://thriving-tarsier-869ddc.netlify.app

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2618860/84

100日後くらいに個人開発するぞ！day035

## 今日もレスポンシブデザインを実装してみた！


##　今日のアウトプット


## 今日の学び

### スマートフォン向けレイアウト
＊ スマートフォン向けのレイアウトを組むためにブレイクポイントを670pxに設定
* スマートフォンではfooterが中央寄せになるよう配置した方がいい
* スマートフォン環境でもボタンをタップしやすいようにボタンの幅を広げる
* 画面幅が小さいときはフォントサイズを小さくした方が読みやすい

CodePenで簡単にバッティングスコア管理アプリを作成⚾

## バッティングスコアをかっちょよく記録する
毎週草野球にいそしんでいる私だが、バッティングスコアとかをさくっと管理してみたかったりする。
まぁそういうアプリは当然あるわけで、その辺のアプリでもいいし、正直エクセルでも事は済むのだが、”オリジナル”のかっこいい感じのアプリとかにそそられることはないだろうか。
実は、CodePenなるものでさくっと1人でアプリが作れるらしい。
ちょうどアプリを作るタイミングが草野球をした日だったので、今日の打撃成績管理出来るといいんじゃないか？ということで、やってみることにした。
（その日は4打数2安打1盗塁。気分ウキウキで帰ってきた。）

## CodePenが便利だという前置き
CodePenはこちら。

https://codepen.io/

そして、ものの数時間で出来たプロフィールページ。おしゃれ。
サンプルとなるものがあれば、そこから派生して作れる。

https://eclectic-medovik-72ae3b.netlify.app/

## 仮完成作品
作ってみたのはこんな感じ。
もっとおしゃれにしたいし、項目も充実させたい。

WordPressの基礎

# WordPress

[WordPress Codex 日本語版](http://wpdocs.osdn.jp/Main_Page)

# 【最重要】テンプレートタグ・関数

## テンプレートタグ

– ワードプレス固有のphpタグのこと

## wp_head,wp_footer

– それぞれheadの締めタグ、bodeの締めタグの直前に記述しなけらばならない

## 必須

“`php
~~~

~~~

“`

– wordpressのテーマとして認識してもらうために必須のテンプレートタグ

## 分岐、ループ系

“`php




“`

– have_postsはルwordpressクエリで

this language feature is only supported for ECMASCRIPT6 mode or better 【Google Tag Manager】

Google Tag Manager でカスタムHTMLを作成していたとき、次のようなエラーに遭遇

>JavaScript Compiler Error Typeform Tag Error at line 3, character 5: This language feature is only supported for ECMASCRIPT6 mode or better: const declaration.

同様に、line4, 5, 6, 7, 11, 22 行目もエラーがあるらしい

書いていたコードは以下

“`HTML