人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

Googleドキュメント(https://www.google.com/intl/ja_jp/docs/about/)は、自動保存で、どこでも見られて、忙しい中、原稿を執筆するのに非常に便利と思いますが、一般的なテキストエディタのように、背景を黒色にするような設定はないようです(例:http://blog.gen1.jp/archives/3388)。背景が黒色のほうが執筆はしやすいですね。
厳密に言うと、Googleドキュメントには、ページ設定から背景色を変えられますが、これは、本当に印刷用に背景を黒くするというもので、私の趣旨とは違うもののようです。
Googleドキュメントのアドインなどでも構いませんので、Googleドキュメントを一般的なテキストエディタのように快適にするには、どうしたらよいでしょうか。

●質問者: batti-8
●カテゴリ:コンピュータ
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● a-kuma3
●150ポイント ベストアンサー

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

f:id:a-kuma3:20170404135033p:image


上記は 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 の実装が変わる度に調整しなくてはならない可能性があります。


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

a-kuma3さんのコメント
ありゃ、うまくいきませんか。 もうちょっと詳しく手順を書きます。 ぼくの環境は、Firefox + Stylish になります。 1. ツールバーから Stylish のアイコンをクリックして、「新しいスタイルを書く」→「白紙のスタイル」 f:id:a-kuma3:20170405005511p:image 2. スタイルを書き込むエリアに、回答に書いたコードをコピペ f:id:a-kuma3:20170405005510p:image 3. 「保存」をクリック これで、完了です。 Google Document で、何かのドキュメントを開くと黒地に白字となっていると思うのですが。 Stylish は、URL の範囲を特定してスタイルを適用することができます。 スタイルが効いているページだと、ツールバーの Stylish のアイコンがカラフルな表示になります(手順の 1 のアイコンと見比べてください)。 f:id:a-kuma3:20170405010032p:image

batti-8さんのコメント
ありがとうございます。 こちらChromeでした。 Firefoxでは、できました。

a-kuma3さんのコメント
Google Chrome の Stylish の場合には、以下のようになります。 1. 「コード1」に、以下を貼り付け >|css| .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. 適当な名前を付けて「保存」をクリック これで、完了です。 f:id:a-kuma3:20170405134800p:image

batti-8さんのコメント
ありがとうございます。 できました! ただ、印刷時に背景が黒になってしまうので、そこが課題かなと思いました。

batti-8さんのコメント
とりあえず、印刷時にStylishをオフにすることで対応しました。

a-kuma3さんのコメント
印刷のときに適用しないようにするには、こういうふうに書けばいけるはずです。 >|css| @media screen { .kix-page, .kix-page-content-wrapper { background-color: black !important; } .kix-wordhtmlgenerator-word-node { color: white !important; } } ||< <code>@media screen { ? }</code> で対象の css をくくります。

batti-8さんのコメント
ありがとうございます。 できました!

2 ● pegazul
●50ポイント

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


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

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