すべて開く
Novaへようこそ!
プロジェクト
エディタ
ターミナル
プレビュー
Git
タスク
デバッグ
リモートファイル
機能拡張
付録: 設定
FAQs
サポート

クイックツアー

世界一短いNovaの使い方ガイド。

最初のセットアッププロセスが完了したので、この記事ではNovaのインタフェースと機能セットのクイックツアーにご案内します。各セクションで、各機能に関する詳細情報へのリンクを自由にたどってください。

ランチャー

Novaをセットアップした後、最初に紹介されるインタフェースは ランチャー です。ランチャーから、Novaの既存のプロジェクトを開いたり整理したり、新しいプロジェクトを作成したり、Gitリポジトリをクローンしたり、単に新しい書類を作成したりできます。

プロジェクトを作成または追加する前のランチャー
プロジェクトを作成または追加する前のランチャー

プロジェクトの作成

例として、新規プロジェクトを選択し、プロジェクトを作成しましょう

新しいプロジェクトを作成する
新しいプロジェクトを作成する

Novaプロジェクトは、本質的にMac上のローカルフォルダであり、プロジェクト固有のデータ用の非表示の /.nova ディレクトリが含まれています 。プロジェクト名は、ランチャーに表示される単なる表示名であり、フォルダの名前と一致する必要はありません。カスタムカラーを選択することで、ランチャーでのプロジェクトの表示方法をカスタマイズすることもできます。

このプロジェクトでは Git機能 も使用したいため、新規Gitリポジトリを初期化する もチェックしておきましょう。作成されると、プロジェクトはランチャーにアイコンとして表示され、ダブルクリックして開くことができます。

プロジェクトを追加した後のランチャー
プロジェクトを追加した後のランチャー

ワークスペース

プロジェクトを作成すると、Novaのメインインタフェースであるワークスペースで開きます

典型的なNovaワークスペース
典型的なNovaワークスペース

すべてのプロジェクトは独自のワークスペースで開き、 設定 > ワークスペース で選択した設定に応じて、独自の別々のウインドウまたはタブとして表示できます。プロジェクトは単一のワークスペースウインドウに関連付けられているため、プロジェクトフォルダ内の書類は常にそのプロジェクトのワークスペースウインドウで開き、誤って他のウインドウに開いたり移動したりすることはできません。

ワークスペースの左側と右側にはサイドバーがあり、 プロジェクト内のファイルリモートサーバ 上のファイルに簡単にアクセスしたり、 プロジェクト全体でテキストを検索および置換 したりできます。左サイドバーと右サイドバーの両方があり、ツールバーのLeft Sidebar icon および Right Sidebar iconコントロールを使用して表示を切り替えることができます。

注: デフォルトでは、右サイドバーには実際にはサイドバーが含まれていません!各サイドバーの上部にあるサイドバードックからサイドバーアイコンをドラッグして他のサイドバーに移動したり、使用する予定がない場合はサイドバーを非表示にしたりできます。

ワークスペースの真ん中には、すべてのタブが配置されるメインのコンテンツ領域があります。これには、エディタタブプレビュータブターミナルタブファイルブラウザが含まれます。ツールバーのNew Tab icon新規タブボタンからこれらのタブのいずれかを開きます。

コンテンツ領域は複数のビューに分割することもでき、コードと並べてプレビューを表示したり、ウインドウの下部にターミナルを保持したりできます。タブバーからタブをドラッグして分割を作成したい位置に移動するか、タブバーのNew Split icon新規分割ボタンをクリックします。

タブをドラッグして新しい分割を作成する

すばやく開く

プロジェクトにファイルを作成したら、もちろんサイドバーから開くことができます。しかし、必要なファイルの名前を(大まかに)既に知っている場合は、 すばやく開く 機能を使用するとより速くアクセスできます。ショートカット ⇧Shift+⌘Command+O も利用可能です。

すばやく開くインタフェース
すばやく開くインタフェース

