第4章　表・図・イラスト

表（テーブル）のパーツをダブルクリックすると、「表を編集（グリッド）」の画面が開きます（右クリックメニューの「表を編集…」でも開けます）。表計算ソフトのように、セルを直接編集できます。

上部のチェックで「列見出し」「行見出し」「ストライプ（縞模様）」の有無を切り替えられます。

セルの編集

クリックで選択、文字入力・ダブルクリック・F2 で編集、Enter で下のセルへ、Delete で内容を消去。矢印キーで移動します。

セルの中で改行する

編集中に Shift+Enter を押すと、セルの中で改行できます（Enter だけは「確定して下のセルへ」です）。CSV から取り込んだ複数行のセルも、そのまま改行を保ったまま編集できます。

範囲選択

Shift+矢印、またはドラッグ。行番号・列名をクリックすると、その行・列全体を選択します。

コピー＆貼り付け

Ctrl+C／X／V。Excel などからの貼り付けにも対応します。

列の幅

グリッド上部の「幅」の行に、160px や 30% のように入力します（空欄で自動）。

行・列の操作

行・列の挿入・移動・削除、セルの寄せ（左・中央・右）などは右クリックメニューから行います。それぞれにキーが割り当てられていて、メニューにも表示されます（下の表）。

編集が終わったら「OK（パーツへ反映）」で文書に反映します。

「＋ パーツを追加」→「画像」で、画像パーツを挿入します。挿入時に、標準・枠付き・影付き・全幅・回り込み・キャプション重ね・クリックで拡大など、見た目のバリエーションを選べます。

画像をダブルクリックすると「画像（図）を編集」ダイアログが開き、画像の差し替えや体裁の変更ができます。

画像の取り込み方法

「埋め込み（単一 HTML に含める）」または「ファイル参照（パスで指定）」を選べます。埋め込み時は長辺を指定サイズ（既定 1600px）まで縮小できます。

EPS（イラストレーターの形式）

印刷会社やロゴの配布でよく使われる EPS も、そのまま選べます（ドラッグ＆ドロップでも取り込めます）。中身に応じて自動で振り分けます＝ロゴや線画は「図形（SVG）」に変換されるので、拡大しても粗くならず、印刷でも輪郭がはっきり出ます。写真の EPS は写真（JPEG）として取り込みます（原寸から、長辺の縮小の指定に合わせて縮めます）。EPS はブラウザが表示できない形式なので、取り込み方法を「ファイル参照」にしていても「埋め込み」へ自動で切り替えて取り込みます（切り替えたことは画面に出ます）。文字やグラデーションなど変換できない内容が入っていたときは、EPS に付いているプレビュー画像で代わりに取り込み、その理由を画面に出します。変換のために別のソフト（Illustrator など）を入れる必要はありません。

クリップボードから貼り付け

「クリップボードから貼り付け」ボタン、または Ctrl+V で、コピーしてある画像をそのまま取り込めます。画面ショット（PrintScreen・Snipping Tool）、ブラウザや画像編集ソフトでコピーした画像、エクスプローラーでコピーした画像ファイルに対応します。画面ショットのように「ファイルではない画像」は、ファイル参照にできませんので、取り込み方法を「ファイル参照」にしていても「埋め込み」へ自動で切り替えて取り込みます（切り替えたことは画面に出ます）。エクスプローラーでコピーした画像ファイルは、ドラッグ＆ドロップしたときと同じ扱いです（ファイル参照のままでも取り込めます）。長辺の縮小の指定はどちらの場合も効きます。Ctrl+V は、URL / パスの入力欄にカーソルがあるときはこれまでどおり文字の貼り付けになります。

サイズ

小・中・大・全幅・カスタム（px 指定）から選べます。

配置・回り込み

左・中央・右の配置、または左右への回り込みを指定できます。

装飾

枠・影・角丸・「キャプションを画像に重ねる」を組み合わせられます。

キャプション

空欄にすると出ません。Enter でキャプションの中に改行を入れられます（動画・音声・図形描画のキャプションも同じです）。

イラストの形

イラストを選んだときに出ます。既定は「絵に合わせる」で、絵の大きさを測って上下の余白を詰めます。アイコンは正方形の台紙に描かれているため、横長の絵（矢印など）はそのままだと上下が大きく空きます。正方形で置きたいときは「正方形のまま」を選んでください。位置ずらし（オフセット）と拡大縮小は、絵の大きさを基準に効きます（絵にぴったり合わせた箱の中で、その絵に対する割合で動き・拡大縮小します）。なお回転・反転をかけたイラストは、指定にかかわらず正方形のままになります。

背景色（透過している部分に敷く色）

