GoogleドキュメントをHTMLに変換「ポチッとHTML」-スプレッドシート（GAS）版

Googleドキュメントに執筆した文章を、HTMLに変換する際には「Docs to Markdown」というアドオンが一般的に使われます。

ただ、テーブルのヘッダーセルを指定できなかったり、HTML化したあとにタグを書き換えたりするのが本当に面倒で（筆者が…）。

そこで、この悩みを解決するべくスプレッドシートの「Gas（Google Apps Script）」で、GoogleドキュメントにあるテキストをHTMLに変換する「ポチッとHTML」を制作しました。

• GoogleドキュメントをHTML化できる
• タグは細かく設定して面倒な手間を省ける
  
  →つまり、サクッとHTML化して入稿の時間を短縮できるツールです。

編集権限のあるGoogleアカウントがあれば誰でも使えて、HTMLの指定はシートごとでバラバラに設定できます。

簡単な初期設定だけしておけば、あとはボタンを押して実行するだけです。  

「ポチッとHTML」は500円（税込）の買い切りで、購入後にスプレッドシートをフォルダにコピーするだけで利用を開始できます。

個人利用の範囲であれば、Gasに書かれたコードを改変しても問題ありませんし、ライターに配布しても構いません（カスタマイズはお問い合わせより、相談いただければ柔軟にお見積りします）。

詳細な使い方のマニュアルもスプレッドシートに添付していますので、ぜひご利用ください。  

＞＞ポチッとHTMLを購入する
（決済画面に移行します）

ポチッとHTMLの主な機能

ポチッとHTMLは、Googleドキュメントで作成した文章を指定のタグでカスタマイズできる「HTML変換ツール」です。

主な機能は、以下のとおりです。

1. Googleドキュメントの文章をHTMLへ変換する
2. 指定した対象のテキストを一括置換できる
3. クライアントごとにHTML設定をシートで変更できる

Googleドキュメントの文章をHTMLへ変換する

ポチッとHTMLでは、対象となるGoogleドキュメントの文章を、指定したHTMLタグを使って変換してから別シートへ出力します。

書式設定を読み込みますから、余計なタグを設定しなくてもそのまま変換できます（デフォルトでH2・H3・H4のタグは変換前に自動削除しています）。

お好きなHTMLタグを設定できますので、太字装飾を変換して黄色下線といった形で有効活用していただければと思っています。

また、HTMLはいつでもカスタマイズできますので、急な仕様変更があってもおおよそは対応できるはずです。

表のthタグの設定は太字で対応

表をHTML化する際にネックとなるのが、<td>を<th>（いわゆるヘッダー）に変換する方法です。

ポチッとHTMLでは、ヘッダーに変換したい部分だけ太字を反映していただければ、自動的に<td>が<th>に変換されます。

なお、表にリストを埋め込むといった入れ子構造には対応しておりません。

指定した対象のテキストを一括置換できる

ポチッとHTMLには、ただHTMLに変換するだけではなく、一括でテキストを置換する補助機能を備えています。

個人で別に販売している「ポチッとテキスト（後述）」よりは劣りますが、正規表現で一致したもの「すべて」を変換できます。

例えば、内部リンクを差し込みたい場所に「★」を記述し、そのまま置換するといった形です。

また、通常のHTMLタグでは対応しきれないもの（divを追加する等）も、特定のテキストを付与して置換するだけでまとめて設定できますから、面倒な手間を一定以上カットできます。

ポチッとテキストとの違い

ポチッとHTMLは、あくまでも変換が目的ですから、文章の置換の精度はポチッとテキストより低いです。

例えば、以下の場合もすべて対象となりますので、表記統一のための一括変換にはリスクがあります。

• 見出し
• リスト
• 表

一方で、ポチッとテキストは置換対象をそれぞれ指定でき、無駄な置換のロスはありません。

ポチッとHTMLでは、HTMLの変換を補助する程度としてお使いください。

※ポチッとテキストの詳細はこちら

クライアントごとにHTML設定をシートで変更できる

ポチッとHTMLは、変換するHTMLをシートごとに設定できるよう作られています。

例えば、A社にはA社のシート、B社にはB社のシートといった形で設定しておくと、複数の媒体にも対応できるわけです。

意外にも、<p>タグを<span>にしてほしい、<b>タグを<strong>にしてほしいといった細かい違いがあります。

こうした際にも迅速な対応を求められることから、個人的にも便利だと思って追加した機能です。

好みで設定できるHTMLのオプション

ポチッとHTMLでは、好みにあわせられるように個別で以下のオプションを用意しました。

• 目次
• ID
• Aタグ

目次オプションでは、H2〜H4までのタグにID用の「#〜〜〜」を付与できます。

IDオプションと組み合わせると、すべてH4まではリンク化できますので、目次を別途で作るときに便利です。

また、目次はデフォルトでリスト化しますが、リストを外して設定したタグだけを付与したものを出力できます。

Aタグオプションでは、以下の4種類を追加で変換できます。

• 新しいタブで開く
• rel = “nofollow”を追加
• rel = “sponsored”を追加
• rel = “UGC”を追加

ただ、Gasの使用上すべてのAタグに入ってしまう点だけは、ご了承ください（要望が多ければ修正します。本当にすみませんです）。

