こんにちは。明月です。 この投稿はSpring bootとReactを連結する方法(Buildする方法)に関する説明です。 最近のプロジェクトのトレンドはフロントエンドとサーバーサイドの区分して作業します。実はこのように割り振って作業することはずいぶん前からのトレンドなんですが、私が遅い感じがありますね。私は最近までJavascriptとJqueryを使って画面とプログラムを作成しました。 プロジェクトを一人でやったことではないですが、この状況をそんなに悪いとは思わなかったんです。Jqueryでも十分にSPA(Single page application)を実装できるし、私の感じではJqueryでシステムが遅いとも思わなかったんです。 しかし、JqueryからReactに変わらなければならないと思ったことが、一つ目はライブラリがもうJqueryを依存しない、使わないことです。そうするとJ
以下の記事を参考に、Spring BootとReactを組み合わせて開発を行ってみます。 Using create-react-app with Spring Boot Spring InitializrからダウンロードしたSpring Bootの雛形をEclipseにimportします。 import > Maven > Existing Maven Projects でzipを解凍したファイルを指定すればOKです。 src/mainディレクトリに移動し、 <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http
Spring Boot + React(TypeScript)で簡単なWebシステムを開発してAWSにデプロイまでしたので、その方法を紹介します。 開発するシステム概要 今回は、簡易的なユーザー情報の管理システムを開発します。システムの概要は以下の通りです。 バックエンド プログラミング言語はJava、フレームワークはSpring Bootを使ってAPIを構築します。データベースは何でも良いですが、無料で提供されているPostgreSQLを使います。 データベースへの接続はMyBatis(マイバティス)というフレームワークを使います。MyBatisを経由してPostgreSQLにSQLの発行を行い、データの取得や更新を行います。 フロントエンド フロントエンドは、JavaScriptのライブラリであるReactを使います。また、型付けを行うためにTypeScriptを導入します。 そして、
このチュートリアルでは、Spring Data REST とその強力なバックエンド機能を使用し、React の洗練された機能と組み合わせて、わかりやすい UI を構築するアプリのコレクションを示します。(参考: JavaScript フロントエンドフレームワークの比較 [Qiita] ) Spring Data REST [YouTube] (英語) は、ハイパーメディアを使用したリポジトリをすばやく構築する方法を提供します。 React (英語) は、JavaScript での効率的で高速で使いやすいビューに対する Facebook のソリューションです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く