絶対パスを相対パスに置換する際にastro-relative-linksを使用していましたが、自分好みに「astro.config.mjs」の内容を組んだ際に正しく実行されなかったため「node」で実行することにしました。 コード import { writeFileSync, readFileSync } from "fs"; import glob from "glob"; const replaceInHtmlFiles = () => { try { const files = glob.sync("dist/**/*.html"); for (const file of files) { // htmlファイルの読み込み const data = readFileSync(file, "utf8"); // htmlの置かれているパスから相対(., ..)を算出 let rela
Makefile 内で docker を使っていたら以下のような問題に遭遇したため対応方法をここにメモします。 （一つ上のディレクトリをマウントさせたかったのですが...相対パスの指定はだめとのこと...） docker: Error response from daemon: create ./../sample: "./../sample" includes invalid characters for a local volume name, only "[a-zA-Z0-9][a-zA-Z0-9_.-]" are allowed. If you intended to pass a host directory, use absolute path. See 'docker run --help'. realpath 使い方 Makefile 成功 失敗 realpath real
１．「ファイル」をクリックする。 「ファイル」をクリックする。 ２．「情報」をクリックする。 「情報」をクリックする。 ３．「プロパティ」をクリックする。 「プロパティ」をクリックする。 ４．「詳細プロパティ」をクリックする。 「詳細プロパティ」をクリックする。 ５．「ハイパーリンクの基点(H)：に「￥」を入力し、「OK」をクリックする。 「ハイパーリンクの基点(H)：に「￥」を入力し、「OK」をクリックする。
"compilerOptions": { "baseUrl": ".", "paths": { "@/*": ["./src/*"] } } Vite での設定 TypeScript での設定を Vite で使い回せる vite-tsconfig-paths というパッケージを使う。 で、 vite.config.ts で次のように設定する。
絶対パスと相対パスとは？特定のファイルの位置を表現する表記方法に、「絶対パス」と「相対パス」があります。 絶対パスは、目的のファイルまでの全ての道筋を記述する方法で、相対パスは現在のファイルの位置からの相対的な位置を記述する方法です。それぞれに書き方や使い方が異なりますが、その違いがわからない方もいるでしょう。 そこで、この記事では、絶対パスと相対パスの表し方・書き方の違い・それぞれの使用法・ルートパス（ルート相対パス）についても解説します。 パスとは、「経路」のことで、目的のファイルがどのフォルダ（ディレクトリ）に保存されているかを示すものです。 パスは、現在実行しているプログラムや閲覧しているファイルから、他の場所にあるファイルを指定して実行・表示させたり、作業対象を移動したりする場合に、目的のファイルを指定するために使われます。 具体的には、Excel（エクセル）のシートやマクロから
Astroにて、buildするとdist配下にindex.htmlが出力されます。 このindex.htmlファイル内のaタグやimgタグ内のhrefやsrc属性には、以下のように絶対パスでリソースの位置が記述されます。 <img alt="" class=astro-TQ5BEMXN decoding=async height=20 src=/original.webp width=20> <a class="astro-O4MUQTET link" href=/original.pdf rel="noopener noreferrer" target=_blank>DownLoad</a> <a class=astro-3FF6SSR2 href=/ja/ >日本語</a> <img alt="" class=astro-TQ5BEMXN decoding=async height=2
[NestJS + Jest] ユニットテスト時に絶対パスでimportエラー: Cannot find module
"dependencies": { "@nestjs/common": "^9.0.0", "@nestjs/config": "^2.2.0", "@nestjs/core": "^9.0.0", "@nestjs/platform-express": "^9.0.0", }, "devDependencies": { "@nestjs/cli": "^9.0.0", "@nestjs/schematics": "^9.0.0", "@nestjs/testing": "^9.0.0", "@types/express": "^4.17.13", "@types/jest": "29.2.4", "jest": "29.3.1", "ts-jest": "29.0.3", },
![[NestJS + Jest] ユニットテスト時に絶対パスでimportエラー: Cannot find module](https://cdn-ak-scissors.b.st-hatena.com/image/square/f93108e6747e359c39e2ba4440ab06289d5c6418/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--UASWpfA3--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%25255BNestJS%252520%25252B%252520Jest%25255D%252520%2525E3%252583%2525A6%2525E3%252583%25258B%2525E3%252583%252583%2525E3%252583%252588%2525E3%252583%252586%2525E3%252582%2525B9%2525E3%252583%252588%2525E6%252599%252582%2525E3%252581%2525AB%2525E7%2525B5%2525B6%2525E5%2525AF%2525BE%2525E3%252583%252591%2525E3%252582%2525B9%2525E3%252581%2525A7import%2525E3%252582%2525A8%2525E3%252583%2525A9%2525E3%252583%2525BC%25253A%252520Cannot%252520find%252520module%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3Afanta%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9saDMuZ29vZ2xldXNlcmNvbnRlbnQuY29tL2EtL0FPaDE0R2lqYUstUFFBZkZrVHk3THNhLVlqVVJXaGF6V3g0eGlLQWhPQ0RlPXM5Ni1j%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png)
Linuxで、推奨するファイルやフォルダの名前の長さは、何文字でしょうか？ - 結論から言うと、１ファイル80文字以内、絶対パス長... - Yahoo!知恵袋
結論から言うと、１ファイル80文字以内、絶対パス長250文字以内です。 詳しく説明すると linuxでは、日本語が１ファイルで85文字まで使える。英語が１ファイルで255文字まで使える。 絶対パスの長さは英語で1023文字まで使える。 絶対パスの名前がすべて日本語の場合341文字が使える。 windowsでは、日本語が１ファイルで255文字まで使える。英語が１ファイルで255文字まで使える。 絶対パスの長さは英語で255文字まで使える。 絶対パスの名前がすべて日本語の場合255文字が使える。 以上の理由で、linuxのややこしい英語と日本語の制限の回避と、windowsの互換性を確保するため、１ファイル80文字以内、絶対パス長250文字以内をlinuxで推奨します。
両方を使うように設定するとこんなエラーが出る CustomError: Cannot find package '@/xxx' imported from yyy 問題は2つあって、「ts-node/esm が paths を読まない」「tsconfig-paths は ESM 標準の書き方 (拡張子付きの import) を変換しない」 これを解決するカスタムローダーを作らないといけない。 issue とか pull request などもある。 import { pathToFileURL } from 'url'; import { resolve as esmResolve, getFormat, transformSource, load, } from 'ts-node/esm'; import { createMatchPath, loadConfig } from 'tsc
はじめに VSCodeでモジュールのAuto Importを行った際、下記のようになったことはないでしょうか？ 絶対パスでimportして欲しいものです。
![[VSCode]TypeScript 絶対パスでAuto Importを行う - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/20b9a73e8a47849c404df7322044003978e0070e/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JTVCVlNDb2RlJTVEVHlwZVNjcmlwdCUyMCVFNyVCNSVCNiVFNSVBRiVCRSVFMyU4MyU5MSVFMyU4MiVCOSVFMyU4MSVBN0F1dG8lMjBJbXBvcnQlRTMlODIlOTIlRTglQTElOEMlRTMlODElODYmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtY2xpcD1lbGxpcHNpcyZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPWY0ZDA2NmIxMmJlZTAyYmM5ZDI4OTNjN2M3NmIyMTUw%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTcxNiZ0eHQ9JTQwcmVyaWlhc3UmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zMiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTQ3MmQ2MGQyOTQ2NGE1MTZmYjMxNGMzNmQ5OTk0ZTY1%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D4562dcd84f11b650aae8a78dcf9b1594)
GitHub Actionsでデフォルトの作業ディレクトリを絶対パスで取得する - BioErrorLog Tech Blog
GitHub Actionsでデフォルトの作業ディレクトリを絶対パスで取得する方法の備忘録です。 はじめに デフォルト作業ディレクトリの絶対パスを取得する ${{ env.GITHUB_WORKSPACE }} では取得できない $GITHUB_WORKSPACE で取得できる ${{ github.workspace }} でも取得できる おわりに 参考 はじめに こんにちは、@bioerrorlogです。 GitHub Actionsでスタート時点の作業ディレクトリの絶対パスを取得したいことがあります。 その取得方法で少し戸惑ったことがあったので、やり方の備忘録を残します。 ※ 動作検証に使ったソースコードはこちらに置いています: github.com デフォルト作業ディレクトリの絶対パスを取得する ${{ env.GITHUB_WORKSPACE }} では取得できない ドキュメント
Next.js で @, ~ などの aliasを使用して、相対パスではなく絶対パスでModuleを楽にimportできるようにする方法
こんにちは、AIQ株式会社のフロントエンドエンジニアのまさぴょんです！ 今回は、Next.js で@,~ などの aliasを使用して、相対パスではなく絶対パスでModuleを楽にimportできるようにする方法について解説します。 Next.js で @, ~ などの aliasを使用して、importを楽にする 他の階層のモジュールを相対パスで importすると、直感的にわかりづらいし、パス変更の際に、書き換えが辛いですね。。。 そこで、今回は、@,~ などの aliasを使用して、importを楽にする方法をご紹介します。 つまり、次のような 相対パスのimportから、
Pythonで既存のExcelブックを開く・読み込み方法(WIndows相対パス・絶対パス) | AutoWorker〜Google Apps Script(GAS)とSikuliで始める業務改善入門
AIや機械学習での多く利用されているPythonには多数のライブラリが用意されており、Excelなどの表計算ブックの操作も可能です。 Pythonのエクセル用ライブラリで最も有名なopenpyxlを使い、既存のExcelファイルをPythonで開く方法を解説します。 WindowsでのPython利用で相対パスと絶対パスの2種類のエクセルブック読み込み方法も紹介します。 Pythonでエクセルを扱うopenpyxlライブラリPythonは学習しやすさやAIなどのライブラリが充実していて、近年人気のプログラミング言語です。 機械学習や自然言語処理などのAI分野でのPythonが有名ですが、表計算ソフトであるExcelのワークブックもプログラミングで操作できるようになっています。 エクセルファイルの様々な集計やデータ処理をPythonによって自動化が実現でき、業務改善に活用可能です。 Pyth
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
AstroでbuildしたHTMLファイル内の絶対パスを相対パスに置換する |
【realpath】一つ上のディレクトリに対して絶対パスを取得する方法 - ものづくりのブログ
絶対参照（絶対パス）のハイパーリンクを保存するには（Excel） - すゞろなる記
Vite + TypeScript で絶対パスでの import を解決する
相対パスとは？絶対パスとの違いやメリット・デメリット、使い分け方を解説
【暫定対応！】astro buildで出力されたHTML内の絶対パスを相対パスに変換する
ts-node や nestjs で絶対パスと ESM を同時に使う
[VSCode]TypeScript 絶対パスでAuto Importを行う - Qiita