アプリの画面設計では、パーツの詳細を描く前に、サイトマップのように概要などの簡潔な情報と遷移図を描きます。
エクセル、draw.io、Cocoaなどで描く事が多いのですが、それよりも簡潔に「UI flows」を使う事をお勧めします。
それが出来てから、Figmaなどで詳細な画面設計を行うようにします。
開発
[VSCode] UI flowsで画面遷移図を描く
ShinyaTomozumi
Next.js
[Web] Next.js + TypeScriptでアプリ開発！
近年、Webアプリケーションを作成する場合に「React」を使用して開発する傾向があります。
そんな「React」で、楽に開発するためのフレームワーク「Next.js」と「TypeScript」を使った開発環境の構築を解説します。
Works
[Tools] 画面設計書から、プログラムの雛形を作成するツールを公開しました
画面設計書から、ソースコードの雛形を作成するツールを開発しました。このツールを使用することで、開発開始時の手間がかかるファイル作成の工数を軽減することが出来ます。是非とも使用してください。
開発
[データベース] 「ERMaster」を使ってデータベースの設計をする
殆どのWebサービス開発でデータベースを使用します。
データベース（リレーショナル)の設計をする場合、「ERMaster」を使用するのがおすすめです。
「ERMaster」は「Eclipse」のプラグインとなっており、開発はとても古いですが、現在でも使用するには十分な機能があります。
開発
[VSCode] PlantUMLでフロー図を描こう！
開発を行っていると、処理のフローズが必要になるケースがあります。
そこで「Visual Studio Code」を使って「PlantUML」を描きます。
API連携や別サービスとの連携は、シーケンス図で描くと理解しやすいです。
News
1/29~2/4 は東京に行ってきます
2023/1/29〜2/4 まで、東京に出張致します。
Works
[Tools]ドキュメントから例外処理のプログラムソースを作成するツールを公開
Pyhtonでドキュメントから例外処理のソースコードを作成するツールを公開しました。
Works
[Tools]「ERMaster」からデータベース操作のソースコードを出力するツールを公開
データベース設計ツール「ERMaster」で作成したエクセルからソースコードを作成するツール「er-master-to-migration」を開発しました。
Server
[SSL対応]Docker(docker-compose)でWordPressを起動する – Docker設定編 –
Docker(docker-compose）を使ってWordPressの環境を構築します。
サブドメインでのSSL管理も対応が可能としております。
Server
[SSL対応]Docker(docker-compose)でWordPressを起動する – サーバー設定編 –
ひとつのサーバーにWordPressの他にWebアプリも含める必要があり、Docker(docker-compose）を使用して構築しました。