さあやってまいりましたひまプロのお時間でございますおじゃすお願いしますはい本日はですねはいえーじゅんぺいがお特典守ってきましたなんとありがとうありがとうございますスーパー感謝はい

何を持ってきたかというと今回はステータスコードについてまとめていこうというところでhttp のステータスコードをまとめてきました素晴らしい多分あんまりちょこちょこ何ですか出てきたりはしてますけどちゃんとステータスコードみたいなトークテーマは今までなかったかなと思って僕の整理がてらやっていこうと思っています

お願いしますはいでですねまあこのステータスコードまずなんでまとめてきたかっていうとこれがわかると明らかに2つぐらいメリットあるなと思ってまあ一つはトラッシュトラブルシューティングがめっちゃ楽になるこれもそうやろうと思うんですけどエラー出た時の対応とかがすごい楽になって

学ぶことは大事だなと思いましたこれが1点目です2点目はエラーが起きてなくても何が起こってるかっていうのをより理解が深まるなと思って開発者ツールChromeで開発をしていてChromeのウェブ

アプリを開発していて例えば開発者ツールを開いているときに別にエラー出てなくてもABIとかが動いてサーバー通信したときに走ったABIがどんなステータスコードが返ってきているのかとかって見たりすると実際こう書いたコードってこんな風に動いてるんだなみたいな理解が深まったなと思ったんでこの2点が僕的には結構大きいかなと思ってますちなみに他のメリット的なとこあります?

カイチさんノリさん的にはいやおっしゃる通りというかなんだろうね情報を正しく得れるようになるのが全てそれに尽きるノリさんこれも結構前に収録外で聞いた話によるとステータスコードの意味が分かるとそれで会話できるって話がありましたっけ200会話してたら

会話なるこれ200キャッチボールになってんのかなこれなってるのか200のりさんの感情しか読み取れないレスポンス欲しいですね200ボディがないんだよねレスポンスボディがないボディなかった確かにな今回はですねより分かりやすくというところでひまプロ流のビュッフェでたどいていきたいと思ってます似てると思ったわ

何が? 似てると思った?httpとビュッフェ似てると思ったわ確かにまだわかってないですよ僕は本当?気配感じてるよビンビン数々のビュッフェだとしてきましたけど僕はまだ来てないですマジ?はいここからはですねメジャーなhttpステータスコードの方の説明に入ってきたと思いますお願いしますそれにあたって

ビュッフェで例えていきたいんですけれどもそのビュッフェの設定をまず説明したいと思いますビュッフェの設定ねビュッフェは今回はお客さん来店しましてもちろんお客さんはクライアントそれに対してそのお店自体がサーバーっていう設定です今回はお店の中にはウェイターさんがいて

そのウェイターさんに注文をして料理を持ってきてもらうというようなオーダービュッフェ方式となっておりますなんかじゃああれですねウェイターさんとかはサーバーの中の何らかのプロセスというかそうですねそういうイメージですねハパッチみたいな感じだそうですねそうですわかんないけどはいという方式でまずはメジャーなステータスコードは

一応200番台300番台400番台500番台がよく見るところかなというところで説明していきましてまず200番台の一つ目200番台といっても200OKこれはよく見るやつよく見るやつというかエラーじゃないので自分で開発者ツールを開いてないと見ないかなとは思うんですけどこれはユーザーが

リクエストを送ってそのリクエストが無事帰ってきた時にもらえるステータスコードなるほどちょっと難しかったからビュッフェで言うとどういう状況ですかビュッフェで言うとですねお客さんがテーブルに座って料理を決めましたこれ食べたいって決めましたでウェイターさんを呼んで

今回はですねシチューを食べたいとシチューシチューシチュー食べたいちょっと待ってくださいシチューじゃないんだ俺が黙ってるのイントネーション問題ちなみに僕はカイチと同じイントネーションですシチュー東北税みたいな東北より以北税みたいななんつったシチュー同じ僕シチューですシチューだな

でも多分じゅんぺいが正解な可能性が高い確かに埼玉だしな関西インターネーション関西の憧れあったんで昔今もありますけどあるんだじゃあシチューでここ関東ですからねシチューシチューシチューを今回は頼みましたはいウェイターさんがチューバーまでそれを注文内容届けてチューバーで作ってもらって

