概要
Crew'sHubは、ウェブサイトを制作する際に使用する様々なデータや情報を、ページに紐づけて管理・共有することが出来るようになっています。
原稿やデザインデータ、メモ書きなどを、ページ別に管理することで、共有フォルダの中を探し回ることなく、必要なデータにすぐにアクセスすることが出来ます。データをクラウド上に一元管理することにより、データの取り違えによるミスを防止することにもつながります。
権限について
ページデータの操作 | 編集ユーザー | 一般ユーザー | パブリック |
閲覧・ダウンロード | ○ | ○ | × |
編集(追加・変更・削除) | ○ | × | × |
フィールドデータの取得 | - | - | ○ |
※ヘッダーデータとフィールドデータは、APIを通して外部から取得可能です。詳しくは公開データ・非公開データについてを参照ください。
ページの切り替え
プロジェクトに参加するすべてのメンバーがページデータにアクセスできます。
ページを切り替えるには、上部の青いボタンをクリックします。
ページ切り替えダイヤログが表示されるので、表示したいページをクリックします。
ページが切り替わりました。
ページの追加・変更・削除
- 編集権限を持つメンバーは、ページの追加・変更・削除をおこなうことが出来ます。
ボタンをクリックするとページ編集ダイヤログがポップアップします。
ページを追加する
ページを追加するには、 ボタンをクリックしてください。
ページの設定を入力します。
ページの名称 | Crew'sHub内で使用するページの名称です。 サイトを制作する上で分かりやすい名称を指定してください。 ※実際のページに設定するタイトル等は、ヘッダー情報として別途入力します。 |
---|---|
親ページ | ページの親ページを選択します。 |
スラグ | このページのスラグを入力します。(パスのディレクトリを除く部分) /aaa/bbb/ccc←この部分 |
必要なページを追加していきます。
ページを編集・削除する
編集・削除したいページにマウスを乗せると、「編集」「削除」ボタンが表示されるので、目的に応じてクリックします。
削除の場合は、確認ダイヤログが表示され、削除を承諾するとページデータが削除されます。
編集の場合は、新規追加の場合と同じ編集画面が表示されます。
ページを削除した場合の、ファイルの扱いについて
非公開ファイル
ページに関連付けしたファイルは、削除されません。他のどのページにも関連付けされていない場合は、アーカイブに入ります。
アーカイブについてはファイルの項を参照ください。
公開ファイル
公開用ファイルは削除されません。削除が必要な場合は、ファイルブラウザーから削除してください。
ファイルブラウザーについてはファイルブラウザーの項を参照ください。
サイトマップデータの取得
サイトマップのPlantUMLデータを取得することができます。
このデータを企画タグの資料として張り付けると、ツリー状に表現されたサイトマップが表示されます。
サイトの構成を検討する際や、クライアントへの説明資料(PDF出力可)としてご活用ください。
コピーボタンをクリックすると、クリップボードにサイトマップ情報がコピーされます。
企画タブを表示して、企画資料を追加します。
先程コピーしたサイトマップデータをペーストすると、ツリー状に表現されたサイトマップが表示されます。
※企画資料は、PDFファイルとしてダウンロードすることができます。
※サイトマップの表現は、PlantUMLのマインドマップ拡張を利用しています。
ページヘッダー情報(公開)
- プロジェクトに参加するすべてのメンバーはページヘッダー情報を閲覧できます。
- 編集権限を持つメンバーは、ページヘッダー情報の編集をおこなうことが出来ます。
ヘッダー情報右上の ボタンをクリックします。
ヘッダー情報を入力します。
入力したデータが反映されます。
カスタムヘッダーについて
APIからデータを取得する場合、ページの全データではなく、ヘッダー情報のみを取得することが出来ます。カスタムヘッダーを登録すると、ヘッダー情報にオリジナルの項目を追加することができます。
例えば、以下のような利用方法が考えられます。
- ページにアイコンを設定したい
- 短いタイトルを設定したい
- ページの並び順を指定したい
- no index を設定したい
カスタムヘッダーを追加するには、右上の ボタンをクリックします。
カスタムヘッダーはいくつでも追加できます。
メモ機能(非公開)
マークダウン書式を使用したメモ機能を使用できます。
- プロジェクトに参加するすべてのメンバーがメモを閲覧できます。
- 編集権限を持つメンバーは、メモの編集をおこなうことができます。
右上の ボタンをクリックします。
編集画面がポップアップするので編集します。
左半分が入力画面、右半分がプレビュー画面になります。
使用できるマークダウンの仕様については、マークダウン書式の項を参照ください。
決定ボタンをクリックすると、編集したデータが反映されます。
ファイル(非公開)
制作に使用する様々なファイルを関連付けておけます。
※ここに表示されるファイルは、非公開のストレージに保管されます。
- プロジェクトに参加するすべてのメンバーはファイルを閲覧・ダウンロードできます。
- 編集権限を持つメンバーは、ファイルを登録したり、関連付けたりすることが出来ます。
ファイルの登録(関連付け)
パソコンのデスクトップに置いたファイルを、ドラッグ&ドロップして保管することができます。
トークに添付されたファイルを、ファイルエリアにドラッグ&ドロップして登録することもできます。
ファイルの取り出し(ダウンロード)
クリックするとファイルが開くか、ダウンロードダイヤログが表示されます。(環境や拡張子によって異なります)
Chromeの場合は、ファイルをデスクトップにドラッグ&ドロップするだけでダウンロードできます。
関連付けの解除
関連付けを解除したい場合は、ファイルを右クリックして関連付けを解除してください。
(どのページにも関連付けられていないファイルは、アーカイブに入ります。)
ファイル名の重複について
プロジェクト内に同名のファイルを追加した場合は、後から追加したファイルがアクティブになり、以前のファイルはアーカイブに入ります。他のページでの関連付けも自動的に更新されますので、ご注意ください。
詳しくは、同名ファイルの扱いについてを参照ください。
フィールド(公開)
ページ上で使用するパーツ(HTML、テキスト、画像、ファイル、JSONデータ)を登録できます。
- プロジェクトに参加するすべてのメンバーがフィールドのデータを閲覧・ダウンロードできます。
- 編集権限を持つメンバーは、フィールドの編集をおこなうことができます。
フィールドデータの公開について
- フィールドデータは、APIを通して外部から取得することができます。
- フィールド内でアップロードしたデータは、キャッシュサーバから配信されます。
詳しくは、公開データ・非公開データについてを参照ください。
フィールドを追加する
「フィールドを追加する」ボタンをクリックします。
フィールドタイプを選択します。
編集画面がポップアップするのでコンテンツを編集します。
フィールドを編集する
フィールドの右上の ボタンをクリックします。
編集画面がポップアップするので編集します。
フィールドのタグについて
各フィールドにはタグという項目が設定されます。
タグはAPIやダウンロード機能を使用する際に、フィールドを識別する目的で利用できます。
タグは、自由に設定できますが、同一ページ内でユニークである必要があります。
テキストフィールド
一行のテキストを入力することが出来ます。
ページ内で使用するキャッチコピーなどのテキストデータを管理する目的で使用します。
HTMLフィールド
HTMLを入力することができます。
画像やファイルのアップロードも可能です。
ファイルブラウザーでアップロードしたファイルは、Crew'sHubのキャッシュサーバ(https://cache.crewshun.net)から取得可能です。
HTMLに埋め込んだ画像やファイルは、キャッシュサーバのURLでリンクされますので、ここで入力したHTMLをそのまま外部サイトに埋め込んで使用しても画像が表示されます。
尚、HTMLフィールドのプレビューは、セキュリティ上の理由によりサニタイズされて表示されます。
APIやダウンロードから取得するデータは、サニタイズされずそのまま取得できますので、ご安心ください。
画像フィールド・ファイルフィールド
画像やファイルをリンクしておくことができます。
HTML内に埋め込むのではなく、単独で管理したい場合にご利用ください。
JSONフィールド
JSONデータを管理できます。
APIやダウンロード機能から、各フィールドのデータがどのように取得できるのか確認するには、ページ上部のJSONボタンをクリックしてください。
そのページから取得できるデータが表示されます。
ページデータの取得について
APIやダウンロード機能から取得できるデータを確認することが出来ます。
JSONボタンをクリックします。
確認画面がポップアップします。
コピーボタンをクリックすると、JSONデータがクリップボードにコピーされます。