IntelliJ IDEA 2020.1ヘルプ

Markdown

Markdown(英語)は、プレーンテキストにフォーマット要素を追加するための軽量のマークアップ言語です。IntelliJ IDEAはMarkdownファイルを認識し、それらに専用のエディターを提供し、レンダリングされたHTMLをライブプレビューで表示します。

Markdownエディターは、見出しの管理、太字または斜体にするための書式設定の適用など、基本的な編集機能を実行できます。補完機能を使用して、他のプロジェクト文書やイメージへのリンクの追加、さまざまなプログラミング言語のコードブロックの挿入、DOTまたはPlantUMLダイアグラムの可視化を行うこともできます。

始める前に

Markdownバンドルプラグインがプラグインのページで有効になっていることを確認してください。詳細については、プラグインの管理を参照してください。

プレビュー

デフォルトでは、Markdownエディターはコードエディターとプレビューペインに分割されています。 Show editor only または Show preview only ボタンを使用して、コードエディターまたはプレビューペインのみを表示します。

Markdown editor and live preview pane

エディターとプレビューペインを垂直または水平に分割するかどうかも管理できます。これを行うには、設定/環境設定ダイアログ Ctrl+Alt+Sを開き、言語 & フレームワーク | Markdownページに移動してエディターとプレビュー・パネルのレイアウトオプションを使用します。

IntelliJ IDEAは、プレビューをコードエディターの現在のキャレット位置と自動的に同期します。自動スクロール・プレビューボタン Auto-Scroll Preview を使用して、この同期をオンまたはオフにします。

マークダウンドキュメント内を移動する便利な方法は、次のとおりです。ドキュメントの見出しが表示され、必要な段落にすばやくジャンプできます。

Structure tool window

構造ツールウィンドウ Alt+7 とファイル構造ポップアップ Ctrl+F12から選択できます。

フォーマット

Markdownエディターでは、テキストに基本的なフォーマットを適用できます。例:選択したテキストを太字、斜体、または等幅にするには、Toggle bold mode , Toggle italic modeボタンと Toggle monospaced mode ボタンを使用します。

Markdownエディターは現在のプロジェクトに含まれるファイルへのリンクの補完を提供します。例:これは他のマークダウン文書やイメージでもかまいません。

Markdown complete a link

リンクされたファイルがプロジェクト内に見つからない場合、Markdownエディターは警告をスローします。

コード・ブロック

エディターでは、コードブロックの前後にトリプルバッククォート(```)を置くことで、異なる言語のフェンスコードブロックを挿入することができます。

Markdown insert a fenced code block

選択された言語でコード補完インスペクション、およびインテンションアクションがサポートされています。

Markdown completion in fenced code blocks

これらの機能が不要な場合は、マークダウンファイルのコードインジェクションを無効にできます。これを行うには、設定/環境設定 Ctrl+Alt+Sを開き、言語 & フレームワーク | Markdownページに移動してコード・フェンスで自動言語インジェクションを使用不可にするオプションを使用します。

ダイアグラム

IntelliJ IDEAは、DOT(英語)およびPlantUML(英語)のダイアグラム言語を使用して、Markdownプレビューの視覚化図をサポートしています。

PlantUML diagrams in markdown

ダイアグラムをレンダリングするには、次のツールをインストールする必要があります。

  • グラフビズ(英語)をインストールして、DOT図を表示します。

  • PlantUMLフレームワークをインストールする

    設定/環境設定 Ctrl+Alt+Sを開き、言語 & フレームワーク | Markdownページに移動して、PlantUML フレームワークがインストールされていません警告の横にある インストール ボタンをクリックします。フレームワークはIntelliJ IDEA キャッシュにインストールされます。

ダイアグラムを視覚化するには、puml または plantuml 言語で対応するコードブロックを挿入します。以下のコードスニペットをコピーして、この機能の動作を確認できます。

```puml A -> B ```
```plantuml digraph Test { A -> B } ```

プレビュー用のカスタムCSS

Markdownプレビューでは、カスタムスタイルシートを使ってドキュメントをレンダリングできます。基本的なプレゼンテーションの変更を行うためのカスタムスタイルシートを指定する(たとえば、プレビューのフォントサイズを大きくする)か、まったく新しいCSSを提供することができます(たとえば、GitHub Markdownスタイルを複製する場合)。

カスタムスタイルシートを提供するには、設定 / 環境設定ダイアログ Ctrl+Alt+Sを開き、言語とフレームワーク | Markdownページに移動し、URI からロードオプションを使用して必要なCSSファイルへのパスを設定します。このパスは、URLまたは絶対/相対パスのいずれかです。

Markdown custom CSS settings

代わりに、CSS ルールの追加エディターで直接CSSを指定してください。

構文強調表示の構成

好みや習慣に従ってMarkdownを意識した構文強調表示を設定することができます。

  1. 設定/環境設定ダイアログ Ctrl+Alt+Sで、エディター | カラー・スキームの切り替え | Markdownに移動します。

  2. 配色を選択するか、デフォルトから継承された強調表示設定を受け入れるか、または色とフォントの設定の説明に従ってカスタマイズします。

最終更新日: 2020年6月2日

関連ページ:

プラグイン

WindowsとLinux用のmacOS用このページを使用してプラグインを管理します。プラグインリポジトリの閲覧、プラグインのインストール、削除、有効化、無効化、および更新を行います。主なコントロール:マーケットプレースこのタブを使用して、JetBrainsプラグインリポジトリからプラグインをブラウ...

プラグインを管理する

プラグインはIntelliJ IDEAのコア機能を拡張します。彼ら:バージョン管理システム、アプリケーションサーバー、およびその他のツールとの統合を提供する、さまざまな言語とフレームワークのコーディング支援サポートを追加する、ショートカットヒント、ライブプレビュー、ファイルウォッチャーなどで生産性を...

コード補完

このセクションでは、コーディングプロセスのスピードアップを可能にするコンテキスト対応コード補完のさまざまなテクニックについて説明します。基本補完:基本コード補完は、可視性スコープ内のクラス、メソッド、フィールド、およびキーワードの名前を完成させるのに役立ちます。コード補完を呼び出すと、Intelli...

コード・インスペクション

IntelliJ IDEAには、コンパイル前にプロジェクト内の異常コードを検出して修正する一連のコードインスペクションがあります。IDEはさまざまな問題を見つけて強調表示し、デッドコードを見つけ、可能性のあるバグを見つけ、スペルの問題、コード構造全体を改善することができます。インスペクションは、すべ...

インテンション・アクション

エディターで作業するときに、IntelliJ IDEAはコードを分析し、コードを最適化する方法を検索し、潜在的な問題と実際の問題を検出します。IDEがコードを変更する方法を見つけるとすぐに、エディターの現在の行の横に黄色い電球アイコンが表示されます。このアイコンをクリックすると、このコード単位で使用...

言語インジェクション

言語インジェクションを使用すると、コードに埋め込まれた他の言語のコードを操作できます。言語(HTML、CSS、XML、RegExpなど)を文字列リテラルに挿入すると、そのリテラルを編集するための包括的なコード支援が得られます。言語インジェクションを開始する前に、IntelliLangプラグインが有効...