そのウェイターさんなのか誰かがクライアントお客さんのテーブルまでシチューを届けるなるほどこれでリクエストが成功しましたうまく200を添えて200ってシチューが200なわけじゃないですよねそうですねその一連の流れが200ですかね一連の流れが200ビュッフェの言うと一連の流れが200帰ってきた時の店員さんのつぶやきが200だったんじゃないすっ

レシートじゃないですかレシート200多分その状況を表すものですよねミッションコンプリートというかステータスコードって文字通り状況を表す記号ですもんねとりあえずじゃあ植田さんのおでことかに書いとく200ピコーンって

デジタルなのねおでこが感情なのかなよかったよかったみたいなニコニコしながらね200でしたまずは次2つ目204ノーコンテントこれも僕は見ますねこれもエラーじゃないので開発者ツールを開かないと見れないかな

そんなこともない時もあると思いますけどこの204はコンテンツなしみたいな状況で僕はよく見るのは例えばセーブメソッドセーブAPIとかを叩いた時に今の画面の情報をサーバーの方にデータベースか何かに保存しました

みたいなところで保存するだけなんで相手から特にレスポンスはないんですよレスポンスないというか中身は返ってこないみたいな状況でコンテンツなしだけどそれでOKですよみたいなのが204なんかセーブだと僕のイメージなんですけど新規作成されて201返ってきそうだなっていうクリエイティッド201クリエイティッド

204どっちかっていうとデリートメソッドとかで送った時に返ってくるイメージが強いですねあーそうかそれもそうかもしれませんなるほどちょっと違和感を覚えたかもしれないです今の僕がやってるシステムセーブで204返ってくるんですよね確かになんか200あれなんて言いましたっけ201かなんかざっくり調べてると少なくともデリートは

204を返すことがあるとそれは物理削除というかされてて返すものがない状況で204のコンテンツで返す例があるというのとあとPUT僕は作った記憶はあんまりないんですがどうやら保存した上でまだまだ編集を続けるよっていう状態の時

それってわざわざ今編集しているものをAPI側から返す必要はないのでそういう時には空でノーコンテンツで204を返すってことがなんかどうやらあるっぽいですねなるほど勉強になりました確かに勉強になりました僕もありがとうございますはいっていうので今のを踏まえるとと?ビュッフェで言うと何なんですかねデリートはやめとこうかいや

デリートも聞きたいですよ確かにとんでもないクレーマーの可能性あるけどデリートを聞きたいですよ僕はこのメニューはちょっと消滅させてくださいそうですよねクレームデリート聞きたいな確かになプットもプットでやばいけどねお忍びでやってきた会長ぐらいの権利があるデリートはあれですねこのバケットこのバケットは

実際食べてみてまずかったからメニューから消滅させろっていうのを言って実際にお店が

消滅させてくれたパターンですかまずいだけで一人の客のまずいの一声で消滅させたパターンもっと正当にメニューなくなるケースありますよ食中毒なるほどビッペ力高いなちょっとやりすぎた感はあるでもまあ単純に食べ終わったお皿を下げてくださいだけも

2004な気がしたんですけど確かにコンテンツ戻ってこないかボディがないだけどうなんでしょうねでも難しいですねステータス構造に寄せると実際の振る舞いとあまりにもかけ離れる問題が今なるほどねだってお皿返すって何ですかだって

どういうことお皿下げてくださいわかりましたって返してその上でウェイターさんが戻ってきてあるべきところに返しましたって報告してくれてる状況ってことですよねはいはいはいあるべきところのボディが返ってきそうですよね返ってくるかな返ってこないかなデリートってこと?それデリートってこと?お皿デリートお皿デリートあるじゃないですかクライアントからしたらフェスとかで紙皿じゃないですか

確かにね。マックとかわかんないけどね。だからその、パンにハンバーガーが入ってきた紙袋みたいなね。はいはいはい。下げてもらってね。なるほどね。で、デリートしてね。じゃあ、ビュッフェでマックのハンバーガー頼んだ時のやりとしいもの。最後のやつだ。ハンバーガーでいいな。マックって言わなくていいです。

