PC&モバイル

Googleドキュメントのソースコードにシンタックスハイライトを追加する方法

開発者とプログラマーは、コンピューターコードを入力する主要な方法として長い間テキストエディターを使用してきました。一部の開発環境には独自の組み込みエディターがありますが、開発者は通常1つのエディターが好きで、そのプログラムに固執します。この理由の1つは、優れたコーディングエディタには、構文の強調表示が含まれていることです。これは、ソースコードをフォーマットし、コード内のキーワードと構成にフォントと色を割り当てて、読みやすくする機能です。このTechJunkieガイドで説明されているNotepad ++などのテキストエディタは、この理由から開発者に好まれています。ほとんどの開発者は、優れたワークグループ機能とクラウド統合にもかかわらず、組み込みの構文強調表示オプションが含まれていないため、Googleドキュメントを潜在的なコーディングエディタとは見なしていません。

Googleドキュメントのソースコードにシンタックスハイライトを追加する方法

ただし、Googleドキュメントドキュメントのコードに構文の強調表示を追加することはできます。実際、シンタックスハイライトを使用してさまざまなプログラミング言語やマークアップ言語をフォーマットできるドキュメント用のアドオンが少なくとも2つあります。また、Googleドキュメントで強調表示してソースコードを挿入するために利用できる多数のWebアプリがあります。この記事では、ドキュメントドキュメントにソースコード構文の強調表示を追加する方法を紹介します。

CodePrettyでソースコードをフォーマットする

Code Prettyは、選択したコードにハイライトを自動的に追加するGoogleドキュメントのアドオンです。 Code Prettyには、構文フォーマットをカスタマイズするための大量の設定は含まれていませんが、それでもドキュメントに便利な構文強調表示オプションが追加されています。 [をクリックしてドキュメントにCPを追加できます。 NSee このウェブページのボタン。次にを押します 許可する ボタンをクリックして、アドオンのアクセス許可を確認します。

次に、ブラウザでドキュメントを開きます。 [アドオン]タブをクリックしてメニューを開きます。そのメニューには、CodePrettyアドオンが含まれるようになります。このアドオンが構文を強調する方法の例を示すために、Ctrl + Cを押して、以下のサンプルJavaScriptコードを選択してドキュメントドキュメントにコピーします。

JavaScriptは何ができますか?

JavaScriptはHTML属性を変更できます。

この場合、JavaScriptは画像のsrc(ソース)属性を変更します。

電気をつける

明かりを消す

Ctrl + Vを押して、そのJavaScriptサンプルをドキュメントに貼り付けます。次に、カーソルでワードプロセッサのコードを選択します。クリック アドオン >コードプリティ を選択します フォーマットの選択 サブメニューからのオプション。これにより、すぐ下のスナップショットに示すようにJavaScriptがフォーマットされます。

前述のように、CPには構文の強調表示に関する多くの設定が含まれていません。ただし、クリックすると、強調表示されたコードのフォントサイズを調整できます。 アドオン >コードプリティ 設定。すぐ下に表示されているサイドバーが開きます。次に、そこから強調表示されたコードの代替のデフォルトフォントサイズを選択できます。

コードブロックを使用してソースコードをフォーマットする

コードブロックは、ドキュメントに追加できるCPの代替アドオンです。これは、多数の強調表示テーマが含まれているため、実際には構文を強調表示するための少し優れたアドオンです。を押します 無料 このウェブサイトページのボタンをクリックして、コードブロックをドキュメントに追加します。

コードブロックをインストールしたら、ドキュメントを開き、上記と同じJavaScriptコードをコピーしてワードプロセッサに貼り付けます。クリック アドオン >コードブロック 選択します 始める 真下のショットに示されているサイドバーを開きます。

カーソルでJavaScriptテキストのみを選択します。コードの上または下に空のドキュメントスペースを選択しないようにしてください。選択する JavaScript 最初のドロップダウンメニューから。次に、からテーマを選択することもできます テーマ ドロップダウンメニュー。を押します フォーマット 以下に示すように、ボタンを押して構文の強調表示をコードに追加します。これで、JavaScriptテキストがより明確になり、マークアップタグが強調表示されます。

ハイライトされたソースコードをコピーしてGoogleドキュメントに貼り付ける

CodeBlocksとCodePretty Docsの他に、シンタックスハイライトWebアプリを利用してソースコードをフォーマットすることもできます。次に、強調表示されたソースコードをコピーして、ウェブアプリからドキュメントドキュメントに貼り付けることができます。 Textmateは、多数のプログラミング言語とマークアップ言語をフォーマットする1つの構文ハイライトWebアプリです。

このハイパーリンクをクリックして、Textmateを開きます。次に、この投稿に含まれているJavaScriptテキストをコピーして、Ctrl + CおよびCtrl + Vホットキーを使用してTextmateのソースコードボックスに貼り付けます。選択する JavaScript [言語]ドロップダウンメニューから。 [テーマ]ドロップダウンメニューからシンタックスハイライトテーマを選択します。を押します ハイライト すぐ下のスナップショットに示すように、ボタンをクリックしてソースコードのフォーマットのプレビューを取得します。

次に、カーソルでプレビューで強調表示されたJavaScriptを選択し、Ctrl + Cを押します。Ctrl+ Vを押して強調表示されたコードをGoogleドキュメントに貼り付けます。これにより、すぐ下に示すように、強調表示されたJavaScriptソースコードがドキュメントドキュメントに追加されます。

したがって、ソフトウェアやWebサイトのコードに構文の強調表示を追加するために、デスクトップのテキストエディタは必要ありません。代わりに、CodePrettyおよびCodeBlocks拡張機能を使用してドキュメントドキュメントの構文コードを強調表示できます。または、Textmate Webアプリとの間でコードをコピーして貼り付け、Googleドキュメントで強調表示されたソースコードを挿入します。

Googleドキュメントに構文フォーマットを追加する他の方法はありますか?以下でそれらを私たちと共有してください!

$config[zx-auto] not found$config[zx-overlay] not found