WEBマーケ、WEBコンサル事業を行なっています。
×
固定報酬制
|
100,000円 〜 300,000円
|
---|---|
納品完了日
|
- |
掲載日
|
2020年06月25日 |
応募期限
|
2020年07月02日 |
応募した人 | 9 人 |
---|---|
契約した人 | 1 人 |
募集人数 | 1 人 |
気になる!リスト | 4 人 |
■概要 弊社でスキンケア診断ページの製作します。 そこでThymeleafを使い、診断ロジックの構築をお願いいたします。 現状仕様が固まりっきってないため、仕様は固まり次第共有します。 お見積りについては仕様が固まってからご提案いただければと思います。 ◎Thymeleaf について https://qiita.com/NagaokaKenichi/items/c6d1b76090ef5ef39482 https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf_ja.html ■例 コーディングサンプルは下記の仕様となります。 サンプルURL: https://ec-force.com/d2c-questions/page/jzcdk3prdnllup [thymeleaf記述例] <!doctype html> <html lang="ja"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <meta name="format-detection" content="telephone=no"> <title th:text="${personalize.name}">D2C診断</title> <link href="./assets/cssmin/ss.css" rel="stylesheet"> <link href="./assets/cssmin/main.min.css" rel="stylesheet"> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-115167510-14"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-115167510-14'); </script> </head> <body class=""> <header> <div class=""> <ul class=""> <li class=""></li> <li class=""></li> <li class=""></li> <li class=""></li> <li class=""></li> <li class=""></li> <li class=""></li> <li class=""></li> <li class=""></li> <li class=""></li> <li class=""></li> <li class=""></li> <li class=""></li> <li class=""></li> </ul> </div> </header> <main class=""> <div class=""> <h1 class=""> <span class="">Question 1</span> [(${questions[0].question})] </h1> <form> <div class=""> <div th:each="question, q_state : ${questions}" class=""> <div th:each="item, i_state : ${question.items}" class=""> <input th:name="${item.name}" th:value="${item.value}" th:checked="${i_state.index == 0}" th:id="'radio' + ${i_state.size * q_state.index + i_state.index}" type="radio" name="test2" value="val1" id="radio4" checked required> <span></span> <label th:for="'radio' + ${i_state.size * q_state.index + i_state.index}" for="radio4" th:utext="${item.text}"></label> </div> </div> </div> </form> </div> </main> <footer> <div class=""> <button class="" onclick="PSL.doPrevPage();"> BACK </button> <button class="" onclick="PSL.doNextPage();"> NEXT </button> </div> </footer> <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> <script src="assets/js/common.js"></script> </body> </html> ■応募の際に ・プロフィール ・現在のご職業 ・Thymeleafを使った実績 ※実際の制作物あれば、提示いただけますと幸いです。 |
特記事項 |
---|
|
クラウドワーカー | 応募日時 |
---|---|
JJTK | 2020/07/02 19:32 |
aiueo_3 | 2020/07/01 15:40 |
koutaou | 2020/06/29 21:05 |
Devo-Phoenix | 2020/06/29 12:29 |
wangxinyang1983 | 2020/06/27 16:51 |
lard4c | 2020/06/26 22:15 |
madan386452 | 2020/06/25 23:29 |
RTashiro | 2020/06/25 18:49 |
heraclius518 | 2020/06/25 18:49 |