マガジンのカバー画像

IT技術散歩

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

#フロントエンド

【テスト駆動開発】Springboot & React - 第2回 : バリデーション

1. はじめにこんにちは、今日はバリデーションについて勉強します！Web開発において、データ…

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

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

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

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

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

1. はじめにこんにちは、今日はReactのRoutingを通じて、ユーザー加入とログインを分岐してみ…

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

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

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

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

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

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

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

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

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

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

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

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

ソンさん

【テスト駆動開発】Springboot & React - 第12回 : 記事一覧表示

1. はじめにこんにちは、前回は記事を登録する機能を実装しました。 今回は登録された記事一…

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

【テスト駆動開発】Springboot & React - 第13回 : 新旧記事一覧の表示

1. はじめにこんにちは、前回は記事一覧を表示するを実装しました。 今回は新旧記事一覧をメ…

ソンさん
ソンさん
10か月前
27

【JavaScript】モダンJavaScriptの4つの特徴

  はじめにこんにちは、今日はモダンJavascriptでポイントになる4つの特徴について簡単に説…

ソンさん
ソンさん
9か月前
63

【TypeScript】 10分内に「ざっくり」！入門ガイド　

こんにちは、今回、新しい職場でTypeScriptを使うことになりました。 そこで、簡単に重要なポ…

ソンさん
ソンさん
8か月前
36

【React】10分内に「ざっくり」わかる！Reactの必須技術5選

はじめにReactをベースにしたTypeScriptは、静的型言語を利用して開発者に強力な開発体験を提…

ソンさん
ソンさん
8か月前
23

【React】10分内に「ざっくり」わかる！異なるCSSスタイリングアプローチ6選

はじめにこんにちは！ ReactとCSSはウェブ開発で重要な部分を占めており、効果的なスタイリン…

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

【React】10分内に「ざっくり」わかる！カスタムフック

はじめにこんにちは！ 今日はカスタムフックについてご紹介します。 カスタムフックを使う理由は大きく3つあります。 ロジックとビュー(コンポーネント)の分離 ロジックを再利用 変更時の対応箇所を局所化 基本的なuseState, useEffect, useContextなどのフックもありますが、細かく自分だけのフックを作って自由度を上げましょう。 本来、コンポーネントの役目は与えられたデータに基づいて画面を構築することですが、ロジックが混在しすぎるとコードが見づら

ソンさん