flamingoを使ってPCサイトをスマホサイトに最適化してみた 4/4

## ◆はじめに
この記事は、『[flamingoを使ってPCサイトをスマホサイトに最適化をしてみた 3/4](http://qiita.com/h_arasawa/items/f4bf3c8600e5ad22e0ce)』の続きになっています。
 
## ◆前回までのおさらい
前回はファイルのアップロードをしたりと、リリース前準備ができました。
今回は作ったページをリリースしてみたいと思います。
 
## ◆リリースしてみる
flamingoではリリースする方法が2つあります。
 
1.即時リリース
2.予約リリース
 
 
### 1.即時リリース
まずは、即時リリースを行ってみます。
flamingoCPの画面に移動し、リリースするプロジェクトを選択します。
 
![1.png](https://qiita-image-store.s3.amazonaws.com/0/170776/5493c4a8-1dc7-b022-0fca-99339df07197.png)


 
選択したら、プロジェクトのダッシュボード画面が表示され、『本番にリリース』というボタンがあるので、クリックします。
 
![2.png](https://qiita-image-store.s3.amazonaws.com/0/170776/5cbaea83-828f-e88f-b97c-17cc5ee0d04f.png)


 
遷移した先が『本番にリリース』の画面です。
この画面で、リリースするための設定ができます。
 
![3.png](https://qiita-image-store.s3.amazonaws.com/0/170776/3f9a7956-a25e-1b9c-8ee1-95916d1df71e.png)


1.メモ：メモは様々な用途で使用することができます。例えば、リリースごとにメモ書きを残すことができますし、メモをしておくと後々リリース履歴の管理をする時などに便利です。
2.リリース日時：リリースする日時を予約することができます。
 
今回は即時リリースなので、日時指定は行わずにリリースを行います。
画面の右下にある『本番にリリース』ボタンをクリックして完了です。
ここで注意ですが、クリックした後はリリースのキャンセルを行うことができませんので、要注意です！
 
ボタンをクリックしたら、プロジェクトのダッシュボード画面に戻ります。
『プロジェクトのリリースは正常にリクエストされました』というテキストが表示されていれば問題ありません。ステータスには『本番にリリース中...』と書かれています。
 
![73abb551-609a-cc74-8ef4-7ed4343fdcac.png](https://qiita-image-store.s3.amazonaws.com/0/170776/4ae1e34c-dc37-6070-6bf7-67aa114a3e3f.png)


![5.png](https://qiita-image-store.s3.amazonaws.com/0/170776/a18abf03-a7ba-db95-c936-9de1586391a4.png)

 
リリースが完了すると、画面右上にお知らせが表示され、ステータスに表示されていたテキストも表示がなくなります。
![6.png](https://qiita-image-store.s3.amazonaws.com/0/170776/0f713d3e-44ad-117b-0c59-9171ad1e5f5c.png)

![7.png](https://qiita-image-store.s3.amazonaws.com/0/170776/5f289137-1d9b-7a4d-6134-68cd96fcffaa.png)

これで、最適化完了です。
flamingoで作成した最適化サイトがリリース後にスマホで見れるようになっているので、完了したら確認してみます。
 
### 2.予約リリース
予約リリースは、即時リリース同様にプロジェクトの本番にリリース画面まで移動します。
予約リリース設定が、画面下にある②リリース日時から設定することができます。
 
![3.png](https://qiita-image-store.s3.amazonaws.com/0/170776/373b5f80-18a2-8dfc-ba81-0fa3e35bd89a.png)


 
![8.png](https://qiita-image-store.s3.amazonaws.com/0/170776/d443c91d-4109-24af-14e8-c825ad52492f.png)

 
リリース日時のカレンダーマークをクリックします。
 
![9-1.png](https://qiita-image-store.s3.amazonaws.com/0/170776/f2a221d6-9290-495b-320d-9fcc64da6d72.png) ![9-2.png](https://qiita-image-store.s3.amazonaws.com/0/170776/a8a46337-be8e-7cbc-43db-6cc40111ae5d.png)

 
カレンダーが表示され、いつリリースするのか選択することができます。
また、カレンダーの下に表示されている時計マークをクリックすると、5分単位で時間を指定することも可能です。
 
日時を指定したら、『本番にリリース』ボタンをクリックします。
![10.png](https://qiita-image-store.s3.amazonaws.com/0/170776/a770cc7f-3ad4-b249-25f2-6fdbe5357251.png)

 
プロジェクトのダッシュボードに遷移したら、ステータスが先程予約した日時になっていることが確認できます。
 
![11.png](https://qiita-image-store.s3.amazonaws.com/0/170776/c18e0f0d-2812-4918-0c5d-87dd63c33ac0.png)

 
![12.png](https://qiita-image-store.s3.amazonaws.com/0/170776/0edeb712-1ac4-5cd2-53d4-c91dc18273de.png)

 
予約リリースが完了すると、即時リリース同様に右上に完了のお知らせが表示されます。
ただし、右上の表示はflamingoCPを起動していないと表示されませんので、気をつけてください。flamingoCPを起動していなければ、登録したメールアドレスにリリース完了の通知が届くようになっています。
 
もし、「あ、この日じゃない！！」とか「あ！！リリースの時間が間違ってる！！」という事があった場合は、ステータス右側の「キャンセル」ボタンをクリックすると、リリース予約がキャンセルされます。「キャンセル」ボタンはリリース直前まで表示されています。
 
リリースのキャンセルを行うと、ダッシュボードの上部にコメントが表示されます。
![13.png](https://qiita-image-store.s3.amazonaws.com/0/170776/a211ba6a-201a-63ed-f20c-3fd128b6890f.png)

予約を指定した時間になると、ステータスのテキスト表示がなくなります。
![7.png](https://qiita-image-store.s3.amazonaws.com/0/170776/15c10964-d69a-1250-c538-1a105cace3b1.png)

 
これで、予約リリースは完了です。
リリースについては[こちら](http://docs.flamingo.gomobile.jp/ja/publishing-project.html?highlight=%E3%83%AA%E3%83%AA%E3%83%BC%E3%82%B9)をご覧ください。
 
これで、flamingoでの最適化は終了になります。
 
[テストサイト](http://demo.i3design.jp/index.html)を最適化し、flamingoを使用することでPCのCSSに寄らせること無く、自由なデザインを作成することができました。
![14.png](https://qiita-image-store.s3.amazonaws.com/0/170776/bc029c9b-6c1f-1f24-9deb-a93e0e7ab9b6.png)

 
ご覧くださり、ありがとうございました。