React・Next.jsに興味があります
Joined January 2026
- Tweets 219
- Following 5
- Followers 28
- Likes 3
16 Photos and videos
Pinned Tweet
Reactでタスク管理アプリを制作しました
タスクの追加・編集・削除、完了管理、ログイン状態の保持、再読み込み時のデータ復元まで実装しました
実装を通して、曖昧だったコンポーネント設計、状態管理・API連携の理解が深まったと思います
#React
#Redux
#TailwindCSS
#Web開発
#ポートフォリオ
1
3
583
-勉強メモ-
【書籍】
・アプリ制作 7h
〇Rails APIとNext.jsを用いて、認証機能付きのTodoアプリを作成しました
また、データベースをMySQLへ変更する方法や、バックエンド側でセッションを用いた認証処理を実装する流れを学習しました
#駆け出しエンジニアと繋がりたい
#Web開発
#Web制作
1
30
1
3
47
1
1
39
-勉強メモ-
【書籍】
・Rails 7h
〇パスワードのハッシュ化とRESTfulの概要について学習し、WebアプリケーションのセキュリティやAPI設計の基本を学習しました
#駆け出しエンジニアと繋がりたい
#Web開発
#Web制作
2
3
74
2
4
104
-勉強メモ-
【書籍】
・React 5h
・アプリ開発 5h
〇フロントエンドにNext.js、バックエンドにRailsを用いた小規模アプリ開発を行い、フロントエンドとバックエンドの連携について学習しました
#駆け出しエンジニアと繋がりたい
#Web開発
#Web制作
4
87
3
51
-勉強メモ-
【書籍】
・React 6h
・Rails 2h
〇RailsのViewについて学習しました
主に、共通レイアウトの作成やルーティングに関するURLの改善について学びました
また統合テストを実施し、各ページが正しく表示されることを確認しました
#駆け出しエンジニアと繋がりたい
2
52
-勉強メモ-
【書籍】
・React 4h
・Rails 4h
〇RailsではRubyを使ってルーティング・コントローラー・モデルなどの処理を書くこと、Next.jsではNextAuthを使ってログイン認証や認証ガードを実装できることを学習しました
#駆け出しエンジニアと繋がりたい
#Web開発
#Web制作
3
87
1
2
73
-勉強メモ-
【書籍】
・React 4.5h
・Rails 5h
〇Next.js の App Router で Context API を使う方法を学習しました
Context を扱うProviderコンポーネントには"use client"が必要であり、layout.jsでProviderをラップすることで、配下のコンポーネントから状態を利用できることを理解しました
1
46
1
59
-勉強メモ-
【書籍】
・React 5h
・Rails 4h
〇Next.js App Routerでは、page.jsのコンポーネントに searchParamsが自動で渡されることを学習し、それを使うことで、URLのクエリパラメータを取得し、表示内容の切り替えや絞り込み処理に利用できる事を理解しました
#駆け出しエンジニアと繋がりたい
2
61
-勉強メモ-
【書籍】
・React 5h
・Rails 4h
〇Next.jsの4種類のキャッシュの仕組みと、手動でキャッシュを無効化する方法について学習しました
また、Railsの基本的な使い方とデプロイ方法についても学習しました
#駆け出しエンジニアと繋がりたい
#Web開発
#Web制作
67
-勉強メモ-
【書籍】
・React 9h
〇Next.jsのレンダリング戦略について学習しました
SSGではビルド時にHTMLを生成して高速に配信できる一方、PPRでは静的に表示できる部分を先に返し、動的な部分を後から取得し、表示速度と動的性の両立ができることを学びました
#駆け出しエンジニアと繋がりたい
1
5
128
-勉強メモ-
【Udemy】
・React 10h
〇Next.jsのImageコンポーネントを用いた画像最適化の方法や、Suspenseによるローディング制御の概要について学習しました
#駆け出しエンジニアと繋がりたい
#Web開発
#Web制作
1
5
115
4
89