204の説明でしたギリギリいけましたかねギリギリいけた次いきます200番台これで終わりです200と204だけじゃないかなと思ってますちょっと出てきましたけどね他の201、202出てきましたがそんな感じでしょうというところで次300番台これも一つなんじゃないかなと思っておりまして302リダイレクトでございます

まあでもこれも画面に表示されたらることはないのかなっていう開発者チュールでチュール猫の餌の猫チュール犬チュールに続き開発者チュール完全モンスターじゃんたまにあるかなとは思うんですけど自分で開発してるやつとかはまだ画面とかなかったらサマルに出てくるかなと思うんですけどまあこれは

ユーザーがアクセスしてそのページが一時的に別のURLに移動しちゃってるんでそっちに飛ばしますみたいので多分よくあるのがウェブサイトにアクセスした時に最近なのかな分かんないですけど10秒後にこっちのURLに飛びますみたいな画面とかよく出てきてしますよねそういう時は302なのかなっていう

気がしてますね非常に際どいですね非常に際どくてですね302ってプットに対するリダイレクトなんですよ303がゲットなんですねそうなの?監修だと思うんですけどあくまでいや多分ね違かったらすいませんなのでプットリクエストがリダイレクトされてたらそうなので普段見るやつの中にももちろん

あるのかなどういう時に出るのかよくわかりませんがなるほどな確かにポストの時は307とかも書いてあったりしますね307結構見るイメージあるな307か見たことなかったかもしれないちなみに300番台は基本リダイレクト系の話なんですがノリさんカイスさん的には何番を一番よく見るとかありますか

マジであんま気にしてなかった300番台は作ったことないバックエンドでさステータスコードをレスポンスに入れるやん300番台入れることがあんまりないうんないですよねでもAPIじゃないときは結構あるかもなそうなんですね302307あとサイト移転するときは301って感じだなはいはいはい301はMove the Permanency

一生移動みたいな永久的な移動307がテンポラリーリダイレクト307多い気がするソースによると307と302の唯一の違いは307リダイレクトされたリクエストが行われるときにメソッドと本文が変更されないことが保証されることです302では一部の古いクライアントは不正にメソッドをゲットに変更してしまいます

ゲット以外のメソッドと302による挙動はウェブで予測することができず307の挙動は予測できますゲットリクエストでは両者の挙動は同じですちょっとむずいな300番台は300番台でいいんじゃないはいリダイレクト系ということでビュッフェではビュッフェで言うとウェイターさんにこの

かぼちゃスープを頼みましたまずウェイターさん呼んでかぼちゃスープ飲みたいですくださいでそのウェイターさんが厨房まで届けて厨房?厨房まで届けて違うわごめんなさいいやもう一回いきますねいけるよ頑張れ頑張るんだお客さんがかぼちゃスープ飲みたいですってなってウェイターさんにかぼちゃスープを頼みましたでウェイターさんは

中房までそのかぼちゃスープ作ってくださいって持ってきましたがその中房でいやここかぼちゃスープ作れないからって言って他のまた別のウェイターさんなのかなにその中房がちょっとかぼちゃスープ

作るように別の厨房にお願いしてって言ってもう第二の厨房まで第二のウェイトさんが届けその注文を届けてかぼちゃスープ第二の厨房がかぼちゃスープを作ってくれてお客さんにかぼちゃスープが届く

これリダイレクトどうですか僕のリダイレクトもいいですかお願いしますお客さんがまずかぼちゃスープを頼みましたで厨房に行ったらうわかぼちゃスープごめん今日ないわって言われましたでそしたらウェイターさんが戻ってきてお客様にすいませんかぼちゃスープがないんですけども栗のスープならありますって言って栗のスープ取りに行って戻ってきて栗のスープを提供して307ごめんなさいっていう手紙と一緒に届けてきましたあーなるほどほー

さあどっちのリダイレクト絶対のりさんポイントはあれですよねクライアント自身が多分もう一回リクエストするところなのかなとなんとなく思ってて解説なので多分307ごめんなさいの手紙は多分かぼちゃのスープ頼んだ時点でもらうそうですそうです

