Technical Blog
技術ブログ
WordPressで継続して書いてきた技術記事・開発記録をまとめています。 学習内容、開発で詰まったこと、実装の理解を言葉に残しています。
【エラー解決】GET http://localhost:5173/src/components/TaskList.js?t=1742020997344 net::ERR_ABORTED 404 (Not Found)
こちらのエラーを解決していこう。 これは、vite（ヴィート）がTaskList.jsを探しているが見つからないというエラー。 .tsxファイルの拡張子が.jsファイルとして解釈されている？ ViteはTypeScriptプロジェクトを使用していると、デフォルトでは.tsxを.jsに変換して扱う。 しかし、ファイルのインポート時に拡張子を指定しないと、正しく変換できない場合があ …
ReactでDjango REST frameworkのバックエンドAPIと連携してタスク一覧を表示させる
【フロントエンドとの連携】CORS設定でフロントエンドからAPIを呼び出せるようにするでフロントエンドとの連携に必要なCORS設定を行った。 今回はReactを使用して、DRFとの連携を行い、最終的にはタスク一覧をReactの開発環境で表示させる。 viteを使ってReactプロジェクトを作成 vite（ヴィート）は、ReactやVueのフロントエンド開発で使われる高速なビルド …
The java.home variable defined in Visual Studio Code settings points to a missing or inaccessible folder (/usr/local/Cellar/openjdk@11/11.0.17/libexec/openjdk.jdk/Contents/Home)を解決していく
VScodeでhello.javaを作成してみて、右上の実行ボタンを押すと以下のエラーが発生した。 エラーメッセージの意味 java.homeが/usr/local/Cellar/openjdk@11/11.0.17/libexec/openjdk.jdk/Contents/Homeに設定されているが、このフォルダが存在しないかアクセスできないため、VSCodeのJava環境が …
テキストファイルから特定の文字列が入った行を抽出する
仕事でいくつかテーマがあって、そのPentahoETL処理のログから、目的のテーマのログを抽出する必要があった。 Pythonで実現予定なので、記事を書いていく。 テキストファイルの用意 ChatGPTにお願いして、1000行のなかにJapanが含まれるテキストファイルを生成してもらった。 テキストはこちら。japanが10個ランダムと指示したはずだが、64個入っていた。 ro …