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

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



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

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

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

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

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

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



JavaScriptは何ができますか?

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

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

電気をつける

明かりを消す


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

kodi PCでキャッシュをクリアする方法

前述のように、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ドキュメントに構文フォーマットを追加する他の方法はありますか?以下でそれらを私たちと共有してください!

興味深い記事

エディターズチョイス

Windows8.1およびWindows8でスタート画面のレイアウトをリセットする方法
Windows8.1およびWindows8でスタート画面のレイアウトをリセットする方法
Windows8.1およびWindows8でスタート画面のレイアウトをリセットする方法
CloneGoソフトウェアを使用してWindows10システムパーティションをSSDにクローンする方法
CloneGoソフトウェアを使用してWindows10システムパーティションをSSDにクローンする方法
コンピューターを新しいSSDでアップグレードすることを考えるときはいつでも、ノックする最初の可能性は、Windowsインストールシステム全体を最初から実行することです。ただし、同じことを避けたい場合、またはWindows OSを新しい起動可能なSSDにバックアップしたい場合は、
Windows 7を出荷時設定にリセットする方法
Windows 7を出荷時設定にリセットする方法
Windows 7 を出荷時設定にリセットすると、オペレーティング システムが削除され、最初に購入したときの状態に復元されます。工場出荷時設定にリセットするオプションは次のとおりです。
コンピューターのカーソルが飛び回り続ける – どうすればよいか
コンピューターのカーソルが飛び回り続ける – どうすればよいか
コンピューターの場合、キーボードとマウスの組み合わせは、コンピューターを制御するのに最適な方法です。とにかく純粋な思考でコンピュータを制御できるようになるまでは。このような単純なデバイスの場合、マウスは Windows 10 でかなり多くの問題を引き起こします。
ソニーのテレビで VRR をオンにする方法
ソニーのテレビで VRR をオンにする方法
ソニーは最高のゲーム用テレビをいくつか提供しており、驚異的な画質と臨場感あふれるサウンド体験を保証しています。それでも、可変リフレッシュ レート (VRR) モードを有効にすることで、Sony TV でのゲームをさらに向上させることができます。 VRRモードは
MSG ファイルとは何ですか?
MSG ファイルとは何ですか?
MSG ファイルは、Outlook メール メッセージ ファイルである可能性が高くなります。これらのファイルを開く主な手段は Microsoft Outlook ですが、他のプログラムも同様に機能します。
Minecraft で Mod を作成する方法
Minecraft で Mod を作成する方法
Minecraft の無限のクリエイティブなオプションは、その最高の機能の 1 つです。ただし、MOD によって Minecraft ゲームのほぼすべての側面をカスタマイズできる場合、どこから始めればよいのかわかりません。モッディングを検討する準備ができている場合は、