<h1 id="hd2aa6c6770">北欧神話の世界へ</h1><p>とくに何の前触れもなくゴッド・オブ・ウォークリアしました。<br>前から気になっていたのですが、PSセールでめちゃ安くなっていたので買いました。続編出るからかな？<br><br>平日の業後と休日にまったりプレイして、1.5週間くらいでストーリークリアしました。サブクエはだいたいやって、マップ探索は７割くらいとあまりやりこまなかったのでサクッと終わりました。<br><br><img src="https://images.microcms-assets.io/assets/49471d94e14e42188fdc89587ae97ee5/26b576f8cb234d8a89d91e81f3dd6eba/848E19C0-C87F-421C-9975-F6BB9E1C00C0.jpeg" alt=""><br>PS5でプレイ。映像がめちゃキレイ<br></p><h2 id="hb491fe5c62">戦闘が大変</h2><p>シリーズやったことも見たこともなかったので、完全初見プレイでしたが大変ですねコレ。<br>ゴーストオブツシマとかは難易度最高でプレイしてたのですが、こちらはダメダメでした。最終的に難易度最低にしてましたw<br><br>主人公クレイトスがモリモリマッチョガイなので、ヘビーな一撃を放つタイプなのですが、個人的に苦手でなかなか苦戦しました。<br>スマブラでフォックス使いなのにガノンドロフ強制されるみたいな感覚ですw<br><br>攻撃バシバシ受けるとすぐ死ぬの、苦労しましたが楽しいですね。久しぶりに真剣にプレイしました（難易度最低にしてるけど）。<br><br>ただ難易度最低にしても最後のヴァルキュリアに勝てていません😭装備や体力がまだ改善の余地あるので、そこやったらワンチャン……ありますでしょうか。</p><h2 id="he81629da46">息子一生愛す</h2><p>ストーリーはいかにも洋ゲーな父と息子の物語。うまくいかないことも多い親子関係ですが、最終的にはクレイトスと共に息子アトレウスめっちゃ愛してました。<br>親子の旅路はいいもんですね。<br><br>お互いうぜえぇって思うことも多々ありましたが🤣親子だからこそっていうのもありますね。ストーリー楽しかったです。</p><h2 id="h2fc6e604bf">トロコンはあきらめ</h2><p>トロコンは基本出来そうだったらやるくらいのスタンスなのですが、ゴッドオブウォーは自分的に厳しそうだったので諦めました🤦‍♀️<br>探索する場所めちゃくちゃ多いですし、トロコンするにはしばらく攻略サイトとにらめっこ必須ですな。</p><h2 id="h2dd6efc497">続編</h2><p>次回作は2022年発売予定のゴッド・オブ・ウォー ラグナロクということで、お話の続きが見られるのですね。<br>今作は神話の世界に生きているものの、神様たちはそんなに出てこなかったので、ラグナロクとなればオーディンやトールもガッツリ登場するんでしょうか？<br>嬉しいっちゃ嬉しいんですが、戦うことを考えると……今から怖いです😹<br><br><img src="https://images.microcms-assets.io/assets/49471d94e14e42188fdc89587ae97ee5/96f0820022c84908808e9c8def7bf5b0/476FD175-1D83-491D-B954-6AAFCC25AE52.jpeg" alt=""><br>ヨルムンガンドくんすき</p><h1 id="h9be0c3393d">おわりに</h1><p>ゴッドオブウォーは終わりにして、次はゴーストワイヤートーキョーやろうと思って始めたのですが、めちゃくちゃ画面酔いしたのでいったん止めてます😂<br><br>綺麗すぎるのがつらくなりなぜか今アサシンクリードエツィオコレクション始めました。シンジケート以降しかプレイしたことなかったので、アサクリの歴史を学びます。<br><br>ではでは👋</p>

ゴッド・オブ・ウォーやってました

<h1 id="h044d1f906d">三度目の大手町</h1><p>ども〜ウィケです。<br>前回・前々回に引き続き、自衛隊の大規模接種センターにてワクチン3回目接種やってきましたー。<br><br>今までより話題になってないこともあり、3回目でみんなが副反応どんな感じなのかはイマイチわからん状態でした。<br>まあ1、2回目からして多くのパターンからは外れてる感じだったので、なるようになるさという気持ちでございます。</p><h2 id="ha14d75532b">ガラ空き</h2><p>予約の段階からマジでスッカスカ。前の争奪戦は何だったのかって感じで、予約枠100個以上空いてました🤣<br><br>当日行った時も本当にガラガラちゃん。<br>受付からもうノンストップでかなりの距離歩き回るので、接種するまでにもう疲れてましたw<br>前回までは各セクションで順番を待ちつつ移動したので、途中で座ったり立ち止まったりがあったんです。まさかこんなところがハードモードになっているとは😇<br><br>なのでいざ注入する時もゼェ…ハァ…あっハイ消毒大丈夫です…みたいな感じでした。心の準備をする時間くれ！！<br><br>そんなこんなで無事に流れ作業に乗り、終了。<br>案内してくれる方がかなりの人数いるものの来てる側が少なすぎるので、どの地点でも自分ひとりのために案内してくださって、もうなんかVIP待遇かってくらいでした。めちゃくちゃ歩くVIP。</p><h1 id="h4ff09972e5">1回目と似た副反応</h1><p>でした。<br><br>昼過ぎくらいに打って、夜に37℃出始めました。<br>夜中〜朝がいちばん高く38.2℃まで上がりました。<br>体は元気なものの流石に辛かったので、解熱剤＋冷えピタして寝ました😴<br><br>翌日の夜も37.5℃くらい出ましたが、そこからは落ち着いて平常運転に戻りました。<br><br>腕の痛みも2日間くらいでおさまりました。ちょい高熱が出たもののまあ何事もなく終わった感じで良かったですわ。</p><h1 id="h09b7610764">今後は</h1><p>4回目接種の話は出てますがどうなるのでしょうね。3回目の時点で世間的にかなりやる気が失われてるのはVIP待遇からも伝わってきましたが🤣<br><br>早いとこお薬ができると良いですわ〜。<br>皆さんもご健勝にね👋</p>

ワクチン3回目、普通に熱出ました

