# 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

- [【初学者向け】Alembicでマテリアライズドビューを実装する (Python)](https://ryotablog.jp/blogs/python/aiembic-materialized-view): Alembicによるマテリアライズドビュー(マテビュー)の作成手順をPythonとPostgreSQLを用いて初心者向けに解説。SQLの実装例やトラブル時の対処法も掲載。
- [【評判が気になる！】婚活サービスのヒトオシの体験談（紹介コードあり）](https://ryotablog.jp/blogs/zakki/hitooshi-review): 婚活サービス「ヒトオシ」体験レビューです。都内エンジニアが語るリアルな婚活体験談！2時間カウンセリングからオンライン顔合わせまでの流れや評判、口コミ、メリット・デメリットを詳しく解説。最後に紹介コードもあります。
- [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): 無関係な下位問題の抽出について直感的に理解できるように説明していきます。  ・下位問題の意味がわからない。・無関係な下位問題の抽出をイメージでとらえたい。 書籍リーダブルコードの理解の助けになれば嬉しいです。