27 ∼ NOV 15:40 16:40 G-19 初級中級初級レイアウトデザインのベストプラクティスカスタムテーマ & スタイル の詳細を理解して開発効率を向上 ! 株式会社ジェネコム高岡幸生自己紹介高岡幸生（たかおかゆきお） FileMaker 8∼13 認定デベロッパ ! 株式会社ジェネコム創業：1995年本社：東京都新宿区九州支社：福岡県福岡市従業員：12名 FileMaker Business Alliance Platinum Apple Consultants Network http://www.genecom.co.jp/ FileMaker Excellence Award for FBA Business Partners of the Year in North Asia このセッションで学ぶこと •スタイルについて理解する •テーマについて理解する •スタイルの設定方法 •カスタムテーマの作成方法 •スタイルとテーマを使いこなすことのメリット FileMaker Proにおける「テーマ」と「スタイル」テーマ •レイアウトオブジェクトの書式設定の集合体 →フィールド、ボタン、ラベル、背景など •FileMaker Pro 13では、51種類のテーマ •レイアウトには、必ずテーマが割り付けられている ※デフォルトはエンライトンドテーマの変更テーマは、いつでも変更ができます。テーマの変更エンライトンドからソフィスティケーテッドに変更して見ました。スタイル •レイアウトオブジェクトの書式設定 →フィールド、ボタン、ラベル、背景など •書式の設定はスタイルとして管理されているオブジェクトの書式オブジェクトの書式レイアウトに配置したオブジェクトには個別で書式設定ができるフォントサイズ文字色塗りつぶし色パディングオフセット エトセトラ・・・オブジェクトの書式レイアウトに配置したオブジェクトには個別で書式設定ができるヒラギノ角ゴPro ヒラギノ角ゴPro 24 pt 黒ボールド枠線 16 pt 黒枠線オブジェクトの書式フィールド書式をえるにはヒラギノ角ゴPro 16 pt 黒枠線ヒラギノ角ゴPro 24 pt 黒ボールド枠線同じ書式にしたいオブジェクトの書式書式をコピー全フィールドの書式設定を 「書式のコピー・貼り付け」ツールを使って 特定の書式を統一してゆきます。オブジェクトの書式クリック貼り付け貼り付けしかし・・・コピペ、これずっとやるの？ ! いちいちめんどくさい！そこで・・スタイルオブジェクトスタイル個々のレイアウトオブジェクトに設定されている書式インスペクタの『外観』タブで設定可能な書式の定義オブジェクトスタイル個々のレイアウトオブジェクトに設定されている書式インスペクタの『外観』タブで設定可能な書式の定義オブジェクトスタイル個々のレイアウトオブジェクトに設定されている書式変更した書式をスタイルに保存ヒラギノ角ゴPro 24 pt 黒ボールド枠線カスタムスタイルの保存 Demo カスタムオブジェクトスタイルオブジェクトを選択して、保存しておいたスタイルをクリックするだけで、書式を変更することができるのです。ヒラギノ角ゴPro 16pt グレー1tp フィールド枠・・・ヒラギノ角ゴPro 16pt グレー1tp フィールド枠・・・カスタムオブジェクトスタイルレイアウトテーマ •テーマはスタイルの集合体であり、レイアウトの見た目を決定する •テーマは自分でカスタマイズした、スタイルを含んだカスタムテーマとしても保存することができる。カスタムレイアウトテーマ •デフォルトのスタイルをお好みに変更 •スタイルを保存する（デフォルトでもカスタムでもOK） •カスタマイズしたスタイルを含んだテーマを別名保存カスタム自分がカスタムしたスタイルをデフォルトのスタイルをお好みに変更 • 新しいテーマすることができるスタイルを保存する（デフォルトでもカスタムでもOK） • •カスタマイズしたスタイルを含んだテーマを別名保存カスタムテーマ Demo カスタムレイアウトテーマテーマは、別のファイルからインポートして再利用可能ということで Demo オブジェクトスタイルとテーマ Ver13で追加された概念 FileMaker HTML 条件付き書式該当無しローカルプロパティ要素内CSS 名前付スタイル HTMLの<head>内CSS レイアウトデフォルトスタイル名前付スタイル外部CSS テーマデフォルトスタイル（FileMakerデフォルト）（図の出典：佐合さん）ブラウザデフォルト FileMaker WebDirect におけるスタイル •デフォルトのスタイルをお好みに変更 •スタイルを保存する（デフォルトでもカスタムでもOK） •カスタマイズしたスタイルを含んだテーマを別名保存 FileMaker WebDirect におけるスタイル FileMaker WebDirect におけるスタイルまとめ •スタイルを管理することで、レイアウトに統一感 •スタイルを変更することで、オブジェクトへ書式を一括変更 •FileMaker WebDirectの利用者にはパフォーマンスアップ開発効率のアップと利用者への配慮 Q&A ご清聴ありがとうございましたソリューション開発およびコンサルティング FileMaker ライセンス導入コンサルティング運用支援、トレーニング http://www.genecom.co.jp/