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

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



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

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

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

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

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

Discord のすべてのメッセージを削除する方法

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



JavaScriptで何ができるか?

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

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

電気をつける

明かりを消す


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

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

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

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

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

Chromeでページを復元する方法

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

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

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

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

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

Iphoneでホットスポットを作成する方法

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

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

興味深い記事

エディターズチョイス

Windows10でタスクバーバッジを無効にする
Windows10でタスクバーバッジを無効にする
Windows 10の「ユニバーサル」アプリのタスクバーバッジを無効にする場合は、マウスを数回クリックするだけで無効にできます。
Dayzで火を起こす方法
Dayzで火を起こす方法
DayZ で火を起こすことは、さまざまな理由から学ぶべき最も有用なスキルの 1 つです。キャラクターを暖かく保ち、さまざまな病気から守り、食べ物を調理できるようにし、光源を提供します。
Windows10をクラッシュさせる100周年記念アプリのバグが最近のアップデートで修正されました
Windows10をクラッシュさせる100周年記念アプリのバグが最近のアップデートで修正されました
Microsoftは、Windows 10 Anniversary Updateにより、開発者が従来のWin32アプリをWindowsストア経由で配布できるように「変換」できるようになりました。 「ProjectCentennial」または「DesktopBridge」と呼ばれる特別なツールを使用すると、従来のデスクトップアプリをUWPで使用される* .appx形式にパックできます。また、独占的に利用可能だった新しいAPIを使用する機能も提供します
Windows10でタスクビューのショートカットを作成する
Windows10でタスクビューのショートカットを作成する
Windows 10でカスタムタスクビューショートカットを作成できます。これにより、開いているウィンドウを便利な方法で管理するための追加のメソッドが多数提供されます。
Asus ZenBook 3 のレビュー: ついに Windows 10 ファンのための MacBook の代替品
Asus ZenBook 3 のレビュー: ついに Windows 10 ファンのための MacBook の代替品
Asus ZenBook シリーズは、常に – 丁寧に言えば – Apple の MacBook Air へのオマージュです。しかし、最近では、そのブランドはもはや薄くて軽い携帯性の代名詞ではありません。新しい ZenBook 3 は、
Windows 10Weatherアプリに天気予報ニュースが表示されるようになりました
Windows 10Weatherアプリに天気予報ニュースが表示されるようになりました
マイクロソフトは、組み込みの天気アプリの新しいバージョンを発行しました。これで、関連するForecastニュースがメインウィンドウに表示されます。また、左側のサイドバーにあるニュースアプリを取得するためのボタンがなくなりました。 Windows 10には、ユーザーが天気予報を取得できる天気アプリが付属しています
AirPod名を変更する方法
AirPod名を変更する方法
AppleのワイヤレスイヤフォンであるAirPodsは、今日の市場で入手可能な最も人気のあるBluetoothオプションの1つです。あらゆるAppleデバイス(および他のいくつかのデバイス)と簡単にペアリングでき、優れた音質と使いやすさにより、これらの小さな芽は完璧になります