マガジンのカバー画像

IT技術散歩

72
本
開発技術の実践過程について書きまします！
運営しているクリエイター
ソンさん

#JavaScript

【Java&SpringBoot3】 早起きのWebアプリー機能追加（3）「いいね」機能（設計・実装…

1. はじめにこんにちは！ 今日は昨日に続き「いいね」機能の設計・実装・テストまで、Ｗater…

ソンさん
ソンさん
1年前
3

【Java&SpringBoot3】早起きのWebアプリー機能追加（4）画像アプロード機能（設計・実…

1. はじめにこんにちは！ 今日は昨日に続き、画像アプロード機能の設計・実装・テストまで、…

ソンさん
ソンさん
1年前
3

【バックエンドとフロントエンドの結合】React, Axios - Springboot3 第10回

1. はじめにこんにちは、今日はSpringbootとReactを連動して、バックエンドとフロントエンド…

ソンさん
ソンさん
1年前
10

【自動動画制作アプリを作る】Javascript、Node.js, GPT API

はじめにこんにちは、最近、VSCodeでReactに簡単に触ったことにきっかけで、今日はJavascript…

ソンさん
ソンさん
1年前
40

【テスト駆動開発】Springboot & React - 第一回 : 会員登録ページ

1. はじめにこんにちは、今日からはTDD(テスト駆動開発)にSpringとReactを結合したWebアプリ…

ソンさん
ソンさん
1年前
11

【テスト駆動開発】Springboot & React - 第3回 : ログイン機能

1. はじめにこんにちは、今日はログイン機能を実装してみます！バックエンドではSpring Secur…

ソンさん
ソンさん
11か月前
20

【テスト駆動開発】Springboot & React - 第4回 : Reactのルーティング

1. はじめにこんにちは、今日はReactのRoutingを通じて、ユーザー加入とログインを分岐してみます！Reactのルーティングは、アプリケーション内で異なるページやビューを表示するための重要な機能です。完成された画面は以下の画像です。 三つのペ―ジでナビゲーションバーが共通コンポーネントになります。コンポーネントをすべてのページで使用することで、一貫性を維持し、コードの再利用を通じて効率的なUI開発を実現し、ユーザーエクスペリエンスを向上させることができます。 2

ソンさん

【テスト駆動開発】Springboot & React - 第5回 : Reduxの状態管理

1. はじめにこんにちは、今日はReduxを通じて、ユーザーのログイン状態管理してみます。Redux…

ソンさん
ソンさん
11か月前
17

【テスト駆動開発】Springboot & React - 第6回 : ユーザーページネーション

1. はじめにこんにちは、今日はユーザーのページネーションを実装してみます。私にとっては、…

ソンさん
ソンさん
11か月前
21

【テスト駆動開発】Springboot & React - 第7回 : ユーザープロフィル

1. はじめにこんにちは、前回はユーザーページネーションを実装しました。 今回はユーザー…

ソンさん
ソンさん
11か月前
26

【テスト駆動開発】Springboot & React - 第8回 : プロフィル修正

1. はじめにこんにちは、前回はユーザープロフィールを実装しました。 今回はユーザープロフ…

ソンさん
ソンさん
11か月前
25

【テスト駆動開発】Springboot & React - 第9回 : プロフィール画像の修正

1. はじめにこんにちは、前回はプロフィール修正を実装しました。 今回はプロファイル画像を…

ソンさん
ソンさん
11か月前
32

【テスト駆動開発】Springboot & React - 第10回 : メニューバー のユーザー情報表示

1. はじめにこんにちは、前回はプロフィール画像の修正を実装しました。 今回はメニューバー…

ソンさん
ソンさん
11か月前
35

【テスト駆動開発】Springboot & React - 第11回 : 記事登録

1. はじめにこんにちは、前回はメニューバーのユーザー情報表示する機能を実装しました。 今回はログインしたユーザーが記事を登録し、データベースに格納する機能を実装してみます。今日の実装完成の画面です。 2. 実装過程2.1 記事登録API（バックエンド） /Hoax.java @Datapublic class Hoax { private String content;} エンティティとして、記事の役割をする「Hoax」クラスを生成します。 /TestUtil

ソンさん