サイトの作り方

Question

現在、簡単なサイトをAPIやフレームワークを使用せずに自作しています。

質問ですが、サイトを作るに当たってどういう流れで作って(進行の仕方をして)いくものものなのでしょうか？

自分の現況としては、
仕様書作成、データベース、トップページ（最新の投稿表示＆検索機能実装予定）、新規登録機能、ログイン機能、といった具合に進めました。
この他に、ログイン後の「マイページ」や「プロフィール設定画面」、「投稿画面」、「退会画面」、「検索結果画面」、「ユーザー情報画面」などを作成予定です。

素人に毛が生えたようなレベルなので進み具合はかなり遅いのですが、効率的に少しでも時間を短縮できればと思っています。

Answer 1

いきあたりばったりで作りこんでいくと手戻りが発生することがあります。
なぜ手戻りが発生したかを考えたり、手戻りにかかった時間を体験するのもよい経験となりますが、
少しでも時間を短縮するためにはUMLなどを利用するとよいでしょう。

http://objectclub.jp/technicaldoc/uml/umlintro1
からの抜粋ですが、

ユースケース図 システムの境界，使用機能を定義 分析
アクティビティ図 システムの動作の流れの表現 分析，設計
状態図 オブジェクトの取りうる状態，遷移を表現 分析，設計
クラス図 概念や静的なクラス間相互関係を表現 分析，設計
パッケージ図 各モデル要素の階層的グルーピング 分析，設計
シーケンス図 オブジェクト間のメッセージ交換の時系列表現 分析，設計
コラボレーション図 オブジェクトの集団の協調動作の表現 分析，設計
オブジェクト図 実行時のオブジェクト状態のスナップショット 分析，設計
コンポーネント図 システムを構成する実行可能モジュールやソースコードの物理的構造を表現 設計
配置図 システムを構成するマシンや装置の継りを表現 設計

など様々な設計図があります。
また、画面間の流れを示す画面遷移図やシステムの流れを示すロバストネス図などもあります。
私の場合、簡単なサイト構築であれば上記の画面遷移図、ロバストネス図、DB定義を行い実装にうつってしまいます。
複雑になってくるとクラス図を書いておいたり、データフローを書いたりもします。

おそらく見た感じ、ユーザーとは別に管理者がいることが想定されるのでユースケースを一度しっかり作ってみてはいかがでしょうか？
ロバストネスも作っておけば、この「viewとこのviewはコピーで作れる」などの短縮にもつながります。

あとは使っているツールなどにもよりますが、
数文字打ってTABキーを押せば数行～数十行以上コードを保管してくれるコードスニペット（getterやsetterが面倒なときに便利）や、インデントや改行などを指定した基準どおりにしてくれるフォーマッタなどを使えばいつでも同じようなコードを書くことができます。

Comments

[maonmyo]

回答ありがとうございます。
色々な設計図があるんですね。

自分は３ヶ月ほどJavaの勉強をしていますが、こんなにも出来ないものかと凹んでおります。

教えていただいたサイトを見て勉強します。

Answer 2

質問は「作り方」ではなく「考え方」ですね。

このページとかはかなり難しいですが、スキル的に7番から順番に進めていくのが良いのかな、と感じました。
Webサイト制作の一連の流れをまとめてみました
どこから始めるかはご自身のスキル感で調整してください。数字が小さくなるほど難しいです。お間違えのないよう。

気になったので敢えて突っ込みますが、「自作」と「フレームワークを使わない」は意味が違います。

効率的に少しでも時間を短縮できれば～

ここにフォーカスすると、なぜ自動生成サービスを使われないのかが分かりませんが、サイト構築の勉強をされている、と想定して回答しました。

Comments

[maonmyo]

回答ありがとうございます。

仰るとおりで、今やっているのは
「サイト構築の勉強と、今までの復習を兼ねて、全てベタ書きでサイトを作る」ということになります。

しかし、いざ作り始めてみたら思いのほかうまくいかず。
自分の勉強不足だと言われてしまえばそれまでだと思いますが、、、

自分の今のスキルを見なおして、取り組んでみます。