っていうので再度リクエストをしてるてでまぁのりさんの方に部があるなぁと ありがとうございますそうですよね対決みたいな感じですけど 確かにそうですね1回お客さんまで届きますよねそれが 300番台ね300番台ひっくるめての話ですね そうですそうですっていうことになってましたよねちゃんとね そうです言いましたよねはいはいはいでちょっと差し込んでいいですかはい変なのって話なんですけど 300番台のそ

ソ 確かに一心弁でソソ ソセンのソなるほどねアダムとイブのアダムとイブだ人類でいうアダムとイブだ一心弁でしたっけノギ編ノギ編かもノギ編かもしれない300マルチプルチョイシーズっていう生活行動

これ使われてないの受けますねなんかマルチプロチョイシーズってのがあるのはいこれあのリクエストが2つリクエストに対してレスポンスが2つ返ってきてそのうちのどっち使ってもいいよっていうえ?へーやつらしいんですけどこのレスポンスコードはあのそのレスポンスを1つに1つを選択するっていうやり方が標準化されてないのでこの300使われてませんうん

リダイレクトですらないっていうね違うんだ変なの数字小さい方がそうなの勝手なそういうイメージです確かに全然あり得る以上いらない知識でした確かに一回も見たことないわよく考えたらマルチプルチョイス覚えなくていいですよ絶対使わないやつなんでありがとうございます

ちなみにさっきののりさんの話で僕は多分かぼちゃスープ頼んで最終的にかぼちゃスープ買いしたんですけど栗のスープに変わるんですよねそこはビュッフェ事情に合わせたよ

ごめんなさいうちだと注文できないので隣に行って注文してもらっていいですかちょっとビュッフェとしてねダメだったちょっと僕もいいですかうずうずしてるごめんなさいこいつうずうずしてるぞお会計かなと思ってウェイターにお会計お願いしますって言ったらじゃあちょっとこの電票持ってレジ行ってくれって言われてレジに行くのかなみたいななるほどね以上です

ただちょっと時系列的に微妙だったんでなるほどね時系列も気にしてるもうお店まだ出たくないからそこが本当に不満ですねすごいなあらゆることを考えてるこの人たちなんだこれごめんなさいビュッフェマンダンになってるビュッフェマンダンになってる300万台はもうリダイレクト系だったということでありがとうございます次いきます

ここからエラー系ですね400番台やってまいりましたここら辺からまずいきましょう400番台といえどまず1個目400バッドリクエスト

これは不正なリクエストこれはよく見るんじゃないのかなと思いますこれはクライアントが無効なリクエストを送信した場合サーバーがそれ無効ですよみたいな感じで返してきたタイミング返してくるものが400になるのかなというところでどうなんだろうなちょっと具体例思いつかないですけどうん?まあ

例えばパラメータなんか送るってなった時に普通バリデーションとかかかってると思うんですけどかかってなかったら送れちゃっていやパラメータ足りませんよみたいになって400が返ってくるみたいな状況ですかねどんな具体例ありますかねいやそんなもんよそんなもんですよね不正なパラメータが多いんじゃないかな開発中とかだから

よく見るんじゃない逆に言うとそれを返すように作りますしねそうですよねっていうのでよく見るやつこれをビッフェで例えるとお客さんが無効なリクエストなんでそこのお店にない今回シチューを頼みましてそのシチューにお米と

高級なワインをつけて頼みましたウェイターさんはそれをチューブまで持って行ってこのメニューくださいって言ってそのうち高級ワインないんだよねって言って注文が通らずにお客さんまで400って言って帰ってくる今危険な匂いがしたあれノットハンドじゃないノットハンドの香りがしてしまったな確かにどっちかっていうと確かに

なんかさあれじゃないあの食べ合わせ悪いやつなんかない?トッピングとかでいいんじゃないですか?えーっとじゃあこのフランスパンと卵ふりかけお願いしますって言ってごめんパンカサカサすぎてかかんないからダメだよって言われるそっちしかもそっちなんだねすごいなあーなるほどなバリデーションに引っかかればいいですよねあとそうだねフランスパンエフコくださいみたいな

F個ねなるほど確かになるほどな16進数じゃないんですかこの店F?NO NO NOって言われてウェイターがオズオズと戻ってくる様なるほどそういうことか確かにありがとうございますそんなことないんですけどねうん

