Excelの知識があれば
Webアプリがつくれるサービス
CELFはExcelのような操作で専門的な知識や技術を持たない人でも Webアプリをつくれるサービスです。 予実管理や見積管理など、Excelを利用して行っている業務や帳票作成を、 自分たちでアプリ化し、基幹システムと連携した業務システムとして運用できます。 CELF機能一覧… ……… P.03 ログイン画面とTOP画面… ………… P.04 管理画面……… P.05 アプリをつくる・公開する・使う……… P.06 １_アプリとシートをつくる… ……… P.07 ２_テーブルをつくる… ……… P.11 ３_アクション（動作）を設定する………… P.13 ４_公開する… ……… P.17 ５_使う… ……… P.18
現場の業務アプリを
Excelのような操作でつくる
I n t e r f a c e
A c t i o n
D a t a
c o n t e n t s つくる 公 開 使うC E L F
機 能 一 覧
カテゴリ 機能名 説明 [つくる]… アプリ作成 …アプリの作成 アプリを作成できます。シート（＝画面）を複数作成して、１つに束ねることでアプリとなります。 …データ項目から自動シート生成 データ項目を定義すると自動的にシートを生成できます。 …Excel の読み込み Excel を読み込んでアプリを作成できます…（画面レイアウトと関数が読み込まれます）。 …ノンプログラミング…… …でシート作成 表計算のように… レイアウト作成 表計算ソフトのように見た目のレイアウトを作成できます。 表計算の数式と… 関数利用 表計算ソフトのように数式や関数を利用してシートを作成することができます。 セルやシートの… 動作を定義 ドラッグ＆ドロップ操作で “ アクション ” を定義で きます。アクションとはボタンなどを押したときに 以下の定義が可能となります。… ・セルに対して値をセット・クリア… ・セルに対して行・列の非表示・表示… ・シート間を遷移 データ更新・ 取得 データベースの読み書き、外部データベース…… との連携、Web…API の呼び出しによって、デー タの更新及び取得が可能です。 [公開する]… アプリ共有 …アプリの公開通知 共有する範囲を限定してアプリを公開できます。 …アプリのバージョン管理 強制的に利用者に対してアプリをアップデートします。また、過去のバージョンに戻ることもできます。 [使う]… アプリ利用 …公開アプリの実行 公開されたアプリを利用できます。 …オフライン時に実行 PC がオフライン状態でもアプリの起動ができます。また、入力中のデータはローカル PC への一時保存 ができます。…Excel とのコピー＆ペースト Excel からデータをコピー＆ペースト、また CELFからデータをコピー＆ペースト可能です。
…印刷と Excel へのエクスポート 実行中のシートから印刷及び Excel へのエクスポートができます。 [管理する]… 運用管理 …ユーザ / アクセス権管理 利用者ごとにアクセスできる機能を制限できます。 …グループ管理 グループに対して、公開範囲やアクセス権を変更したり、アプリ内で参照・非参照などを制限できます。 CELFの機能を、［つくる］［公開する］［使う］［管理する］の4つのカテゴリごとにご紹介します。
利用できるアプリの一覧が表示されます。すぐにアプリを使っ て作業する場合は、ここから必要なアプリを選択します。また、 右上にある[シート検索]からもアプリを探せます。 起動アイコン ログイン画面 TOP画面 企業ID 新規にシートをつくったり、 テーブル管理を行う 管理画面へ移動します。 （P.5参照） ログアウト 画面のカラー変更 シート検索 ユーザID パスワード
ロ グ イ ン 画 面 と T O P 画 面
リロード CELFを利用するには、トライアル申請を行ってください。申請の際に、「企業ID」「ユー ザID」「パスワード」を設定します。申請後、CELFをインストールしてください。手順は、 www.celf.jpをご参照ください。デスクトップまたはスタートメニューの起動アイコ ンをクリックすると、以下のログイン画面が表示されますので、…「企業ID」「ユーザID」「パ スワード」を入力してください。ユーザ管理…（管理者用） グループ管理 ※公開する（P.16）を参照 ライセンス管理…（管理者用） 現在のステータス 公開/非公開 切り替え 公開中 公開 非公開
管 理 画 面
新規でアプリをつくったり、作成中のアプリの公開管理や編集、削除の他、テーブル管 理やユーザ管理、グループ管理の設定をここで行います。 ※アプリ：複数のシートを束ねた単位 アプリの作成 新たにアプリを作成する 場合はここから（P.7） 作成中のアプリ一覧ア プ リ を つ くる・公 開 す る・使 う
アプリを最初からつくって、使うまでの作業手順を紹介します。 業務で使う入力画面をつくります。アプリとシ ートを つくる
シート上に配置したボタンの操作の他、データを入力した際に行う動作や 処理方法を設定します。アクション（ 動 作 ）を 設 定 する
アプリから入力されたデータや、アプリに呼び出して使うデータを 格納するためのテーブル（データの器）を設定します。テ ーブ ル を つくる
つくったアプリを公開し、他の人たちが使えるようにします。 グループ設定により、使える人を制限することもできます。公 開 する
つくったアプリで、「①帳票にデータを入力する」、「②つくった帳票をExcelにエクスポート /印刷する」、の2つの作業手順を紹介します。使う
1
2
3
4
5
P.07
P.11
P.17
P.13
P.18
アプリとシ ートを つくる
1
… シ１ ー ト を つ く る ２ … テ ー ブ ル を つ く る ３ … ア ク シ ョ ン（ 動 作 ）を … 設 定 す る ４ … 公 開 す る ５ … 使 う さっそくアプリをつくってみましょう。管理画面の[アプリ作成]ボタンを押してください。 テキスト入力画面が出ます。アプリの名前をつけましょう。 下記のように、作成したアプリが表示されました。つぎに[新規シート作成]ボタンを押 して、シートを作成していきましょうアプリとシ ートを つくる
1
[シート作成]ボタンを押すと、Excelのような画面作成シートが展開されます。ここに Excelで帳票をつくる感覚で、アプリの入力画面をつくっていきます。 Excelとよく似た構成ですが、大きく異なるのが「入力形式」 「シート設定」「アクション」「シート」の4つのコマンドです。 CELFでアプリをつくる作業のメインになります。 日付 ボタン セルに入力するときに使用するコマンド シート自体の設定に関するコマンド できあがったシートに関するコマンド アクション（動作）を設定するコマンド アクション（動作）をテストするコマンド シート設定 保存 複製を作成 シートの過去のバー ジョンから内容を反映 エクスポート 印刷 入力形式 シート アクション シート設定 １ … シ ー ト を つ く る ２ … テ ー ブ ル を つ く る ３ … ア ク シ ョ ン（ 動 作 ）を … 設 定 す る ４ … 公 開 す る ５ … 使 う 入力制限 チェックボタン リストシートで実際にアプリをつくっていくプロセスを説明します。 ここでは、「経費精算書」を例にとって説明していきます。 右図は「経費精算書」のイメージです。 最初に仕上がりのイメージを考えて おくと作業がしやすくなります。 基本的な操作方法はExcelとほぼ同じです。まずは、レイアウトをつくっていきましょう。 ①…仕上がりイメージを考える ②…レイアウトする 申請者 申請日 年 月 日 内容 支払先 金額 備考 合計 経費精算書
1
│
シ ートを つくる 「単価×数量」などの計算式をはじめ、SUMなどの関数が使えるのもExcelと同じです。 一通り形ができたら、データを入力するセルの入力制限を解除します。解除を行わないと、 アプリを起動しても記入が行えません。 上段の「シート設定」にある「入力制限」をクリックす ると、ポップアップが表示されます。 「入力を許可するセル」の項目で、データを入力する セルを指定します。指定は、セル番号を打ち込んでも、 シートで直接選択してもできます。複数のセルを選 ぶときは［Ctrl］を押しながら選んでください。 ③…計算式や関数をつくる ④…入力許可のセルを指定する １ … シ ー ト を つ く る ２ … テ ー ブ ル を つ く る ３ … ア ク シ ョ ン（ 動 作 ）を … 設 定 す る ４ … 公 開 す る ５ … 使 うテ ーブ ル を つくる
2
画面ができたら、次にアプリで作成したデータや、アプリに呼び出して使うデータをし まうための「テーブル」をつくります。テーブルとは、アプリを使う人が共有したいデー タを格納するものです。 接続先のデータベースが 置かれる場所を選択します。 ※通常はデフォルトを選んでください。 新たにテーブルを作成する場合は ここをクリックしてください。 登録済みの テーブル一覧2
│
テ ーブ ル を つくる テーブル名を設定 テーブル内で自動的に 振られるID ※変更不可 設定したら 「テーブルを作成」を クリック テーブル一覧で反映できたかを確認 この項目は画面の入力項目と紐づくので、 同じ名前でつくっておくとよいでしょう。 カラム名 ※数字のみの名前は不可 入力のデータ形式を設定 ※画面の項目の形式と違っていると、 エラーが起きてテーブルに保存でき なくなるので注意 ①…カラムを設定する ②…カラムができたか確認する テーブル作成画面にカラムを設定していきます。 上記のテーブル作成画面右下の「テーブルを作成」をクリックすると下記の画面になります。 １ … シ ー ト を つ く る ２ … テ ー ブ ル を つ く る ３ … ア ク シ ョ ン（ 動 作 ）を … 設 定 す る ４ … 公 開 す る ５ … 使 うシートにアクションボタンを設定し ます。アクションボタンを設定した いセルにカーソルを合わせて、 をクリックし、ボタン名を設定 します。
アクション（ 動 作 ）を 設 定 する
3
シートとテーブルが準備できたら、アクション（動作）を設定します。ドラッグ＆ドロップで つないでいくと作成でき、とても感覚的で簡単にアクションを設定できます。アクション には「セル操作」「シート操作」「データ操作」「制御」の4つのカテゴリが用意されています。 ボタンに設定した「テーブル登録」を 押すと、アクション設定画面が現れ、 設定済みのアクションが表示されます。 「新規作成」をクリックし、アクション 名を入力します。 アクション設定画面が表示されます。 アクションには「セル操作」「シート操作」 「データ操作」「制御」の4つのカテゴ リが用意されています。ここでは、 「データ操作」の中から、入力したデー タをテーブルに格納するアクション を設定してみましょう。 「テーブルにデータを登録」を選択し、 右側へドラッグ＆ドロップします。 ①…ボタン名を設定する ②…アクションの選択 ③…アクションを選ぶ 設定したいアクションを ドラッグ＆ドロップ3
│
アクション（ 動 作 ）を 設 定 する 書き込むテーブルを選択し、書 き込むテーブルの項目と、画面 の入力セルを合わせて選び、「設 定」をクリックします。 動作させる順番にアクションを 並べていき、左下の「テスト実 行」をクリックします。 書き込むテーブルの項目を選択 動作させたいアクションを並べ ていきます。 書き込むテーブルを選択 ④…アクションを設定する ⑤…アクションをテストする データを書き込むセルを選択 ※テーブル作成時に設定した項目の値と、 対象のセルの値形式を合わせる １ … シ ー ト を つ く る ２ … テ ー ブ ル を つ く る ３ … ア ク シ ョ ン（ 動 作 ）を … 設 定 す る ４ … 公 開 す る ５ … 使 うこれで、「シートをつくる」「テーブルをつくる」「アクション（動作）を設定する」という一 連の作業が終わり、アプリが機能するようになりました。 「テスト実行」をクリックした結 果が、右のテーブル管理画面で す。 ⑥…テーブル管理画面を …確認する アクションボタンを設定しておけば、テーブルに格納したデータを画面に呼び出して加工することができます。 ●「テーブル」から1件取得するアクション ●「テーブル」を検索するアクション 読み込むテーブルを選択 読み込むテーブルを選択 読み込んだ データを表示する セルを選択 ※テーブル作成時に設定した 項目の値と、対象のセルの値形 式を合わせる 読み込んだ データを表示する セルを選択 ※テーブル作成時に設定した 項目の値と、対象のセルの値形 式を合わせる 読み込むテーブル の項目を選択 テーブルに格納したデータを画面に呼び出すアクション
3
│
アクション（ 動 作 ）を 設 定 する … シ１ ー ト を つ く る ２ … テ ー ブ ル を つ く る ３ … ア ク シ ョ ン（ 動 作 ）を … 設 定 す る ５ … 使 う ４ … 公 開 す る 主なアクション セル操作 セルに値をセット 指定したセルに値をセットします。 セルの値をクリア 指定したセルの値をクリアします。 行／列を非表示／表示 行もしくは列を非表示、表示します。 シート操作 シートの切り替え 現在表示しているシートを指定したシートに切り替えます。 シートを新規ウィンドウで表示 指定したシートを新規ウィンドウとして表示します。 データ操作 テーブルから1件取得 テーブルから1件のみデータを取得し、シートにデータを表示します。 テーブルを検索 テーブルから複数件のデータを取得し、シートにデータを表示します。 テーブルにデータを登録 テーブルにシートのデータを1件登録します。 テーブルのデータを更新 テーブルのデータを1件更新します。 テーブルのデータを削除 テーブルのデータを1件削除します。 制御 条件分岐 「もしXならば、Yせよ、さもなくば Zせよ」というような条件実行をします。 繰り返し 条件が真の間だけ指定されたアクションの実行を繰り返します。 ポップアップを表示 ポップアップメッセージを表示します。 アクションには、様々な機能が用意されており、それぞれのアクションを組み合わせ て複雑な処理を行わせることもできます。 アクション設定でできること… 複数のアクションを簡単に設定公 開 する
4
まず、アプリ管理画面から公開設定をします。 アプリができたら、公開先グループを設定して一部ユーザのみに公開できます。 公開した時は、正しく動作、機能するかを十分に確認しておきましょう。 管理画面に戻り、雲のアイコンを押 すとアプリが公開されます。「公開先 グループを選択する」場合には、あ らかじめ管理画面の「グループ管理」 でグループを作成しておきます。 グループ管理画面 ①…開始シートを設定 ②…公開先グループを設定し、OK ③…公開する１ … シ ー ト を つ く る ２ … テ ー ブ ル を つ く る ３ … ア ク シ ョ ン（ 動 作 ）を … 設 定 す る TOP画面に戻ってみましょう。公開設定した「経費精算」が表示されています。 アプリの使い方は、大きく分けると2つあります。 ①帳票にデータを入力する ②つくった帳票をExcelにエクスポート／印刷する です。 ４ … 公 開 す る ５ … 使 う
使う
5
「経費精算」をクリックすると、以下の画面が表示されます。 ①…帳票にデータを入力するデータを入力し、
「テーブル登録」をクリックします。
テーブル管理画面に戻り、実際にテーブルに 書き込めたか確認しておきましょう。
5
│
使う つくった帳票は、右上にある「エクスポート」で、Excelにエクスポートできます。 また、「印刷」で印刷することもできます。 ②…つくった帳票をExcelにエクスポート/印刷する… １ … シ ー ト を つ く る ２ … テ ー ブ ル を つ く る ３ … ア ク シ ョ ン（ 動 作 ）を … 設 定 す る ４ … 公 開 す る ５ … 使 う エクスポート 印刷 Excelに エクスポート 印刷お問い合わせ Excelは、米国Microsoft…Corporationの、米国およびその他の国における登録商標または商標です。 その他、本資料に記載されている製品名、会社名は、それぞれ各社の登録商標または商標です。 E-MAIL▶▶▶……
