【エンジニア育成トレーニング】CSVのデータセットをHTMLに変換する

エンジニア育成トレーニング

概要

この記事は、エンジニアのスキルアップをはかるため、あえてやり方は明示せず、課題解決するスキルアップを身に着けるためのトレーニング問題を記載します。

今回はCSVからHTMLファイルを作成することを課題としています。

自分で課題解決するための能力を身に着けるために、自分で考え、実践してみて、それから回答例を見るようにすると効果的です。回答例は、社内勉強会で実際にでた回答を記載しています。

課題

CSVをHTMLで表形式で表示できるように変換し、HTMLファイルを作成してください。

利用するCSVファイル

Pokemon.csv

※ Kaggleのデータセット「Pokemon with stats」を利用させていただいております。

Pokemon with stats
721 Pokemon with stats and types

回答例

 

正規表現を使用する方法

正規表現の使えるテキストエディタ(vscode)を使用して、以下のコマンドで変換する。

正規表現でカンマをtdタグに置換

  • 「,」=>「</td><td>」
  • 「^」=>「<tr><td>」
  • 「$」=>「</td></tr>」

ヘッダ部分を正規表現でtdタグからthに変換(選択範囲のみ置換)

  • 「td>」=>「th>」

tableタグをファイル先頭と末端に記載

 

変換サイトを使用する方法

Convertio — ファイルコンバーター
Convertio -オンライン上でファイルを簡単に変換するツールです。309以上の様々な文書、画像、スプレッドシート、電子書籍、アーカイブ、プレゼンテーション、音声及び動画のフォーマットをサポートしています。
CSV HTML 変換 オンライン - AnyConv
AnyConvは、5つ星のCSVからHTMLへの変換ツールです ⭐ 数秒でオンラインでcsvファイルをhtmlに変換します 👍 ソフトウェアのインストールは不要です ✌ 絶対に無料です 🔅 完全に安全。

コメント