機能について
flamingoには、自由度の高い画面改修および 安心・安定のサイト運用を支える
様々な機能があります。ここでは大きく3つの機能を紹介します。
ソリューション別に特化した
最適化方式の提供
flamingoでは「テンプレート」と「フィルター」という2種類の方式を提供しています。
ソリューション別に特化することで、柔軟かつ効率のよい画面改修を可能にしています。
01
テンプレートによるページ最適化
1つ目は「テンプレート」方式です。プロジェクト作成時に「テンプレート」を選択することで使用可能になり、実行条件および変換後ページを「テンプレート」で設定することで、ウェブページを全体変換します。
自由にHTMLを記述して別のページに変換することが可能なため、大規模ウェブシステムのモダナイゼーションなどに向いている方式です。
02
フィルターによるページ最適化
2つ目は「フィルター」方式です。プロジェクト作成時に「フィルター」を選択することで使用可能になり、変換処理内容を「フィルター」で設定し、フィルターの実行条件を「トリガー」で設定することで、ウェブページを部分変換します。
安全運用のため
プロジェクト権限管理
本番環境へのリリース・ステージング環境への配置は、権限の付与されたユーザーにのみ可能です。リリース権限は作業権限・管理権限と別で付与する事も可能なため、より安全な作業・柔軟なアカウント運用を実現します。またそれぞれの権限は、プロジェクト管理者が任意のユーザーへ自由に付与する事ができます。
安心を支えるリリース管理
どのユーザーがいつリリースを行なったかの履歴は全て残ります。それぞれのリリース内容を確認し、各時点へのロールバックも可能なので、安心してサイト改善に取り組む事ができます。またリリース履歴以外にも、作業内容やログイン等の履歴も参照可能です。
画面改修をサポートする
リアルタイムプレビュー
flamingoでは、サイト制作用のエディター画面をブラウザ経由で提供しています。エディターにはプレビュー機能を搭載しておりリアルタイムに確認することができます。また、プレビュー画面をデスクトップ・タブレット・モバイルモードに切り替えることができ、クロスデバイスの確認も容易にします。
フィルター変換機能
| 主要機能 | 説明 |
|---|---|
| トリガー管理 | トリガーの作成・変更・複製・削除を行うことができます。各トリガーは入力・条件を組み合わせて設定でき、フィルターから利用することができます。 |
| フィルター管理 | フィルターの作成・変更・複製・削除を行うことができます。各フィルターは入力・処理・出力をトリガーと組み合わせて設定でき、複雑な出力にはスニペットを利用することもできます。 |
| オリジナルコンテンツ選択 | オリジナルのウェブサイトから動的な活用を再利用したい場合に、フィルターとトリガーを選択して変換をする事ができます。 |
| リアルタイムプレビュー | 変更内容は即座に反映されてリアルタイムで各画面の変更内容をプレビューすることができます。 |
| ビューモードの切替 | プレビュー機能ではマルチスクリーンに対応するため、各デバイスのサイズごとにViewのサイズを変更できます。 |
| スニペット管理 | 開発上必要なソースは、スニペットとして登録、削除、一覧を管理することができます。 |
| ファイル管理 | 画像ファイル・CSSファイル・JSファイルとテンプレート開発に必要なファイルのアップロード・変更・削除を行うことができます。 |
| 編集履歴一覧 | 各フィルター・トリガーに変更を加えた場合の編集の履歴一覧を閲覧・参照することができます。 |
| コラボレーション | オフショア開発、リモート開発をサポートするために、IDEでは画面を見ながらチャットができるコラボレーション機能を提供しています。 |
テンプレート変換機能
| 主要機能 | 説明 |
|---|---|
| ソース編集機能 | ソースコードは自由に変更することが可能です。提供されるテンプレートエンジンでは、条件分岐、ループ、IF文等の制御構文を利用することができます。 |
| オリジナルコンテンツ選択 | オリジナルのウェブサイトから動的な活用を再利用したい場合にマッピングする箇所を選択して表示するテンプレートに埋め込むことができます。 |
| 編集履歴一覧 | 各テンプレートに変更を加えた場合の編集の履歴一覧を閲覧・参照することが可能です。 |
| リアルタイムプレビュー | 変更内容は即座に反映されてリアルタイムで各画面の変更内容をプレビューすることができます。 |
| テンプレート管理 | URL単位・画面ID単位・デバイスタイプなど任意の条件に合致した際に表示させるテンプレートの作成・変更・複製等を行うことができます。 |
| ファイル管理 | 画像ファイル・CSSファイル・JSファイルなどテンプレート開発に必要なファイルのアップロード・変更・削除を行うことができます。 |
| スニペット管理 | 開発上必要なソースは、スニペットとして登録・削除・一覧を管理することができます。 |
| ビューモードの切替 | プレビュー機能ではマルチスクリーンに対応するため、各デバイスのサイズごとにViewのサイズを変更できます。 |
| モバイルプレビュー | 二次元バーコードを実機で読み込むことによって表示されるモバイルプレビューは、IDE上での変更もリアルタイムで変更内容が反映され、IDE内のプレビューと同期して稼働します。 |
| コラボレーション | オフショア開発、リモート開発をサポートするために、IDEでは画面を見ながらチャットができるコラボレーション機能を提供しています。 |
管理画面機能 (flamingo CP)
| 主要機能 | 説明 |
|---|---|
| プロジェクト管理 | 利用ユーザーは、対象となるウェブサイトのURLを入力することによってプロジェクトの作成・編集・削除を行うことができます。 |
| ユーザー管理 | プロジェクト単位に関与するユーザーの招待・削除・変更とアサイン管理を行うことができます。 |
| 権限管理 | プロジェクトにアサインされたユーザーは、テンプレートの編集・リリースの権限等の権限管理を行うことができます。 |
| ブランチ管理 | ソースコードの履歴管理ならびに並行開発を行う場合のブランチ作成・マージ・コンフリクトの解消などを行うことができます。 |
| リリース管理 | 開発されたソースを本番のCDNならびにステージングに配置する場合には、リリースの予約・履歴・取り消しを行うことができます。 |
| プロファイル管理 | 契約アカウントのプロフィールの編集、プランの変更を行うことができます。 |
| 本番/ステージング | 本番リリース前の稼働確認を行うためのステージング環境が用意されています。(※プラン限定) |
| Chromeエクステンション | IDEへのアクセスは、別途Chrome Web Storeから提供されるエクステンションを追加することで対象サイトからエクステンションを経由して直接アクセスすることが可能です。 |
| ログイン機能 | 管理画面のアクセスはログイン機能によってセキュリティを保護しています。 |
| スイッチャ―生成 | flamingoを稼働させるためのJSタグは管理画面から生成することができます。 |
コンテンツ変換機能
| 主要機能 | 説明 |
|---|---|
| 変換処理方式 | 利用ユーザーは、対象となるウェブサイトのURLを入力することによってプロジェクトの作成・編集・削除を行うことができます。 |
| コンテンツ解析&抽出方式 | CSSセレクターならびにXpathによるオリジナルコンテンツの解析や取得が可能です。 |
| パラメーター | 抽出データの構造化、JSONフォーマットによるパラメーター管理が可能です。 |
| デバイス別変換 | User Agentを取得してデバイス別・OS別に出力される表示内容を変更することができます。 |
| フラミンゴAPI | API機能によって、デバイス情報の取得・変換元URL情報の取得・特定のJavaScriptオブジェクトにプロパティを追加することができます。 |
| SSL対応 | SSL環境のページに対応可能です。 |
| Ajax対応 | Ajaxで稼働するページに対応可能です。 |
