タグ

VSCodeに関するshn_hsnのブックマーク (3)

  • 【2022年12月時点の最適解】iPadでVS Codeを利用する - Remote Tunnels - しょぼんブログ

    ほぼすべての言語で動作し、任意の OS で実行される強力なコード エディターである Visual Studio Code を使用して、Azure 上で編集、デバ… 任意のOSで動作する、とありますがネイティブで動作するのはWindowsmacOSLinuxのみ。 例えばiPadOSからであれば、GitHub Codespacesであったり、Blink Shellを利用して、ブラウザ経由で操作する必要があります。(そういった意味ではブラウザがあれば、任意のOSで動作するわけですが) GitHub Codespacesで母艦と同じ物を操作しようとすると、GitHubでのリポジトリ管理が必要ですし、ターミナルの実行についてはいくつか制限があります。 Blink Shellの場合、iPadOS単体であれば割と良い感じに触れるのですが、母艦と同じ物かつ母艦のターミナルを叩く場合用途にマッチしませ

    【2022年12月時点の最適解】iPadでVS Codeを利用する - Remote Tunnels - しょぼんブログ
  • React で展開された HTML 要素から vscode の生成元コードに飛ぶ 方法

    自分が欲しかったから作ったシリーズ 説明しづらいので下記の動画を見たほうが速いです。 Shift を押している間だけオーバレイが有効になり、要素名をクリックすると vscode の該当行に飛びます。 今のところ vite + react のみの対応ですが、仕組み上、あらゆる UI フレームワークに適応可能です。 何が起きているか TypeScript transformer の仕組みで *.tsx の jsx 要素に data-sj-path="vscode://file/..." を付与する TypeScript AST は sourcemap 用の情報を持っている Node の parent を探索し、直近の関数コンポーネント名を探す Shift を押している間、 マウスでホバーされた要素が data-sj-path を持っているならオーバレイを表示 オーバレイ中の要素名をクリックした

    React で展開された HTML 要素から vscode の生成元コードに飛ぶ 方法
  • Macで使うVS CodeとRemote Containerの性能を大幅改善 - Sweet Escape

    はじめに なぜ遅いのか 何をやるのか 計測 名前付きボリュームを使ってない場合 Named Volumeを使う場合 Macからどう見えているか 結論とまとめ はじめに 以前からいろんなところで話していますが、僕は普段、手元のMacには言語系のランタイムとかは入れておらずVS CodeとDocker for Macだけ入れてRemote Containersの環境で開発しています。 この環境自体はとても便利でいいのですが、一点大きな問題があります。 それは遅いということ。自分の場合は最近だとJSでの開発が多いのですが、例えばNext.jsで開発している場合に以下のような操作が特に遅く感じます。 yarn install yarn add yarn jest next dev next start next build yarn jestとかnext devが遅いのは起動だけだったりします。起

    Macで使うVS CodeとRemote Containerの性能を大幅改善 - Sweet Escape
  • 1