<h1 id="h6f38dd45a9">セールでまんまと</h1><p>買ったんですよ掃除機。<br>今まで我が家に掃除機とかいう文明の利器がなく、まあ一人暮らしなのでおそうじシートつけて使うワイパー的な？やつで事足りておりまして。<br><br>とはいえもともと掃除キライなのでそんなアナログ式でやってると余計に嫌気が差してやりたくなくなっちゃうので、引っ越ししてから１年以上経ちますが掃除機を買うことにしました。<br><br>ちょうどAmazonでポイントアップキャンペーンやってたのでええやん〜と探していて、特にこだわりもなかったので中華製の１万円くらいするやつが半額になってたのでそれ買ったんですよ。<br>レビューは良くも悪くもな感じでまあ使えんことはないだろう的な。<br><br>んで届いたんです。充電には時間がかかるのですが、結構パワフルでまあええやんてなりました。<br><br>で！！<br>説明書読んだ後使って、なんか補足情報あったかなと思って購入履歴からページ飛んだんですけど<br>ないんですよ！！商品ページが！！<br><br>これってあるあるなんですかね？？セールが終わってページ切り替えてるとかあるかもですが、なんか私の胸中は完全に売り逃げされたみたいな感じになってます。商品説明とかレビューが見たいだけなんだよ！！頼む！！<br><br>安物で中華製なんで、数回使ってぶっ壊れてもまあしゃーないくらいの気持ちではありますが、なんか寂しい気持ちになったという話でした。<br><br>我が部屋には、部屋の仕切りとしてこうスライドする扉がついているのですが、そこのレールは手動で掃除するのが難しかったので、掃除機大活躍してます。ありがとう商品ページ消された掃除機。これからもがんばってね。<br><br>ルンバ欲しい</p>

Amazonでやっすい掃除機買ったけどやられたかこれ

<h1 id="h88d456adaf">今年もひなフェス</h1><p>4/3に幕張メッセで行われたHello! Project ひなフェス 2022 モーニング娘。’22プレミアムに行ってきました～。<br><br><br><br>無事行けて嬉しい限りです。<br>去年は観客が死ぬほど照らされるというイカれたステージでしたが、今年は快適でした👍</p><h2 id="h9621af94ed">森戸ピザ</h2><p>今年のハローピザはちぃちゃんお手製。<br>前回の譜久村さんに続き非常に私得です。</p><iframe class="embedly-embed" src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.youtube.com%2Fembed%2FZlTzZbvBxIg%3Ffeature%3Doembed&display_name=YouTube&url=https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DZlTzZbvBxIg&image=https%3A%2F%2Fi.ytimg.com%2Fvi%2FZlTzZbvBxIg%2Fhqdefault.jpg&key=94335756f04b424b8ce3ce71cbe3de0a&type=text%2Fhtml&schema=youtube" width="560" height="315" scrolling="no" title="YouTube embed" frameborder="0" allow="autoplay; fullscreen" allowfullscreen="true"></iframe><p><br>ていうかロケうまいね！<br><br>ピザが長蛇の列だったのでどうしたのかと思ったら機械が故障してたらしいですね。<br>ハラハラしましたが無事公演までに食べられました。<br><br>ビヨーンズの回に行ったオタクフレンドはしっかりハムカツ食べてました。私はいつもモーニングの回だけ行くので、たいていほとんど売り切れてるんですよね〜。</p><h2 id="h48ab6c930e">新曲モリモリ</h2><p>モニターにNEW SONGって映るだけでオタクのテンションは爆上がりさ。<br><br>初っ端の大・人生 Never Been Betterからアガりまくりだったんですけど、ひなフェスあるあるでもう最高が押し寄せすぎて片っ端から記憶喪失になっていきます！</p><h2 id="hbbff8316d8">キティさん</h2><p>キティ曲めちゃめちゃ良くなかったですか？！オチャノーマと一緒に歌うのかな？て思ってたらキティさん踊り通し歌い通しでビビりました。近く来て欲しかった！<br><br>あと歌詞が結構強気で笑いました。〜すんじゃねえ！みたいなんありませんでした？<br>うろ覚えですみませんがキティさんロックだわ…つんく最高…<br><br>サンリオでイベント開催とかありますかね〜ぜひ行きたい。</p><h2 id="h2414d26201">もはやFiesta! Fiesta!を見に行っている</h2><p>と言っても過言ではない。<br>何度見ても嬉しすぎます〜！！<br>ひなフェスは各グループの代表曲やってくれるので、ライトなオタクでも最高にぶち上がれます〜！！<br><br>Fiestaしたすぎて、ライブの最初と真ん中と最後に一回ずつやって欲しいわ〜！となってました。<br><br>ﾌﾟｧ~~てイントロがかかった瞬間、会場の空気が変わるんすよね。斜め前にいたお兄さんはイントロから全て完璧に踊っていました。もうあんたステージ上がりな！</p><h2 id="hd16838b9f4">生ショパン先輩大興奮</h2><p>ショパン先輩だぁ〜！！とこれまたぶち上がり。ビヨーンズは毎回めちゃめちゃ楽しいのですっごく楽しみでしたが、生のショパン先輩マジ最高！！<br><br>MVもオモロいので何回も見ていましたが、生のピアノとダンス！そんな動きしてたんやｗｗてところもたくさんあって、もう目が足りないよ〜！<br><br>ビヨーンズのライブ行ってみたいですけど、ファン側もめっちゃ体力要りそうですね？？逆に発声禁止の今行っておくべきか……。</p><h2 id="hebde637a74">もはや三回目のデート神話を見に行っている</h2><p>と言っても過言ではない。<br>ハァ〜声出したい！いや私は出さなくても良いからオタクのコールが聞きたい！<br><br>定番アゲアゲ曲はこういう葛藤もありつつ、オタクたちの動きが急に洗練され始めるので楽しくて仕方ないです。</p><h2 id="hbe6a3494ea">愛・魔性</h2><p>最高すぎる。<br>あの日から毎日MV見るのが止められないです。<br><br>いや…てか…わかなちゃん……。<br>赤ちゃんが一人混じっているのですがそれは……。<br>かわいすぎるのですが……当方犯罪になりませんよね……。<br><br>愛・魔性のわかなちゃんとリカコがツーショットになるところがとてもすきです。</p><h2 id="h6db6f6c6e4">Juice=Juiceの曲でしたっけ?</h2><p>カバーコーナーも見事でしたね。<br>他のグループが歌うとすごく感じるんですが、やっぱモーニングの曲って変ですね。独特。<br><br>なんと言っても愛して愛して後一分。もうシングルカットして売ってちょうだい！<br>この曲のJuice=Juiceは特にオーラ半端なかったです。</p><h2 id="h73c72e8b65">モーニングあっという間</h2><p>待ちに待ったモーニングのターンはもう一瞬で駆け抜けた！って気分でした。<br>オタク全員わかってるよなぁ？？て圧を感じるセットリスト。<br><br>てか別に良いんですけどジェラシージェラシーめっちゃやりますよね。数年前とか毎回やるな？！テレビでもやるの？！な時期ありましたけど内部に推してる人がいるんでしょうかｗ<br><br>そして、そうとは明言せずともちゃんと森戸知沙希卒業スペシャルな雰囲気感じました。<br>まーちゃんに引き続き、挨拶でもあんま取り上げなくて大丈夫だから！な森戸さん。ほんとステージ上だとはにかみ屋さんなんだから……。<br><br><span style="font-size: 0.75em">あと大変珍しく小田が間違えたところで、アッこの人たちも人間なんだって思い出してとても怖くなるなどしました。</span><br><br>ラストに青春Night、大団円感出てとても良い。</p><h1 id="h870295b6d9">また来年</h1><p>次も絶対行きたいです！会場で会いましょう！！ばーい</p>

