とあるweb屋の仕事術

とあるweb屋の仕事術

10年以上現役のweb製作屋さん。web製作雑務全部やる。

tableコーディングするのめんどくさい。ジェネレーターでサクッとHTML化してしまおう

tableコーディングするのめんどくさい。ジェネレーターでサクッとHTML化してしまおう

tableのコーディング・実装に役立つツール

のご紹介。

tableのコーディングは面倒なので、

ジェネレーターでサクッと

HTML化してしまいましょう。

 

表のレイアウトをwebサイトに

掲載する際にtableをコーディング

する場面はそこそこ多いです。

 

簡単な表をtable組みしてマークアップ、

コーディングするのであれば

苦労はないのですが、

少し複雑な表レイアウトであれば、

自分でコードをいちいち書くのは

けっこうめんどくさいものです。

 

そんなときに便利なツール。

自分でコードをちまちま書くより

ジェネレーターを利用するほうが

時短できておすすめです。

 

Table Tag Generator
HTMLの表を簡単に作成・結合ツール。テーブルタグジェネレーター

https://tabletag.net/ja/

HTMLの表を簡単に作成・結合ツール。テーブルタグジェネレーター

HTMLの表を簡単に作成・結合ツール。テーブルタグジェネレーター

ドラッグドロップでセルを追加、結合でき、

文字も入れ込みできます。

リアルタイムでHTMLソースとCSSなど装飾も

確認・編集できます。

 

 

エクセルのセルをコピペしてテーブルに変換する

ジェネレーターもあります。

 

エクセルからテーブル(html)作成ツール

https://html-css-javascript.com/excel-table-html/

エクセルのセルをコピペしてテーブルに変換できるツール

エクセルのセルをコピペしてテーブルに変換できるツール

エクセルかGoogleスプレッドシートで

表を作成したらこのツールにコピペして

サクッとHTML化。

めちゃくちゃ便利ですね。

 

複雑なtableを組むときはツールを

使って効率よく開発していきましょう。