＞＞ポチッとHTMLを購入する
（決済画面に移行します）

ポチッとHTMLに寄せられるよくある質問

ポチッとHTMLはGoogleドキュメント以外に対応していますか？

申し訳ありませんが、Googleドキュメントのみとなっております。

Wordを扱う場合は、Driveに保存し、Googleドキュメントに変換してからお使いくださいませ。

対象となる文章の範囲はどこまで？

Googleドキュメントに記載されているテキストがすべて対象となります。

置換したくないテキストを取り除き、タイトルからまとめまでをGoogleドキュメントに転記して使ってください。

どのように判断してHTML化されていますか？

Googleドキュメントにある書式設定の機能を、Gasで読み取り反映しています。

そのため、Hタグがついていても標準テキストとなっていれば、Hタグは反映されません。

リストや表も同様です。

表が正常に変換できないのはなぜですか？

ポチッとHTMLでは、ヘッダーに変換したい部分だけ太字を反映していただければ、自動的に<td>が<th>に変換されます。

変なところに入っていても、そのセルはヘッダーです。どう足掻いてもヘッダーになります。

また、セル結合された表には対応しておりません（アップデートしようかは迷い中です）。

正常に動作せずにエラーが起きるのはどうして？

正常に動作しない場合は、以下のことが考えられます。

• 表にリストが入れ子になっている
• Googleドキュメントが対象になっていない（.Docsは未対応）
• 入力しているHTMLに誤り（空欄や変なタグなど）がある　など

なお、筆者の個人仕様で作られており、セル結合が嫌いなので対応してませんし、表リストを埋め込むといった入れ子構造にも対応しておりません。

入力したデータはどこかに送信されますか？

購入されたスプレッドシートからデータを収集したり、Googleドキュメントからテキストを読み込んだりはしません。

ポチッとHTMLでは、テキストをHTMLに変換したり、テキストを置換したりする機能のみが備えられています。

入力したクレジットカードの情報やアドレスはどうなりますか？

Stripeによる決済を採用しており、クレジットカード情報の収集・保管はおこなっておりません。

また、入力されたアドレスにつきましても同様です。

購入したスプレッドシートのプログラムが動かなくなったときは？

付属しているマニュアルをお読みいただき、操作方法にお間違えがないか確認してください。

また、作者のミスによって動作しない場合に限り、無償で修正しますので、お問い合わせください。

本製品は毎月動作を確認していますが、Google側のアップデートによって正常に動作しなくなる場合があります。

目次オプションがH4までなのにIDはH5まであるのはなぜ？

なぜでしょう？作者もよくわかりませんが、何かに使ったまま残していたのだと思います。

個人で使っていたシートを調整して販売しているだけですので、どうしても不思議な部分ってありますよね。

フォルダの保存先は変更できますか？

フォルダの保存先を任意の場所に変更することもできます。方法は2種類ありますので、ご自身に合ったものをお選びください。

①コピーする際に指定する

スプレッドシートをコピーする際に、フォルダを指定できます。

なお、保存したフォルダでは「編集者」の権限が必要です。閲覧者等では、プログラムの実行においてエラーが発生します。

②コピーした後に移動する

スプレッドシートをコピーしたあとに、フォルダを指定できます。

こちらも同様に、権限の付与が正しく行われている必要がありますので、ご注意ください。

「Exception: ドキュメントにアクセスできません。しばらくしてからもう一度お試しください」と表示される

こちらのエラーメッセージには多くの情報が含まれています。想定されるものを列挙しますので、ご確認をお願いします。

1. 対象のドキュメントがWordである
   →こちらはWordをGoogleドキュメントに変換の上、実行をお願いします。
2. アクセス権限が足りていない
   →Googleドキュメントのアクセス権限が編集者でなければ実行できません。権限をご確認ください。
3. 情報量が多すぎる
   →Googleドキュメントにある情報量（文章量）が15,000文字を超えている場合には動作が重くなることがございます。場合によっては分割していただくと改善することがあります（こちら軽量化に向けて現在調整中です）。

そのほかにも、回線および端末が重くなっていること、セキュリティソフトによる阻害、複数のGoogleアカウントでのログインによって権限のないもので実行しているなどが挙げられます。

なお、Google側で発生したエラーによっても引き起こされます。ブラウザの再起動およびキャッシュの削除を実施し、同様の不具合が出た場合は1時間ほど開けて実行してみてください。

記述されているコードが汚くて読めません。

個人で利用していたもの（そもそも作りながら育てたもの）をベースに、不要部分をカットした製品ですので、いわゆるスパゲッティーコードと呼ばれる状態のままです。

本当に申し訳ないのですが、「動けば良い→テストを続ける→整理して綺麗にする」という形でリリースしているため、今後の対応をお待ちください。

ポチッとHTMLのダウンロード

  「ポチッとHTML」は500円（税込）の買い切りで、購入後にスプレッドシートをフォルダにコピーするだけで利用を開始できます。

個人利用の範囲であれば、Gasに書かれたコードを改変しても問題ありません。

＞＞ポチッとHTMLを購入する
（決済画面に移行します）

»利用規約はこちら

詳細な使い方のマニュアルもスプレッドシートに添付していますので、ぜひご利用ください。