ひなフェス2022 モーニング娘。’22プレミアムに行ってきたよ

<h1 id="h8a175a9b0e">前提</h1><p>普段やっているサイト制作では、PCはコンテンツ幅の上限ありでそれを下回ったら縮小、SPは横幅に合わせて拡縮というパターンが多いです。<br><br>より昔のサイトだとPCは完全固定幅で横スクロールが出ても良かったり、<br>デザイン重視のサイトだと画面幅によってすべて拡縮だったり、<br>色々なパターンがありますが、SPはフォントサイズも合わせて拡縮するものが多い印象です。<br><br>今回はデザインを見て横幅を計算するのにいつも使ってるもののご紹介です。</p><h1 id="hcf2b66e679">コード</h1><p>stylus - 定義</p><pre><code>vw(design_px)
&nbsp; return "calc((100vw / 375 ) * %s)" %(design_px)</code></pre><p>stylus - 使い方</p><pre><code>.hoge
  width vw(100)</code></pre><p><br>sass - 定義</p><pre><code>@function vw($px) {
&nbsp; @return calc((100vw / 375) * $px);
}</code></pre><p>sass - 使い方</p><pre><code>.hoge {
  width: vw(100);
}</code></pre><p><br></p><h1 id="h86aad43c1c">内容</h1><p>stylusのコードをベースに説明します。</p><pre><code>return "calc((100vw / 375 ) * %s)" %(design_px)</code></pre><p>これは calc((100vw / デザイン幅) * 要素の幅) です。<br>横幅375pxのデザイン上で、横幅100pxの場合 <code>width vw(100)</code> とします。<br>横幅だけでなく、 <code>height vw(500)</code> や <code>margin vw(10) vw(20)</code> などもいけます。<br><br>横幅750pxのデザインならば</p><pre><code>return "calc((100vw / 750 ) * %s)" %(design_px)</code></pre><p>とします。<br><br>デザイン幅も変数化しておきたい場合は</p><pre><code>design_width = 375 // 変数定義

vw(design_px)
&nbsp; return "calc((100vw / %s ) * %s )" %(design_width design_px) // ここで使用</code></pre><p>とします。<br>calc内に変数使いたいときの記法がクセ強めですね。<br><br>StylusとSassではmixinの作り方が違うものの、書いてあることは同じです。</p><h2 id="h397e38daae">補足</h2><p>直接関係はありませんが、vwはスクロールバーの幅を含んでしまうので、横幅指定でvwと%を混在させるとスクロールバーの有無で想定とズレることがあります。<br>なので変に混在させないことと、個人的にはなるべく%で指定すると良いと思います（vwを紹介しておいてなんですが）。</p><h1 id="h40404d9e9a">おわり</h1><p>自作mixinをめちゃ活用されてる方を見るとスゴッと思いますが、自分でやると後から見返したときに訳分かんなくなりがちなのでたくさんは使わないことが多いです。<br>これは常に使ってて、あとはブレイクポイントくらいかもです。<br>最近JSばっかであんまりスタイルガチャガチャしてないんですよね・・たまにはやりたいです。<br><br>👋</p>

Stylus/Sassでいつも使う可変幅パーツ用mixin

<p>はいどうもウィケです。<br>私はフライドポテトが大好きで店であれば必ず頼むのですが、まさかの穴場スポットを見つけたので共有します。</p><h1 id="h9b9adc6fb5">めちゃオシャレカフェに潜む我々の欲望を叶えるポテト</h1><p>それはどこかといいますと南町田グランベリーパークにある<a href="https://gbp.minamimachida-grandberrypark.com/floor/detail/?cd=000212" target="_blank" rel="noopener noreferrer">ファーマーズキッチン</a>というお店です。<br><br>グランベリーパーク自体オサレかつちょい高級志向な、まさしく田園都市線のイメージぴったりと言った場所であり<br>フライドポテトの肩身はマックのポテト幅くらい狭いのであります。<br><br>しかーし！<br>偶然の出会いはいつも突然！<br>ご覧にいれるぜ揚げ物界騒然！</p><h2 id="h8ebf4ad40d">これだ</h2><p><img src="https://images.microcms-assets.io/assets/49471d94e14e42188fdc89587ae97ee5/63564a1f632442cebd5a02ba767d9418/504BC973-C01C-4802-B9BF-8805A38D92C8.jpeg" alt=""><br><br>わかりますか？<br><img src="https://images.microcms-assets.io/assets/49471d94e14e42188fdc89587ae97ee5/386ae86502fe4a4da8e1d88282363b14/370762E7-61EB-4275-8D3A-87C0E1E6CADD.jpeg" alt=""><br>何が起きてるかわかりますか？<br><br>これにはよぉなんと</p><ul><li>マック的な細いポテト</li><li>フレッシュネス的な皮付きポテト</li><li>朝マック的なハッシュドポテト</li><li>アメリカンなあみあみのポテト</li></ul><p>が一皿にはいってんだよぉ！<br><br>あと写真見ても思い出せないんだがもう一種類入ってた気がするんだよぉ！<br><br>これ何気にマジで新しくないですか？<br>しかもこのファーマーズキッチンという名前の通り、お野菜とかにこだわりのある値段もちょい高めのお店なんですわ。<br>だから全部めっちゃウマイ。<br>とくにフレッシュネス型の厚みのあるポテトは、素材の良さが際立ってマジでウマイ。いっちゃん好き。<br><br>さ・ら・に<br><br>オシャレな店あるあるで、わけわからん味のソースついてきがち<br>あると思います。<br><br>ところがここはシンプルにケチャップ！！そして全体にササッと粉チーズアンドパセリ！！<br><br>王道かよ……。<br><br>この貫禄すら感じる布陣がこのポテトの最強さに拍車をかけていることは疑う余地がありません。<br><br>辺鄙な場所にありますがぜひ味わっていただきたく存じマッスル。</p><h1 id="hce6b745943">他のメニューも美味しいぞい</h1><p>名前忘れちゃったんですけどオレガノとエビのオイル系なパスタ<br><img src="https://images.microcms-assets.io/assets/49471d94e14e42188fdc89587ae97ee5/6536a064a39642458cba7e43c4e9f7de/F13BDF6A-C050-475B-9543-6B631CEF899A.jpeg" alt=""><br><br>あと自家製レモネードがたくさん種類ありました！フライドポテトとレモネードって最高よね<br><img src="https://images.microcms-assets.io/assets/49471d94e14e42188fdc89587ae97ee5/28a955d921f74bdc99442f517e4bb1a6/FF1CE2AF-86E7-470D-BEC4-9A39AF9FDA39.jpeg" alt=""><br>やたらでかいグラス。たしかローズレモネード<br><br>ポテトフォーエバー</p>

