【スキル】エンジニア

Angularをはじめとするフロントエンドの実装では、階層と高さ、それに応じたコンポーネントの固定を考えないといけません。今回は下記のようなリポジトリを考えます。ng-pain-log/└── pain-log/ └── src/ └── ...

以下のような構成のフロントエンドがある。ng-pain-log/└── pain-log/ └── src/ └── app/ ├── core/ │ └── header/ │ ├── header.component.html │ ├─...

たけ坊今回でAngularとSpring Bootの大まかな実装が終わるよ最後まで頑張ります！前提ここまでの流れはこちらから！入力フォームの作成まずは、追加と編集で使用する入力フォームコンポーネント、input.componentを作成しま...

たけ坊ここからは機能追加を行っていくよ！バージョンアップしてくんですね！前提これまでの流れはこちらから！実装検索機能を追加するために、searchコンポーネントを以下のディレクトリに追加します。ng-pain-log/└── pain-lo...

たけ坊バックエンドの花形、DB接続に入るよ！これをやってみたかった！前提これまでの流れはこちら！参考今回の内容は以下のサイトを参考にしています。先に読んでみてね！設定Spring BootにMySQLの存在を知らせます。pain-log-m...

たけ坊MySQLにデータを入れておかないとね！バックエンドを使う前の下ごしらえですね！前提これまでの流れはこちらから！MySQLを開くVSCodeでリモートWSLからpain-log-management/.devcontainer下に移動...

たけ坊データベースを扱うバックエンドについて触れていくよ！フロントエンドと役割を分けて、バックエンドでデータベースを扱うんですね！たけ坊まずは環境構築から！前提ここまでの流れは下記を参照です！Spring Bootの環境構築下記のサイトを参...

たけ坊バックエンドからデータを取得するための準備を進めていくよ！フロントエンドとバックエンドの連携ができるんですね！たけ坊バックエンドはいったんおいて、フロントエンドの内容を進めるよ！前提これまでの流れを知りたい人はこちら！APIを呼び出す...

VSCodeでDevcontainerを使ってdockerを立ち上げる時に、ng-pain-log/├── .devcontainer/│ ├── devcontainer.json│ ├── docker-compose.yml│ └──...

たけ坊今回はAngularのフォーマットを使った内容だよ！見栄えが変わるんですよね？楽しみ‼前提ここまでの流れを知りたい人はここからサイトへ！headerを変更してみるheader works!になっているHeaderをカッコ良いものに変更...