Blog

日々の学んだ事を備忘録として記述しております。
年を取ると、忘れるために記録として残しておきます。
それ以外の日常やイベント、映像制作についても記録します。

Next.js

[Web] Next.js + TypeScriptでアプリ開発！

近年、Webアプリケーションを作成する場合に「React」を使用して開発する傾向があります。
そんな「React」で、楽に開発するためのフレームワーク「Next.js」と「TypeScript」を使った開発環境の構築を解説します。

開発

殆どのWebサービス開発でデータベースを使用します。
データベース（リレーショナル)の設計をする場合、「ERMaster」を使用するのがおすすめです。
「ERMaster」は「Eclipse」のプラグインとなっており、開発はとても古いですが、現在でも使用するには十分な機能があります。

開発

開発を行っていると、処理のフローズが必要になるケースがあります。
そこで「Visual Studio Code」を使って「PlantUML」を描きます。
API連携や別サービスとの連携は、シーケンス図で描くと理解しやすいです。

Server

Docker(docker-compose）を使ってWordPressの環境を構築します。
サブドメインでのSSL管理も対応が可能としております。

Server

ひとつのサーバーにWordPressの他にWebアプリも含める必要があり、Docker(docker-compose）を使用して構築しました。

Tools

画像を軽くするために「webp」形式にします。
「webp」形式にするために「XConvert」を使用すると便利です。