View
6.403
Download
1
Category
Preview:
Citation preview
Web制作者のためのFileMaker入門
1
2012.11.2Datafarm 勝又孝幸
12年11月3日土曜日
FileMakerのことを知ろう（10分）
ツールをWeb制作に置き換えてみよう（15分）
初めてデータベースを作るために（20分）
簡単に請求書システムをつくってみよう（50分）
FileMaker GO（20分）
本日のまとめ（5分）
本日のレジュメ
212年11月3日土曜日
FileMakerの事を知ろう
312年11月3日土曜日
FileMakerって何？
412年11月3日土曜日
簡単に使えるデータベースです
5
引用：http://www.recrear.jp/filemaker_develop/enjoy/
12年11月3日土曜日
世界中で使われています。
マニアックじゃないの？
6
FileMaker11で既にこんな感じ
引用：http://news.mynavi.jp/articles/2010/11/01/fmc2010/index.html
12年11月3日土曜日
特に日本でも使われています
7
FileMakerの現在のビジネスにおいて、米国内の売上が占める割合がもっとも大きく、全体の約40%。日本での売上は全体の約1/4にあたり、全世界で2位。1国でヨーロッパ全体に匹敵するという。
ファイルメーカー株式会社社長兼米FileMaker, Inc.シニア・バイス・プレジデント、CFO ビル・エプリング氏
引用：http://news.mynavi.jp/articles/2010/11/01/fmc2010/index.html
12年11月3日土曜日
カンファレンスを2009年より開催
安心して使えるの？
8
FileMaker カンファレンス 2012開催日：2012 年 11 月 28 日（水）・29 日（木）・30 日（金）開催場所：フォーシーズンズホテル椿山荘 東京
12年11月3日土曜日
ユーザーグループもたくさん
安心して使えるの？
912年11月3日土曜日
ユーザーの多くは「非システム制作者」
簡単に使えるの？
10
製造、情報・通信、建設・設計・不動産、流通・卸／小売金融・証券・保険、法律・会計・コンサルティング、医療教育・研究、放送・出版・印刷、広告・宣伝・イベントエンターテインメント、旅行・ホテル・旅館官公庁・公益法人、公共サービス、サービス、その他
他にもいろんな業種の方が使っています
12年11月3日土曜日
どうやって使うの？
「Excel（アプリ）＋Excel書類」みたいな感じで利用
共有（同時編集）もできる
11
アプリ 書類
12年11月3日土曜日
長く使えるの？
FileMakerのバージョン1は1985年生まれ（現在27歳）
ちなみにIEは1995年生まれ（現在17歳）
Excelは1985年生まれ（現在27歳）
1212年11月3日土曜日
どれくらいの規模まで使えるの？
個人～中規模（同時使用250人位）まで
1312年11月3日土曜日
FileMakerは歴史の長いソフトウェア
世界中で使用。日本の割合が高い
システム制作者「以外」の利用が多い
カンファレンスあり、UGあり。ユーザーは多い
個人～中規模企業であれば十分賄える
この章のまとめ
1412年11月3日土曜日
ツールをWeb制作に置き換えてみよう
1512年11月3日土曜日
実際のウェブ制作に置き換えると楽かも。
便利だけど、新しい事を覚えるのは大変
1612年11月3日土曜日
MySQL（データをあずかるところ）
PHP（仕組みをつくるところ）
html（構造・入力欄をつくるところ）
CSS（ビジュアルを組んで行くところ）
JavaScript、JQuery（表示や効果、アクションをつけるところ）
Web制作の技術は？
1712年11月3日土曜日
FileMakerでも同じ感じ？
そんなこともない
ということで。一つ一つ見ていこう。
Web制作で覚える事はたくさん！
1812年11月3日土曜日
FileMakerにある「テーブル」「フィールド」が担当
日本語フィールドOK
ダイアログだけで作れる
phpmyadminより数倍優しい
MySQL（データをあずかるところ）
1912年11月3日土曜日
FileMakerにある「リレーション」が担当
日本語OK
ビジュアルで操作できる
PHP（仕組みをつくるところ）
2012年11月3日土曜日
レイアウトモードの「フィールド」が担当
その他「パート」「ポータル」「タブ」などもあり
ドラッグするだけでOK
データと入力欄の繋ぎ合わせは不要！
html（構造・入力欄をつくるところ）
2112年11月3日土曜日
「レイアウトモード」全般が担当
ダイアログだけでOK
テーマ機能が追加され、さっとつくるのが簡単に。
角丸OK、グラデOK
CSS（ビジュアルを組んで行くところ）
2212年11月3日土曜日
「スクリプト」メニューが担当
日本語。ダイアログからひっぱってくるだけで使える
if文もloopも使える
変数も使える「$、$$で書く」
フィールドにカーソルを置いたら‥みたいなタイミングでスクリプトの起動もできる
条件で文字色変更も可能
JS、JQuery（表示や効果、アクションをつけるところ）
2312年11月3日土曜日
MySQL 「テーブル」「フィールド」PHP 「リレーション」html 「レイアウトモードのフィールド」CSS 「レイアウトモード」JavaScript、JQuery 「スクリプト」
Web制作とFileMakerの置き換え
24
それぞれ個別に学ぶ必要がある FileMakerの中だけでOK
12年11月3日土曜日
必要なのは
「テーブル」
「フィールド」
「リレーション」
「レイアウト」
「スクリプト」
FileMaker制作の基本要素
2512年11月3日土曜日
必要なのは
「テーブル」
「フィールド」
「リレーション」
「レイアウト」
「スクリプト」
2612年11月3日土曜日
初めてデータベースをつくるために
2712年11月3日土曜日
作りたい印刷物があれば、それを観察するのが吉
印刷物→過去のノウハウの塊
どうやって作ったらいいの？
2812年11月3日土曜日
たとえばこんな請求書
2912年11月3日土曜日
探し方は「要素」→「項目」の順番で
3012年11月3日土曜日
「要素」って何？
31
「増えてく単位」…って考えると楽かも。
ブログだったら「エントリー」「カテゴリー」
学校だったら「クラス」「生徒」「学年」
請求書の場合はどうだろう？
12年11月3日土曜日
「要素」を探してみよう
32
請求書
請求内容
12年11月3日土曜日
「項目」って何？
33
「入力したい部分、 入力したい箇所」
人でいったら「性別」「血液型」「身長」「体重」
請求書の場合はどうだろう？請求書請求内容それぞれについて「項目」を考えます。
12年11月3日土曜日
項目を探してみましょう
3412年11月3日土曜日
「項目」を探してみよう（1）
35
請求書
作成日顧客口座情報検印欄合計欄下記金額お支払い下さる～
12年11月3日土曜日
「項目」を探してみよう（2）
36
請求内容
摘要数量単位単価金額合計数量合計金額
12年11月3日土曜日
「要素」と「項目」をまとめてみよう
37
請求書
請求内容
作成日、顧客、口座情報、検印欄、合計欄、下記金額～
摘要、数量、単位、単価、金額、合計数量、合計金額
「要素」 「項目」
12年11月3日土曜日
実は、ほぼこんな感じです。
38
「テーブル」 「フィールド」
請求書
請求内容
作成日、顧客、口座情報、検印欄、合計欄、下記金額～
摘要、数量、単位、単価、金額、合計数量、合計金額
12年11月3日土曜日
やだ…もう半分？
「テーブル」 探し出す事ができた
「フィールド」 探し出す事ができた
「リレーション」 これから
「レイアウト」 既に元になるものがある
「スクリプト」 これから
あれ？もう分かってきてる？
3912年11月3日土曜日
システム化のために（理解）
4012年11月3日土曜日
システム化するためのフィールド考察
41
目に見えるフィールド
あったらいいな、のフィールド
個体情報、所属情報
フィールド全体
12年11月3日土曜日
あったらいいなのフィールド？
42
レイアウトにはない、管理したい情報
印刷日、投函日
利益率
調整内容、クレーム、反省。
ここは個性。入れたいだけ入れましょう
12年11月3日土曜日
個体情報？
43
そのレコードだけが持つ「値」
国民総背番号制、のあれです。
重複しないこと。
請求書番号1
請求書情報
請求書番号2
請求書番号3
12年11月3日土曜日
所属情報？
44
そのレコードが「関係する【固体番号】」を入れる欄
請求書番号1
請求書番号：1 金額：500円
請求書情報 請求内容情報
請求書番号：1 金額：4500円
請求書番号：1 金額：20円
12年11月3日土曜日
この二つを繋ぐと、リレーションができる
45
「個体情報」と「所属情報」を繋ぐと「リレーション」
請求書番号1
請求書番号：1 金額：500円
請求書情報 請求内容情報
請求書番号：1 金額：4500円
請求書番号：1 金額：20円
これがリレーション！
12年11月3日土曜日
なんかほぼ出来た…。
「テーブル」 探し出す事ができた
「フィールド」 システム的な要素が分かった
「リレーション」 作り方が分かった
「レイアウト」 既に元になるものがある
「スクリプト」 便利にするのに必要
あれ？
4612年11月3日土曜日
項目をまとめよう
4712年11月3日土曜日
「あったらいいな」の項目
48
請求書
請求内容
印刷日、投函日、利益率、調整内容、クレーム、反省
特に追加なし
「要素」 「項目」
12年11月3日土曜日
個体情報、所属情報
49
個体情報は、ここでは「Serial」としましょう。
ここは人それぞれみたい。
この部分は「自動で入るように」しましょう。
限りなく絶対重複しない値が入る仕組みを！
12年11月3日土曜日
個体情報、所属情報
50
所属情報は、ここでは「Serial_【所属先のテーブル名】」としましょう。
ここも人それぞれみたい。
今回は「請求内容」テーブルに「Serial_請求書」
12年11月3日土曜日
「項目（フィールド）」のまとめ
51
請求書
請求内容
印刷日、投函日、利益率、調整内容、クレーム、反省
特に追加なし
「要素」 「項目」作成日、顧客、口座情報、検印欄、合計欄、下記金額～、Serial
摘要、数量、単位、単価、金額、合計数量、合計金額、Serial、Serial_請求書
12年11月3日土曜日
ちょっと修正しましょう
52
請求書
請求内容
印刷日、投函日、利益率、調整内容、クレーム、反省
特に追加なし
「要素」 「項目」作成日、顧客、口座情報、検印欄、合計欄、下記金額～、Serial、合計数量、合計金額
摘要、数量、単位、単価、金額、Serial、Serial_請求書
12年11月3日土曜日
簡単な請求書システムを作ってみよう
5312年11月3日土曜日
さきほどのFileMakerの用語部分を実際にどうやって使うのか見て行きましょう。
作り出しで躓（つまづ）くところを確認しながらやっていきます。
あくまで簡単に
5412年11月3日土曜日
Excelの方？
Wordの方？
MakeLeapの方？
ところで皆さん、請求書ですが…
5512年11月3日土曜日
請求書を書いたExcelファイルが消えた
検索するのが大変
請求書のレイアウトを変えたい
備考欄とかもう一つあれば
窓付封筒に対応したい
不便がありませんか？
5612年11月3日土曜日
必要なのは
「テーブル」
「フィールド」
「リレーション」
「レイアウト」
「スクリプト」
ということで、作ってみよう
5712年11月3日土曜日
実際に作ってみよう
5812年11月3日土曜日
テーブルをつくってみよう
59
まずはやってみましょう。
「ファイル」→「管理」 →「データベース」と進んでいきましょう。
一番左にある「テーブル」タブが表示されているので、そこにいれて行きます。
12年11月3日土曜日
フィールドをつくってみよう
60
フィールドには種類がある
基本的に「テキスト」で作ろう
数字が入るところは「数字」にしよう
たし算やかけ算が必要なところは「計算」にしよう
他にもあるけど今日は割愛
12年11月3日土曜日
リレーションを繋いでみよう
61
以下のチェックを画面で説明します
関連レコードを作っていい場合にはチェック
関連レコードが消えて欲しい場合もチェック
請求書請求内容
請求内容
請求内容
関連レコード
12年11月3日土曜日
レイアウトを作っていこう
62
実際に操作して作って行きましょう。
請求書の項目部分は「ポータル」を使います。
今日は導入なので、実際に作っている様を見て「こんなことができるんだ」って思って下さい。
使った機能についてはそのつど説明します。
12年11月3日土曜日
FileMakerには4つのモードがあります
63
ブラウズ情報を見る
プレビュー印刷を確認
検索条件で探す
レイアウト画面を作る
必要に応じてあっちこっち
12年11月3日土曜日
FileMakerには4つのモードがあります
6412年11月3日土曜日
実際に作り込んでみましょう（しばらく作業します）
6512年11月3日土曜日
もうひと工夫のヒント
6612年11月3日土曜日
フィールドには「プルダウン」って形式があります。
「値一覧」を使うと、より便利に！
顧客名を選択式で入れたい
6712年11月3日土曜日
画像を「レイアウトモード」から挿入可能
「オブジェクトフィールド」にすることでユーザーが自由に変更できるよ
ロゴをいれたい
6812年11月3日土曜日
「印刷」と「入力」のレイアウトを分けよう
「印刷」ボタンをつくって印刷させよう
手順はスクリプトに書いて、ボタンで呼び出そう
印刷しない情報も入力したい
6912年11月3日土曜日
一覧レイアウトをつくろう
一覧用レイアウトをつくって
表示方法を「一覧」にすればOK
ボタンをつくって詳細レイアウトに移動しよう
パートを使うと更に便利に（一覧の合計とかを出す）
まとめて一気に表示したい
7012年11月3日土曜日
「PDFを作る」というボタンを作りましょう。
「PDFを作って」→「メールを作成」という流れも、作ることができます
PDFを作りたい
7112年11月3日土曜日
実際にいくつかやってみましょう
7212年11月3日土曜日
FileMaker GO
7312年11月3日土曜日
FileMakerGOって何？
7412年11月3日土曜日
アプリは無料
人の端末で気軽に使える
できるのは、入力、検索、削除
いわゆる「見る」系
開発はできない
iPad、iPhoneで使えるFileMaker
7512年11月3日土曜日
100台いれても、無料
76
0円
12年11月3日土曜日
1000台いれても、無料
77
0円
12年11月3日土曜日
FileMaker書類をそのまま使える。
必要に応じて専用レイアウトを作る事もできる
実際に使ってみよう
78
?
12年11月3日土曜日
できる。
けど、サーバが必要。
サーバはちょっと高い
でも一度入れてしまえば、どれだけシステムが増えても費用はゼロ
データの共有は？
7912年11月3日土曜日
Xcode
モバイルウェブ
FileMaker
iOS上のお手軽開発環境として
8012年11月3日土曜日
FileMakerの「Starter Solution」からいろいろ使ってみよう。
これらのファイルは、GOで開くとGO専用のレイアウトが既に用意されている。
FileMaker Go、もっと試してみたい人は
8112年11月3日土曜日
Starter Solution
8212年11月3日土曜日
ではやってみましょう
8312年11月3日土曜日
本日のまとめ
8412年11月3日土曜日
FileMaker便利そう・楽しそうでしたか？
8512年11月3日土曜日
サイトからメール登録にてダウンロード可能
30日無料のFileMakerがあります
8612年11月3日土曜日
テーブルなどのコピーができるので、便利
アプリケーションの書き出しもできる
デバッグ、データベースレポートが出せる
作るなら最初から「Advanced」で
8712年11月3日土曜日
使いやすく
システムを拡張しやすく
いろいろなデバイスで使える
やっぱり楽しいから。→「あ、これも作れそうかも」って思えるのが FileMakerのいいところ、だと思います。
Why? FileMaker
8812年11月3日土曜日
Webは
みんながわかりやすいものをつくる
FileMakerは
自分たちだけがわかるものをつくる
→ノウハウのシステム化
→ノウハウの明文化、効率化
FileMakerはWebと真反対かも
8912年11月3日土曜日
FileMakerのこと分かりましたか？
ウェブ制作と比較してひとつひとつが理解できましたか？
ちょっとでも「作ってみたい」と思えましたか？
改めて今日のまとめ
9012年11月3日土曜日
三つの質問にYesであれば今日の役目は果たせま…
9112年11月3日土曜日
せん！
9212年11月3日土曜日
本日作った「請求書.fp12」をダウンロードできるようにしておきます。
やってみよう！
ぜひ「使って」「作って」みて下さい
9312年11月3日土曜日
私にとって大事な「and more」
9412年11月3日土曜日
12年11月3日土曜日
「 要素：人」→「人テーブル」のレコード
12年11月3日土曜日
12年11月3日土曜日
「 要素：皿」→「皿テーブル」のレコード
「 要素：料理」→「料理テーブル」のレコード12年11月3日土曜日
「 要素：飲料」→「 飲料テーブル」のレコード12年11月3日土曜日
種類フィールド：ペットボトル
種類フィールド：缶
種類フィールド：ペットボトル
12年11月3日土曜日
「 要素：赤ちゃん」→「 赤ちゃんテーブル」のレコード12年11月3日土曜日
「 要素：岩」→「岩テーブル」のレコード
12年11月3日土曜日
「 要素：岩」→「岩テーブル」のレコード
12年11月3日土曜日
世の中には色んな「要素」と「項目」がある
10412年11月3日土曜日
ありえない繋がり。発見できたら面白くない？
10512年11月3日土曜日
FileMakerで、それにチャレンジしてる
10612年11月3日土曜日
FileMakerって何？
10712年11月3日土曜日
FileMakerって何？
108
世の中に無いものを作らせてくれる新しい発見に出会わせてくれるツール！
12年11月3日土曜日
http://datafarm.jphttp://emptyhouse.jphttp://talknote.me
ご静聴ありがとう
ございました！
12年11月3日土曜日
Recommended