FileMakerレイアウトテーマ変更で崩れ防止手順

FileMakerで既存のレイアウトテーマを変更しようとしたら、ボタンや文字の位置がズレたり、色がバラバラになってしまった…という経験はないでしょうか。テーマ変更は画面を「今風」に整えるのに便利ですが、やり方を間違えるとレイアウト崩れの原因になります。

この記事では、レイアウトが崩れにくい「安全なテーマ変更の手順」と、「事前に準備しておくと安心なポイント」を、できるだけ専門用語を減らして解説します。

レイアウトテーマ変更で崩れやすい理由

FileMakerのテーマは、レイアウトに使われているパーツ（フィールド、ボタン、テキストなど）の「見た目のルール」をまとめたものです。そのため、テーマを変えると次のような影響が出ます。

文字サイズやフォントが一気に変わる
ボタンの色や角丸具合が変わる
余白や行間が変わり、項目の位置がズレる
独自に調整していたパーツがテーマと合わなくなる

つまり「テーマを変える」ということは、画面全体にかかっているデザインのルールを入れ替える作業です。準備せずに一気に行うと、どこがどう変わったのか分からなくなり、直すのが大変になります。

崩れ防止の基本的な考え方

レイアウト崩れを防ぐためのポイントは、次の3つです。

すぐ戻せるようにバックアップを取る
いきなり本番ではなく「複製レイアウト」で試す
テーマ変更後は「スタイル」を整えてから微調整する

特に「複製レイアウトで試す」ことで、元の画面を壊さずに安全に検証できます。気に入った結果になってから、本番レイアウトに反映する流れにすると安心です。

テーマ変更前に必ずやっておく準備

まずは、テーマ変更前の準備から整理しておきましょう。

ファイル全体のバックアップを取る
開発環境であっても、テーマ変更の前には必ずFileMakerファイル自体のコピーを作っておきます。
例：顧客管理_v1.fmp12 を 顧客管理_v1_backup_20260525.fmp12 のように保存。
レイアウトを複製して試験用を作る
レイアウトモードで、レイアウト一覧（ステータスツールバー左端のレイアウト名部分をクリック）から対象レイアウトを選び、「レイアウトの管理」を開きます。対象レイアウトを選択して「複製」ボタンをクリックします。
名前を「顧客一覧（テーマ変更テスト用）」のようにして、テスト専用にしておきます。
使用しているフォントや色をメモしておく
もし特定のフォントや企業指定の色を使っている場合は、事前に控えておきます。変更後に同じ設定に戻しやすくなります。

崩れにくいテーマ変更の操作手順

ここからは、実際の操作イメージを順番に説明します。

テスト用レイアウトを開き、レイアウトモードにする
メニューから「表示」→「レイアウトモード」を選びます。
テーマの変更を行う
メニューから「レイアウト」→「テーマの変更…」を選び、変更したいテーマを選択します。
（FileMaker 19 以降では、右側のインスペクタの「外観」タブで、現在のテーマ名が表示されますが、テーマの選択・変更自体はメニューの「テーマの変更…」から行います。）
FileMaker標準のテーマは、比較的バランスが良いので、まずは標準テーマから試すのがおすすめです。
「すべてのオブジェクト」を選択して位置を確認
レイアウト上で Ctrl + A（Macは Command + A）で全選択し、オブジェクトが大きくズレていないかをざっと確認します。
特に、ヘッダー・ボディ・フッターの境界からはみ出していないかを見ておきます。
フィールドやボタンのサイズを必要に応じて調整
テーマ変更で文字サイズが大きくなると、フィールドの高さが足りなくなって文字が切れることがあります。
気になるところは、まとめて複数選択して高さ・幅を揃えて調整すると効率的です。

スタイルを整えて崩れを最小限にするコツ

テーマには「スタイル」という細かい見た目の設定が含まれています。ここを整えると、後からの修正がラクになります。

よく使うパーツの見た目を統一する
例：すべての入力フィールドを同じフォント・同じサイズにする、主要ボタンは同じ色と形にそろえる、など。
スタイルを保存しておく
あるオブジェクトの見た目を整えたら、その状態を「スタイルとして保存」しておくと、他のオブジェクトにも簡単に適用できます。
インスペクタの「外観」タブで、変更を加えたスタイル名の右側に表示される「プラス」アイコン（または更新アイコン）をクリックして保存・更新します。
後から変更があっても、スタイルを更新するだけで、同じスタイルを使っている部分が一括で変わります。
不要な独自カスタマイズを減らす
オブジェクトごとにバラバラな設定にすると、テーマ変更のたびに崩れやすくなります。できるだけ標準のスタイルや共通のスタイルに寄せておくと、今後の変更も安心です。

テーマ適用後のチェックポイント

テーマ変更がひと通りできたら、次の観点でチェックしておきましょう。

印刷やPDF出力で崩れていないか（帳票レイアウトの場合）
ポータル内の行の高さと文字サイズが合っているか
エラーメッセージやダイアログ用レイアウトも確認したか
別デバイス（Windows/Mac）で見たときのフォント崩れがないか

特に印刷用のレイアウトは、画面上では問題なくても、印刷すると1ページに収まらない・罫線が切れるといったことが起こりやすいので注意が必要です。

元のレイアウトへ反映するタイミング

テスト用レイアウトで問題なく使えそうだと判断できたら、以下のいずれかの方法で本番レイアウトに反映します。

本番レイアウトを新テーマで作り直す
一見手間はかかりますが、「不要なものを整理しながら」作り直せるので、結果としてすっきりした構成になります。
テストレイアウトを本番として採用する
現在の本番レイアウトを残したまま、ナビゲーションやボタンの遷移先を「新テーマのレイアウト」に切り替える方法です。
問題があれば、すぐに旧レイアウトへ戻せるのが利点です。

まとめ：焦らず段階的なテーマ変更を

FileMakerのレイアウトテーマ変更は、一度に大きく見た目を変えられる強力な機能ですが、その分レイアウト崩れのリスクもあります。
重要なのは、

必ずバックアップとレイアウトの複製を取る
テスト用レイアウトでじっくり検証してから本番に反映する
スタイルと共通ルールを整えておく

この3点を意識して進めることで、安心してテーマ変更を行えるようになります。少し手順は増えますが、その分トラブルを大きく減らせるので、落ち着いて段階的に進めていきましょう。