MS Learn の Microsoft Teams タブ開発でローカルの環境を汚したくないので Docker 使ってみた

2020/11/22 ファイルを更新してもリビルドされなかったので、対応策を追記。

Temas の タブ開発っていっても SPFx とそう変わらないと思い試してみました。
いまのところ、普通に MS Learn 進めていけてる気がします。
環境汚したくない方はやってみてください。

やってたところ 演習 - カスタム Microsoft Teams 個人タブを作成する

https://docs.microsoft.com/ja-jp/learn/modules/embedded-web-experiences/3-exercise-create-custom-teams-personal-tab

手順

以下コマンドを実行して、コンテナを起動します。

docker run -it --rm --name {プロジェクト名} -v {マウントしたいディレクトリ}:/usr/app/teamsap -p 3007:3007 okadan/teamsap:2.15.0

次に以下コマンドを実行します。

yo teams

最後に、ファイル更新時にリビルドさせるために、以下を追記します。

gulpfile.js　86行目

    // all other watches
    watch(
        config.watches,
        {interval:1000,usePolling:true}, //add
        series('webpack:server')
    );

    watch(
        config.clientWatches,
        {interval:1000,usePolling:true}, //add
        series('webpack:client')
    );

続きをどうぞ！

中身

Dockerfile
https://github.com/7o83/DockerTeamsap

Docker Hub
https://hub.docker.com/r/okadan/teamsap

参考

https://stackoverrun.com/ja/q/7878511