一皿で何種類ものポテトが食べられるの最高すぎ

<h2 id="h8a175a9b0e">前提</h2><p>このブログを作り直そうと思い、ナウいNext.jsとmicroCMSの組み合わせで行こうとなりました。<br>全体の作りはmicroCMSの神記事「<a href="https://blog.microcms.io/microcms-next-jamstack-blog/" target="_blank" rel="noopener noreferrer">microCMS + Next.jsでJamstackブログを作ってみよう</a>」を元にしています。<br>で作る間にその他にもブログを作っている方の記事を読んだのですが、記事取得を各ページのgetStaticPropsでやっていることが多かったです。<br><br>一旦マネして作ったのですが、めんどくね？ということが多々あり、</p><ul><li>違うページで同じ情報を何度も取得している</li><li>componentsではgetStaticPropsできないので渡してあげなくてはいけない</li><li>microCMSのGET APIでは全件を一気に取得できないので、計算してループする必要があるけど各ファイルに書きたくない</li></ul><p>などなど。<br><br>そもそもNext.jsの経験もほぼないので何が正解か分からないのですが、ブログデータを一括で取得し使い回せるようにしてみました。<br></p><h2 id="h922edff87b">実装</h2><h3 id="h878c5f1b9a">JSON生成</h3><p>さっそくでスミマセンが、全データ取得＆JSON生成はやってる方がいらっしゃいました。<br><a href="https://qiita.com/akifumii/items/0f45955d6d517f05a925#%E8%BF%BD%E8%A8%98%E3%83%93%E3%83%AB%E3%83%89%E5%89%8D%E3%81%AB%E5%8F%96%E5%BE%97%E3%81%97%E3%81%9Fmicrocms%E3%81%AE%E3%83%87%E3%83%BC%E3%82%BF%E3%81%A7json%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%82%92%E4%BD%9C%E6%88%90%E3%81%99%E3%82%8B%E3%81%93%E3%81%A8%E3%81%A7%E3%82%B0%E3%83%AD%E3%83%BC%E3%83%90%E3%83%AB%E4%B8%8A%E3%81%A7%E6%89%B1%E3%81%88%E3%82%8B%E3%83%87%E3%83%BC%E3%82%BF%E3%81%AB%E3%81%97%E3%81%A6%E3%81%BF%E3%81%9F" target="_blank" rel="noopener noreferrer">NextJSのinitialize pages( _app.tsx )でgetStaticPropsが使えなかったのでgetInitialPropsを使おうと思ったけどやめた - Qiita</a><br><br>next実行前にnodejsでjsonを作っておき、<code>_app.tsx</code>でcontextに登録することで好きな箇所で使うことができます。<br>もう私のブログを読む必要はありません。<br><br><br>はい<br><br>で私は全ブログデータと全カテゴリデータ、全タグデータを持つ３つのJSONを生成することにしました。<br><br>ブログデータでは、サムネイルが投稿されていないとき、カテゴリごとにデフォルト画像を設定したいので処理を追加しました。</p><pre><code>～省略～

// サムネがない場合セット
const setThumb = (contents) =&gt; {
&nbsp; contents.forEach((blog) =&gt; {
&nbsp; &nbsp; if(!blog.thumbnail) {
&nbsp; &nbsp; &nbsp; blog.thumbnail = {url: `/images/blog/thumb_${blog.category.id}.jpg`}
&nbsp; &nbsp; }
&nbsp; });
}

const createCmsJson = async() =&gt; {
&nbsp; const contents = await getMicroCMSdata();
&nbsp; setThumb(contents);
&nbsp; const jsonData = JSON.stringify(contents, null, 2);
&nbsp; fs.writeFileSync('data/allBlogData.json', jsonData);
}

