はじめに

Figmaインポート等で新規のシステム開発を始めたい場合で、バックエンドをNestJS, Ruby, Laravel・フロントエンドをNext.js, Vite, ReactNative以外の言語を用いて始めたい場合も、対応が可能です

本章にて対応方法をご説明いたします

フロー

image.png

1. ボイラープレートの作成

<aside> 💡 (*1) ボイラープレート (Boilerplate) 基本構造のみを定義した空のプロジェクト。具体的な機能は含まれていないが、使用する技術(プログラミング言語やフレームワーク)、全体の構成(ディレクトリ構造)、そして開発の方針(実装思想)が定義されているもの。

</aside>

ユーザー様ご自身での作成が難しい場合、JITERAへご相談ください。ただし、使用するフレームワークや使用するライブラリ、設計思想などは各社様でルールや推奨事項があるかと思われますので、そちらに従ったボイラープレートをご自身で作成された方が本来は確実かと思われます。

<aside> 💡 フロントエンド・バックエンドをそれぞれ別々の言語・フレームワークで開発する場合は、2つのリポジトリを作成しそれぞれのボイラープレートを作成してください。 フロントエンド・バックエンドを1つの言語・フレームワークで開発する場合は、1つのモノリポジトリにボイラープレートを作成してください。

</aside>

参考:一般的なボイラープレート作成コマンドの例

言語 コマンド例
Python (Django) python -m venv venv && django-admin startproject mysite .
Java (Spring Initializr) curl https://start.spring.io/starter.zip -d dependencies=web,data-jpa -d type=maven-project -d bootVersion=2.7.0 -o demo.zip
Java (Maven) mvn archetype:generate -DgroupId=com.mycompany.app -DartifactId=my-app -DarchetypeArtifactId=maven-archetype-quickstart -DarchetypeVersion=1.4 -DinteractiveMode=false
Vue.js (Vue CLI) npm install -g @vue/cli && vue create my-vue-project
Vue.js (Vite) npm init vite@latest my-vue-app -- --template vue
Flutter flutter create my_flutter_app
Swift (Xcode Command Line Tools) swift package init --type executable
Kotlin (Gradle) gradle init --type kotlin-application
Go go mod init github.com/yourusername/myproject

2.Github 又は Gitlabリポジトリのインポート

‣ と同様の方法で当該のリポジトリをインポートします

image.png