- ベストアンサー
社用ＨＰの作成について
- 社用HPを作成する際の要点として、チーム体制や納期についての確認、コーディング方法や言語の選択、参考書の購入、CMSの利用の有無、ログインページの作成に必要な知識・技術についての質問があります。
- 作成チームが９人であり、ディレクター、デザイナー、コーダーの役割分担があります。納期は９月末で、作成期間が４か月程度ですがスキルが不安なので、妥当かどうかについて質問しています。お金をかけずにHPを作ることが前提で、HTML4とHTML5のどちらを使用すべきか、参考書の選択肢も知りたいです。また、CMSの利用やログインページの作成についても質問があります。
- 要点として、チーム体制、納期、コーディング方法、言語選択、参考書選択、CMS利用の有無、ログインページ作成に必要な知識・技術についての質問があります。チームは９人であり、ディレクター、デザイナー、コーダーの役割分担があります。納期は９月末で、作成期間が４か月程度ですがスキルが不安なので、妥当かどうかについて質問しています。HTML4とHTML5のどちらを使用すべきか、お金をかけずにコーディングをすることが前提です。参考書の選択肢やCMSの利用の有無、ログインページの作成に必要な知識・技術についても質問があります。
- みんなの回答 （5）
- 専門家の回答
質問者が選んだベストアンサー
【納期について】 初心者として考えるなら、ムリです。 ホームページ作成は、意外と色々なところを気にかけて作る為、 基礎的な知識がない中では、どこかで問題が発生して結構時間がかかります。 そういう体制(あなたがデザイナー兼コーダー)だとするならば、 結果的にほぼ全ての作業があなたに振られ、あなたが地獄を見るという 構図が成り立つと思います。 他のコーダーのお守り(実際のコード方法を教授したり)をするのも あなたとかになるわけですよね。 ここで言う納期が1つの目処としてという位置づけであり、かかる工数 を認識したいだけならばいいですが、絶対的な納期と考えるならば あと2, 3ヶ月くらいはプラスで考えた方がいいと思います。 勿論、簡単なデザインのページだけで構成されるなら期間は十分で、 そんなに人もいらないでしょうが、投入人数を考えると、それなりに 規模のあるサイトの構築のように見受けられます。 【コーディングについて】 デザインはGIMP、コードはEclipse(もし使うならPleiadesを使えばいい)など、 無償なものを選択すれば可能です。 が、そもそもそういったツールを事前に理解しているかになります。 初めて使うならば、当たり前ですがツール自体の学習コストもかかります。 WindowsXPもサポートが切れたわけですし、HTML自体は5でもいいでしょう。 但し、IE10以前あたりもサポートするつもりなら、HTML5の要素を全て 利用するわけにはいきませんし、いくつかのjs、cssライブラリを利用する必要が 出てくると思います。 (特にhtml5shiv.js、normalize.cssあたり) HTML4.01やXHTMLで作るにしても、normalize.cssはあるといいでしょう。 http://www.nemuchan.com/css3/ie01.html 社内用のサイトではないわけですから、様々なブラウザ事情を出来る限り サポートしてあげることになると思います。 と考えると、わざわざHTML5で作る必要もないわけです。 HTML5特有の利便性を活用したいページ(例えばドラッグ&ドロップでファイルを アップロードしたり)があるなら別ですが。 参考書は、見やすいやつ選べばいいでしょう。 例えばHTML+CSSの観点で、デザインテンプレートを紹介してる参考書もあれば 逆引き辞典のようなものもあります。 用途を考えて直に中身を確認し、何冊か選択すればいいと思います。 【CMSについて】 HTMLだけで構成する(動的に情報が変化するページはない)、モバイルサイトを 対応しない、記事管理(ブログやWhat's Newみたいな)を行わないなどの決まりきった サイトを構築するならCMSを利用する必要はありません。 それらの機能を必要だとするならばWordpressベースでもいいかもしれません。 が、Wordpressを触ったことがないならば、当然それについても学習コストがかかります。 併せてWordpressをカスタマイズする参考書なども求めた方が良いでしょう。 【コンテンツについて】 ・Webサーバ(Apache、nginxなど)の導入・設定方法 Wordpressを利用するなら、パーマリンクの設定に併せてhtaccessの制御方法 ・PHP/Perlなどのプログラム言語の導入・設定方法 ※WordpressはPHPです。 ・MySQL/PostgreSQLなどのRBDMSの導入・設定方法 ※WordpressはMySQLです。 ・ページの表示、処理の制御を行うにあたってのセキュリティ対策の知識 ⇒脆弱性の種類、原因、具体的な対応策 ・VPSや自社サーバで稼働するなら、サーバ自体のセキュリティ対策の知識 ⇒SELinux、Webサーバ、DNSサーバ、パーミッションなど色々 プログラミングも必要になるなら、何もかもやるなんてムリですので、あなたはデザインだけやるとか、 それなりの分業は必要でしょうね。 XAMPPを利用してローカル環境に開発環境を構築すること自体は否定しませんが、実際にアップする 本番サーバの環境との環境差異も出ますし、本番サーバではそんな簡単に済まないと思います。 （特に専用・VPSサーバや自社サーバなどで構築する場合） 本番を見据えて、どのように本番サーバに構築・適用するかも考える必要があります。 デザインもプログラミングも初心者という次元で何かを成しえようとするならば、 それこそ調査する範囲などを切り分けてやらないと、みんなしてつまづくだけでしょう。 デザインを構成する難しさ、プログラムを構成する難しさを、指揮する人が理解して 切り分けて考えられるようでなければなりません。 一人ひとりが、それぞれ1つの物事にそれなりに精通する状態になってくれないと スムーズな進行はないと思います。 もしくは、知識不足なせいでスムーズに進行させてしまっている。 それもあって、開発工数以前に、学習する期間が必要だと考えます。 (1～10まで全部教えられる人が一人でもいるなら別ですが)
その他の回答 (4)
プロジェクトは、最大５人まで！これ以上になると、収集がつかない！ 納期は、十分あるとは思いますが、構成するスタッフの能力がどの程度なのかによる。 まずは、システムの流れを徹底して分析、検討することが大切なのでは？・・・ 私の知る医療関係のシステムでは、とんでもない状況になっているところがあります。 まずは、必要なデータと文章を入手し、効率的な分類を考え、データ化するものと、変数化するものを選びだすことから、始められては、いかがでしょうか？・・・
お礼
お礼が遅くなりまして、申し訳ありませんでした。 回答頂いた内容については、参考にさせて頂きたいと思います。 ありがとうございました。
- ORUKA1951
- ベストアンサー率45% (5062/11036)
＞前提として、チームは、９人体制です。 船頭多くして船山に登る・・になりそう。 貴社の場合、トップは一人ですべて仕切るほうが良いでしょう。 「社用ＨＰの作成」という言葉だけで、失礼ながらスキルは分かります。(^^) ・期間としては十分でしょう。 【コーディング】 ⇒セレクタの適用箇所を探す - Webデザイン・CSS - 教えて！goo( http://okwave.jp/qa/q8581999.html ) で説明した部分とかぶるのですが、大事な事は会社のウェブサイトとなると 1) 配色や配置が統一したデザインであること 2) すべてのページがランディングページとしての機能を持つこと 3) 特定のユーザーエージェントに依存しないこと 4) 改訂やデザイン変更が容易であること などが必要になるでしょう。 そのためには、HTMLのマークアップを統一したわかりやすいものにする必要があります。 「この時点では、デザインは一切考えない!!!」初心者の一番犯しやすい部分です。 ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^上記リンクを参照 各部署から典型的な文書をいくつか提示を受けて、共通な構成で雛形を作っておきます。私の経験からは概ね ・インデックス(索引)ページ 部署のトップ、カテゴリーのトップなどの目次・表紙となるページ ・内容の詳細ページ ・会社情報や部署情報、連絡先等 この段階での打ち合わせが最重要課題になります。デザインは一切考えないで、文書構造が理解できるテキスト文書が作成できるか否かが成功するか失敗するかの分岐点です。 その後、それをHTMLを使ってマークアップしていきますが、典型的で複雑なものを利用してテンプレートを作成します。上記の三種類でよい。 HTMLテンプレートが出来たら、それをスタイルシートでデザインして行きます。その時点でHTMLのマークアップ不足が発見されることもあるでしょう。しかし、実際の製作に入ったらHTMLに手を加える事はしません。そのくらいの意気込みでこの三種類のテンプレートは重要です。 あとは、全員で分担してテンプレートに文書を流しこむだけです。 この一連の作業は、HTML/CSSを使用してウェブサイトを構築する基本になります。いわゆる『構造とプレゼンテーションの分離( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.4.1 )』です。 ちょっとした例ですが・・ ナビゲーションリストを様々にデザインしてみよう。( http://www.ichiya.com/WebService/Howto/sample/HTML/nav/navigation1.html ) で、ブラウザの表示メニューからスタイルシートへ進み、「スタイルシートを外したり」「スタイルシートを変更したり」「ウィンドウ幅を変更したり」「印刷プレビュー」を確認してみましょう。そしてHTMLのソースも確認しましょう。Another HTML Lint - Gateway( http://www.htmllint.net/html-lint/htmllint.html )でチェックしても良いでしょう. このようなHTMLでしたら、誰でも内容を変更したり追加したりができるでしょう。そして、HTML完成後、皆で色々検討してデザインをしていけばよい。構造とプレゼンテーションが分離されていることが以下に重要かわかると思います。 【本題】 ＞ソフト無しでコーディングをする事 最低でも優れたテキストエディタは必須です。 ＞また、言語については、ＨＴＭＬ４と５どちらを使用した方がよいでしょうか？ 企業でしたら後方互換も考えるのでHTML4.01・・ただしstrictです。そしてCSS2.1 ＞必要な参考書としては、どんな言語の参考書があれば良いでしょうか？ ・HTML 4.01 仕様書邦訳( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/cover.html ) ・CSS 2.1仕様（日本語訳）( http://momdo.s35.xrea.com/web-html-test/spec/CSS21/cover.html ) は完璧にマスターすること。その際に HTML5 における HTML4 からの変更点( http://standards.mitsue.co.jp/resources/w3c/TR/html5-diff )も併読すると良いでしょう。 ＞ＣＭＳは、使用した方がよいのでしょうか？ 確かに便利ですが、HTML/CSSの知識がないと使いこなせないでしょう。 ＞全部自分でソースを書くよ。というのであれば、必要のないものなのでしょうか？ この方が楽かもしれません。 ＞社員用のログインページを作成し、内部情報を共有したいと考えています。 これは、社内LAN内に情報交換スペースを作ればよいです。 それよりは、ローカルにウェブサーバーをひとつ用意しましょう。先の回答にありましたXamppも一手です。 私は、ウェブ製作用に独立したパーテーションを用意して、そのドライブのルートに、シェル経由で確認用にCygwinを入れた上で、ほぼ標準的な構成でapacheサーバー、PHP、MSQLなどを入れています。 それでローカルでのテストはできるようになります。
お礼
お礼が遅くなりまして、申し訳ありませんでした。 詳細な回答ありがとうございました。 色々と大変だとは思うのですが、頑張ってみようと思います。
- 39jin
- ベストアンサー率34% (125/359)
全くの素人なら実験的に次のような行動をすることで先が見えます ・取りあえずはLAN接続されたパソコンの1台にXamppなるフリーソフトを導入します（同等ソフトは他にもあるでしょうが） ・Xamppの仕様の理解が必要になるでしょうから、何か関連性のある参考書を手に入れましょう wordpressも一緒に解説されていればラッキーですね ・理解できたらapacheとmysqlでまずは社員向けに告知掲示板を張り付けましょう（htmlで画面をつくり必要な内容を記載するだけです） ・個別に動いているパソコンのプラウザーにXamppを組み込んだパソコンのアドレスを打ち込んで登録してもらう作業を行います （難しくいうとapacheのhtdocsを忠実に打ち込む必要があります） ・SNSを実行しようとすればそれなりにそれなりの努力が必要になります 頑張りましょう
お礼
お礼が遅くなりまして、申し訳ありませんでした。 回答頂いた内容については、参考にさせて頂きたいと思います。 ソフトの導入についても検討してみたいと思います。 ありがとうございました。
- kmee
- ベストアンサー率55% (1857/3366)
> ソフト無しでコーディング 無理。 テキストエディタも無しでどうやってコーディングするんですか? 有料のソフトを使わない、という意味であれば、フリーソフトで対応可能なケースがほとんどです。 ですが、サポートが無い、参考書が無い、操作が難しい、欲しい機能が無い、といったケースも少なくありません。 それを、利用者(つまり、あなたやあなたの部下)の技術でカバーするのか。金で解決する(有料のソフトを買う)のか、判断しましょう。 また、有料のソフトを使わざるをえないケースもあります。 たとえば「ユーザーがAdobe Illustrator形式でロゴのデザインを送ってきた」といった場合。
お礼
お礼が遅くなりまして、申し訳ありませんでした。 回答頂いた内容については、参考にさせて頂きたいと思います。 ありがとうございました。
お礼
お礼が遅くなりまして、申し訳ありませんでした。 詳細な回答ありがとうございました。 納期については、目安らしいので最悪１年くらいかけても大丈夫らしいです。 回答頂いた内容については、参考にさせて頂きたいと思います。 ありがとうございました。