普通はねFコクンズ16歳やばいねめちゃくちゃ面白いですねめんどくさい理系来たわって思われる?思われないよFって言われる?ありがとうございますビッフェルク鍛えますねこれがバッドリクエストでした続きまして401アンオーソライズド

認証されてないみたいな状況でこれはユーザーがアクセスしようとしたページにアクセス権がないっていうところなんでこれはですねビフペちょっと時系列おかしくなっちゃうんですけどユーザーが入店するときにまず

なんかやばいなコンプラ引っかかりそうなこと言いそうで怖いなどういうこと?一回引っかけてみてこっからコンプラ引っかかること言えるの?俺もねそこらどうやって持ってくんだろうっていう興味あるななんでしょう例えばうちのお店は40歳以上の方は入れませんみたいなちょっと差別的なお店ってことね的な感じになっちゃうなんだろうな思いつかないな

あるよあるよあるよあるあるあるあるある絶対ある絶対あるよいけるいけるのりちゃんと同じこと思ってないのかな同じじゃないかな多分同じじゃないかなせーのでってみるせーのでゆっくりと語ってみますゆっくりと一応やってみるかまずそのビュッフェの中にはいはい

に複数のコースがあります一緒だよね一緒一緒どうぞ松竹梅があってですね梅が一番しょぼいやつですよね松は15000円竹が10000円梅が5000円まあまあいいコースですけどねどれもいいコース5000円で入りましたとはいはい

でも私は松のコースにあるフォアフラットキャビアのドビン虫を頼もうとしてしまい401アンオーソライズドが帰ってきましたすっげえ珍味の塊みたいなゲテモノ料理作りましたけどゲテモノ料理って言うななるほどなそれ僕403で言おうと思ってたんですよね

待って403とすれば何が違うんだこれ認証と認可の話これ401が認証で403が認可そうですねアクセス権あなた誰とあなた何できるののところかと思ってアンオーソライズドがユーザーそのものがその店に入れないみたいな状況かなと思って

403がそれかなと思ったんですよねあるよマジあるコースは人かあるあるある奇跡の一本打っていいお願いしますお客さんはワインを注文しましたただお客さんがどう見ても20か未成年か分かんない身分証明書を求めたけど身分証を持ってませんでしたちょっとどっちか分かんないんでアンオーソライズド確かに

確かにやばいむずくない?酒飲めないのは認可ですよねフォービデンは多分免許証見せた上で見せねえまあそうかそうですねヘルシェイすごい魅力高いなありがとうございます奇跡の一本ですねなるほどというので401は

そもそもそこにアクセスする認証されてないっていう状態認証と認可の違いは難しいですね確かに次いくとさっきちょっと出た403これは禁止アクセス権がないっていう状態なんで

ビュッフェでいうところの先ほど話してた小竹梅の梅の人が竹のちょっといい料理を頼もうとしたらなんで音読みで攻めないそのまま単体だったら訓読みないあいつら多分竹のちょっといい料理頼もうとしたけどいやいや君梅の人だよねって言われて梅っていうので禁止されるっていうのが403ありがとうございます僕もちょっと整理されました

次いきましょうかこれもめっちゃ見るやつ404ノットファウンドこれノットファウンド見つからないユーザーが間違ったURLとかにアクセスしようとするとそんなとこないよって言われるウェブサイトとかでURLのところ末尾に適当にバーって文字打ってエンター押すと大体そんなページないよってのが出てくるのかなっていう感じですかねこれビュッフェで例えると

お店には入っていてなんかメニュー頼みたいメニューがないとかだったらノットファウンドではないですよねノットファウンドなのかノットファウンドじゃないんですかノットファウンド注文してから気づきたいところよねうんうんうんそうだからノットファウンドじゃないですかノットファウンドか高級ワイン頼もうとしたらうん

頼んでウェイターさん厨房までコキュワインくださいって言ってありませんって言われてウェイターさんがノットファウンドなかったよってお客さんに伝えて404だと思う別にウェイターさんがその場で言ってもいいけどねそこで把握しててもいいですね今ビュッフェのダメ出しになってた今

そうですねビュッフェのオペレーションそれオペレーション効率悪いよねって話でしたねすいませんビュッフェのダメ出しになって帰ってきてくださいありがとうございますノットバンドでした400番台終わりました最後500番台これ一個だけにします500インターナルサーバーエラーこれはサーバー内でのエラーこれも結構見るんじゃないかなと思います僕個人的にこれを一番見ますうん

