Liquid
RubyMine は Liquid(英語) テンプレート言語をサポートし、次の機能を備えています。
構文とエラーのハイライト
波括弧区切り文字の自動クローズ
Liquid タグ(Shopify と Jekyll(英語) タグを含む)およびフィルター用の自動補完
Ctrl+//Ctrl+Shift+/ を使用したコードの行とブロックのコメント / コメント解除
ライブテンプレート ( コードスニペット )
Liquid プラグインをインストールして有効にする
RubyMine で Liquid テンプレート言語を使用する前に、Liquid プラグインがインストールされ、有効になっていることを確認してください。
サポートされているファイルの種類
RubyMine は、次のファイルタイプの Liquid 構文をサポートしています。
*.liquid ファイル (Liquid コードで HTML ファイルとして処理されます)
*.html.liquid、*.md.liquid、*.css.liquid など
.html または .md ファイルを Liquid ファイルとして処理する場合は、ファイルタイプの関連付けを構成できます。ファイルタイプの関連付けは、IDE のすべてのプロジェクトに適用されることに注意してください。
HTML ファイルを Liquid に関連付けます
HTML ファイルを開き、Ctrl+Shift+A を押して、ファイルタイプの関連付けと入力します。
開いた新しいファイルタイプの関連付けを登録するウィンドウで、Liquid テンプレートを選択します。
エディターで開いていたファイルは、Liquid ファイルとして処理されます。
すべての HTML ファイルを Liquid に関連付けます
Ctrl+Alt+S を押して IDE 設定を開き、
を選択します。認識されたファイルタイプリストから、Liquid テンプレートを選択します。
ファイル名のパターンセクションに、
*.html
などのパターンを入力します。入力したパターンが既存のパターンと一致する場合(たとえば、
*.html
が HTML ファイルタイプと一致する場合)、再割り当てを確認するように求められます。
Liquid ファイルを作成する
RubyMine で新しい Liquid ファイルを作成するには、以下の手順に従います。
プロジェクトビュー Alt+1 を開き、目的のディレクトリを選択します。
新規リストから Liquid ファイルを選択します。
に進みます。別の方法として、Alt+Insert を押して、ファイル名を指定して、Enter を押します。
ライブテンプレート
ライブテンプレートを使用して、if
ブロック、assign
タグなどの Liquid コード構成をコードに挿入できます。
ライブテンプレートを展開する
ライブテンプレートを展開するには、対応するテンプレートの省略形を入力して Tab を押します。事前定義された if
テンプレートを使用して if
ブロックを挿入する方法を見てみましょう。
![Insert if block using a template](https://resources.jetbrains.com/help/img/idea/2024.1/liquid_expand_template.png)
Liquid ファイルで
if
と入力し、Tab を押します。必要な条件を指定し、Tab を押して次のステートメントに移動します。
指定した条件に必要なコードを入力します。
ライブテンプレートの構成
Liquid 固有のライブテンプレートを設定するには:
設定 Ctrl+Alt+S を開きます。
エディター | ライブテンプレートページに移動し、Liquid グループで目的のテンプレートを選択します。ライブテンプレート設定からライブテンプレートを構成する方法を学ぶことができます。
コードスタイルの設定を構成する
Liquid のコードスタイル設定をカスタマイズするには:
Ctrl+Alt+S を押して IDE 設定を開き、
を選択します。
構文ハイライトを構成する
好みや習慣に応じて、Liquid 対応の構文ハイライトを設定できます。
設定ダイアログ(Ctrl+Alt+S)で、 に移動します。
配色を選択するか、デフォルトから継承されたハイライト設定を受け入れるか、色とフォントを設定する説明に従ってカスタマイズします。
関連ページ:
![](https://resources.jetbrains.com/help/img/idea/2024.1/rm_completion_basic_2.png)
コード補完
このセクションでは、コーディングプロセスのスピードアップを可能にするコンテキスト対応コード補完のさまざまなテクニックについて説明します。基本補完:基本コード補完は、可視性スコープ内のクラス、メソッド、キーワードの名前を完成させるのに役立ちます。コード補完を呼び出すと、RubyMine はコンテキストを分析し、現在のキャレット位置から到達可能な選択肢を提案します (提案にはライブテンプレートも含まれます)。基本補完を呼び出す名前の入力を開始します。を押すか、メインメニューからを選択してください。...
![](https://resources.jetbrains.com/help/img/idea/2024.1/rm_reformat_directory.png)
コードの再フォーマットと再配置
RubyMine を使用すると、現在のコードスタイルスキームまたは .editorconfig ファイルで指定した要件に従ってコードを再フォーマットできます。で定義されていないものがあれば、プロジェクト設定から取得されます。コードの一部、ファイル全体、ファイルのグループ、ディレクトリ、モジュールを再フォーマットできます。コードの一部または一部のファイルを再フォーマットから除外することもできます。コードフラグメントを再フォーマットするエディターで、再フォーマットしたいコードフラグメントを選択します。再...
![](https://resources.jetbrains.com/help/img/idea/2024.1/ws_use_camel_humps_words.png)
ソースコードの操作
コードを使用する場合、RubyMine は作業にストレスがないことを保証します。追加、選択、コピー、移動、編集、折りたたみ、出現箇所の検索、コードの保存に役立つさまざまなショートカットと機能を提供します。エディター内のナビゲーションについては、エディターの基本を参照してください。アクションの検索使用したいアクションのショートカットを覚えていない場合は、を押して名前でアクションを見つけてください。同じダイアログを使用してクラス、ファイル、シンボルを見つけることができます。詳しくは、名前でターゲッ...
![](https://resources.jetbrains.com/help/img/idea/2024.1/rm_live_templates_save_as_dialog.png)
ライブテンプレート
ライブテンプレート(またはコードスニペット)を使用すると、頻繁に使用する構造をコードに挿入できます。これらには、条件、ブロック、ループなどがあります。例: 以下のアニメーションは、事前定義されたの省略形を使用してブロックをすばやく挿入する方法を示しています。RubyMine は、Ruby、Rails、RSpec、JavaScript などを含む、さまざまな言語およびフレームワーク用の多数の事前定義済みテンプレートを提供します。必要に応じて、事前定義されたテンプレートをカスタマイズしたり、新しいテ...
![](https://resources.jetbrains.com/help/img/idea/2024.1/rm_plugins_settings.png)
プラグインのインストール
プラグインは RubyMine のコア機能を拡張します。例: プラグインをインストールして、次の機能を取得します。バージョン管理システム、課題追跡システム、ビルド管理サーバー、その他のツールとの統合。さまざまな言語とフレームワークのコーディング支援サポート。ショートカットのヒント、ライブプレビュー、ファイルウォッチャーなど。新しいプログラミング言語を学ぶのに役立つコーディング演習。プラグイン設定を開くを押して IDE 設定を開き、を選択します。マーケットプレースタブを使用して、JetBrains...
![](https://resources.jetbrains.com/help/img/idea/2024.1/ws_create_html_file.png)
HTML
RubyMine は、構文やエラーのハイライト、コードスタイルに応じたフォーマット、構造検証、コード補完、デバッグセッション中のオンザフライプレビュー(ライブ編集)やコードエディターの専用プレビュータブなど、HTML を強力にサポートします。HTML ツールプラグインを有効にするこの機能は、デフォルトで RubyMine にバンドルされて有効になっている HTML ツールプラグインに依存しています。関連する機能が利用できない場合は、プラグインを無効にしていないことを確認してください。を押して ID...