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

興味深い記事

エディターズチョイス

NovaLauncherでホーム画面にアプリを追加する方法
NovaLauncherでホーム画面にアプリを追加する方法
Nova Launcherは、Android携帯向けの最高のサードパーティランチャーではないにしても、最高の1つです。ホーム画面、アプリドロワー、テーマをカスタマイズできるため、デフォルトのランチャーよりもはるかに優れています
Valorantで名前を変更する方法
Valorantで名前を変更する方法
非常に人気のあるオンラインマルチプレイヤーバトルアリーナであるLeagueof Legendsの責任者であるRiotも、Valorantの後ろにいます。ファーストパーソンシューティング(FPS)のジャンルへのこの新しいエントリは成長しており、いつでも停止する兆候は見られません
LeapFrog ゲームを無料でダウンロードする方法
LeapFrog ゲームを無料でダウンロードする方法
何百もの子供向けゲームが楽しみと教育の両方で利用できるため、LeapFrog タブレットのターゲット市場に疑いの余地はほとんどありません。もちろん、ほとんどのゲームをプレイするには、まず LeapFrog アプリ ストアから購入する必要があります。
iPhone用のカスタム着メロを作成する方法
iPhone用のカスタム着メロを作成する方法
最初のiPhoneは2007年にリリースされました。しかし、Appleはまだオーディオファイルを着信音として使用する簡単な方法を提供していません。彼らの弁護において、利用可能な方法は非常に単純であり、望ましい結果を達成します。
MicrosoftEdgeのツールバーから履歴ボタンを追加または削除する方法
MicrosoftEdgeのツールバーから履歴ボタンを追加または削除する方法
Microsoft Edgeでは、ツールバーに[履歴]ボタンを追加できるようになりました。ブラウザーの最新のCanaryおよびDevビルドを実行している一部のEdgeInsiderで新しい機能を利用できます。ツールバーに新しい履歴ボタンを追加できるようになりました。広告機能は現在、制御されたロールアウトの下にあり、非常に多くの
埋め込みとはどういう意味ですか?
埋め込みとはどういう意味ですか?
埋め込みとは、ページ/サイトにリンクするだけでなく、コンテンツをページ/サイトに配置することを意味し、ソーシャル メディア、ビデオ、その他の種類のコンテンツで行うことができます。知っておくべきことは次のとおりです。
ダークウェブにアクセスする方法: Tor とは何ですか? ダークウェブにアクセスするにはどうすればよいですか?
ダークウェブにアクセスする方法: Tor とは何ですか? ダークウェブにアクセスするにはどうすればよいですか?
ダーク ウェブにアクセスする方法を知りたい場合は、最初にダーク ウェブとディープ ウェブの違いと、ダーク ウェブが安全な場所であるかどうかを知る必要があります。