土曜日, 12月 20, 2025

macOS環境でHTMLソース作成の注意点

質問がありましたので・・・
macOS環境でHTMLソース作成の注意点を整理しました。正直VS Code(Visual Studio Code)を使った方が1000倍楽です。しかし、ここではデフォルト環境で考えてみます。

テキストエディットをそのまま使ったり、コピペ(※)をすると、文字化けが発生します。

※VS Code歴が長いため、タイピングが面倒なのでズルしてコピペしました、

そこで新規ファイルを作成する際に[フォーマット]>[標準テキストにする]を実行し・・・

[OK]でデフォルトの立地テキストから標準テキスト環境になります。

コレでタイピングあるいはコピペしても文字化けは発生しません、

保存時に[.html]を指定すれば・・・ 

確認してきますが、[OK]でhtmlファイルが保存されます。
.css .js .jsx 等も同様に作成出来ます。
既に作成したこれらのファイルもファイルメニューの[開く]で指定すれば自動的に保存時の標準テキスト形式に切り替わります。

なお、[.css]で保存したら[.css.txt]となる場合があります。そんなときは最後の[.txt]を削除すれば問題ないですが、正直VS Code(Visual Studio Code)を使った方が1000倍楽です。