挨拶
初めまして。親の介護(ALS)をしながらエンジニアを目指してる者です。
今日は先日投稿したタイピングゲーム作成に当たって実際に使用した設計図を公開したいと思います。
未経験なので色々疎いところもありますがよろしければ見ていってください！
別記事で今回作成して最後にまとめた思考整理メモがあるのでそちらを上げたらエンジニアを目指す＆タイピングゲーム作成のストーリーを語れたらなと思います。
脳筋手書きなのでデジタル化します😂
ゲームのURLも貼っておきますのでもしよければ一度遊んでみてください！
https://typing-game-eta-lime.vercel.app/
設計図 ---Before---
まずはタイピングゲーム作成前に作った設計図を貼りたいと思います。
・ 完成前のコンセプト
・ 完成前の設計図全体
・ リザルト画面
問題だったこと(たくさんあったが主に三つ)
・ 構成等は書いてあるがなぜそれを選んだのか明確でない
・ 機能は書かれているが、どう実装すればいいのか分かりづらく実装してるときにかなり迷走していた。
・ 入力分岐の事が書かれていないため、作るのか作らないのかが分からない。
設計図 ---After---
次に完成した時に色々書き直した設計図です。
・ コンセプトから難易度選択画面まで
・ ゲーム画面
・ リザルト、シンプルなフローチャート図
・ タイトルから難易度選択の詳細フローチャート図
・ リザルト、ランキング、入力ロジックの詳細フローチャート図
※ 入力処理の実装は大変でした。
・ Backspace時、ゲーム中の詳細フローチャート図、ER図、機能、非機能等
※ フローチャートは結構単純ですが、入力分岐時のバックスペース処理が一番苦労したかもです。
・ バックエンド構成、設定、遊び方
・ 技術スタック、ゲーム説明
クレジット、セキュリティ
※ 没案にしたのも含まれております🙇♂️
改善点
まだまだ改善できることはたくさんありますがこちらも3つほど上げます。
・ 実装する機能や構成が明確になり、迷走することによる開発効率減少が改善された
・ それぞれのフローチャートが明確になり、TDDを意識した開発がしやすくなった
・ 技術選定を明確にして、根拠を持って技術を選ぶ開発ができるようになった
終わりに
LP（トップページ）はまだ未完成なので勉強して作れたらなと思います！
長々としかも汚い設計図でごめんなさい！
自分なりにまとめて作成したものでございます。間違い等ございましたら遠慮なく指摘してください！
ここまで読んでいただきありがとうございました！