【javascriptによるレスポンシブ対応のみ】テーブルを常に等倍に表示するためのプログラム作成(ソースファイル納品のみ) Webプログラミングの仕事の依頼

research_labo

5.0 (6件のレビュー) 本人確認済み発注ルールチェック未回答

クラウドワークスで発注するにあたり、必要な知識・ルールを確認するためのチェックテストです。
もっと詳しく

仕事の概要

固定報酬制	〜 5,000円
納品完了日	2018年01月25日
掲載日	2018年01月20日
応募期限	2018年01月25日

応募状況

応募した人	4 人
契約した人	0 人
募集人数	1 人
気になる！リスト	3 人

この仕事に応募したクラウドワーカーを見る

仕事の詳細

【javascriptによるレスポンシブ対応のみ】テーブルを常に等倍に表示するためのプログラム作成(ソースファイル納品のみ) PC・モバイル向けのWebサイト・機能を開発したいと考えており、手伝ってくださるウェブエンジニア・プログラマの方を募集させていただきます。お願いできる方がいらっしゃいましたら、他のお願いしたいお仕事もあり、継続的にお声かけさせて頂けたらと希望しております。お仕事の詳細： ▽Webプログラミング依頼の目的・概要レスポンシブのテーブルを作りたい。 https://necomesi.jp/blog/tsmd/posts/110 https://necomesi.jp/staff/shimada/responsive-table/ 上記内容を、実装したいと思っております。その際、上記ソースでは、 <div class=""> <table border="1" style="min-width: 1000px"> となっていますが、・ <table class=""> という形で、テーブルにクラスを指定するだけで、レスポンシブのテーブルが表示できるようにしたいです。・また、ページ内に複数の縦横比のテーブルを配置した際も、各テーブルに、<table class=""> と指定するだけで、それぞれのテーブルが、サンプルと同じように、レスポンシブ表示されるように表示したい。・併せて、h1や、h2などの、要素に対しても、スマホで見た際に、h1内が長文であっても改行されないように、レスポンシブで、サンプル同様の表示がされるように表示したい。 ※通常のレスポンシブ対応は、media queryを使うと思いますが、media queryを使わずに、javascripで、等倍に文字とテーブル自体を縮小表示し、ユーザーには、スワイプで、拡大縮小してみてもらう、という内容です。すでに、ビューポートの設定は、<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=yes">になっています。ちなみに上記ソースの問題点を記載しておきますと、・ページ内に複数の縦横比のテーブルがある場合、上手く動作しない・テーブルごとに、<div class="">で囲わずに、<table class=""> と言う記述にしたい (jqueryなどで、自動的に<div class="">などで、囲われる方法でも問題ありません。) ・responsive-table01、responsive-table02のように、毎回クラス名を変更しなくても、すべての<table class="">で、レスポンシブ対応されるようなプログラムにしたいという三点です。分かりにくい点、ご不明な点は、お気軽にご連絡頂けますと幸いです。どうぞよろしくお願い致します。 ▽参考Webサイト HTMLファイルの納品でお願い致します。 ▽使用するプログラミング言語/ツール/特殊技術（テクノロジー）・Javascript（jQuery）の技術・HTML / CSSの技術（ウェブページのコーディング技術） ▽重要視する点・拡張性・生産性の高いコーディング力・クライアント企業とのコミュニケーションに慣れている方 ▽注意点・禁止事項 ※他で登録されているデザインや商標の転用など、他社の知的財産権を侵すこと ※他のクライアントへ既に提案した内容の転用など ▽その他コメント ※実際のWebプログラミングの進め方・別途詳細は、　クラウドワークスのメッセージでやりとりして決められればと思います。多数のウェブエンジニア・プログラマの方からのご連絡・ご応募お待ちしております。
特記事項
急募未経験可

【javascriptによるレスポンシブ対応のみ】
テーブルを常に等倍に表示するためのプログラム作成(ソースファイル納品のみ)

PC・モバイル向けのWebサイト・機能を開発したいと考えており、
手伝ってくださるウェブエンジニア・プログラマの方を募集させていただきます。

お願いできる方がいらっしゃいましたら、他のお願いしたいお仕事もあり、継続的にお声かけさせて頂けたらと希望しております。

お仕事の詳細：
▽Webプログラミング依頼の目的・概要
レスポンシブのテーブルを作りたい。

https://necomesi.jp/blog/tsmd/posts/110
https://necomesi.jp/staff/shimada/responsive-table/

上記内容を、実装したいと思っております。

その際、上記ソースでは、
<div class=""> <table border="1" style="min-width: 1000px">
となっていますが、

・ <table class=""> という形で、テーブルにクラスを指定するだけで、レスポンシブのテーブルが表示できるようにしたいです。

・また、ページ内に複数の縦横比のテーブルを配置した際も、各テーブルに、<table class=""> と指定するだけで、それぞれのテーブルが、サンプルと同じように、レスポンシブ表示されるように表示したい。

・併せて、h1や、h2などの、要素に対しても、スマホで見た際に、h1内が長文であっても改行されないように、レスポンシブで、サンプル同様の表示がされるように表示したい。

※通常のレスポンシブ対応は、media queryを使うと思いますが、media queryを使わずに、javascripで、等倍に文字とテーブル自体を縮小表示し、ユーザーには、スワイプで、拡大縮小してみてもらう、という内容です。すでに、ビューポートの設定は、<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=yes">になっています。

ちなみに上記ソースの問題点を記載しておきますと、
・ページ内に複数の縦横比のテーブルがある場合、上手く動作しない
・テーブルごとに、<div class="">で囲わずに、<table class=""> と言う記述にしたい
(jqueryなどで、自動的に<div class="">などで、囲われる方法でも問題ありません。)
・responsive-table01、responsive-table02のように、毎回クラス名を変更しなくても、すべての<table class="">で、レスポンシブ対応されるようなプログラムにしたい

という三点です。

分かりにくい点、ご不明な点は、お気軽にご連絡頂けますと幸いです。
どうぞよろしくお願い致します。

▽参考Webサイト
HTMLファイルの納品でお願い致します。

▽使用するプログラミング言語/ツール/特殊技術（テクノロジー）
・Javascript（jQuery）の技術
・HTML / CSSの技術（ウェブページのコーディング技術）

▽重要視する点
・拡張性・生産性の高いコーディング力
・クライアント企業とのコミュニケーションに慣れている方

▽注意点・禁止事項

※他で登録されているデザインや商標の転用など、他社の知的財産権を侵すこと
※他のクライアントへ既に提案した内容の転用など

▽その他コメント

※実際のWebプログラミングの進め方・別途詳細は、
　クラウドワークスのメッセージでやりとりして決められればと思います。

多数のウェブエンジニア・プログラマの方からのご連絡・ご応募お待ちしております。

特記事項

急募

未経験可