PNG や SVG の透過している部分に色を敷きます。「白」やテーマの面の色から選べるほか、色コード（#eeddaa など）を直接入れれば任意の色にできます（色コードを入れると選択より優先されます）。「指定なし」のときは色を付けません（枠を付けているときは、枠の地色＝テーマの面の色が出ます）。枠の地色も消して下地を見せたいときは「透明」を選びます。透過画像が濃い背景に沈むときや、写真と並べて白地にそろえたいときに使います。枠を付けているときは、枠の中（画像のまわりとキャプション）も同じ色になります。色コードで指定したときは、キャプションの文字色も明るさに合わせて自動で調整します（白地でキャプションが薄れないように）。

クリックで拡大表示

チェックすると、読む人が画像を押したときに画面いっぱいの拡大表示が開きます。開いたあとはホイールで拡大縮小・ドラッグで表示位置を移動でき、ダブルクリックで全体表示と等倍を行き来します。タブレットやスマートフォンでは2 本指のピンチで拡大縮小、1 本指で移動できます。左下の「− ／ 拡大率 ／ ＋」でも操作でき、拡大率を押すと全体表示に戻ります。閉じるのは Esc・背景のクリック・右上の × です。細かいスクリーンショットや図面を載せるときに向いています。

図形描画（枠・矢印・文字を重ねる）

「図形描画を編集…」を押すと専用の画面が開き、画像の上に四角・丸・矢印・線・吹き出し・番号・文字を描き込めます。操作マニュアルのスクリーンショットに「ここを押します」と書き添えるための機能です。画像に焼き込むのではなく重ねているので、あとから何度でも直せますし、印刷しても文字や線が滑らかに出ます（拡大しても粗くなりません）。大きさ（小・中・大・全幅）を変えても描いたものは画像にぴったり付いてきます。画像を右クリックして「図形描画（枠・矢印・文字）…」からも開けます。「すべて消す」で描いたものをまとめて外せます。イラスト（アイコン）には重ねられません。

図形描画の画面での操作

開いた直後は「選択」になっています（すでに描いてあるものを直すつもりで開いても、押した拍子に図形が増えません）。左の道具を選んでキャンバスをドラッグすると描けます。描いたあとは「選択」に戻るので、そのまま位置や大きさを直せます。

選ぶ

クリックで1つ。Shift+クリックで足したり外したり、何も無いところからドラッグすると範囲で囲んだものをまとめて選べます。Ctrl+A ですべて選択。複数選んでいるときは移動・削除・複製・色・透過度・線の太さ・前後の並びがまとめて効きます（大きさ変更の□は 1 つだけ選んでいるときに出ます）。

右クリック

キャンバスを右クリックすると、コピー／貼り付け／複製／最前面・最背面／すべて選択／削除のメニューが出ます。

動かす・大きさを変える

ドラッグで移動、四隅・辺の□で大きさ変更。選んでいる図形は矢印キーで 1 ドットずつ（Shift+矢印で 10 ドットずつ）動かせます。

消す

Delete キー、または右の「削除」。

複製する

Ctrl+C でコピーし、Ctrl+V で少しずらして、Ctrl+Shift+V でまったく同じ位置に貼り付けます。コピーした図形は別の画像の画面でも貼り付けられます。

図そのものの大きさ・置き方

単体の図形描画は、右クリック →「大きさ・配置を設定...」で画像パーツとまったく同じ指定（小・中・大・全幅・カスタム px／左中右／回り込み／枠・影・角丸／キャプション）ができます。

拡大して細かく描く

マウスホイール、または左下の「−／％／＋」。％の部分を押すと画面に合わせた大きさに戻ります。

元に戻す

Ctrl+Z／Ctrl+Y。

文字の折り返し

文字と吹き出しは枠の幅で自動的に折り返します。右の□を左右にドラッグして幅を変えると、折り返し位置が変わります（自分で入れた改行はそのまま残ります）。

色と透過度

「線の色」「文字の色」「塗り」はパレットか色コードで指定します（吹き出しは線と文字を別々に指定できます）。アクセント・文字色を選ぶと文書のカラーテーマに追従します。それぞれに透過度があり、下の絵を透かして見せる目印や、薄い塗りつぶしが作れます。

リンク

画像にリンク先（https://… または #セクションID）を設定できます。

指定を取り消す

「クリア」ボタンで画像の指定を外せます（外すと「画像を選んでください」の仮の絵に戻ります）。埋め込んだ画像は URL 欄に文字が出ないため、このボタンが取り消す唯一の方法です。

「＋ パーツを追加」→「画像/動画」→「QRコード」で、URL や文字から QR コードを作って置けます。置いたものをダブルクリックすると「QRコードを編集」ダイアログが開きます。

