1. インターネットを利用した各種娯楽提供、及び各種情報提供のサービス
2. ソフトウェアの開発，設計，制作，販売
2. ソフトウェアの開発，設計，制作，販売
【継続依頼有】 健康情報サイトのHTMLコーディング 新規案件 1ページ Bootstrap3 レスポンシブWebデザイン HTML・CSSコーディングの仕事の依頼
仕事の概要
|
固定報酬制
|
ワーカーと相談する
|
|---|---|
|
納品完了日
|
2016年08月04日 |
|
掲載日
|
2016年07月21日 |
|
応募期限
|
2016年07月25日 |
|
必要なスキル
|
応募状況
| 応募した人 | 2 人 |
|---|---|
| 契約した人 | 2 人 |
| 募集人数 | |
| 気になる！リスト | 5 人 |
仕事の詳細
|
■依頼の概要 ・Bootstrap3を用いて、Webサイトのリニューアルを予定しております。 ■依頼の詳細 ・静的HTML5/CSS/JavaScript(jQuery)コーディング依頼 本件Ruby on RailsによるWebサイトですが、静的HTML5/CSS/JavaScript(jQuery)を 担当していただきます。 実際のテンプレート（.erb形式のファイル）には弊社にて組み込みいたします。 ■発注手順 １．応募者様からのお申し込み ↓ ２．弊社にて選考いたします。 ※応募期限よりも早く終了する場合があります。 ↓ ３．応募者様のご回答やご経験から、3-4人の方に見積をお願いします。 ＜説明＞ 健康記事サイトのHTMLコーディング（1ページ）について、お見積りをお願いいたします。 ※画面イメージ（.jpg形式）と資料（画面説明資料）をお付けします。 おおよそ4-5万円になるのではないかと考えております。 （この3-4人の方それぞれに見積作成料3000円をお支払いします） ＜期限＞ 見積期限：発注から1-2日以内 ↓ ４．お見積りいただいた方のなかから2-3人の方に、指定のWebページ（トップページ）を 1ページ分作成依頼します。 ＜説明＞ 受注された方には、おおよそ4日後のマイルストーン1で制作料の半額をお支払いします。 マイルストーン1（途中経過報告）の際に、弊社にて不足している機能や要素の有無を 相談させていただきます。 その2-3日後の期日の際に納品いただき、検品後、制作料の残り半額をお支払いします。 ＜期限＞ マイルストーン1期限：見積後、発注から4日以内 納品期限：発注から8日以内 ※マイルストーン1期限から2-4日後 ↓ ５．本件完了後は、いずれかお一人に継続案件（下層ページ）を依頼させていただく予定です。 ※サイト全体の規模は10テンプレート弱の予定です。 ■サイトの概要 ・健康情報に関するWebサイトになります。 ・一部のページにカルーセル（スライドショー）やJavaScript使用箇所があります。 ・JavaScriptは、jQueryを使用します。 ・カルーセル（スライドショー）等については、使用するライブラリ（slick.js等）を 弊社にて指定いたしますが、都度相談による変更も可能です。 （どのくらい普及しているかといった知名度やプラグインの完成度によります） ■サイト制作時の注意 ・一部のページには、印刷用CSSコーディングが必要です。 印刷用CSSコーディングは下記を参考にお願いいたします。 http://bashalog.c-brains.jp/16/05/23-132424.php ・スマホ幅でのハンバーガーボタン押下後のメニューパーツを JavaScriptとCSSでの制作をお願いいたします。 実装イメージ https://www.rodesk.com/ ・カルーセル（スライドショー）は、画像一枚のスライドではなく、 HTMLの要素のスライドショーになります。 （もっとも簡素な場合 <div><img src="foo.png" alt="bar"></div> 形式） ・デザインデータ（Photoshopデータ）のボタン等は極力CSSにて、 制作をお願いいたします。 ■対象ブラウザ 下記のブラウザでの表示確認を行います。 ・IE11以上、Microsoft Edge、Google Chrome、Firefox ・Mobile Safari(iPhone 4S+iOS8以上のiOSデバイス) ・Android標準ブラウザ(Android 4.3以上)、Android版Google Chrome ・Galaxy(Android)標準ブラウザ ■弊社の準備 仕様や技術の不透明な点については、弊社担当者2名体制にて支援いたします。 ・デザインデータ（PSDファイル）※ページによってはPC版とスマホ版の2ファイル ・仕様書※ページによってExcelファイル（.xlsx形式）もしくはテキストファイル ・HTML/CSS/JavaScriptコーディングガイドライン ■受注者様からの納品物 ・HTMLファイル ・CSSファイル ・画像ファイル ・JavaScriptファイル ■納品時の主要な確認事項 ・Total Validator による検証エラーの有無（ゼロ件か否か） https://www.totalvalidator.com/ ・HTMLは正しくインデント（開始タグと終了タグは同一タブ数か）されているか否か ・CSSはセレクタごとにソートされ、各CSSプロパティは、一定の基準でソートされているか否か ■要求するスキル・環境 ・HTML5/CSS/JavaScript(jQuery)/Bootstrap3のスキル ・Photoshop CCの.psd形式のファイルを正常表示、スライスできる環境 ・Excel 2010以降の.xlsx形式のファイルを正常表示できる環境 （下記のExcel Viewerでも可能です） Excel Viewer https://www.microsoft.com/ja-jp/download/details.aspx?id=10 下記の知識・ご経験がある場合、採用や今後の案件の報酬にて優遇いたします。 ・CSSの設計能力（BEM） BEM概要 https://github.com/juno/bem-methodology-ja/blob/master/definitions.md https://github.com/kiwanami/CSS-Guidelines#naming-conventions BEM形式のCSSで記述されたサイトの実例 https://www.ookunitamajinja.or.jp/ http://teruhone.com/ https://snapdish.co/ ・CSSの詳細度管理(CSS適用のためのid属性を乱用しない等) http://blog.kubosho.com/entry/using-atomic-design https://jonassebastianohlsson.com/specificity-graph/ ・HTMLの整形ツール(Atom-Beautifyプラグイン等) ・CSSの整形ツール(CSScomb等) ■重視する点 ・レスポンシブWebデザインのコーディング経験 ・テンプレート組み込みを想定したコーディング経験（最大文字長対策等） ・コーディングの品質と速度 ■注意点・禁止事項 ・お渡ししましたデザインデータやExcelファイルは納品完了後、 ファイルの削除をお願いいたします。 以上です。よろしくお願いいたします。 |
| 特記事項 |
|---|
|
|
クライアント情報
最近応募したクラウドワーカー
| クラウドワーカー | 応募日時 |
|---|---|
（退会済み）
|
2016/07/22 14:36 |
FamilyTable
|
2016/07/21 21:13 |
