概要
この記事は、エンジニアのスキルアップをはかるため、あえてやり方は明示せず、課題解決するスキルアップを身に着けるためのトレーニング問題を記載します。
今回はCSVからHTMLファイルを作成することを課題としています。
自分で課題解決するための能力を身に着けるために、自分で考え、実践してみて、それから回答例を見るようにすると効果的です。回答例は、社内勉強会で実際にでた回答を記載しています。
課題
CSVをHTMLで表形式で表示できるように変換し、HTMLファイルを作成してください。
利用するCSVファイル
※ Kaggleのデータセット「Pokemon with stats」を利用させていただいております。
Pokemon with stats
721 Pokemon with stats and types
www.kaggle.com
回答例
正規表現を使用する方法
正規表現の使えるテキストエディタ(vscode)を使用して、以下のコマンドで変換する。
正規表現でカンマをtdタグに置換
- 「,」=>「</td><td>」
- 「^」=>「<tr><td>」
- 「$」=>「</td></tr>」
ヘッダ部分を正規表現でtdタグからthに変換(選択範囲のみ置換)
- 「td>」=>「th>」
tableタグをファイル先頭と末端に記載
変換サイトを使用する方法
Convertio — ファイルコンバーター
Convertio －オンライン上でファイルを簡単に変換するツールです。309以上の様々な文書、画像、スプレッドシート、電子書籍、アーカイブ、プレゼンテーション、音声及び動画のフォーマットをサポートしています。
convertio.co
CSV HTML 変換 オンライン - AnyConv
AnyConvは、5つ星のCSVからHTMLへの変換ツールです ⭐ 数秒でオンラインでcsvファイルをhtmlに変換します 👍 ソフトウェアのインストールは不要です ✌ 絶対に無料です 🔅 完全に安全。
anyconv.com
コメント