tamagoage
@tamagoage

Are you sure you want to delete the question?

Leaving a resolved question undeleted may help others!

VSCode.devでローカルファイルを開けない

web版vscodeでローカルファイルを開きたい(書いたコードがファイルに反映されるようにしたい)

独学でプログラミングを学んでいる者です
パソコンを所持していないので、iPad(アプリはChrome)でvscodeを使ってみようかと思っています。
ソースコードを書いている際に、内容がファイルに反映されるようにしたいのですが、どう試してもローカルファイルが開けず困っております。

(ローカルファイルを開ければファイルに反映されるようになるのではないかと自分は考えていますが、そもそも自分が根本的なところを勘違いしている可能性も大いにありあます。)

以前は“モバイルC”というアプリを使っており、ここに書いた内容が直接ファイルに書き込まれていました。これをVSCode.devでも実現したいです

99D19CEA-4C9D-47E7-914E-0D4FA405EF84.png

発生している問題・エラー

ローカル フォルダーを開く操作はサポートされていません


お使いのブラウザーではローカル フォルダーを開くことができません。
単一のファイルを開くか、リモート リポジトリを開くことができます。

4C1C93CF-779D-4470-904B-CDAF6855E994.png

ローカルファイルを開こうとすると上のような警告文が出てしまいます。

自分で試したこと

❶画像中央の詳細情報(https://code.visualstudio.com/docs/remote/codespaces#_how-do-i-allow-vs-code-in-a-browser-to-access-local-files-and-folders)
というところからQ&Aに飛ぶと、『File System Access APIがサポートされているブラウウザのみローカルファイルを開けると』いう趣旨の内容が書いてあったので、ChromeだけでなくMicrosoft Edgeでも試してみましたが同じ警告文が出てしまいました。
ChromeとEdgeはFile System Access APIがサポートされ得ていると書かれていたため困惑しています

❷ipadのChromeだけでなく、iPhoneのChromeでも試してみましたが同じ警告がました。

調べて出てきたページ
-https://qiita.com/uikou/items/b5f6a0cd4228c46159dc
Visual Studio Code for the Web (vscode.dev) が Public Preview になりました

-自分で試したこと❶のページ

-https://wa3.i-3-i.info/
「分かりそう」で「分からない」でも「分かった」気になれるIT用語辞典

ローカルファイル、リモートリポジトリ等の言葉はここで調べました

-https://youtu.be/s8qFOj6sFQo
[VSCode.dev]iPad・Chromebookからも使えるブラウザ版Visual Stdio Code(VS Code)が便利!青山学院中等部プログラミング教育

-https://wk-partners.co.jp/homepage/blog/webservices/visual-studio-code-web/
Visual Studio Code がブラウザから利用できる!Web版の使い方・機能など解説

環境
ipad第8世代 iOS14.3
iPhone se第3世代 iOS16.0.2
使用ブラウザはどちらもChrome ver.106.0.5249.92

0

5Answer

まず、PC用のChromeとAndroid用のChromeとiOS用のChromeは、コーラで例えるとコカ・コーラとコーラっぽい飲料と粉コーラくらい中身が違うので名前が同じなだけだと思ってください。

Chrome for AndroidですらこのAPIは対応してないのでモバイル端末での利用は難しそうです。
https://caniuse.com/native-filesystem-api

ローカルファイルは利用できないので、どうしてもipadからが良ければ案内された通りリポジトリとしてWEB上に保存する必要があります。

1Like

Comments

  1. どの言語を利用するのかわかりませんが、そのような学習環境を初心者が自分で構築するのはオススメしません。
    書いたコードをiPad上で動かす方法も特別に調べなければなりません。ネット上のプログラミング記事は基本PC前提です。

    中級者以上が仕組みを理解して使用するか、プログラミングスクールなどが初心者用に全部用意しておいて渡すのに使われたりはします。
  2. @tamagoage

    Questioner

    返信遅れてしまいすみません!
    とても納得できる例えと資料ありがとうございます。
    言語はCが基礎までできていて、腕試しがてらテトリスとか作って見たいなぁと思っていたのですが、テトリスほど複雑になると動かなかったのでちょっと別の試してみようかな…って思った次第です。
    あと、HTML,cssのスマホアプリが使いにくかったっていう二つの理由で新しいエディタを探してた感じですね

    とりあえずいくらかvscode.devを弄ってみようかと思います。HTML,cssに関しては使いやすそうでしたので….

エメット機能とか色々な機能がめちゃくちゃ使いやすかったんですけど、結局GitHubの使い方がよくわからないのでvscode.devは諦めることにします…

回りくどいですが、vscode.devで書いてそれを別のアプリかなんかにコピペしようかなぁと思います

1Like

This answer has been deleted for violation of our Terms of Service.

プロパティから「フォルダに表示」オプションを選択すれば、ローカルファイルを見つけることができるのではないでしょうか?通常、私はファイルエクスプローラを使用して、ファイル名を入力するだけです。

0Like

Your answer might help someone💌