旧サイトから記事の移行中です

Flutterプロジェクト内からファイル名・フォルダ名をコピペする方法

Flutterのプロジェクト内に取り込んだ画像や音声などのファイルのパスは、エディタ内から簡単に取得できます。

手入力したり、わざわざFinderに移動してコピーする必要はありません。

pubspec.yamlのassets:に画像ファイル名を入力するときなど、覚えておくと便利です。

Android StudioとVSCodeのそれぞれで、パスのコピー方法を紹介します。

動作確認バージョン
  • Android Studio:Koala | 2024.1.1
  • VSCode:October 2024 (version 1.95)
目次

Android Studioの場合

STEP
プロジェクト画面でファイル名を右クリック

Android Studioの画面左側のプロジェクト画面で、パスを取得したいファイル(またはフォルダ)を右クリックし、「Copy Path/Reference…」を選びます。

Andoroid Studioのプロジェクト内のファイルを右クリックしたときに表示される「Copy Path/Reference...」のメニュー
右クリックメニューで「Copy Path/Reference…」

プロジェクトが表示されていないときは、メニューから[View]>[Tool Windows]>[Project]で表示します。

Andoroid Studioでプロジェクトを表示する手順
ショートカットはCommand+1(1は「Q」の上の数字)
STEP
「コピー」ダイアログで選択

次に表示されるコピーのメニュー3種から、必要なパスをクリックします。

3種類のパスからチョイス

Absolute Path:フルパス
File Name:ファイル名のみ
Path From Content Root:プロジェクト直下のフォルダからファイルまでのパス

STEP
ペーストする

ペーストしたい場所にカーソルを置いて、Command+vで貼り込みます。

Andoroid Studioのエディタでpubspec.yamlを開いて、ファイルパスを貼り付けた図
「pubspec.yaml」の「assets:」の欄に貼り込みり込み
貼り込みは自分でやる!
v(または ctrl+v)

パスはキャッシュに入っただけなので、貼り込み先はAndroid StudioのエディタでなくてもOK

プロジェクト名の右クリックでは、フルパスとプロジェクト名がコピーできます。

Andoroid Studioのプロジェクト名を右クリックしてコピーできるのは、フルパスとファイル名のみ
プロジェクト名でコピーできるのは「フルパス」か「ファイル名」の2種

VSCodeの場合

VSCodeの場合も、Android Studioと同じような方法です。

STEP
エクスプローラーでファイル名を右クリック

VSCodeのエクスプローラーを表示して、パスを取得したいファイル(またはフォルダ)の右クリックメニューから「パスのコピー」または「相対パスをコピー」を選びます。

VSCodeのエクスプローラーでファイル名を右クリックして表示されるメニュー
「パスのコピー」:フルパス
「相対パスをコピー」:相対パス

エクスプローラーが表示されていないときは、メニュー>[表示]>[エクスプローラー]で表示します。

VSCodeでエクスプローラーをメニューから開くには、[表示]>[エクスプローラー]の順にクリック
STEP
ペーストする

挿入先にCommand+vでペーストします。

パスは、キャッシュに入っただけなので、貼り込み先はVSCodeのエディタでなくてもOKです。

よかったらシェアしてね!
  • URLをコピーしました!
目次