createCmsJson();</code></pre><p><br>のような感じです。<br>データの加工をどこでやるべきかは分かりませんが、何度も処理を書かなきゃいけないならこの段階でやるっていうふうに分けてます。<br><br>日付の形式処理をここでやっても良いかなと思ったのですが、既に日付パース用のコンポーネントを作成していたので見送りました。<br></p><h3 id="h0fbaa9ebcd">カテゴリごとのブログ件数</h3><p>そのカテゴリやタグに記事が何件登録されているか知りたいことがあると思います。<br>とはいえmicroCMSの管理画面では被参照件数を確認できるので、APIにすぐ来るような気もします。<br>（今はないと思います・・たぶん）<br><br>まず前述のような全ブログデータJSONがあるものとします。<br>ブログのJSONはこのような感じ</p><pre><code>[
&nbsp; {
&nbsp; &nbsp; "id": "hogefugapiyo",
&nbsp; &nbsp; "createdAt": "2022-03-05T11:26:24.554Z",
&nbsp; &nbsp; "updatedAt": "2022-03-05T12:06:21.940Z",
&nbsp; &nbsp; "publishedAt": "2021-06-16T11:26:00.000Z",
&nbsp; &nbsp; "revisedAt": "2022-03-05T12:06:21.940Z",
&nbsp; &nbsp; "title": "ブログタイトル",
&nbsp; &nbsp; "body": "&lt;p&gt;ブログ本文&lt;/p&gt;",
&nbsp; &nbsp; "category": {
&nbsp; &nbsp; &nbsp; "id": "diary",
&nbsp; &nbsp; &nbsp; "createdAt": "2022-01-12T09:57:09.687Z",
&nbsp; &nbsp; &nbsp; "updatedAt": "2022-01-12T10:08:42.729Z",
&nbsp; &nbsp; &nbsp; "publishedAt": "2022-01-12T09:57:09.687Z",
&nbsp; &nbsp; &nbsp; "revisedAt": "2022-01-12T10:08:42.729Z",
&nbsp; &nbsp; &nbsp; "name": "日記"
&nbsp; &nbsp; }
&nbsp; },
&nbsp; {
&nbsp; &nbsp; "id": "foobarbaz",
&nbsp; &nbsp; "createdAt": "2022-03-05T11:21:05.278Z",
&nbsp; &nbsp; "updatedAt": "2022-03-05T12:29:05.980Z",
&nbsp; &nbsp; "publishedAt": "2021-05-25T11:21:00.000Z",
&nbsp; &nbsp; "revisedAt": "2022-03-05T12:29:05.980Z",
&nbsp; &nbsp; "title": "ブログタイトル",
&nbsp; &nbsp; "body": "&lt;p&gt;ブログ本文&lt;/p&gt;",
&nbsp; &nbsp; "category": {
&nbsp; &nbsp; &nbsp; "id": "tech",
&nbsp; &nbsp; &nbsp; "createdAt": "2022-03-05T09:34:08.858Z",
&nbsp; &nbsp; &nbsp; "updatedAt": "2022-03-05T09:34:08.858Z",
&nbsp; &nbsp; &nbsp; "publishedAt": "2022-03-05T09:34:08.858Z",
&nbsp; &nbsp; &nbsp; "revisedAt": "2022-03-05T09:34:08.858Z",
&nbsp; &nbsp; &nbsp; "name": "技術"
&nbsp; &nbsp; }
&nbsp; },
～略～
]</code></pre><p><br>で各カテゴリ（「日記」とか「技術」）とかに何件あるんですかってのを、全カテゴリデータのjsonに記録しときます。<br><br>全カテゴリデータJSON現状このような感じ</p><pre><code>[
&nbsp; {
&nbsp; &nbsp; "id": "tech",
&nbsp; &nbsp; "createdAt": "2022-03-26T09:52:14.259Z",
&nbsp; &nbsp; "updatedAt": "2022-03-26T09:52:14.259Z",
&nbsp; &nbsp; "publishedAt": "2022-03-26T09:52:14.259Z",
&nbsp; &nbsp; "revisedAt": "2022-03-26T09:52:14.259Z",
&nbsp; &nbsp; "name": "技術"
&nbsp; },
&nbsp; {
&nbsp; &nbsp; "id": "diary",
&nbsp; &nbsp; "createdAt": "2022-01-12T09:57:09.687Z",
&nbsp; &nbsp; "updatedAt": "2022-01-12T10:08:42.729Z",
&nbsp; &nbsp; "publishedAt": "2022-01-12T09:57:09.687Z",
&nbsp; &nbsp; "revisedAt": "2022-01-12T10:08:42.729Z",
&nbsp; &nbsp; "name": "日記"
&nbsp; },
～略～
]</code></pre><p><br>全カテゴリデータを取得するコードは、最初に紹介した全ブログデータを取得するコードと同様です。<br>エンドポイントが変わるのみです。<br><br>そこにブログ件数を調べる処理を追加します。<br>生成済みの全ブログデータJSON（ここでは<code>allBlogData.json</code>）を使用します。<br>なので生成処理は全ブログデータの後に実行する必要があります。並列じゃなくて直列にしておけば問題ないかと思います。</p><pre><code>～略～

// 各カテゴリのブログ件数を、カテゴリオブジェクトのプロパティに追加
const countBlog = (contents) =&gt; {
  // 生成済みの全ブログデータJSONを使用します
&nbsp; const blogJson = fs.readFileSync('data/allBlogData.json', 'utf-8');
&nbsp; const blogObj = JSON.parse(blogJson);
&nbsp;&nbsp;
&nbsp; contents.forEach((category) =&gt; {
    // ループ中のカテゴリIDとブログのカテゴリIDが一致した数
&nbsp; &nbsp; const count = blogObj.filter(blog =&gt; blog.category.id === category.id).length;

    // プロパティ追加
&nbsp; &nbsp; category.count = count;
&nbsp; });
}

const createCmsJson = async() =&gt; {
&nbsp; const contents = await getMicroCMSdata();

  // 追加
&nbsp; countBlog(contents);

&nbsp; const jsonData = JSON.stringify(contents, null, 2);
&nbsp; fs.writeFileSync('data/allCategoryData.json', jsonData);
}

createCmsJson();</code></pre><p><br>このような感じにして実行すると<br></p><pre><code>[
&nbsp; {
&nbsp; &nbsp; "id": "tech",
&nbsp; &nbsp; "createdAt": "2022-03-26T09:52:14.259Z",
&nbsp; &nbsp; "updatedAt": "2022-03-26T09:52:14.259Z",
&nbsp; &nbsp; "publishedAt": "2022-03-26T09:52:14.259Z",
&nbsp; &nbsp; "revisedAt": "2022-03-26T09:52:14.259Z",
&nbsp; &nbsp; "name": "技術",
&nbsp; &nbsp; "count": 5
&nbsp; },
&nbsp; {
&nbsp; &nbsp; "id": "diary",
&nbsp; &nbsp; "createdAt": "2022-01-12T09:57:09.687Z",
&nbsp; &nbsp; "updatedAt": "2022-01-12T10:08:42.729Z",
&nbsp; &nbsp; "publishedAt": "2022-01-12T09:57:09.687Z",
&nbsp; &nbsp; "revisedAt": "2022-01-12T10:08:42.729Z",
&nbsp; &nbsp; "name": "日記",
&nbsp; &nbsp; "count": 15
&nbsp; }
]</code></pre><p><br>のようにcountプロパティが追加されます。<br>よくある、カテゴリ名の横に件数が表示されるやつとかがラクラク実装できるようになりましたわね。<br><br>次はコンテキストに登録したデータを実際使うのはどんなもんよってのをご紹介します。</p><h3 id="ha906665483"><br>pagesで使用</h3><p>このブログのトップページで、記事一覧を表示するときの記述は以下のようになっています。<br><code>pages/index.tsx</code></p><pre><code>import { useContext } from 'react';
import Link from 'next/link';
import Image from 'next/image';
import { microCMS } from '@/libs/context';
import Layout from '@/components/Layout';

export default function Home() {
&nbsp; const allData = useContext(microCMS);
&nbsp; const allBlogData = allData.allBlogData;
&nbsp; allBlogData.splice(20); // 1ページに20件表示する

&nbsp; return (
&nbsp; &nbsp; &lt;Layout home&gt;
&nbsp; &nbsp; &nbsp; &lt;ul&gt;
&nbsp; &nbsp; &nbsp; &nbsp; {allBlogData.map((blog) =&gt; (
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li key={blog.id}&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;Link href={`/blog/${blog.id}`}&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;a&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;Image
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; alt=''
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; src={blog.thumbnail.url}
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; width={1200}
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; height={630}
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; /&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;h1&gt;{blog.title}&lt;/h1&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;span&gt;{blog.publishedAt}&lt;/span&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;span&gt;{blog.category.name}&lt;/span&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/a&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/Link&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/li&gt;
&nbsp; &nbsp; &nbsp; &nbsp; ))}
&nbsp; &nbsp; &nbsp; &lt;/ul&gt;
&nbsp; &nbsp; &lt;/Layout&gt;
&nbsp; );
}</code></pre><p><br></p><h3 id="h0cc65284c5">Componentsで使用</h3><p>全ページのサイドバーにカテゴリ一覧やタグ一覧を表示している箇所は以下のようになっています。<br><code>components/Layout.tsx</code></p><pre><code>import { useContext } from 'react';
import Link from 'next/link';
import { useRouter } from 'next/router';
import { microCMS } from '@/libs/context';
import { Header } from '@/components/Header';
import { Footer } from '@/components/Footer';

