Googleドキュメント（https://www.google.com/intl/ja_jp/docs/about/）は、自動保存で、どこでも見られて、忙しい中、原稿を執筆するのに非常に便利と思いますが、一般的なテキストエディタのように、背景を黒色にするような設定はないようです（例：http://blog.gen1.jp/archives/3388）。背景が黒色のほうが執筆はしやすいですね。

Question

batti-8

26

26もっと見る

200pt

コンピュータ

Googleドキュメント（https://www.google.com/intl/ja_jp/docs/about/）は、自動保存で、どこでも見られて、忙しい中、原稿を執筆するのに非常に便利と思いますが、一般的なテキストエディタのように、背景を黒色にするような設定はないようです（例：http://blog.gen1.jp/archives/3388）。背景が黒色のほうが執筆はしやすいですね。

厳密に言うと、Googleドキュメントには、ページ設定から背景色を変えられますが、これは、本当に印刷用に背景を黒くするというもので、私の趣旨とは違うもののようです。
Googleドキュメントのアドインなどでも構いませんので、Googleドキュメントを一般的なテキストエディタのように快適にするには、どうしたらよいでしょうか。

回答の条件

1人3回まで

登録：2017/04/04 10:02:38
終了：2017/04/08 22:35:57

※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

No.2

pegazul812017/04/04 20:20:57

50pt

writeboxで背景を黒くしてGoogleDriveに保存とか？
ちょっと違う？
Writebox 集中して書けるテキストエディタ: Outliner 伊藤崇公式ブログ

ありがとうございます。writeboxはじめて知りましたが、とても良いですね。集中できます。
Googleドキュメント特有の機能が使えないのは、残念ですが。

2017/04/04 20:42:15

コメントはまだありません

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

リクエスト送信済

回答リクエストを送信したユーザーはいません

a-kuma3 · Accepted Answer · 2017-04-04T13:58:05+09:00

No.1

a-kuma3497421542017/04/04 13:58:05

150pt

PC のブラウザを使ってるという話だとして、ユーザスタイルを書くと、こんな感じにできます。

上記は Stylish というアドオンを使っているのですが、こんなスタイルを適用しました。

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url-prefix("https://docs.google.com/document") {

  .kix-page,
  .kix-page-content-wrapper {
    background-color: black !important;
  }
  .kix-wordhtmlgenerator-word-node {
    color: white !important;
  }

}

セレクタの指定は、Google Document の実装が変わる度に調整しなくてはならない可能性があります。

他6件のコメントを見る

ありがとうございました。
Stylishをインストールして、ちょっとやってみましたが、うまくいきませんでした。また、何かの折に試してみます。

2017/04/04 16:06:43

ありゃ、うまくいきませんか。
もうちょっと詳しく手順を書きます。
ぼくの環境は、Firefox ＋ Stylish になります。

1. ツールバーから Stylish のアイコンをクリックして、「新しいスタイルを書く」→「白紙のスタイル」

2. スタイルを書き込むエリアに、回答に書いたコードをコピペ

3. 「保存」をクリック

これで、完了です。
Google Document で、何かのドキュメントを開くと黒地に白字となっていると思うのですが。

Stylish は、URL の範囲を特定してスタイルを適用することができます。
スタイルが効いているページだと、ツールバーの Stylish のアイコンがカラフルな表示になります（手順の 1 のアイコンと見比べてください）。

2017/04/05 01:02:29

ありがとうございます。
こちらChromeでした。

Firefoxでは、できました。

2017/04/05 06:10:31

Google Chrome の Stylish の場合には、以下のようになります。
1. 「コード1」に、以下を貼り付け

.kix-page,
.kix-page-content-wrapper {
    background-color: black !important;
}
.kix-wordhtmlgenerator-word-node {
    color: white !important;
}

2. 適用先に、「次で始まる URL」を選び、その隣に https://docs.google.com/document を入力
3. 適当な名前を付けて「保存」をクリック

これで、完了です。

2017/04/05 13:49:46

ありがとうございます。
できました！
ただ、印刷時に背景が黒になってしまうので、そこが課題かなと思いました。

2017/04/08 15:57:59

とりあえず、印刷時にStylishをオフにすることで対応しました。

2017/04/08 16:24:24

印刷のときに適用しないようにするには、こういうふうに書けばいけるはずです。

@media screen {
    .kix-page,
    .kix-page-content-wrapper {
        background-color: black !important;
    }
    .kix-wordhtmlgenerator-word-node {
        color: white !important;
    }
}

@media screen { ～ } で対象の css をくくります。

2017/04/08 19:59:06

ありがとうございます。
できました！

2017/04/08 22:34:42

a-kuma3 · Accepted Answer · 2017-04-04T13:58:05+09:00