# Ryota-Blog (ryotablog.jp)
> This is a technical blog! I write about technologies such as React.js, Next.js, and AWS!

# License
This content is made available under the Creative Commons Attribution 4.0 International License (CC BY 4.0).
You are free to share and adapt this material for any purpose, including commercial use, as long as you provide appropriate attribution.

# Contact
For inquiries regarding content usage, corrections, or collaborations:
- Email: ryotadevelop@webclouddev.com
- Website: https://ryotablog.jp

## Categories

- テスト
- TypeScript
- CSS
- Next.js
- AWS
- 雑記
- Release Notes
- レビュー
- Python
- OpenAI API
- 時事
- UI
- React
- Terraform
- ガジェット
- TailwindCSS
- プログラミング
- Career
- LifeHack

## Content

- [引っ越しで買ってよかったもの&頼んでよかったサービス｜総額45万円の内訳も公開](https://ryotablog.jp/blogs/life_hack/hikkoshi-best-buy): 都内の1Kから2LDKへ引っ越して、新居のために買ってよかったもの・頼んでよかったサービスを実際の明細ベースでまとめました。格安引越し業者の実費、くらしのマーケットの組み立て代行、型落ち冷蔵庫のねらい目まで、ぜんぶ実録です。
- [ヒトオシは結婚相談所・マッチングアプリと併用できる？ペアーズと同時進行した実録](https://ryotablog.jp/blogs/zakki/hitooshi-heiyou): ヒトオシと結婚相談所・マッチングアプリの併用はOK？利用規約を全条文チェックした結果を、ペアーズと同時進行した5〜6ヶ月の記録とあわせて解説。かけもち時の1週間のスケジュール、意外と忙しくなる理由、平均活動期間の目安までまとめました。
- [山崎実業で買ってよかった8選｜tower4年半の本音レビューと失敗1品](https://ryotablog.jp/blogs/life_hack/yamazaki-jitsugyo-best-buy): 山崎実業のtowerを中心とした各シリーズを4年半使い込んだ本音レビューです。キッチンまわりの定番からリピート購入した推し、期待外れだった失敗品まで、Amazonの購入履歴をさかのぼって正直にランキングしました。
- [July 2026 Release Notes (2026年7月 リリースノート - Ryota-Blog)](https://ryotablog.jp/blogs/release_notes/release-notes-202607): 2026年7月のRyota-Blogリリースノート。microCMSからVelite + MDXへのコンテンツ基盤移行、フォントサブセットの自己ホスト、OpenNextのキャッシュ強化、Next.js 16の非推奨警告に従ったら本番が止まった話など、今月は「内部の仕組み」のアップデートにフォーカスしてお届けします。
- [ヒトオシのキャンペーン最新情報【2026年9月】クーポンや招待コードの特典まとめ](https://ryotablog.jp/blogs/zakki/hitooshi-campaign): ヒトオシで使える割引・キャンペーンを元利用者がまとめました。夏休みの大型キャンペーンは8月30日で終了。いま確実に使える招待コードの特典とU29、クーポン配布やポイントサイト案件の実態、過去の開催傾向から読む次の狙い目まで、公式の最新情報を確認しながら解説します。
- [ヒトオシの対応エリア(地域)はどこまで？入会条件・何歳まで使えるかを利用者が解説](https://ryotablog.jp/blogs/zakki/hitooshi-eligibility): ヒトオシの対応エリア(地域)を一覧で解説。関東・関西・東海の17都府県のフルリスト、地方やエリア外から使えるのか、何歳まで登録できるのか、支払い方法やクーリングオフ、再入会の扱いまで、実際に使った利用者が公式の一次情報だけで確かめました。
- [187万行のレガシーCSVと戦った3週間 — 過去データ分析機能をRDSからS3直読みに移行した話](https://ryotablog.jp/blogs/aws/legacy-csv-s3-direct-read): 社内TMSの過去配車データ分析機能を、RDS中間テーブル方式からS3上のgzip CSVを直接読む構成へ移行した記録です。2回のメモリ不足(OOM)、CloudFrontの30秒タイムアウト、Goのsubstringピン留めとGOMEMLIMITの罠、そこから得た教訓をまとめました。
- [ヒトオシはやばい？怪しい？サクラ・知恵袋・2chの噂を元利用者が検証](https://ryotablog.jp/blogs/zakki/hitooshi-yabai): ヒトオシはやばい？怪しい？サクラはいる？実際に5〜6ヶ月使い切った元利用者が、知恵袋・2ch(5ch)・なんJ・SNSの書き込みを調べ尽くし、不安の正体と運営会社Parasolの実態を検証しました。
- [ヒトオシの審査基準とは？合格率の真相と通過のコツを実際に受けた利用者が解説](https://ryotablog.jp/blogs/zakki/hitooshi-screening): ヒトオシの入会審査を実際に通過した利用者が解説。公式が明かす審査項目、非公開の合格率と「10%」というウワサの正体、2段階の審査の進み方と結果通知のLINE画面、落ちたらどうなるか、通過の可能性を上げるコツまでまとめました。
- [ヒトオシの退会は簡単？実際にLINEで退会した流れと解約金0円の実体験](https://ryotablog.jp/blogs/zakki/hitooshi-withdrawal): ヒトオシを実際に退会した流れをLINE画面つきで解説。退会方法と手順、解約金・解約手数料、いつまでに連絡すべきか、休会との使い分け、成婚退会（カップル退会）の返金まで、実体験と利用規約ベースでまとめました。
- [Next.js個人ブログのモバイルLCPを17.4秒から改善した話(犯人は画像じゃなかった)](https://ryotablog.jp/blogs/next_js/nextjs-lcp-improvement): モバイルLCPが最悪17.4秒だったNext.js個人ブログ(Cloudflare Workers / OpenNext)。犯人は画像ではなく、render-blockingなCSSやクライアントバンドルへの記事本文の混入でした。実トレースで一つずつ潰し、LCPを本番3.7〜4.3秒まで改善した、Core Web Vitals改善の記録です。
- [Next.js個人ブログを脱CMSした話(microCMS → Velite + MDXへ1日で移行)](https://ryotablog.jp/blogs/next_js/microcms-to-mdx-migration): Next.js + Cloudflare Workersで動く個人ブログをmicroCMSからリポジトリ内のMDX(Velite)へ移行した記録です。URL完全維持・変換ロスゼロで記事60本を引っ越し、旧実装のバグも7個直しました！
- [2026年上半期ベストバイ｜新婚二人暮らしで買ってよかったものトップ10(家具・家電・収納)](https://ryotablog.jp/blogs/zakki/best-buy-2026-first-half): 2026年上半期に買ってよかったものトップ10です。結婚を機に、家具・家電・収納をゼロから揃えた新婚二人暮らしの買い物記録。1,880円で3位に食い込んだ収納から8万円台の4Kテレビまで、価格と「どんな人に向くか」つきでまとめました。
- [JSTQB Foundation Levelの勉強法。生成AIで模試を自作して1ヶ月半で合格した話](https://ryotablog.jp/blogs/testing/jstqb-foundation-study-method): JSTQB Foundation Level（CTFL）に1ヶ月半の勉強で合格した体験記です。対策本・テス友に加えて、Claude Codeで作問エンジンを自作して535問を演習した生成AI活用の勉強法や、合否をネットで確認する方法まで紹介します。
- [ヒトオシの会員はどんな人？美人・イケメンは多い？年齢層・年収を実情公開](https://ryotablog.jp/blogs/zakki/hitooshi-members): ヒトオシの会員はどんな人？年齢層・年収・学歴・大卒比率・容姿（美人/イケメン）まで、実際に紹介を受けた利用者が公式データ＋一次体験で公開。『自分と釣り合うか』をたった5分で判断できる材料としてどうぞ。
- [僕の考えた最強の家計システムのすべて(夫婦2人、共働き、子なし)](https://ryotablog.jp/blogs/zakki/saikyo-kakei-system): 今年結婚した共働き夫婦（子なし）が、3ヶ月かけて作った家計管理の仕組みをインタビュー形式で全公開。住信SBIの目的別口座と自動送金、楽天明細の自動取得、現金はLINEに一言で記録。エンジニアが「最小運用コスト」で組んだ家計システムの全体像です。
- [AWS Amplify Hostingに自前のSSL証明書を持ち込む完全ガイド（CSR作成からACMインポート・Terraform適用・動作確認まで）](https://ryotablog.jp/blogs/aws/amplify-custom-ssl-acm-import): AWS Amplify Hostingのカスタムドメインに、CA(認証局)から発行された独自のSSL証明書をACM経由で適用する手順を、CSR作成・チェーン構築・整合性検証・Terraform設定・動作確認・有効期限監視まで、丁寧に解説します。
- [CloudFrontにするとApp Runner(& Next.js)で動いているアプリの画像が表示されない問題を解決した話](https://ryotablog.jp/blogs/terraform/apprunner-and-cloudfront-image-bugfix): CloudFrontとNext.jsの組み合わせで発生する画像最適化エラー「url parameter is not allowed」の完全解決ガイド。AllViewerExceptHostHeaderポリシーを使った根本的解決策、段階的なデバッグ手順、実装例を詳しく解説します。
- [May 2025 Release Notes (2025年5月 リリースノート - Ryota-Blog)](https://ryotablog.jp/blogs/release_notes/release-notes-202505): 2025年5月のRyota-Blogリリースノート。国際化対応（i18n）の実装、コードブロック機能強化、LLMs連携ボタン追加、SEO最適化など、今月の主要アップデートを詳しく解説します。
- [【初学者向け】Alembicでマテリアライズドビューを実装する (Python)](https://ryotablog.jp/blogs/python/aiembic-materialized-view): Alembicによるマテリアライズドビュー(マテビュー)の作成手順をPythonとPostgreSQLを用いて初心者向けに解説。SQLの実装例やトラブル時の対処法も掲載。
- [ヒトオシの初回面談は何を聞かれる？利用者が明かす初回面談の質問・流れ・準備](https://ryotablog.jp/blogs/zakki/hitooshi-interview): ヒトオシの初回面談を、実際の利用者が解説。Zoomで約45分、何を聞かれるか（質問内容）・当日までの流れ・事前準備・服装のコツまで実体験ベースでまとめました。入会時に使える割引の案内も最後に置いています。
- [ヒトオシの料金は高い？入会金・月会費の総額を3・6・12ヶ月で試算](https://ryotablog.jp/blogs/zakki/hitooshi-price): ヒトオシの料金を実体験ベースで解説。入会金17,800円＋月会費17,800円・成婚料0円の内訳、3・6・12ヶ月続けた場合の総額シミュレーション、他サービスと比べたときの割高感の正体、入会時に5,000円安くする方法までまとめました。
- [ヒトオシとは？毎月2人と会える仕組みと使い方を利用者が解説](https://ryotablog.jp/blogs/zakki/hitooshi-konkatsu): ヒトオシとはどんなサービスなのかを、実際に使った僕が中立的に解説。マッチングプランナーが毎月2人を選んで引き合わせる仕組み、申し込みから相手と会うまでの5ステップ、向いている人・向いていない人まで、登録前に押さえたい全体像をまとめました。
- [ヒトオシの評判は本当？婚活で10人と会った体験談【紹介コードあり】](https://ryotablog.jp/blogs/zakki/hitooshi-review): 紹介型マッチングサービス「ヒトオシ」を半年近く使った僕の婚活体験談です。都内エンジニアが、2時間のカウンセリングから10人以上と実際に会うまでを公開。評判・口コミは本当だったのか、メリット・デメリットも包み隠さず書きました。紹介コードもあります。
- [Route Handlerを利用したエンドポイントを別ドメインのクライアントサイドからAPIコールしてCORSのエラーが生じた時に確認すること](https://ryotablog.jp/blogs/next_js/route-handler-cors): CORSエラーの原因と解決方法を解説します。Next.jsのRoute Handlerを使用したAPIエンドポイントにおいて、外部ドメインからのリクエストがCORSポリシーにブロックされる問題を、レスポンスヘッダーの設定やOPTIONSメソッドの許可によって解決する具体的な方法を紹介します。
- [July 2024 Release Notes (2024年7月 リリースノート - Ryota-Blog)](https://ryotablog.jp/blogs/release_notes/release-notes-202407): 今月のこのメディアのアップデートを紹介していきます！sidebarのボトムをぼかすように調整、instagramでのエラーの回避、アンダーライン用のコンポーネントを追加 、OG画像にカスタムフォントを反映など。
- [【体験談】実際にペイキャリア(Paycareer)を使ってみて感じたこと](https://ryotablog.jp/blogs/review/paycareer-review): 今回の転職活動でペイキャリアを利用しました! 何件か面談をして、そのうちの一つの企業から内定をいただきました。そのプロセスで感じたことを紹介していきます。
- [【感想】巨大恐竜展2024に行ってきた](https://ryotablog.jp/blogs/news/giant-dinos-2024-review): パシフィコ横浜で展示されている巨大恐竜展に行ってきました！個人的にテンションが上がった箇所、印象的な箇所を紹介します〜個人の感想です笑
- [【Next.js / App Router】自分がいつも行っているSEO対策TODOリスト](https://ryotablog.jp/blogs/next_js/my-seo-todo-list): 今回はApp Routerを利用した時、自分がいつも行っているSEO対策を紹介していきます！
- [June 2024 Release Notes (2024年6月 リリースノート | Ryota-Blog)](https://ryotablog.jp/blogs/release_notes/release-notes-202406): 今月のこのメディアのアップデートを紹介していきます！画像のポップアップ機能、前後記事へのナビゲーション、RUMの読み込みにrequestIdlecallbackを利用 、issueの起票のためのボタンを実装 、「New」ラベルを追加 、 １年以上前の記事にはラベルを追加など。
- [省略メニュー付きページネーションの実装](https://ryotablog.jp/blogs/react/react-ellipsismenu-pagination): 今回は省略メニュー付きページネーションの実装方法を紹介していきます！
- [TerraformとRoute53でApp Runnerのカスタムドメインを設定する方法](https://ryotablog.jp/blogs/aws/customdomain-apprunner-with-terraform-route53): 今回はTerraformでApp RunnerのDNSターゲットをRoute53のAレコードに設定する方法を紹介していきます！
- [【レビュー】作って学ぶ HTML&CSSモダンコーディングを読んでみた](https://ryotablog.jp/blogs/css/modern-coding-review): 今回は「作って学ぶ HTML&CSSモダンコーディング」の書籍のレビューについて書いていきます。 ・ HTML/CSSを勉強中の人 基礎の学習を一通り終えた人 ・ポートフォリオ作成中の人 こんな人に読んでいただけると幸いです！
- [【不合格体験記】AWS SAA-C03に落ちました。。。](https://ryotablog.jp/blogs/aws/saa-c03-failed): 今回はAWS SAA-C03の不合格体験について書いていきます。  1.AWS SAAの勉強方法が知りたい。 2.どのくらい勉強すれば合格するの？ 3.受験した人の体験を知り、当日のトラブルを避けたい。 こんな人に読んでいただけると幸いです！
- [【レビュー part②】TypeScriptとReact/Next.jsでつくる実践Webアプリケーション開発　〜toPropValueの解説〜](https://ryotablog.jp/blogs/typescript/nextjs-typescript-book-review2): 今回はNext.jsについての書籍「TypeScriptとReact/Next.jsでつくる実践Webアプリケーション開発」を読了したので、そのレビューを書いていきます。part①は概要部分についてレビューを書いたので、今回はハンズオン部分についてレビューを書いてみます。 
- [【レビュー part①】TypeScriptとReact/Next.jsでつくる実践Webアプリケーション開発](https://ryotablog.jp/blogs/review/nextjs-typescript-book-review1): 今回はNext.jsについての書籍「TypeScriptとReact/Next.jsでつくる実践Webアプリケーション開発」を読了したので、そのレビューを書いていきます。  
- [Next.jsで利用するContainer とPresenter構成について](https://ryotablog.jp/blogs/next_js/nextjs-container-presenter): 今回はContainer と Presenter構成について書いていきます。 ・AtomicDesign以外のコンポーネント設計を知りたい。 ・Container と Presenter構成について知りたい。  こんな人に読んでいただけると幸いです！
- [オブジェクト指向UI とは?](https://ryotablog.jp/blogs/review/what-object-ui): 今回は、オブジェクト指向UIについて紹介します。オブジェクト指向UIってなに？ UIのデザインパターンについて学びたい。 そのような人の参考になれば幸いです(^^)
- [【リーダブルコード】無関係な下位問題を抽出するってどういう意味？](https://ryotablog.jp/blogs/programming/readablecode-underproblem-solution): 無関係な下位問題の抽出について直感的に理解できるように説明していきます。  ・下位問題の意味がわからない。・無関係な下位問題の抽出をイメージでとらえたい。 書籍リーダブルコードの理解の助けになれば嬉しいです。