モーリーのメモスマートフォン用の表示で見るモーリーのメモアプリ開発等(プログラミング、CG作成)、興味を持ったことを実践してまとめるブログです。JavaScriptこちらの記事で改良版も紹介しています。『結合セルの自動判別』や『文字色・セルの背景色を反映』等の機能を追加しています。mmorley.hatenablog.comGoogleスプレッドシートに、↓こう書いてぽちっとするとテーブルタグが出来るようにします。記事に貼り付けるとこうなります。3見出しセル(thタグ)、文字寄せ、セル内の改行、セルの結合が出来ます。私が使用している環境です。(64-bit)設定方法Googleスプレッドシートは、無料で使えるオンラインの表計算(エクセルみたいな)アプリです。利用するにはgoogleアカウントが必要です。画面右下の赤い『+』をクリック『無題のスプレッドシート』が開きます。名前は何でも構いません。3.スクリプトエディタを開く『ツール』-『スクリプトエディタ』をクリックスクリプトエディタで『無題のプロジェクト』が開きます。『保存』ボタンをクリックプロジェクト名を入力して『OK』をクリック名前は何でも構いません。『テーブルタグ作成』メニューを追加します。『実行』-『onOpen』をクリック『許可を確認』をクリック『許可』をクリックスプレッドシートに戻ると、メニューに『テーブルタグ作成』と『シートをクリア』が追加されています。下記の手順でテーブルタグを作成します。自由に背景と文字寄せを設定します。『テーブルタグ作成』の『結合あり』もしくは、『結合なし』をクリックメッセージに表示されるテーブルタグをコピペするテーブルを作り直す場合は『シートをクリア』-『実行』をクリック詳細テーブルになるのは、スプレッドシートの左上(A1セル)から値のあるセルまでです。背景が白色の場合は通常セル(tdタグ)、白色以外の場合は見出しセル(thタグ)になります。背景色ではなくタグの種類が変わります。水平方向の文字位置(文字寄せ)が反映されます。垂直方向は反映されません。セル内の改行をbrタグに書き換えます。『テーブルタグ作成』-『結合あり』をクリックした場合、となり合うタグの内容が同じ(空白以外)であれば結合されます。空白行を結合したい場合は、セルにスペースを入力して下さい。結合したセルが長方形になるような結合は出来ると思います。d5結合した場合、一番左上のセルの種類(通常、見出し)、文字寄せが反映されます。はてな記法でもテーブルタグを使う理由このブログは、はてな記法で書いています。はてな記法にはテーブルを簡単に書く方法がありますが、セルの文字寄せや結合がありません。リスト記法の連番が途切れてしまいます。はてな記法の場合+リスト1|*グループ|*名前|*個数||果物|りんご|2||果物|みかん|1|+リスト2↑このように書くと↓こうなります。1リスト2リストの連番が途切れます。align="right">1</td></tr></table>+リスト2brタグに続けてテーブルタグを書いています。『+リスト1&ltbr>』から『</table>』まで1行です。1リスト2リストの連番が続きます。あとがき作成したテーブルタグをクリップボードに出力できたら良いのですが、オンラインソフトの制約で出来ないみたいです。確かに、オンラインからクリップボード操作できたら怖いですね。こちらの記事の続きを行います。(8)参加グループプログラミングリンクはてなブログブログをはじめる週刊はてなブログはてなブログProはてなブログをはじめよう!mmorleyさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。