目的のファイルの名前を入力してReturnキーを押して開きます。すばやく開くはあいまい一致をサポートしているため、必ずしも正確なファイル名やパスを入力する必要はありません。すばやく開くは、特定の関数や変数がどこで定義されているかを見つける必要がある場合に、プロジェクト内のシンボルを見つけることもできます。

コマンドパレット

Novaのさまざまなグラフィカルコントロールやメニュー項目に加えて、 コマンドパレット を使用して、キーボードからNovaのほぼすべてのコマンドにアクセスすることもできます。⇧⌘P (Shift+Command+P) を押してコマンドパレットを開き、実行したいアクションを入力してReturnキーを押して実行します。Novaのほぼすべてのメニュー項目などがここでアクセスできます。

コマンドパレットインタフェース
コマンドパレットインタフェース

エディタ

Novaのエディタで開かれた書類
Novaのエディタで開かれた書類

Novaの エディタ は、Novaで書類を操作する主な方法です。Novaの機能豊富なエディタは、サポートされているさまざまな言語のハイライトと補完を提供し、機能拡張を活用すればさらに多くが利用可能です。エディタは、ミニマップマルチカーソルコード構造ヘッダ、さらには専用のVim モードのサポートなど、幅広い最新機能をサポートしています。

エディタは非常に柔軟なカスタマイズが可能で、設定を調整するための便利なグラフィカルインタフェースを備えています。テーマを変更したり、カスタムフォントを使用したり、不可視文字を表示したり、インデントスタイルの設定を行ったり、その他多くのことができます。

Novaのエディタ設定ペイン
Novaのエディタ設定ペイン

プレビュー

Novaで書類を編集中、エディタのパスバーにある Preview icon アイコンをクリックすると、 プレビュータブ で書類を開きます。Novaのプレビュー機能を使用すると、ウェブプロジェクトやMarkdown書類のライブレンダリングビューを表示できます。

エディタの分割ビューで開かれたプレビュー
エディタの分割ビューで開かれたプレビュー

プレビュータブは、プレビュー対象の書類に変更を保存すると自動的に更新されたり、入力中にライブで更新されたりします 。Novaには、静的なHTML書類をプレビューするため内蔵HTTPサーバが含まれていますが、より複雑なウェブアプリケーション用に独自の開発サーバを参照するよう設定することもできます。

ターミナル

新規タブボタンから、 ターミナルタブ を開くこともできます。Novaは、ローカルターミナルとSSH経由のリモートターミナルの両方をサポートしています。

分割ビューで開かれたターミナルタブ
分割ビューで開かれたターミナルタブ

NovaでのGitの使用

ルートディレクトリにGitリポジトリがあるプロジェクトで作業している場合、Git Sidebar icon Gitサイドバー を使用して、リポジトリへの変更をステージングおよびコミットしたり、リモートリポジトリからフェッチまたはプッシュしたり、ブランチを切り替えたり作成したり、コミット履歴を閲覧したりできます。

プロジェクト内のファイルに変更を加えると、Novaは自動的に変更を追跡し、ステージングのためにGitサイドバーにリストします。Novaは、エディタで変更された行もハイライト表示し、最新のコミット以降に変更、追加、または削除された行を確認できます。

Git Sidebar screenshot

Novaは、GitHub、GitLab、BitBucket、Giteaなど、多くの人気のあるGitサービスプロバイダとも統合されています。Novaの設定でGitサービスアカウントにサインインし、それらの資格情報を使用してリモートリポジトリに簡単にアクセスできます。

比較ビュー

Gitサイドバーで変更されたファイルをクリックすると、 比較ビュー でファイルが開きます。これにより、ファイルの異なるリビジョン間の変更を簡単に表示できます。比較ビューでは、ファイルの一方のペインに現在の状態、もう一方のペインにファイルの最新のGitコミットが表示され、最新のコミット以降の変更を示すハイライトが表示されます。

動作中の比較ビュー
動作中の比較ビュー

また、エディタのパスバーにある Comparison View icon アイコンをクリックして、特定のファイルの比較ビューを手動で開くこともできます

プロジェクト設定

