技術ブログ

プログラミング、IT関連の記事中心

VSCodeを日本語化する方法

目次 VSCodeを日本語化する方法 VSCodeを別言語に変更する方法 VSCodeを日本語化する方法 以下の拡張機能をインストールする事で、VSCodeが日本語化されます。 marketplace.visualstudio.com 拡張機能をインストールした後は、VSCodeを再起動してください。 …

VSCodeでローカルサーバーを起動する方法

目次 ローカルサーバーを起動する意味 VSCodeでローカルサーバーを起動するための準備 ローカルサーバー起動方法 ローカルサーバーの停止方法 ローカルサーバーを起動する意味 PHPなどでローカルサーバーを起動する事で、ローカルでもAPIの確認などが行える…

JavaScriptで金額フォーマット表示(カンマ区切り toLocaleString 正規表現)

目次 toLocaleStringで3桁カンマ区切り 正規表現で3桁カンマ区切り toLocaleStringで3桁カンマ区切り 以下の様に数値型のデータに「toLocaleString」関数を使用することで、3桁毎にカンマ区切りされたデータが出力されます。 <script> const target = 100000000; co</script>…

React(TypeScript)プロジェクトの作成方法(Docker、ESLint、Prettier、WebPack)【4/4】

目次 事前準備 WebPack 完成 スポンサードリンク (adsbygoogle = window.adsbygoogle || []).push({}); 事前準備 以下の記事の内容が完了している前提で本記事を記載しています。 まだの方は、以下から進めてください。 React(TypeScript)プロジェクトの作成…

React(TypeScript)プロジェクトの作成方法(Docker、ESLint、Prettier、WebPack)【3/4】

目次 事前準備 Prettier ESLintの設定修正 コマンドでPrettierの整形を行う VSCodeでPrettierを実行する Prettierのルール設定 Prettierの除外ファイル スポンサードリンク (adsbygoogle = window.adsbygoogle || []).push({}); 事前準備 以下の記事の内容が…

React(TypeScript)プロジェクトの作成方法(Docker、ESLint、Prettier、WebPack)【2/4】

目次 事前準備 ESLintの組み込み ESLintの設定ファイルに任意の設定を行う コマンドでESLintのチェックを行う VSCodeでESLintのチェックを起動する スポンサードリンク (adsbygoogle = window.adsbygoogle || []).push({}); 事前準備 以下の記事の内容が完了…

React(TypeScript)プロジェクトの作成方法(Docker、ESLint、Prettier、WebPack)【1/4】

目次 前提 Reactのプロジェクト作成環境の用意 Reactプロジェクトに「TypeScript」の設定をしてプロジェクト作成 Dockerの組み込み 「docker-compose up」でエラーが出た場合 スポンサードリンク (adsbygoogle = window.adsbygoogle || []).push({}); 前提 N…