snap.svgのv0.5.1でrotate回転させようとしたら変な軌跡を描く問題

解決策

  • v0.4.0に戻す
  • v0.5.2が公開されるのを待つ

発生する問題

let bbox = hoge.getBBox();
hoge.animate({
    transform: "rotate(90, " + bbox.cx+ ", " + bbox.cy + ")"
}, 10000);

真ん中を基準に回転するように記述してるのに変な軌跡を描く問題 黒い点は期待される回転の軸である中心点 f:id:matatsuna:20190703003041g:plain

参考

github.com

Visual Studio Codeにサーバーの中で直接作業できるRemote Developmentをインストールしてみた

注意

この中の記述はVisual Studio Code(以下VSC)の1.35.0以上が必要です gyazo.com

インストールするVSC拡張

marketplace.visualstudio.com

Remote Developmentを用いると、SSHなどを使ってサーバーやコンテナにログインして、その中で作業ができるようになります。 詳しくは窓の杜の記事を読んで下さい。 「Visual Studio Code」でリモート開発 ~Microsoftが新しい拡張機能パックをリリース - 窓の杜

インストール

Remote Developmentの拡張検索します。

gyazo.com

インストールします。どうやら3つの「Remote - SSH」「Remote - Containers」「Remote - WSL」をまとめたものらしいです。 gyazo.com

インストールした拡張をクリックしてみると.ssh/configファイルに記述しているドメイン一覧が表示されます gyazo.com

サーバーを選んでクリックすると新しいウィンドウが開いてSSH接続を開始します。この時にサーバーに/.vscode-serverがインストールされる模様です。 gyazo.com

ログインすると左下に「SSH:サーバー名」が表示されます。 gyazo.com

フォルダーを開くと、サーバー内の任意のディレクトリを選択することができます。 gyazo.com

サーバー内の任意のディレクトリでgitや補完、ファイルの参照などもストレスなく操作することが可能になります。また、ターミナルを開くとちゃんと、そのディレクトリで開いてくれます。便利すぎでしょ。 gyazo.com

.configの書き方

windowsの場合、C:Users\ユーザー名\.ssh\.configを作成することをおすすめします。

Macの場合、~/.ssh\.configになります。

TCPKeepAlive yes

Host hoge
    HostName hoge.com
    User matatsuna
    IdentityFile C:\Users\matatsuna\.ssh\hoge_rsa

Host fuga
    HostName fuga.net
    User fuga
    IdentityFile C:\Users\fuga\.ssh\fuga_rsa

このファイルを書くとVSCのサーバー選択に出てくるだけでなく、power shellなどで、

> ssh hoge

でログインできるようになります。 詳しくは下記を参照して下さい。

~/.ssh/configについて - Qiita

ぜひ、VSCをインストールして!!!!

Visual Studio Code – コード エディター | Microsoft Azure