開発者とプログラマーは、コンピューターコードを入力する主な方法として長い間テキストエディターを使用してきました。 一部の開発環境には独自の組み込みエディターがありますが、開発者は通常1つのエディターが好きで、そのプログラムに固執しています。 その理由の1つは、優れたコーディングエディターには、構文の強調表示、ソースコードをフォーマットし、コード内のキーワードと構成にフォントと色を割り当てて読みやすくする機能が含まれていることです。 このTech Junkieガイドで説明されているNotepad ++などのテキストエディターは、この理由で開発者に好まれています。 ほとんどの開発者は、優れたワークグループ機能とクラウド統合にもかかわらず、組み込みの構文強調オプションを含まないため、Google Docsを潜在的なコーディングエディターとは見なしません。
ただし、構文の強調表示をGoogle Docドキュメントのコードに追加できます。 実際、少なくとも2、3のドキュメント用のアドオンがあり、さまざまなプログラミング言語やマークアップ言語を構文強調表示でフォーマットできます。 また、Googleドキュメントで強調表示されたソースコードを挿入するために利用できる多数のWebアプリがあります。 ドキュメントドキュメントに強調表示するソースコード構文を追加する方法を示します。
Code Prettyでソースコードをフォーマットする
Code Prettyは、選択したコードに自動的に強調表示を追加するGoogleドキュメントのアドオンです。 Code Prettyには、構文の書式設定をカスタマイズするための大量の設定は含まれていませんが、ドキュメントに便利な構文強調オプションが追加されています。 このウェブページの[ 無料 ]ボタンをクリックすると、CPをドキュメントに追加できます。 次に、 [許可] ボタンを押して、アドオンのアクセス許可を確認します。
次に、ブラウザでドキュメントを開きます。 [アドオン]タブをクリックしてメニューを開きます。 そのメニューには、Code Prettyアドオンが含まれるようになります。 このアドオンが構文を強調する方法の例を示すには、Ctrl + Cを押して、以下のサンプルJavaScriptコードを選択し、ドキュメントにコピーします。
JavaScriptでできること
JavaScriptはHTML属性を変更できます。
この場合、JavaScriptは画像のsrc（ソース）属性を変更します。
Ctrl + Vを押して、そのJavaScriptサンプルをドキュメントに貼り付けます。次に、カーソルでワードプロセッサのコードを選択します。 [ アドオン] > [ コードプリティ] をクリックし、サブメニューから[ 形式の選択 ]オプションを 選択し ます。 これにより、すぐ下のスナップショットに示すようにJavaScriptがフォーマットされます。
前述のように、CPには構文の強調表示に関する多くの設定は含まれていません。 ただし、[ アドオン] > [ コードプリティ と 設定]を クリックして、強調表示されたコードのフォントサイズを調整できます。 これにより、すぐ下に示すサイドバーが開きます。 その後、そこから強調表示されたコードの代替のデフォルトフォントサイズを選択できます。
コードブロックを使用してソースコードをフォーマットする
コードブロックは、ドキュメントに追加できるCPの代替アドオンです。 これは実際には、構文を強調するためのわずかに優れたアドオンであり、多数の強調テーマが含まれています。 このWebサイトページの[ 無料 ]ボタンを押して、ドキュメントにコードブロックを追加します。
コードブロックをインストールしたら、ドキュメントを開き、上記と同じJavaScriptコードをコピーして、以前と同じようにワードプロセッサに貼り付けます。 [ アドオン] > [ コードブロック ] をクリックし、[ 開始] を選択して、すぐ下のショットに示されているサイドバーを開きます。
カーソルでJavaScriptテキストのみを選択します。 コードの上または下に空のドキュメントスペースを選択しないでください。 最初のドロップダウンメニューから JavaScript を選択します。 次に、[テーマ]ドロップダウンメニューからテーマを選択することもできます。 [ フォーマット ]ボタンを押して、以下に示すように、構文の強調表示をコードに追加します。 JavaScriptテキストは、マークアップタグが強調表示されてより明確になりました。
ハイライト表示されたソースコードをコピーしてGoogleドキュメントに貼り付けます
Code BlocksとCode Pretty Docs以外に、シンタックスハイライターWebアプリを使用してソースコードをフォーマットすることもできます。 次に、強調表示されたソースコードをコピーして、Webアプリからドキュメントドキュメントに貼り付けます。 Textmateは、多数のプログラミング言語とマークアップ言語をフォーマットする1つの構文ハイライターWebアプリです。
このハイパーリンクをクリックして、Textmateを開きます。 次に、Ctrl + CおよびCtrl + Vホットキーを使用して、この投稿に含まれるJavaScriptテキストをコピーしてTextmateのソースコードボックスに貼り付けます。 [言語]ドロップダウンメニューから[ JavaScript] を選択します。 [テーマ]ドロップダウンメニューから構文ハイライトテーマを選択します。 ハイライト ボタンを押して、すぐ下のスナップショットに示されているソースコードのフォーマットのプレビューを取得します。
次に、カーソルでプレビューで強調表示されたJavaScriptを選択し、Ctrl + Cを押します。Ctrl+ Vを押して強調表示されたコードをGoogleドキュメントに貼り付けます。これにより、強調表示されたJavaScriptソースコードが直接下に示すようにドキュメントドキュメントに追加されます。
したがって、ソフトウェアおよびWebサイトのコードに構文の強調表示を追加するためのデスクトップテキストエディターは必要ありません。 代わりに、Code Pretty拡張機能とCode Blocks拡張機能を使用して、ドキュメント内の構文コードを強調表示できます。 または、Textmate Webアプリとの間でコードをコピーアンドペーストして、Googleドキュメントで強調表示されたソースコードを挿入します。
Googleドキュメントに構文フォーマットを追加する他の方法はありますか？ 以下でそれらを共有してください！
