<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	
	>
<channel>
	<title>
	VS CodeでHTMLを編集した時にはまった事（解決済み） へのコメント	</title>
	<atom:link href="https://blog.catwhisker.jp/archives/10023/feed" rel="self" type="application/rss+xml" />
	<link>https://blog.catwhisker.jp/archives/10023</link>
	<description>18禁同人サークル「キャットウィスカー」の制作日誌</description>
	<lastBuildDate>Sat, 01 Feb 2025 03:22:08 +0000</lastBuildDate>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>
	<item>
		<title>
		tong より		</title>
		<link>https://blog.catwhisker.jp/archives/10023/comment-page-1#comment-1881</link>

		<dc:creator><![CDATA[tong]]></dc:creator>
		<pubDate>Sat, 01 Feb 2025 03:22:08 +0000</pubDate>
		<guid isPermaLink="false">https://blog.catwhisker.jp/?p=10023#comment-1881</guid>

					<description><![CDATA[＞VS Code はテキストエディタっていうより、デバッグなんかも一緒にできるってのが売りなんスかねぇ。

自分もつい半年くらい前まではMeryを使ってやってたんですけどね、自分がVS Codeを使おうと思ったのはリファクタリング支援が使いたかったからなんですよね。

リファクタリングってのはコードの動作を変えずにコードを書き換える事なんですけど、プログラムって機能や役割を元に変数名や関数名を先に決めても、後から機能を追加したり書き換えたりしてたら意味合いが変わってきちゃうって事が良くあるんですね。

例えば、最初「勤務時間取得」って付けてた関数名が色々やってるうちに「所定勤務時間取得」と「残業勤務時間取得」に分かれちゃったりとかよくある訳です。
そう言う場合は元の関数名を変更してから新しく追加になった関数を書くって感じになるのですが、関数名ってそこら中から呼び出されているので変更が結構大変なんですよ。

普通のリネームは機械的に同じ文字列の置き換えなんですけど、リファクタリングは言語の構文やプログラムのロジック（例えば関数内で宣言した変数は、その変数内でしか有効じゃないので、外側の文字列は書き換えないとか）を考慮してくれたり、別ファイルから呼び出されている関数名まで探して変更してくれたりと優秀なんです。

でも、それをやろうとすると「各言語ごとでエディターが構文をきっちり解釈」する必要が出るので、サポートするプログラミング言語を増やす労力が大変な訳です。
そこでVisual Studioからエディター部分を切り出して言語サポートを増やす作業はOpen Sorceでその言語を使う人がやってくださいって感じにしたのがVS Codeの成り立ちなんですよ。

＞Myrica M 
最近の自分のお気に入りはBIZ UDゴシックですね。

＞Microsoft の信奉者っていうか狂信者的
自分がMSを使い続けているのは他の環境への移行が大変（と言うかもう歳で今更変えたくない）ってだけで信奉しているつもりは無いんですけどね。

Appleが嫌いは狂信だと思います。
KKKならぬAAA(アンチ・アップル・アソシエーション)があったら入ってしまうかもしれません（笑]]></description>
			<content:encoded><![CDATA[<p>＞VS Code はテキストエディタっていうより、デバッグなんかも一緒にできるってのが売りなんスかねぇ。</p>
<p>自分もつい半年くらい前まではMeryを使ってやってたんですけどね、自分がVS Codeを使おうと思ったのはリファクタリング支援が使いたかったからなんですよね。</p>
<p>リファクタリングってのはコードの動作を変えずにコードを書き換える事なんですけど、プログラムって機能や役割を元に変数名や関数名を先に決めても、後から機能を追加したり書き換えたりしてたら意味合いが変わってきちゃうって事が良くあるんですね。</p>
<p>例えば、最初「勤務時間取得」って付けてた関数名が色々やってるうちに「所定勤務時間取得」と「残業勤務時間取得」に分かれちゃったりとかよくある訳です。<br />
そう言う場合は元の関数名を変更してから新しく追加になった関数を書くって感じになるのですが、関数名ってそこら中から呼び出されているので変更が結構大変なんですよ。</p>
<p>普通のリネームは機械的に同じ文字列の置き換えなんですけど、リファクタリングは言語の構文やプログラムのロジック（例えば関数内で宣言した変数は、その変数内でしか有効じゃないので、外側の文字列は書き換えないとか）を考慮してくれたり、別ファイルから呼び出されている関数名まで探して変更してくれたりと優秀なんです。</p>
<p>でも、それをやろうとすると「各言語ごとでエディターが構文をきっちり解釈」する必要が出るので、サポートするプログラミング言語を増やす労力が大変な訳です。<br />
そこでVisual Studioからエディター部分を切り出して言語サポートを増やす作業はOpen Sorceでその言語を使う人がやってくださいって感じにしたのがVS Codeの成り立ちなんですよ。</p>
<p>＞Myrica M<br />
最近の自分のお気に入りはBIZ UDゴシックですね。</p>
<p>＞Microsoft の信奉者っていうか狂信者的<br />
自分がMSを使い続けているのは他の環境への移行が大変（と言うかもう歳で今更変えたくない）ってだけで信奉しているつもりは無いんですけどね。</p>
<p>Appleが嫌いは狂信だと思います。<br />
KKKならぬAAA(アンチ・アップル・アソシエーション)があったら入ってしまうかもしれません（笑		</p>
<div class="wpulike wpulike-heart ">
<div class="wp_ulike_general_class wp_ulike_is_restricted"><button type="button"
					aria-label="いいねボタン"
					data-ulike-id="1881"
					data-ulike-nonce="22d0a7f93b"
					data-ulike-type="comment"
					data-ulike-template="wpulike-heart"
					data-ulike-display-likers=""
					data-ulike-likers-style="popover"
					class="wp_ulike_btn wp_ulike_put_image wp_comment_btn_1881"></button><span class="count-box wp_ulike_counter_up" data-ulike-counter-value="0"></span>			</div>
</div>
]]></content:encoded>
		
			</item>
		<item>
		<title>
		mezzo forte より		</title>
		<link>https://blog.catwhisker.jp/archives/10023/comment-page-1#comment-1880</link>

		<dc:creator><![CDATA[mezzo forte]]></dc:creator>
		<pubDate>Fri, 31 Jan 2025 15:40:57 +0000</pubDate>
		<guid isPermaLink="false">https://blog.catwhisker.jp/?p=10023#comment-1880</guid>

					<description><![CDATA[Perl で CGI 組んでいた時は、HTML コードを print 文にしたりヒアドキュメントにしたりと面倒でしたが、PHP なんか HTML に直接 &#060;?php ～ ?&#062; みたいに埋め込んじゃえるから、今までの苦労はなんだったのかなぁって感じですよね。
オブジェクト脳の tong さんとしては実行ファイルは別にしたいんでしょうが。

てなわけで試しにインスコしてみました。例のバグを再現するのは面倒なので、既存の HTML ファイルを表示。

&lt;a href=&quot;https://blog.catwhisker.jp/wp-content/uploads/2025/02/editor.jpg&quot; rel=&quot;ugc&quot;&gt;&lt;img src=&quot;https://blog.catwhisker.jp/wp-content/uploads/2025/02/editor-300x169.jpg&quot;&gt;&lt;/a&gt;
左上：Visual Studio Code　右上：Mery
左下：TeraPad　右下：メモ帳(笑)

なお、Mery と TeraPad はフォントを Myrica M に変更してあります。
VS Code はテキストエディタっていうより、デバッグなんかも一緒にできるってのが売りなんスかねぇ。
便利そうではありますが「バグではなく仕様」と言い切る Microsoft 製品はあまり使いたくないのが本音です。
でも tong さんは Microsoft の信奉者っていうか狂信者的なところがありますから、そういうこと言うと…]]></description>
			<content:encoded><![CDATA[<p>Perl で CGI 組んでいた時は、HTML コードを print 文にしたりヒアドキュメントにしたりと面倒でしたが、PHP なんか HTML に直接 &lt;?php ～ ?&gt; みたいに埋め込んじゃえるから、今までの苦労はなんだったのかなぁって感じですよね。<br />
オブジェクト脳の tong さんとしては実行ファイルは別にしたいんでしょうが。</p>
<p>てなわけで試しにインスコしてみました。例のバグを再現するのは面倒なので、既存の HTML ファイルを表示。</p>
<p><a href="https://blog.catwhisker.jp/wp-content/uploads/2025/02/editor.jpg" rel="ugc"><img src="https://blog.catwhisker.jp/wp-content/uploads/2025/02/editor-300x169.jpg"/></a><br />
左上：Visual Studio Code　右上：Mery<br />
左下：TeraPad　右下：メモ帳(笑)</p>
<p>なお、Mery と TeraPad はフォントを Myrica M に変更してあります。<br />
VS Code はテキストエディタっていうより、デバッグなんかも一緒にできるってのが売りなんスかねぇ。<br />
便利そうではありますが「バグではなく仕様」と言い切る Microsoft 製品はあまり使いたくないのが本音です。<br />
でも tong さんは Microsoft の信奉者っていうか狂信者的なところがありますから、そういうこと言うと…		</p>
<div class="wpulike wpulike-heart ">
<div class="wp_ulike_general_class wp_ulike_is_restricted"><button type="button"
					aria-label="いいねボタン"
					data-ulike-id="1880"
					data-ulike-nonce="4d3dc0e86e"
					data-ulike-type="comment"
					data-ulike-template="wpulike-heart"
					data-ulike-display-likers=""
					data-ulike-likers-style="popover"
					class="wp_ulike_btn wp_ulike_put_image wp_comment_btn_1880"></button><span class="count-box wp_ulike_counter_up" data-ulike-counter-value="0"></span>			</div>
</div>
]]></content:encoded>
		
			</item>
		<item>
		<title>
		tong より		</title>
		<link>https://blog.catwhisker.jp/archives/10023/comment-page-1#comment-1879</link>

		<dc:creator><![CDATA[tong]]></dc:creator>
		<pubDate>Wed, 29 Jan 2025 23:40:30 +0000</pubDate>
		<guid isPermaLink="false">https://blog.catwhisker.jp/?p=10023#comment-1879</guid>

					<description><![CDATA[＞ぶっちゃけ VS Code のバグ

そこは色々な言語をサポートしている関係上、複雑なんですよね。
たとえばどう色分けするかって情報は言語ごとで違ってるわけで、C＋＋とかC＃、HTMLやJavascriptなんかのMS製品でよく使われる言語以外はサードパーティーのプラグインやら実行環境だよりだったりなので。

そもそも
HTMLとかPHPなんかもそうなんですけど、１ファイルに色んな言語が混ざる事が前提になってるのが複雑さを増しているような気がするですよね。]]></description>
			<content:encoded><![CDATA[<p>＞ぶっちゃけ VS Code のバグ</p>
<p>そこは色々な言語をサポートしている関係上、複雑なんですよね。<br />
たとえばどう色分けするかって情報は言語ごとで違ってるわけで、C＋＋とかC＃、HTMLやJavascriptなんかのMS製品でよく使われる言語以外はサードパーティーのプラグインやら実行環境だよりだったりなので。</p>
<p>そもそも<br />
HTMLとかPHPなんかもそうなんですけど、１ファイルに色んな言語が混ざる事が前提になってるのが複雑さを増しているような気がするですよね。		</p>
<div class="wpulike wpulike-heart ">
<div class="wp_ulike_general_class wp_ulike_is_restricted"><button type="button"
					aria-label="いいねボタン"
					data-ulike-id="1879"
					data-ulike-nonce="48eebecce2"
					data-ulike-type="comment"
					data-ulike-template="wpulike-heart"
					data-ulike-display-likers=""
					data-ulike-likers-style="popover"
					class="wp_ulike_btn wp_ulike_put_image wp_comment_btn_1879"></button><span class="count-box wp_ulike_counter_up" data-ulike-counter-value="0"></span>			</div>
</div>
]]></content:encoded>
		
			</item>
		<item>
		<title>
		mezzo forte より		</title>
		<link>https://blog.catwhisker.jp/archives/10023/comment-page-1#comment-1878</link>

		<dc:creator><![CDATA[mezzo forte]]></dc:creator>
		<pubDate>Wed, 29 Jan 2025 11:23:18 +0000</pubDate>
		<guid isPermaLink="false">https://blog.catwhisker.jp/?p=10023#comment-1878</guid>

					<description><![CDATA[ひさびさ２連休だったのでDBのバックアップとかメンテとかした後に、謎の投稿が表示されてびっくりしちゃったじゃないスかー。

HTML 4.0 までは &#060;script language=&quot;JavaScript&quot; type=&quot;text/javascript&quot;&#062; とか &#060;noscript&#062; なんてものまで書いて旧ブラウザに配慮したりしてましたな。Netscape と IE 用に分岐させたりとか。

というかぶっちゃけ VS Code のバグってことじゃないですかーッ！
と、未だ PHP コードの色分けが怪しい上、ときどき文字化けする TeraPad と、文字置換が思い通りにならない Mery を使い分けて満足している人が言ってみるテスト。

…と、コメント投稿したら HTML タグからサニタイジングされて全く表示されなくなって、&#038;lt; とか &#038;gt; とか打ち直してﾏﾝﾄﾞｸｾ。]]></description>
			<content:encoded><![CDATA[<p>ひさびさ２連休だったのでDBのバックアップとかメンテとかした後に、謎の投稿が表示されてびっくりしちゃったじゃないスかー。</p>
<p>HTML 4.0 までは &lt;script language=&#8221;JavaScript&#8221; type=&#8221;text/javascript&#8221;&gt; とか &lt;noscript&gt; なんてものまで書いて旧ブラウザに配慮したりしてましたな。Netscape と IE 用に分岐させたりとか。</p>
<p>というかぶっちゃけ VS Code のバグってことじゃないですかーッ！<br />
と、未だ PHP コードの色分けが怪しい上、ときどき文字化けする TeraPad と、文字置換が思い通りにならない Mery を使い分けて満足している人が言ってみるテスト。</p>
<p>…と、コメント投稿したら HTML タグからサニタイジングされて全く表示されなくなって、&amp;lt; とか &amp;gt; とか打ち直してﾏﾝﾄﾞｸｾ。		</p>
<div class="wpulike wpulike-heart ">
<div class="wp_ulike_general_class wp_ulike_is_restricted"><button type="button"
					aria-label="いいねボタン"
					data-ulike-id="1878"
					data-ulike-nonce="2b89757763"
					data-ulike-type="comment"
					data-ulike-template="wpulike-heart"
					data-ulike-display-likers=""
					data-ulike-likers-style="popover"
					class="wp_ulike_btn wp_ulike_put_image wp_comment_btn_1878"></button><span class="count-box wp_ulike_counter_up" data-ulike-counter-value="0"></span>			</div>
</div>
]]></content:encoded>
		
			</item>
	</channel>
</rss>
