Google Document&Developper Tool

下記スクリーンショットを参照願います。
https://gyazo.com/221885c2880d52de142fe28c7265647d

GoogleDocumentsを使って適当な文言を記述しHtmlとCssのシュミレーションをしています。

下記質問です。
１．DockModeを出すには
２．Htmlは左側のペインですが、こんなに長いか
３．Cssは真ん中のペインですが、こんなに長いか
４．文言記述➡コーデイングができるものはないか　GoogleDocuments以外で
GoogleDocumentsだとメニューが読みにくい

識者からの回答をお待ちしていますが、URLだけを貼り付けることは止めてください。
ポイントが絞りにくいためです。

m.ts10806

2021/12/01 14:28 編集

画像は外部サービスではなくteratail投稿の画像添付機能を利用してください。「こんなに」「文言記述➡コーデイングができるものは」と仰いますが、質問の意図や背景が分かりかねます。非常にポイントの分かりにくい投稿で「ポイントが絞りにくいため」とアドバイスを制限しようとするのはいささか横柄かと思います（タイトルも名詞しかない）。 https://teratail.com/help/question-tips

行動規範の内容に同意します

回答1件

ベストアンサー

１．DockModeを出すには

DockMode とはなんですか？

２．Htmlは左側のペインですが、こんなに長いか
３．Cssは真ん中のペインですが、こんなに長いか

「Google Documents を WYSIWYG の HTML エディタとして使っていて、その出力 HTML（CSS）はこんなに長いか」
という質問だと読みました。

ご提示のスクリーンショットは Google Documents の HTML であって、出力 HTML（CSS）ではないです。
メニューからエクスポートをお試しください。

４．文言記述➡コーデイングができるものはないか　GoogleDocuments以外で

__GoogleDocumentsだとメニューが読みにくい __

「WYSIWYG の HTML エディタはないか」
という質問だと読みました。

有名どころでは Dreamweaver かと思います。

投稿2021/12/02 01:39

Lhankor_Mhy

総合スコア36158

nozatodogers

2021/12/02 03:36

>>１．DockModeを出すにはすみません。DokSideの間違いでした。出し方は自己解決しました。 >出力 HTML（CSS）ではないです。メニューからエクスポートをお試しください。これはどのようにすればいいのでしょうか >有名どころでは Dreamweaver ちょっとオーバースペックかなという感じかな。フリーで使い方が簡単なものはないでしょうか。要はデベロッパーツールのエレメントツールを理解できれば、GoogleDocumentだけでも通用するという感じですか

Lhankor_Mhy

2021/12/02 03:48

>これはどのようにすればいいのでしょうかファイル＞ダウンロード＞ウェブページ　です。 --- > フリーで使い方が簡単なものはないでしょうか。あなたの立場がユーザーであるならば、今時はWIXやBaseなどのNoCode系を使うのが流行りです。あなたの立場がエンジニアであるならば、普通にVSCodeなどのコードエディタを使った方がいいです。 --- > 要はデベロッパーツールのエレメントツールを理解できれば、GoogleDocumentだけでも通用するという感じですかおすすめはしないです。

nozatodogers

2021/12/02 09:24

＞ファイル＞ダウンロード＞ウェブページ https://gyazo.com/2b89b4b1370132f19707bf74def00904 https://gyazo.com/ad3fb3356c0cf00f332ecbd2f54f2af0 ２つのスクリーンショットからHtmlとCssが記述されていないのは？＞WIXやBaseなどトライしてみます

Lhankor_Mhy

2021/12/03 00:31

> ２つのスクリーンショットからHtmlとCssが記述されていないのは？何をお聞きになっているのかわからないです。不明な点はどこですか？

Lhankor_Mhy

2021/12/03 02:33

もしかして、CSSファイルが見当たらない、ということが言いたいのかな……？であれば、CSSはHTMLファイルの中に書くことができます。

nozatodogers

2021/12/04 01:57

> >２つのスクリーンショットからHtmlとCssが記述されていないのは？下記のような感じです。テキストなどを入力するとコードが出現する https://gyazo.com/c4ce6b6ac02ab0c70a3606e528823466 >WYSIWYG の HTML エディタはないか上記の画像URLみたいな感じですか

nozatodogers

2021/12/06 01:19

@Lhankor_Mhy >ファイル＞ダウンロード＞ウェブページこの件、理解できました。要するにHtmlファイルを作成するということですね。 https://gyazo.com/be41940942b33e0f4681086c21eb01b0 ただ、ここでHtmlにABCDや1234がないのはなぜですか一方、メモ帳でやるとテキストが出現しています。 https://gyazo.com/6d906df8c451977559dc8ab65b77f48e 上記のようなことは当面、メモ帳などを使って練習し、慣れるにしたがってCodePenやVscodeに移していきます。

Lhankor_Mhy

2021/12/06 02:28

> HtmlにABCDや1234がないのはなぜですか右三角矢印▶は展開できるものを表すことがあります。Devtoolsでもそうです。

nozatodogers

2021/12/06 06:25

>右三角矢印▶は展開できるものを表すことがあります。Devtoolsでもそうです。下の画像から２つのうちどれですかあるいは別のものですか https://gyazo.com/add50314f785e26e6e5fdf3d66f335a8

Lhankor_Mhy

2021/12/06 06:33

試せばいいのでは。スクリーンショットしてアップロードしてコメントを入力する時間があれば、100回ぐらいクリックできるのでは。下です。

Lhankor_Mhy

2021/12/06 07:45

ん？もしかして、黄色い囲みのことを言ってますか？それなら違います。 »ではなくて、▶です。 ▶<body>...</body>と書いてあるやつです。