Upload
kentaro-suzuki
View
1.640
Download
2
Embed Size (px)
DESCRIPTION
2013/10/27にFM-Tokyoで発表した際の資料です。
Citation preview
Cascading Style Sheets(CSS)
簡単に言うと、Webの世界で使用される標準的なスタイル定義の仕様
HTML や XML の要素をどのように修飾(表示)するかを指示する、W3Cによる仕様の一つ。文書の構造と体裁を分離させるという理念を実現する為に提唱されたスタイルシートの、具体的な仕様の一つ(Wikipedia)
CSS.rectangle {
}テキスト
background-color: rgb(243, 241, 230);border: 5px solid #48628d;
rectangleクラスのオブジェクト
CSS3
角丸、グラデーション、変形、アニメーション等の表現が可能に
ベンダープレフィクスが必要な場合もあり、複数のWebブラウザに対応するために定義を複数記述しなければならない場合も
古い仕様のWebブラウザでは動作しない
レイアウトテーマ/Applications/FileMaker\ Pro\ 12\ Advanced/FileMaker\ Pro\ Advanced.app/Contents/Resources/Themes(OS X / FMPAの場合)
レイアウトテーマはCSS, XML, 画像(ない場合もあり)で構成今回は「クールグレイ」のCSSファイルのみ使用(cool_gray.css)
HTML作成Boundsから取得した座標(上からと左から)をそれぞれ、top:とleft:で指定
同様に幅と高さをそれぞれ、width:とheight:で指定
LocalCSSのselfにあるスタイルを適用
データベースとの連携INTER-Mediator
少ない開発作業でやりたいことを実現できるWebアプリケーションフレームワーク
新居雅行氏による開発
http://inter-mediator.info/
データベースとの連携
定義ファイルの記述
クラス名にIM[table@field@target]を追加すればDBのデータの表示や編集が可能
<input class=”IM[table@field]” type=”text”>
FMPress
データベース連動Webアプリケーションを作成・運用できる専用サーバーサービス
DDRをアップロードするだけで、デモのようなWebアプリに変換する機能を搭載
https://www.emic.co.jp/fmpress/