WordPressの質問（q10288298）の続

質問

VSCodeで作成したコードをGitHubにアップロードするにはコンテキストメニューを別途追加する方法以外にありますでしょうか？

回答No.23

dell_OK · ベストアンサー

・質問画面のアイコン画像に関するコードを見たのですがどこに存在しているのか見つけらませんでした。

先に言っておけばよかったのですが、共通化のことも考えると変数名は変更しない方がよかったです。
質問画面と回答画面ではスタイル（class）を変えたいのでしたら、
　.classList.add("～")
の ～ を変えるだけでよかったのです。

それと、せっかくコメント書くのでしたら、例えば、
/* ユーザーアイコン要素作成 */
/* ユーザーアイコン要素追加 */
のような行をそれぞれの処理の前に入れておくと見つけやすかったかと思います。

ユーザーアイコンを追加しているのはここです。
名前の処理のところにあるようです。
divAnswerNameArea.appendChild(usericonImg);

質問画面のコードではここですね。
divNamePartialParts.appendChild(usericonImg);

どちらも usericonImg を作成している処理はいまのところ同じようですが、他のアップロードファイルと順番が違っていたりするので、そのあたりを調整すれば動くかも知れません。

お礼

こちらが最新の質問になります。
dell_ok さんが言われたように .appendChild(child) に問題があったようです申し訳ありません。
child = document.createElement("p"); で定義していないからエラーが起きたんですね。
アイコン画像の HTML について再度考えたところ名前やコメントと違い文字を出力する必要がなく上記のコードはコメントアウトしております。

その下のコードについて質問があるのですが、divUserIcon.appendChild(usericonImg); の usericonImg はどのように定義すべきでしょうか？
質問画面ではアップロードファイルの後にアイコン画像のコードが書かれており2つの処理をまとめておくことが出来たのですが、回答画面では順番が逆になっているため悩んでおります。
先に var usericonImg; のみ宣言しておくということを思いついたのですが dell_ok さんにお聞きしておきたいです。

※最新コード
https://github.com/i6Grja3R/sample_theme.git

※質問回答画面
https://www.irasuto.cfbx.jp/%e8%b3%aa%e5%95%8f%e5%9b%9e%e7%ad%94%e7%94%bb%e9%9d%a2/

補足

Q.エラーの個所はここです。
const comment_area = document.createElement("div"); // const image_area の下から移動
const divUserArea = document.createElement("div"); // div (子)を生成
divUserArea.classList.add("user-area"); // classの追加
ここ divUserArea.appendChild(child); // div (子要素) の末尾に child を追加
comment_area.appendChild(divUserArea); // comment_area (親要素) の末尾に div を追加

この時点で child の準備がされていません。

A.回答ありがとうございます、回答No.22についての補足が1つずれてしまいました申し訳ありません。
.appendChild(child) についてエラー原因ではないかと少し考えていたのですが、上記のコードではなく別の箇所になります。

HTML の書き換えに関する .appendChild(child) では var child; と関数宣言を行っているため問題なさそうです。

appendChild() でコードを調べると HTML の書き換えに関するコード以外で viewer[i].appendChild(child); というコードがあり、こちらの child が空ということではないかと思うのですが、どうすればよいでしょうか？

＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿

dell_ok さんがおっしゃるように共通化のことを考えて変数名は変更しない形で another_que_answer.php に別途修正したコードを書いてみました。
確認よろしくお願い致します。

※最新コード
https://github.com/i6Grja3R/sample_theme.git

回答No.2

dell_OK

・VSCodeで作成したコードをGitHubにアップロードするにはコンテキストメニューを別途追加する方法以外にありますでしょうか？

コンテキストメニューがどう関係しているのかわかりません。
VSCodeの起動する話しとGitHubにアップロードする話しが混ざっているように聞こえます。
GitHubへはVSCode内でコミットしてプッシュする方法を学んでいたのではなかったでしょうか。
私はTortoiseGitというツールを使ってコミットやプッシュしています。
質問者さまがVSCodeでコミット＆プッシュされる方法を学んでいらしたので、私もならっておこうと思ったので、TortoiseGitについてはお知らせしませんでした。
VSCode内で簡単にできることなら、その方が便利だと思ったのと、TortoiseGitをお知らせするにあたって前もってわかりやすそうなサイトを探していたのですが、あまりいいサイトをみつけることができなかったのもあってお知らせを控えていたのもあります。
もし、TortoiseGitを試してみるのでしたら、情報を探してみてください。
これもコンテキストメニューから呼び出して使うのが基本になると思いますので、コンテキストメニューが使えていないと言う問題がほかのことで発生しているのでしたら使えないかもしれません。
それと、私はＳＳＨは使っていません。いろいろと手間がかかるのとうまくいかないことの原因をつかみにくいため、ＨＴＴＰＳでいいと思っているからです。

補足

アドバイスありがとうございます。
コンテキストメニューは追加せずに進めてみます、dell_ok さんに以前お伝えした参考サイトは難しかったので別の手順で考えているのですが、分からないところがありアドバイス頂きたいです。

②ローカルリポジトリにコミットするという項目を見ているのですが、画面左側に表示されたファイル名というのが10000個表示されコミットしたいファイル名も表示されない状態です。
ローカルリポジトリに指定したフォルダ内に、任意のファイルを作成して下するという意味が理解出来ず困っております。
指定したフォルダが何を指しているのか分かりますでしょうか？

ＳＳＨ ではなく ＨＴＴＰＳ を使うように致します。

※VSCodeとGitHubの連携手順
https://www.kagoya.jp/howto/rentalserver/webtrend/vscode/

回答No.1

dell_OK

・通常でインストールした場合ファイルやフォルダの中のソースファイルを開くことが出来ません。

開くことができないとはどういうことでしょうか。
コンテキストメニューに「Codeで開く」がでないのでしょうか。

補足

回答ありがとうございます、Codeで開くというメニューが出てこない状態です。
エクスプローラーのフォルダやファイルからは出てこないのですが、vscode からは開けるようなので問題なさそうでした申し訳ありません。