IntelliJ IDEA 2020.2 ヘルプ

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

最終更新日 :

関連ページ:

プラグインを管理する

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

ソースファイルの構造

デフォルトでは、IntelliJ IDEA は現在のファイルのすべてのクラス、メソッド、およびその他の要素を表示します。表示したい要素を切り替えるには、構造ツールウィンドウのツールバーの対応するボタンをクリックします。例:をクリックしてクラスフィールドを表示します。継承メンバーを表示するには、をクリ...

コード補完

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

コードインスペクション

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

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

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

言語インジェクション

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