内容（URL / 文字）

URL のほか、ふつうの文字も入れられます。日本語もそのまま入ります（UTF-8）。Enter で改行も入れられるので、住所や連絡先のような複数行の内容も置けます。

誤り訂正レベル

L（約 7%）／M（約 15%・標準）／Q（約 25%）／H（約 30%）から選びます。数字は「汚れたり隠れたりしても読み取れる割合」です。レベルを上げるほど QR は大きく（細かく）なります。紙に印刷して現場で使うものや、中央にロゴを重ねるときは Q か H をお勧めします。

まわりの余白

QR の外側に取る余白です（規格は 4）。0 にすると読み取りにくくなりますので、ふつうは変えないでください。

色

前景（黒い部分）と地の色を変えられます。読み取りには濃淡の差が要りますので、前景は暗い色・地は明るい色にしてください。地の色を none にすると透明になります（濃い背景の上に置くときは、前景を明るい色にします）。

大きさ・配置・装飾

小・中・大・全幅・カスタム（px）、左右中央の配置と回り込み、枠・影・角丸が指定できます。配置や装飾は画像パーツとまったく同じ指定です。大きさだけは QR コード用の寸法になっていて、小＝約 20mm 角／中＝約 30mm 角／大＝約 45mm 角（紙に印刷したときの実寸）です。選択肢にも mm を添えてあります。QR コードは「画面で何 px か」ではなく「紙で何 mm 角か」で選ぶものなので、小＝名刺や文書の隅、中＝書類・チラシの標準、大＝掲示やポスターを目安にしてください。もっと細かく決めたいときは「カスタム（px）」を選びます。

キャプションの寄せ

キャプションを左・中央・右のどこに寄せるかを、図そのものの配置とは別に決められます。既定の「図に合わせる」は「配置」と同じ寄せになります。回り込みを指定すると「配置」は効かなくなるので、回り込ませた QR のキャプションを中央にしたいときは、ここで「中央」を選んでください。

紙に出る大きさ

プレビューの下に、版（マス数）や訂正レベルとあわせて印刷したときの大きさ（何 mm 角か・1 マスが何 mm か）が出ます。1 マスが 0.5mm を切ると赤で知らせます。読み取りにくいときは、サイズを大きくするか、内容を短くしてください。

※ Markdown で書き出すと、QR コードは絵ではなく「QRコード: （中身の文字）」として出ます。受け取った側が読み取れない絵よりも、元の URL のほうが役に立つためです。

「＋ パーツを追加」→「画像/動画」から、動画（標準・枠付き・全幅・キャプションなし）、動画リンク（YouTube 等）、YouTube 埋め込み、音声を挿入できます。挿入したものをダブルクリックすると「動画・音声を編集」ダイアログが開きます。ダイアログのいちばん上の「種類」で、動画・動画リンク・YouTube 埋め込み・音声を後から切り替えることもできます。

取り込み方法

「ファイル参照（パスで指定）」が既定です。「埋め込み（単一 HTML に含める）」を選ぶと動画そのものが HTML の中に入ります。動画は大きいので、ふだんはファイル参照にして、HTML と動画ファイルを一緒に配ってください。20MB を超えるファイルを埋め込もうとすると、できあがりの大きさを添えて確認が出ます。

ポスター画像

再生する前に見えている静止画です。指定しなければ、動画の最初の場面がそのまま出ますので、ふだんは指定しなくてかまいません。ポスター画像は「最初の場面の代わりに出す絵」なので、指定するとその絵に置き換わります。冒頭が黒い（暗い所から始まる）動画や、表紙になる絵を付けたいときに指定してください。印刷や PDF では動画は再生されず、この絵（未指定なら最初の場面）が出ます。

指定を取り消す

動画・ポスター画像とも、「クリア」ボタンで指定を外せます。外すと動画は空の枠（16 : 9）に戻ります。

再生の設定

コントロールを出す（再生・停止・音量の帯）／自動再生／ミュート／くり返し再生／先読み（長さだけ先に読む／開くまで読まない／すぐ読み込む）を指定できます。

大きさ・配置・装飾

小・中・大・全幅・カスタム（px）、左右中央の配置と回り込み、枠・影・角丸、キャプションの重ねが指定できます。画像パーツとまったく同じ指定です。

「＋ パーツを追加」→「添付ファイル」から、zip・txt・pdf・Excel など、どんなファイルでも文書に添付できます。読む人が押すと、そのファイルを保存できます。形は 2 つあり、ダブルクリックすると開く「添付ファイルを編集」画面でいつでも切り替えられます。

添付ファイル（枚）

