技術向上

プログラミングの学び、気になるテクノロジーやビジネストレンドを発信

インターネット

axiosでformの値を送受信する方法【Vue.js】【Go】

POSTまたはPUTのformデータをサーバーサイドに送信する際、 axiosでは、デフォルトでJSON形式にしてrequest payloadに乗せて送られます。 HTTP.Requestは次のようになっています。 POST /some-path HTTP/1.1 Content-Type: application/json { "username" : …

Cookieの概要とセキュリティ

Webサーバとブラウザ間で状態を管理する通信プロトコル、その管理の中でブラウザに保存された情報を指します。 主な用途は、ショッピングサイトのカートの状態などで、ユーザーが操作した情報を一定期間保存して利便性を高めるために使われます。 動作 サー…

HTTP Status Code 307

使用ケース 307 Temporary Redirectは、リクエストされたリソースが一時的に異なるURLに移動されたことを意味します。 元のリクエストメソッドがそのまま移動先へのリクエストメソッドとなります。 したがって、301や303と違い、POSTがGETに変更されることは…

HTTP Status Code 303

使用ケース 303 See Otherは一般的に、PUTやPOSTの結果として返されるステータスコードです。 例えば掲示板などでPOST送信した後に再び書き込み一覧を表示してしまうと、その画面を再読み込みした場合に、再度同じPOSTを送信できてしまいます。 これを防ぐた…

HTTP Status Code 301

使用ケース 301 Moved Permanentlyは、恒久的にURLが移転された際、その新しいURLへのリダイレクトとして使用されます。 サイトが全く異なるURLに移転したケースはもちろん、SSL化してhttpからhttpsに変更された際にも使用します。 また、SEOの観点からURLを…

favicon.icoは配置するか、エラーログを出力しないようにする

favicon.icoは、ブラウザのタブやお気に入り登録時に表示される画像ファイルです。 ブラウザのブランド力を高める目的として、1999年にMicrosoftのIE5から発表されました。 その後はWeb標準として扱われ、HTML5でも標準規格とされています。 HTMLのheadの中…