質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

89.12%

複数人でのWebサイト制作

受付中

回答 4

投稿

  • 評価
  • クリップ 8
  • VIEW 3,235
退会済みユーザー

退会済みユーザー

複数人でうまく分担してWebサイト制作をしたいのですが、何か良い方法はないでしょうか?
デザイン担当、コーディング担当、プログラム担当に分けて作業する方法があるかと思いますが、この場合、前の担当ができていないと後ろの担当まで回ってきません。あと同時進行でしたいのでこの振り分けではダメだと思います。みんながそれぞれ同時に制作できるような方法はないのでしょうか?

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正、ベストアンサー選択の依頼

  • munyaX

    2015/03/05 10:20

    メンバーのスキルを明記してみてください。
    全員がデザイン、コーディング、プログラムを兼任できるのでしょうか?

    キャンセル

回答 4

0

  • コンセプトは何か?
  • クライアントが何を求めているか?
  • エンドユーザー(実際にサイトを見る人)がサイト使いやすくする為にはどうすれば良いか?
  • 予算はいくら?
  • 納期はいつまで?
この辺をきっちりとクライアントと話し合い
そこからチーム内でミーティングし落とし込み
メンバー間の意思疎通が出来れば、各々がまず何をすべきかが見えてくるはずです。

デザイナーは
  • 作成ツール(Photoshop? Illustrator?)の選定
  • コンセプトに沿う為に必要なデザインのネタ・素材探し
  • 方眼用紙に手書きする

コーダー/プログラマは
  • テストサーバー環境の構築・設定
  • ローカルで作業する環境の構築・設定(XAMPP等)
  • コンセプトに沿う為に必要な技術の下調べ・検証
  • どういう言語で、どういう書き方をしていくかルールを作る
  • クライアントにイメージを掴んでもらう為のモック(試作品)を作る
等々、、、案が固まったらすぐ行動できるように
環境構築から同時進行で始められるのではないでしょうか?

上記で書いた事は2度手間になる可能性もありますが
「上が何もしないから(作るのが遅いから)動けません」
も違う気がします。

何事も経験だと思いますので

「今やるべき事、出来る事は何か?」

を重点的に考えてみてはいかがでしょうか?

※最初の返答から見て、思う所があったので、少々修正させて頂きました。

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

0

私の経験は参考にならないかもしれません。

チームは2人だけですが、デザイン担当・コーディング担当という分け方はしていません。
サーバ担当とクライアント担当という分け方をしています。

先にページの概要とJSONPの共通APIの仕様(成功・エラーレスポンス)とAPIのURLを決め、
一人はサーバ側でAPIを構築します。
もう一人は、デザイン(ビヘイビア含む)およびJavaScriptでJSONPのAPIを利用したページを作成します。

MVCはレイヤーが分かれているようで、意外と密結合な点が多く、レイヤーごとに担当を
わけると細かい点まで意思疎通が重要になります。そこが私は苦手でした。

その点、サーバ側とクライアント側と明確に分けることは、APIの仕様が全てであり、
各担当が適当に作業を進められます。

私の経験は教科書通りではないと思いますが、担当をわける方法はいろんな視点でできるのではないでしょうか。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

0

個人的な意見としてお聞きください。
デザインというのはモックアップ制作の段階を指していると思うのですがどうでしょうか?
もしそうであるならば確かに作業が同時に進行できないのは分かります。
何故なら作業の流れが

コンセプト等決定→モックアップ→コーディング

と流れるからです。
もしこの意味であっているのならばまずコンセプトやサイトの構成についてチーム内で検討します。
具体的には使用するライブラリやフレームワーク、言語などについてです。

その後、デザイナーはモックアップを作成しコーダーへと渡します。
(ここで言うコーダーはHTMLとCSS専門と考えております)
それと同時にプログラマーがシステムを設計構築します。
(担当する言語はクライアントサイドまたはサーバーサイドのスクリプト言語など。ここが明確に記されていないため回答しにくい部分もあるかと)
当然設計の段階でCSSのclassやidの設計をプログラマー、コーダーが情報共有している必要があるでしょう。
この時デザイナーはモックアップから素材の切り出しなどを行っているのでしょうか。

以上のようにデザイナー→コーダー/プログラマーと作業が分かれているのでは?
これは避けようがないのではないでしょうか。

……と色々書きましたが自分は素材制作もコーディング(HTMLやCSS、JavaScript)も行いますので詳しいことは他の方の意見を参考にしてください。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

-1

デザイン担当、コーディング担当、プログラム担当に分けて作業する方法があるかと思いますが、この場合
、前の担当ができていないと後ろの担当まで回ってきません。あと同時進行でしたいのでこの振り分けでは
ダメだと思います。みんながそれぞれ同時に制作できるような方法はないのでしょうか?

なぜでしょうか?
分業しているならば、前工程が終わらずとも後工程は行えると思いますが。
(コーディング担当とプログラム担当の違いが分かりませんが、コーディング=HTML,css,js?)

通常、分業するならば、インターフェースとなる部分は意思疎通、定義を行います。
デザイン、コーディング間でパッと思いつくものは
・ファイル名

コーディング、プログラム間では
・uri(formのaction属性およびプログラム側の受入口としての情報)
・postデータのnameや型、桁数など通信されるべき値の情報
・画像ファイルが設置されているディレクトリ構造(プログラムによってパス生成する場合)
・json形式やxml形式など、プログラムからの戻り値(非同期通信を行う場合)。

それぞれが自分勝手にやって、分業ができるはずはありません。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 89.12%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる