今さら聞けないHTML　2022年11月22日

htmlのテーブルをJavaScriptでTransposeする

https://stackoverflow.com/questions/6297591/how-to-invert-transpose-the-rows-and-columns-of-an-html-table

“`javascript
targetTable = $0; // 対象のテーブルElement

// 配列に詰め替えつつTransposeする
ar2 = [];
Array.from(targetTable.querySelectorAll(‘tr’), tr =>
Array.from(tr.querySelectorAll(‘td,th’))).map((td, x) => {
td.map((tr, y) => {
ar2[y] ? 0 : ar2[y] = []; // eq) ar2[y] ??= [];
ar2[y][x] = tr.cloneNode(true); // xyを逆にすることでtransposedになる
});
}
);

// 詰め替え済みの配列をテーブル化する
newT = docume

kintone と EDITROOM の機能連携の実例解説： 自作プラグインを利用した連携２―設定画面

# 目次

– [目次](#目次)
– [はじめに](#はじめに)
– [作業](#作業)
– [（再掲）全体のユースケース](#再掲全体のユースケース)
– [本記事中の作業範囲](#本記事中の作業範囲)
– [開発](#開発)
– [1. (opt.)ちょっとした手間の短縮](#1-optちょっとした手間の短縮)
– [2. 設定値を再定義](#2-設定値を再定義)
– [3. アップロード・動作確認](#3-アップロード動作確認)
– [(opt.) 手動でアップロードする方法](#opt-手動でアップロードする方法)
– [4. REST API発火のための準備](#4-rest-api発火のための準備)
– [5. 動作確認](#5-動作確認)
– [所感](#所感)
– [おわりに](#おわりに)

# はじめに

アップデイティットの毛利です。

前回に引き続き、弊社の「[EDITROOM](https://editroom.updateit.co.jp/)」と kintone の自作プラグインを繋いで動

kintone と EDITROOM の機能連携の実例解説： 自作プラグインを利用した連携１―準備

# 目次

– [目次](#目次)
– [はじめに](#はじめに)
– [前提知識](#前提知識)
– [前提条件・準備](#前提条件準備)
– [作業](#作業)
– [全体のユースケース](#全体のユースケース)
– [本記事中の作業範囲](#本記事中の作業範囲)
– [開発環境の準備](#開発環境の準備)
– [1. create-plugin による初期設定](#1-create-plugin-による初期設定)
– [2. 設定画面系の全削除](#2-設定画面系の全削除)
– [3. 動作確認](#3-動作確認)
– [所感](#所感)
– [おわりに](#おわりに)

# はじめに

アップデイティットの毛利です。

先日、弊社から「[EDITROOM](https://editroom.updateit.co.jp/)」という BtoB 向けの文書作成クラウドサービスをリリースしました。
データの収集・検証から、文書作成・配

【HTML】中一がリアルタイムでブログを作るまで #1

こんにちは。ユウフと申します。

最近、色々あってプログラミングに興味を持ちました。
そこで、HTMLやCSSなるものを使いブログを作って公開するところまでを記していこうと思います。

今後ともよろしくお願いします！

P.S. エディタはVisual Studio Codeを使います。

簡易ピアノWebアプリ

手動演奏とチャイムの自動演奏のWebピアノアプリを開発しました。
JavaScriptのAudioContentを使って作成しました。

“`html