export default function Layout({ children, home = false } :{
&nbsp; children: Object,
&nbsp; home?: boolean
}) {
&nbsp; // カテゴリ・タグをcontextから取得
&nbsp; const allData = useContext(microCMS);
&nbsp; const allCategoryData = allData.allCategoryData;
&nbsp; const allTagData = allData.allTagData;

&nbsp; // カテゴリー一覧
&nbsp; function createCategoryNav() {
&nbsp; &nbsp; const items: Object[] = [];
&nbsp; &nbsp; if(allCategoryData.length &gt;= 1) {
&nbsp; &nbsp; &nbsp; allCategoryData.forEach((category) =&gt; (
&nbsp; &nbsp; &nbsp; &nbsp; items.push(
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li key={category.id}&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;Link href={`/category/${category.id}/page/1/`}&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;a&gt;{category.name}&lt;/a&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/Link&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/li&gt;
&nbsp; &nbsp; &nbsp; &nbsp; )
&nbsp; &nbsp; &nbsp; ))
&nbsp; &nbsp; }
&nbsp; &nbsp; return items;
&nbsp; };

&nbsp; // タグ一覧
&nbsp; function createTagNav() {
&nbsp; &nbsp; const items: Object[] = [];
&nbsp; &nbsp; if(allTagData.length &gt;= 1) {
&nbsp; &nbsp; &nbsp; allTagData.forEach((tag) =&gt; (
&nbsp; &nbsp; &nbsp; &nbsp; items.push(
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li key={tag.id}&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;Link href={`/tag/${tag.id}/page/1/`}&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;a&gt;{tag.name}&lt;/a&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/Link&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/li&gt;
&nbsp; &nbsp; &nbsp; &nbsp; )
&nbsp; &nbsp; &nbsp; ))
&nbsp; &nbsp; }
&nbsp; &nbsp; return items;
&nbsp; };
&nbsp; return (
&nbsp; &nbsp; &lt;&gt;
&nbsp; &nbsp; &nbsp; &lt;div&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;Header home={home} /&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;main&gt;{children}&lt;/main&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;nav&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;Link href="/"&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;a&gt;トップ&lt;/a&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/Link&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;dl&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;dt&gt;カテゴリー&lt;/dt&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;dd&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;ul&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {createCategoryNav()}
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/ul&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/dd&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/dl&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;dl&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;dt&gt;タグ&lt;/dt&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;dd&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;ul&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {createTagNav()}
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/ul&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/dd&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/dl&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/nav&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;Footer /&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;
&nbsp; &nbsp; &nbsp; &lt;/div&gt;
&nbsp; &nbsp; &lt;/&gt;
&nbsp; )
};</code></pre><p><br></p><h3 id="hb1876a1c46">useContextができない場合はJSONファイルをimportする</h3><p>ちょっと記憶が定かじゃないのですが、<code>getStaticPaths</code>か<code>getStaticProps</code>ではuseContextできなかったと思うので、その場合は単純にJSONを使います。<br><br>記事詳細ページ<br><code>pages/blog/[id].tsx</code></p><pre><code>import path from 'path';
import fs from 'fs';
import { useEffect } from 'react'
import { useRouter } from "next/router"
import Image from 'next/image';
import Layout from '@/components/Layout';
import { blog } from '@/interfaces/index';
import Link from 'next/link';
import allBlogData from '@/data/allBlogData.json';

export default function BlogId({ blog }: {
&nbsp; blog: blog,
}){
&nbsp; return (
&nbsp; &nbsp; &lt;Layout&gt;
&nbsp; &nbsp; &nbsp; &lt;h1&gt;{blog.title}&lt;/h1&gt;
&nbsp; &nbsp; &nbsp; &lt;Image&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; alt=''
&nbsp; &nbsp; &nbsp; &nbsp; src={blog.thumbnail.url}
&nbsp; &nbsp; &nbsp; &nbsp; width={1200}
&nbsp; &nbsp; &nbsp; &nbsp; height={630}
&nbsp; &nbsp; &nbsp; /&gt;
&nbsp; &nbsp; &nbsp; &lt;div&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &lt;span&gt;{blog.publishedAt}&lt;/span&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &lt;Link href={`/category/${blog.category.id}/page/1/`}&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;a&gt;{blog.category &amp;&amp; `${blog.category.name}`}&lt;/a&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/Link&gt;
&nbsp; &nbsp; &nbsp; &lt;/div&gt;
&nbsp; &nbsp; &nbsp; &lt;ul&gt;
&nbsp; &nbsp; &nbsp; &nbsp; {blog.tag.map((tag) =&gt; (
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li key={tag.id}&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;Link href={`/tag/${tag.id}/page/1/`}&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;a&gt;{tag.name}&lt;/a&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/Link&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/li&gt;
&nbsp; &nbsp; &nbsp; &nbsp; ))}
&nbsp; &nbsp; &nbsp; &lt;/ul&gt;
&nbsp; &nbsp; &nbsp; &lt;div&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; dangerouslySetInnerHTML={{
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; __html: `${blog.body}`,
&nbsp; &nbsp; &nbsp; &nbsp; }}
&nbsp; &nbsp; &nbsp; /&gt;
&nbsp; &nbsp; &lt;/Layout&gt;
&nbsp; );
}

// 静的生成のパス指定
export const getStaticPaths = async () =&gt; {
  // allBlogDataはjsonから取得したデータ
&nbsp; const paths = allBlogData.map((content: {id:string}) =&gt; `/blog/${content.id}/`);
&nbsp; return { paths, fallback: false};
};

// データをテンプレートに渡す
export const getStaticProps = async (context: {
&nbsp; params: { id: string },
}) =&gt; {
&nbsp; // /dataのjsonファイルを参照
&nbsp; const id = context.params.id;
&nbsp; const filePath = path.join(process.cwd(),'data', 'allBlogData.json');
&nbsp; const blogJson = fs.readFileSync(filePath, 'utf8');
&nbsp; const blogData = JSON.parse(blogJson) as blog[];
&nbsp; const currentBlog = blogData.find((blog) =&gt; blog.id === id) || {body:''};

&nbsp; return {
&nbsp; &nbsp; props: {
&nbsp; &nbsp; &nbsp; blog: currentBlog,
&nbsp; &nbsp; },
&nbsp; };
};</code></pre><p>こんな感じです。<br></p><h2 id="h9be0c3393d">おわりに</h2><p>最初はよく分からないあまりReduxに片足突っ込んでオアアアッとなっていたのですが、いや別にデータをnext内でいじりたいわけじゃない・・もっと単純な話なんだよな・・と悟り、やり直して今に至ります。<br><br>もっとnextと仲良くなれるようガンバリマス。</p>