これはユーザーがアクセスしようとしたページでサーバー側の問題が発生している本当バックエンドの実装が良くないときに起こるもんですよねなのでこれは確かにめっちゃ見ますね

これネットサーフィンしてるときに見つけるとテンション上がりますよね上がりますね上がるよねなんか愛らしいって思う可愛いやつね出てる出てるそうなんだその領域なってないなお茶目さんめレアだからな外のサイトで見るのはレアだからねなるほど確かに

これはビッフェで例えるとステーキをお客さん頼み食べたいです普通のステーキを注文しました200gのやつミディアムレアバイキングにしたらでかいの出てくるで厨房に注文が届いてステーキ焼くかってなったらコンロ壊れてるやばいお肉焼けないってなって

500返ってくるごめーんってごめんどうですかこれいいと思います決まった500はね大喜利みたいなとこありますよね確かにちょっともっといけましたもっといけたかなのりさんいけますか大喜利大喜利ねいけるいけるいいですかお願いしますサバの塩焼きを頼もうとして注文しましたとウェイターさんがこう

厨房に行くじゃないですかその時ちょうど厨房が強盗に襲われててレスポンスができなかったんですけどギリギリ怪我した状態でウェイターさんが戻ってきてちょっと今日もう無理だわってなった時タイムアウトにならなくてよかったですね確かにギリギリねすごいなっていう考慮してギリギリだったんですねギリギリもっと言うと

エラーのハンドリングができてないとだいたい500になりますよねそうだよね謎の爆発だよねだから中号が謎の爆発によって使えなくなった時だよねそうですだから本当は400なのかもしれないけど400とか400なんとかなのかもしれないけどサーバー側のオペレーションが未熟なせいでとりあえず500で帰ってきたりしますね確かに確かに

だからなんかなんかやら起きたっていうのが500なんかアラーム鳴ってる赤ちゃんが泣いてるのって一緒なんですよね赤ちゃん500なんだ赤ちゃん500だね大人になるとねいろいろ言えるようになるじゃないですかお腹空いたとかねあいつら500か200かしかないんで確かになる

あいつらって言ってるいやーいいなー使ってこうか赤ちゃん500ありがとうございます非常にわかりやすいビュッフェでしたビュッフェじゃん赤ちゃんとビュッフェでしたわかりやすいビュッフェでしたわだって話ビュッフェじゃん違うじゃんステータスコートじゃん

そうですねメジャーなステータスコードを紹介したところでちょっとマニアックなやつも言おうと思ったんですがだいぶ時間もいってるので後々別エピソードとかアフタートークで話せたらなと思いますはいっていうところでここまでメジャーなステータスコードこれが分かればトラブルシューティング楽になるし何やってるかっていうのを理解深まりますっていうところで僕もこの話をやっていく中で204とかね理解ちょっと深まったんで今自分の触ってるシステムを皆さんも

覚えておいていただければなと思いますありがとうございました

ありがとうございましたじゃあ締めてっていう目を受けたので締めますねハッシュタグひまじんプログラマーでSNSのXでフィードバック募集してますので番組への感想とか好きなステータスコードを何でもかんでもポストをお願いいたしますお願いしますあとはポッドキャストの説明欄からグーグルフォームで番組への要望質問お待ちしてますので本当にライトなものでもいいのでお気軽にお願いいたします500赤ちゃん

最後にですね各種ポッドキャストプラットフォームのフォロー高評価お願いしますお願いしますというわけでじゅんぺいエピソードありがとうございましたありがとうございました個人的に気になるhttpコードを見ようっていうエピソードいけそうだと思いましたなるほどねそれももしやれればまた次回バイバイ

やめてラーのバグ侵入の特殊能力でマスターザブランチが焼き払われたら闇のスパゲティコードと見つけ都合しているじゅんぺうちの心までクラッシュしちゃうお願い死なないでじゅんぺうちあんたがここでクラッシュしたら戦法との契約はどうなっちゃうのソースコードはまだ修正の余地があるここを耐えればコード納品できるんだから次回納期間に合わずデバッグスタンバイ