1 つの塊として置きます。拡張子の札（ZIP / PDF など）・ファイル名・種類と容量・説明が並びます。資料一式を渡すときに向きます。

添付ファイル（文中リンク）

文章の中に置ける小さなリンクです。「詳しくは 仕様書.zip をご覧ください」のように、文の一部として使えます。

取り込み方法

「埋め込み（単一 HTML に含める）」を選ぶと、ファイルの中身が HTML の中に入ります。HTML を 1 つ渡すだけで添付も一緒に届きます。「ファイル参照（パスで指定）」は HTML に中身を入れず、パスだけを書きます（配るときはファイルも一緒に渡してください）。

保存されるファイル名

読む人が保存したときに付く名前です。拡張子を含めて書いてください（拡張子は左の札と容量の表示にも使います）。

説明（任意）

枚の下に小さく出ます。「2026年4月版」「パスワードは別便でお送りします」などの添え書きに使えます。

指定を取り消す

「クリア」ボタンでファイルの指定を外せます。

StyleDocx には、矢印・文書・フォルダ・機器・人物・建物などの SVG アイコンが、14 カテゴリ・約 322 個組み込まれています。これらを並べた図を「イラストリスト」として作れます。

「＋ パーツを追加」→「イラスト/リンク」→「イラストリスト」を挿入し、ダブルクリックすると専用のエディターが開きます。

アイコンの配置

左のパレットからキャンバスのセルへドラッグ＆ドロップ（クリックで選択→セルをクリックでも配置）します。

列数

2〜15 列の間で変更できます。

セルを空白化

セルを選んで Delete。Ctrl+Z で元に戻せます。

重ね・変形

1 つのセルに複数のアイコンを重ね、回転・位置・拡大縮小を調整できます。下にテキスト（キャプション）も付けられます。

「ツール」→「画像を SVG に変換（トレース）…」で、写真やロゴなどの画像をベクター（SVG）に変換できます。変換エンジンには VTracer を使っています。

1. 画像をドロップ、またはクリックして選びます。

2. 右側のパラメータを調整すると、プレビューがその場で更新されます。主な項目は、カラー／白黒の切り替え、前処理（グレースケール・背景を透過）、色数、曲線のなめらかさなどです。

3. アイコン名を入力し、「ユーザーアイコンとして保存」を押します。

「ツール」→「背景を透過…」で、白い背景などの均一な背景を透明にした画像を作り、文書に図として挿入できます。

1. 画像をドロップ、またはクリックして選びます。

2. 「背景の許容差」を調整します（値を上げると背景を広く除去します）。必要に応じて「境界をなめらかに（フェザー）」や「グレースケール（白黒諧調に）」を切り替えます。

3. 「図として挿入」を押すと、透過した画像が文書に入ります。

背景の除去は、画像の外周から連続してつながっている背景だけを対象にします。被写体の内側に同じ色があっても、外周とつながっていなければ残ります。

2×2 の象限図や、案を横に並べた比較表のような図は、マトリクスパーツで作ります。「図解」カテゴリから追加してください。

マトリクスのマス（事象）の中身は、ふつうのパネルです。文章・表・画像など、パネルに入るものはそのまま入れられますし、メイン画面でいつもどおり選んで編集できます。

行と列を設定する

マトリクスをダブルクリック（または右クリック →「マトリクスの行と列を設定…」）すると、専用の画面が開きます。ここで扱うのはグリッドの形だけです。

列（横）の見出し

列の数（1〜6）と、それぞれの見出しを設定します。

行（縦）の見出し

行の数（1〜8）と、それぞれの見出しを設定します。

行や列を増やすと、空のパネルが足りない分だけ追加されます。もとのマスの中身は、行と列の位置を保ったまま引き継がれます。減らして入りきらなくなるマスがあるときは、削除してよいか確認するダイアログが表示されます。

※ マスの中身はこの画面では編集しません。文章の修正はメイン画面でパネルを選んで行ってください。

数値をグラフにするパーツが3種類あります。「データ」カテゴリから追加し、置いたあとダブルクリック（または右クリック →「○○グラフを編集…」）で専用の画面が開きます。

値は実数のまま入れてください。割合やグラフの形はアプリが計算します。外部のサービスや画像は使いませんので、保存した HTML はそのままブラウザで開けますし、印刷にもそのまま出ます。

フォルダツリー・フローツリー・入れ子ブロックは、いずれもツリー構造の専用画面で編集します。パーツをダブルクリック（または右クリック →「○○を編集…」）で開きます。操作のしかたは3つとも同じです。

※ コピーした内容はその編集画面を閉じても残りますので、開き直して貼り付けることもできます。

dir /s /b > list.txt

C:\Project
├10_入力
│├sub A
│└memo.txt
└20_出力