Next.js×microCMSなブログデータをJSONにしてContextで使い回す

ハッピーニューイヤー２０２２

<p>めちゃくちゃビビっていたのですがマジで何事もなく終わってしまいました。</p><h2 id="hcf663d43d1">再びの大規模接種センター</h2><p>前回、自衛隊大規模接種センターでモデルナワクチン1回目接種を終え、その1ヶ月後に2回目接種行ってまいりました～。<br><br>接種の流れは前回と変わらずでしたので割愛しますが、やはり2回目といえば副反応。<br>巷では40℃超えしたという方もチラホラ・・。<br>下手したらしんでしまうやんけなどと思いつめた結果、ウィケはスマホのパスワードなどをメモに残して接種へと出かけたのでした。<br><br>念には念を😉</p><h2 id="h97eabfa54a">軽すぎた副反応</h2><p>昼過ぎにワクチンを打ち、心配しながら帰宅すると、夕方頃には腕が痛くなってきました。<br>そして18時頃に熱っぽい感じ。来たか・・と思いながら熱をはかると37.1℃。超微熱～！<br><br>1回目のときは当日の夜に即高熱が出ていたので、なぬ・・と拍子抜けしつつ大事を取りさっさと寝ました。<br>翌日起きて熱をはかってみると37.3℃。微熱～！！なんと結局最高体温はこの37.3℃止まりでした。熱も1日でおさまりました。ナニコレェ。<br><br>ちょうど仕事でイライラしていたこともあり、あわよくば３・４日休んでやろかいと意気込んでいましたがまったくその必要はありませんでした。<br><br>私はこの有様でしたので（もちろん良かったのですけど）、書くことがなさすぎるワクチン接種記となってしまいました。<br>友人たちもだいぶ2回目接種した方が増えてきたのですが、高熱か強い関節痛は皆起きていました。私のような1回目高熱からの2回目微熱というパターンは結局誰からも聞かなかったのですが、本当に人によるなというオチでございました。</p><h2 id="h9be0c3393d">おわりに</h2><p>これから接種を受ける方、無事受け終わった方も3回目接種がどうたらという話が出ておりますので、副反応とかいう見えている脅威には全力で備えて行きましょうぞ。<br><br>たいへん短くなってしまいましたが👋さよなら</p>

ワクチン2回目、拍子抜けでした

