================================
モックアップを作ろう！
================================
| このページでは、モックアップを作成するための基本的な動作を説明します。
| Fluid UIではいろいろな機能が用意されているので、細かい機能は
| 実際にさわって覚えよう！！

内容
====

| アカウントを作成した直後は下記の画面になっている。
| 画面真ん中に英語で「ダブルクリックをして最初のページを作ろう！」とあるので
| ダブルクリックをしてみよう！

.. image:: images/2016-12-08_10h28_02.png
     :scale: 60

| 最初のページが出来た！
| 画面真ん中に英語で「そのページをクリックしてズームインしよう！」とあるので
| クリックをしてみよう！

.. image:: images/2016-12-08_10h28_35.png
     :scale: 60

| 最初のページにズームイン出来た！
| 画面左部にはタブがあり、[LIBRARY][UPLOADS][SYMBOLS]が並んでいる。
| デフォルトでは[LIBRARY]が選択されており、各種ウィジェットが表示されている。
| ページの真ん中に英語で「LIBRARYからウィジェットを追加してみよう！」とあるので
| LIBRARYからウィジェットを選択して、ページに追加してみよう！

.. image:: images/2016-12-13_13h57_44.png
     :scale: 60

| いろんなウィジェットがあるので、ページに並べてモックアップを作ってみよう。

.. image:: images/2016-12-13_21h21_53.png
     :scale: 40


| これでページのモックアップを作ることができた。
| 次は、さらにページを作り、リンクを張って画面遷移をさせてみよう！


| [TIPS] おっと間違えてウィジェットを消してしまった！！！！
| 大丈夫！　画面右下にある時計アイコンをクリックしてみよう。
| 過去の状態に戻ることができるぞ！


.. image:: images/2016-12-08_14h46_50.png
     :scale: 60