ツールバーの Project icon プロジェクト名 をクリックすると、 プロジェクト設定 が開きます。(プロジェクトメニュー > プロジェクト設定からも見つけることができます。)

プロジェクト設定ビュー
プロジェクト設定ビュー

ここでは、作成する新しいファイルのデフォルトの言語モードなど、プロジェクト固有の設定を構成できます。また、すばやく開くで使用されるインデックスからファイルを無視したり、Novaにプロジェクトファイルを再インデックスさせたりすることもできます。プロジェクト固有の機能拡張設定もここで構成できます。

サーバに接続

ウェブでホストされるプロジェクトで作業している場合は、リモートファイルの横にある + アイコンをクリックして、プロジェクトにサーバ設定を追加できます。Novaは、FTP、SFTP、Amazon S3互換サーバなど、サーバに接続するためのさまざまなプロトコルをサポートしています。「ステージング」サーバと「本番」サーバの両方をリンクするなど、複数のサーバをプロジェクトに接続できます。

Adding a server to a Project.

プロジェクトにサーバが追加されると、Remote Sidebar icon リモートサイドバーにもアクセスできます。複数のサーバを追加した場合、リモートサイドバーの上部にあるドロップダウンメニューでそれらを切り替えることができます。また、サーバとローカルMac間で簡単に転送できる拡張ビューの ファイルブラウザ タブを開くこともできます。

公開機能

プロジェクト設定でサーバを選択し、公開機能を使用するの横にあるチェックボックスをオンにすることで、オプションでリモートサーバへの 公開機能 を有効にできます。

プロジェクト設定で公開機能を有効にする
プロジェクト設定で公開機能を有効にする

公開機能は、プロジェクトへのローカルの変更を追跡し、それらをすべて一度にサーバに簡単にアップロードできるNovaの機能です。公開機能は、サーバ上のコピーと基本的に同じディレクトリ構造を持つウェブサイトまたはウェブアプリのローカルコピーがあることを前提としています。プロジェクトのローカルコピーに変更を加えると、それらはPublish Sidebar icon公開サイドバーのキューに追加され、そこでサーバ上の対応する場所に自動的にアップロードできます。

公開サイドバーからアップロードする準備ができたローカルの変更
公開サイドバーからアップロードする準備ができたローカルの変更

より詳しくは 公開機能の記事 をご参照ください。

タスク

プロジェクト設定では、 カスタムタスク を作成することもできます。タスクは、主にプロジェクトのビルド、実行、クリーンアップのために設計された、自動化されたスクリプト可能なアクションです。

プロジェクト設定でカスタムタスクを構成する
プロジェクト設定でカスタムタスクを構成する

ここでは、ビルド、実行、クリーンアクションのスクリプトを作成し、メインのNovaワークスペースのツールバーアイコンから簡単に呼び出すことができます。スクリプトは、標準のシェルスクリプト、またはPythonやRubyなどの他のインタプリタ言語で記述できます。一部の機能拡張は、構成可能な設定と引数を備えた、本質的に事前に記述されたタスクである タスクテンプレート を提供する場合もあります。

ツールバーのタスクコントロール
ツールバーのタスクコントロール

デバッグ

また、 デバッグタスク を構成することもできます 。これにより、プロジェクトを実行し、外部ツールに接続して、実行中にコードをライブでデバッグできます。Novaには、Chrome、Deno、Node.js、PHP、Pythonなど、多くのツールや言語用のデバッグタスクが含まれており、サードパーティの機能拡張としてさらに多くが利用可能です。

Chromeデバッグタスクを構成する
Chromeデバッグタスクを構成する

構成が完了したら、他のタスク構成と同様にツールバーコントロールからデバッグタスクを開始できます 。エディタのガターで行番号をクリックするだけで、コードが特定の行で中断するように手動でブレークポイントを設定できます。次に Debug Console icon デバッグコンソール を使用して、変数を検査したり、式を評価したり、実行をステップ実行したり、コードの実行中にデバッガコマンドを送信したりできます。

Novaのデバッグコンソール
Novaのデバッグコンソール


次のセクション →
プロジェクト