<p>私の住んでいるところでは、20代に接種の順番が回ってくる気配もなかったので、重い腰を上げて予約取って行ってきました。</p><h2 id="h4004b131bb">接種タイミングは地域差がすごい</h2><p>コロナのワクチン接種については、高齢者や基礎疾患のある方など感染時の危険度が高い方、もしくは人と合わざるを得ない仕事をされている方から受けるのは理にかなっているし、自分は仕事も趣味も引きこもり人間なので、受けたい気持ちはあるけども優先度は低いよなぁ～などと思っていました。<br><br>在宅勤務中とはいえ勤めている会社は渋谷区にあるので、ワクチン接種状況どんな感じなんやろなと調べてみたところ、なんと12歳以上まで受けられるようになっているじゃあ～りませんか。<br>それを知ったとき、キレちまったんですよ・・。ここまでの差ってやつがあるものかとね・・。<br><br>というのはまあ冗談で、人口が多かったり人の出入りが激しかったりな都会の方々が早く受けられるに越したことはないと思ってます。<br>が、こっちはまだ50代以上とかなんですよ！キーッ！（結局キレてる）</p><h2 id="h53c1d406e7">自衛隊に相談だ</h2><p>自衛隊の大規模接種センターがあるってのは前々から知っていたのですが、私が知った頃にはすでに予約を取るのは困難になっており、何度かチェックしたのですが空きを見ることすら叶わず・・早々に諦めてしまっていました。<br><br>ですがこちらもキレてしまったからには本気で取り組まねばなりません。<br>こちとら何年オタクやってると思っとんじゃい・・チケット争奪戦なら根性見せたるで・・。</p><h3 id="h2a86dc67ec">キャンセル待ちのやり方</h3><p>休日に30分くらいPCに張り付いて取れました。取り方はこちらの方のブログを参考にしました。<br><a href="https://jukenn.hatenablog.jp/entry/2021/08/03/013853" target="_blank" rel="noopener noreferrer">【東京】自衛隊大規模接種センターのキャンセル待ちを取るコツ - 受験百景（予備校講師のブログ）</a><br><br>ざっくりいうと、予約状況一覧のカレンダーページを見るのではなく、事前に予約したい日のURLを割り出しておき、そっちをチェックします。あとはリロードしまくって他の人がキャンセルするのを待つという感じですね。<br>１日に対してＡＢＣＤの４ページあり、どこの枠が空くかは分からないです。なので行ける日×４タブを開いておいて、タブ移動→リロードの無限ループです。<br><br>枠の開放もなかなかお目にかかれませんが、そこからスピード勝負で負けることもあります。これマジで暇人しかできないな？<br>キャンセル待ちなので人が操作するであろう時間帯が良いと思います。早朝とか夜中以外。<br>私の場合は昼過ぎにリロード祭りして、翌日の昼の回が取れました。なんとなくBとDで△をよく見ましたが・・ここはもう運次第な気もします。</p><h3 id="h271126b1ca">当日の流れ</h3><p>急遽行けることになったらなったでちと焦ります。<br>とりあえず必要な持ち物は<br><br>接種券<br>本人確認書類<br>予診票<br>です。<br><br>接種券は自治体から送られてくるやつです。<br>本人確認書類は免許証とか保険証です。私はマイナンバーカード持っていきました。<br>予診票は接種券と一緒に入ってるやつです。太枠内ちゃんと記入して行きましょう～。当日の朝、熱測って記入しておきます。<br><br>服装は注射しやすいよう、袖をサッとめくれるTシャツとかが良いでしょう。<br>また結構頻繁に立ったり座ったり歩いたりしなきゃいけないので、動きやすい服や靴、カバンで行くのが良いです。<br><br>待つ場所とかはないので、会場へは早すぎず遅すぎず・・イイ感じの時間に行くのが良いと思います。20分くらい前に駅ついて、トイレ行って、ゆっくり歩いて10分前に到着、みたいな。<br>私は大手町駅から行きました。C2b出口からすぐで、誘導の方も結構いました。<br>東京駅からのシャトルバスも出ているみたいですね。<br><br>会場に着けばあとは流れに乗るだけです。<br><br>まず列に並んで入場し、手指消毒と検温をします。<br>その後書類が揃っているか確認され、オッケーだとパンフレットと色付きクリアファイルをもらいます。以降このクリアファイルの色別に誘導されます。ピンクの方はこちらです～とか。私は緑でした😆<br><br>色別にエレベーターに乗って接種会場へ移動します。6人くらいがセットで誘導された気がします。<br>そのあと予診票をチェックされ、記入漏れがないかや体調に不安はないかなど聞かれます。あと間違いがないようにか、自分の名前を毎回名乗らされます。<br>そのあと医師の問診があります。なにか持病など不安がある方はここで相談ですね。どっちの腕に注射したいかも聞かれます。利き腕じゃない方を伝えると良いでしょう。<br><br>ここまでで問題がなければ、いよいよお注射の時間です。<br>アイドルの握手会みたいなブースがたくさんあって、順番に通されます。案内の方と看護師さんがおり、腕をまくって座ります。注射する箇所をアルコール消毒して大丈夫か聞かれ、オッケーならチクっとしますよーで注射ブスリです。<br>超緊張しましたがまったく痛くなかったです。ほんとにチクでした。手しびれてませんかーと聞かれ異常がなければ終了。絆創膏を貼ってもらい、お風呂は入っていいけど激しい運動や飲酒は控えてね！などの注意を受け、ブースを出ます。<br><br>そしたら2回目の接種予約をします。2回目はきっかり4週間後になりますので、そのつもりでスケジュールを確認してから行くと良いでしょう。その日がダメだったときどういうオペレーションになるかは分かんないです。<br>何時がいいですか～？と聞かれるので希望の時間を伝えましょう。私は何時でも大丈夫です！！と言いました😆 そしたら13時から16時の好きな時間で～と言われたのでじゃあ13時で！！！と言いました（元気）<br>たしかこのへんで予診票とか回収された気がします。接種券は大事に持って帰りますよ～。<br><br>その後は通常15分、アレルギーなどがある人は30分待機して、体調に問題がないかを見られます。何時何分まで待機してね～という紙を渡されるので、それまで待機部屋みたいなところで座って待ちます。パンフレット読んだりスマホいじったりしてればすぐです。<br>10～15分間隔くらいで、○時○分になりました～帰れる人帰ってええで～みたいな呼びかけをしてくれるので、自分の時間が来たら出口へ向かいましょう。時間の書かれた紙を渡して、お疲れっした～となり、またエレベーターに乗って、はい終わり！おうちへ帰りましょう！</p><h3 id="h44c6cace52">副反応～1回目で熱出ました～</h3><p>さてやはり恐ろしいのは副反応。<br>個人差があるとはいえ、1回目の接種では腕の痛み、2回目では高熱に苦しんでいる方が多い印象でした。ファイザーよりモデルナの方が副反応が出やすく（自衛隊はモデルナ）、高齢者より若者、男性より女性の方が出やすいなどの情報がありますね。<br><a href="https://www.cov19-vaccine.mhlw.go.jp/qa/0002.html" target="_blank" rel="noopener noreferrer">これまでに認められている副反応にはどのようなものがありますか。｜新型コロナワクチンQ&amp;A｜厚生労働省</a><br>モデルナ＆若者＆女性と三拍子揃ってしまっている私はもはや悟りの境地です。いや嘘です悟れてません。<br>まあ・・統計なんてね、個人にとってはど～でもいいんですよ。大事なのは自分がどうなるかですよ・・。<br>(´Д｀)ﾊｧ…<br><br>まず1日目（打った当日）からもう腕痛いです。13時半頃に打って、夕方頃には腕イテテで37℃くらいありました。腕のイテテはあれです、ライブで3時間くらい全力でサイリウム振った日の筋肉痛って感じで、上にあがらないです。普通の筋肉痛と違うのは、触ったらめちゃくちゃ痛いコト😉<br><br>そしてお熱。私は少数派だと思いますが・・その日の夜38.5℃くらい出ました。<br>まあ私はインフルの予防注射とかでも毎回熱出すタイプなので、事前にロキソニンや冷えピタなどの用意はバッチリしていました。<br>ただ風邪の熱とは違い、咳も鼻水もなく、ほんとにただただ熱があるだけって感じです。理由が明確だからか、高熱のわりに精神的ダメージはあまりなかったですね。食欲もあったので、ごはんも普通にガッツリ食べました。カレーうまい🍛<br><br>2日目（打った翌日）は37℃前後をウロウロする感じで、夜だけ38℃出ました。でも1日目よりはマシになってました。3日目は熱なくなりました。腕は触るとまだちょっと痛い。<br><br>とにかく心配だったのは、発熱が本当にワクチンのせいなのか？ってことでした。本当はコロナにかかっちまったんじゃないか？とか不安になってましたが、とりあえずの見分け方として、咳や鼻水などはワクチン接種で起こりにくいそうです。<br><a href="https://www.cov19-vaccine.mhlw.go.jp/qa/0006.html" target="_blank" rel="noopener noreferrer">ワクチンを受けた後に熱が出たら、どうすれば良いですか。｜新型コロナワクチンQ&amp;A｜厚生労働省</a><br>たしかにそういう症状はなかったですし、いろいろ考えたところでどうしようもないので、ただただ食べて寝ました。今だけはそれが推奨されるのさ・・。<br><br>とりあえず副反応は落ち着いたっぽくて一安心ではありますが、周りのワクチン打った方で1回目熱出たって人は一人もいなかったので、これはもうやってみないことにはわからんなぁと思いました。<br>ただ熱は出る前提で準備しといた方がいいですね！物資も、お仕事も。<br>解熱剤や冷えピタ、ポカリ、ゼリーとかレトルト食品など、折角の機会だし一通り揃えときましょ。どの道2回目もありますし。2回目ｺﾜｲ・・。</p><h2 id="h3c81ee1e3c">2回目へつづく</h2><p>大規模接種センターのオペレーションがすごいと聞いていたので、行けてよかったです。こう言って良いものか分かりませんが、年イチの健康診断もアトラクション気分でフィーバーしてしまう人間なので、なんか楽しかったです。<br><br>副反応は全然楽しくないんですけどね。どうせ自分は熱出るだろうなと思ってはいましたが、いざ出るとイラですね。逆にみんなが出る2回目で出ない展開期待してますが、まあ無理でしょうね。40℃とか出てる人いますがそんなん・・耐えられるのかしら。脳細胞がしんでしまう気がします・・。<br><br>仕事も繁忙期なもので、あまり副反応に長引かれると困るのですが、こればかりは予想できないことですからね。ホワイト企業パワーで乗り切ろうと思います。<br><br>それでは皆さまもご安全に👋</p>