🎄teratailクリスマスプレゼントキャンペーン2024🎄』開催中!

\teratail特別グッズやAmazonギフトカード最大2,000円分が当たる!/

詳細はこちら
CSV

CSV(Comma-Separated Values)はコンマで区切られた明白なテキスト値のリストです。もしくは、そのフォーマットでひとつ以上のリストを含むファイルを指します。

Webサイト

一つのドメイン上に存在するWebページの集合体をWebサイトと呼びます。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

解決済

2回答

1494閲覧

csv形式で保存されているデータから属性情報で抽出したものをWebページとして表示したい

kb666

総合スコア0

CSV

CSV(Comma-Separated Values)はコンマで区切られた明白なテキスト値のリストです。もしくは、そのフォーマットでひとつ以上のリストを含むファイルを指します。

Webサイト

一つのドメイン上に存在するWebページの集合体をWebサイトと呼びます。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

0クリップ

投稿2021/01/27 07:38

実現したいこと

csv形式で保存されているデータを、属性情報でデータを抽出してWebページとして表示しようとしています。

(例)
・csvのデータ

NameclassScore_aScore_bScore_cScore_d
AC198213267
BC28705884
CC212539699
DC133599049
EC241593356
FC394783412
GC19628846
HC244961171

これをもとに、classごとにWebページを作成

・C1のwebページ

NameclassScore_aScore_bScore_cScore_d
AC198213267
DC133599049
GC19628846

同様に、C2、C3・・・のWebページも作成

質問の内容

現状、JavaScriptでcsvを読み込み、該当する行をfor文とdocument.writeでテーブルを作成してWebページを作っているのですが、Webページのレイアウトをこだわろうとした際に取り回しが悪く苦労しています。
JavaScript以外を使う方法でもよいので、よりよい実装方法はないでしょうか。

(今の実装)

JavaScript

1for(var i=1;i<result.length-1;++i){ 2 if(result[i][colOrg] == organization[j] ) { 3 document.write('<table>'); 4 document.write('<tr><td> ... </td><tr> 5 document.write('</table>'); 6 } 7} 8

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

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

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

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答2

0

I think you should upload file csv to server and use server language parse, sort and return data to browser final table as ajax method. And then, javascript will get the final response and append to html document.

投稿2021/01/27 07:54

VuDinhLoan

総合スコア25

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

kb666

2021/01/27 08:13

Thanks for your answer. For example, should I write a process to sort by python and call it by ajax method? I'm not familiar with ajax method, so I'll investigate it.
kb666

2021/01/27 08:18

Thank you so match!!
guest

0

自己解決

こちらの記事を参考にして、自己解決しました。
ありがとうございました。

投稿2021/02/01 05:44

kb666

総合スコア0

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.36%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問