Skip to content

Latest commit

 

History

History
135 lines (92 loc) · 7.96 KB

quick-start-guide-and-required-environment.md

File metadata and controls

135 lines (92 loc) · 7.96 KB
Raw

クイックスタートガイド

必要環境

  • Chromeブラウザ（PC版）が動作する環境であること
  • GitHubアカウントを既に取得していること（未取得の方はこちら→GitHubアカウントの取得方法）

初期画面

以下のURLにアクセスすると、初期画面が表示されます。

https://vivliostyle-pub-develop.vercel.app/

  1. ……「Login」ボタンを押して、GitHubアカウントでログインしてください（→GitHubアカウントの取得方法）
  2. ……言語メニューから使用言語を選択することができます（English / 日本語）
  3. ……ユーザーガイド（本文書）を表示します

リポジトリとブランチの選択

ログインしたら、以下の画面でリポジトリを選択してください。リポジトリに複数のブランチがある場合はブランチも選択できます。公開リポジトリは“Public”、非公開は“Private” と表示されます。

  1. ……GitHubアプリのインストール（→最初のログインで必要な作業）
  2. ……GitHubアクセス・トークンのリフレッシュ（→最初のログインで必要な作業）
  3. ……GitHubアカウントのユーザー名（GitHub > Settings > Public profile）
  4. ……言語メニュー（English / 日本語）
  5. ……ユーザーガイド（本文書）の表示
  6. ……リポジトリ表示の更新
  7. ……リポジトリの選択

いずれかのリポジトリ（ 7 ）をクリックすると、自動的にエディタ／プレビュー画面に遷移します。

ログアウト／利用者アンケートの送付／不具合のフィードバック

GitHubアカウントのユーザー名をクリックすると、プルダウンメニューが表示されます。ログアウトはメニュー項目の一番下です。これを選択すると、ログアウトして初期画面に戻ります。また、このメニューから利用者アンケートの送付や不具合のフィードバックができます。ぜひご利用ください。

  1. ……利用者アンケートの送付
  2. ……不具合のフィードバック
  3. ……ログアウト

エディタ／プレビュー画面

ペイン境界線の移動：ファイル一覧ペイン、エディタ・ペイン、プレビュー・ペインの境界線は変更できます。それぞれの区画の境界線上にマウスカーソルを置いてください。左右矢印「↔」の形状に変わったところでマウスボタンをプレスしたまま右か左にドラッグすると、境界線が左右に移動します。

メニュー・エリア

  1. ……ユーザー名 / リポジトリ名
  2. ……ブランチ切り替えメニュー
  3. ……ファイル保存ボタン
  4. ……GitHubアカウントのユーザー名（プルダウンメニュー→アンケート送付／フィードバック／ログアウト）
  5. ……言語メニュー（English / 日本語）
  6. ……ユーザーガイド（本文書）の表示
  7. ……ファイル一覧ペインの表示／非表示
  8. ……エディタ・ペインの表示／非表示
  9. ……プレビュー・ペインの表示／非表示
  10. ……Actionメニュー

Actionメニューをプルダウンすると、下記のような操作が可能です。

ファイル一覧ペイン

  1. ……リポジトリ内のファイル名を検索
  2. ……リポジトリのファイル一覧を再取得
  3. …… リポジトリにファイルをアップロード
  4. …… リポジトリにフォルダを新規作成
  5. …… リポジトリにファイルを新規作成
  6. ……現在編集中のファイル（太字）
  7. ……リポジトリ内のファイル一覧
  • アイコン種別一覧
    • ……上位フォルダへ移動
    • ……フォルダ
    • ……画像ファイル
    • ……HTMLファイル
    • ……CSSファイル
    • ……Markdownファイル
    • ……vivliostyle.config.js
    • ……その他のファイル

各種ファイル操作の詳細は下記をご参照ください。

プレビュー・ペイン

  1. ……ファイル内の文字列を検索
  2. ……ページ移動ボタン（左から先頭ページへ移動、前のページへ移動、後のページへ移動、末尾ページへ移動／単一ページの場合はグレイアウト）
  3. ……ページカウンター（現在のページ／総ページ）
  4. ……文字サイズ変更（左から小さく、大きく、デフォルト）
  5. ……ズーム（左から縮小、拡大、等倍、フィットページ）
  6. ……ページ移動スライドバー

ログの表示

画面下端付近でマウスポインタを動かし、ポインタの形状が上下矢印「↕」に変わったところで、マウスボタンをプレスしたまま上方にドラッグするとログが現れます。