ラベル VisualStudioCode の投稿を表示しています。 すべての投稿を表示
ラベル VisualStudioCode の投稿を表示しています。 すべての投稿を表示

2022年5月20日金曜日

Ubuntu Desktop 22.04にVisual Studio Codeをインストールする

Visual Studio Codeはオープンソースのエディタです。様々な拡張機能を使用することが出来ます。

〇Visual Studio Codeの画面

インストール方法

以下のコマンドを実行します。
wget -O vsc.deb https://go.microsoft.com/fwlink/?LinkID=760868

sudo apt-get install ./vsc.deb

関連情報

・Visual Studio Codeに関する他の情報はこちらを参照してください。

2021年8月23日月曜日

Debian 11(Bullseye)にVisual Studio Codeをインストールする

Visual Studio Codeはオープンソースのエディタです。

〇Visual Studio Codeの画面

インストール方法

以下のコマンドを実行します。
wget -O vsc.deb https://go.microsoft.com/fwlink/?LinkID=760868

sudo dpkg -i vsc.deb

2021年7月8日木曜日

Rocky Linux 8.4にVisual Studio Codeをインストールする

Visual Studio Codeはオープンソースのエディタです。様々なプラグインで機能を拡張する事ができます。

〇Visual Studio Codeの画面

インストール方法

シェルから以下のコマンドを実行します。
wget -O vsc.rpm https://go.microsoft.com/fwlink/?LinkID=760867

sudo dnf -y install vsc.rpm

関連情報

・Visual Sudio Codeに関する他の記事は、こちらを参照してください。

2021年4月6日火曜日

AlmaLinux8.3にVisual Studio Codeをインストールする

Visual Studio Codeはオープンソースのエディタです。様々なプラグインで機能を拡張する事ができます。

〇Visual Studio Codeの画面

インストール方法

シェルから以下のコマンドを実行します。
wget -O vsc.rpm https://go.microsoft.com/fwlink/?LinkID=760867

sudo dnf -y install vsc.rpm

関連情報

・Visual Sudio Codeに関する他の記事は、こちらを参照してください。

2020年12月28日月曜日

CentOS 8-StreamにVisual Studio Codeをインストールする

Visual Studio Codeはオープンソースのエディタです。様々なプラグインで機能を拡張する事ができます。

〇Visual Studio Codeの画面

インストール方法

シェルから以下のコマンドを実行します。
wget -O vsc.rpm https://go.microsoft.com/fwlink/?LinkID=760867

sudo dnf -y install vsc.rpm

関連情報

・Visual Sudio Codeに関する他の記事は、こちらを参照してください。

2020年11月22日日曜日

Raspberry Pi OS(Raspbian Buster 32bit)にVisual Studio Codeをインストールする

Visual Studio Codeはオープンソースのエディタです。様々なプラグインで機能を拡張する事ができます。

〇Visual Studio Codeの画面

インストール方法

シェルから以下のコマンドを実行します。
wget -O vsc-arm.deb https://aka.ms/linux-armhf-deb

sudo dpkg -i vsc-arm.deb

関連情報

・Visual Studio Codeに関する他の記事は、こちらを参照してください。

2020年11月20日金曜日

CentOS8.2にVisual Studio Codeをインストールする

Visual Studio Codeはオープンソースのエディタです。様々なプラグインで機能を拡張する事ができます。

〇Visual Studio Codeの画面

インストール方法

シェルから以下のコマンドを実行します。
wget -O vsc-x86.rpm https://go.microsoft.com/fwlink/?LinkID=760867

sudo dnf -y install vsc-x86.rpm

関連情報

・Visual Studio Codeに関する他の記事は、こちらを参照してください。

2020年6月19日金曜日

Debian 10(Buster)にVisual Studio Codeをインストールする

Visual Studio Codeはオープンソースのエディタです。

〇Visual Studio Codeの画面

〇インストール方法
以下のコマンドを実行します。
wget -O vsc.deb https://go.microsoft.com/fwlink/?LinkID=760868 
sudo dpkg -i vsc.deb

2020年4月27日月曜日

Ubuntu Desktop 20.04にVisual Studio Codeをインストールする

Visual Studio Codeはオープンソースのエディタです。

〇Visual Studio Codeの画面


〇インストール方法
以下のコマンドを実行します。
wget -O vsc.deb https://go.microsoft.com/fwlink/?LinkID=760868
sudo dpkg -i vsc.deb

〇関連情報
・Visual Studio COdeに関する他の情報はこちらを参照してください。

2020年4月6日月曜日

CentOS8.1にVisual Studio Codeをインストールする

Visual Studio Codeはオープンソースのエディタです。様々なプラグインで機能を拡張する事ができます。

〇Visual Studio Codeの画面

〇インストール方法
シェルから以下のコマンドを実行します。
sudo dnf -y install libXScrnSaver

wget -O vsc.rpm https://go.microsoft.com/fwlink/?LinkID=760867

sudo rpm -i vsc.rpm

2020年4月5日日曜日

VagrantでVisual Studio Code、Gnome Desktop環境、XRDPがインストールされた仮想マシン(CentOS 8.1)を構築する

Visual Studio Codeはオープンソースのエディタです。

〇Visual Studioの画面
XRDPがインストールされているので、Windowsのリモートデスクトップで接続することができます。ユーザ名はvagrant、パスワードもvagrantでログオンできます。

〇構築方法
以下のVagrantfileを使用して、Visual Studio Code、Gnome Desktop環境、XRDPをインストールした仮想マシン(CentOS 8.1)を構築できます。

Vagrantfile
VAGRANTFILE_API_VERSION = "2"

Vagrant.configure(VAGRANTFILE_API_VERSION) do |config|
  config.vm.box = "bento/centos-8.1"
  config.vm.hostname = "co81gnomevsc"
  config.vm.provider :virtualbox do |vbox|
     vbox.name = "co81gnomevsc"
     vbox.gui = true
     vbox.cpus = 2
     vbox.memory = 4096
     vbox.customize ["modifyvm", :id, "--nicpromisc2","allow-all"]
  end
config.vm.network "public_network", ip: "192.168.1.107", :netmask => "255.255.255.0"
  config.vm.provision "shell", inline: <<-SHELL
#localedef -i /usr/share/i18n/locales/ja_JP -f UTF-8 /usr/lib/locale/ja_JP.UTF-8
dnf -y install langpacks-ja
localectl set-locale LANG=ja_JP.UTF-8
dnf install -y epel-release
dnf check-update
dnf -y update
timedatectl set-timezone Asia/Tokyo

dnf -y groupinstall "Server with GUI" "Input Methods"
dnf -y install xrdp ibus-mozc

# hide dialogs
sudo sh -c "echo 'X-GNOME-Autostart-enabled=false' >> /etc/xdg/autostart/gnome-welcome-tour.desktop"

systemctl set-default graphical.target

systemctl enable xrdp.service
systemctl start xrdp.service

# install VisualStudio Code
dnf -y install libXScrnSaver
wget -O vsc.rpm https://go.microsoft.com/fwlink/?LinkID=760867
rpm -i vsc.rpm

telinit 5
SHELL
end

2019年10月5日土曜日

VagrantでVisual Studio Code、Pipenv環境、TigerVNCがインストールされた仮想マシン(Ubuntu18.04)を構築する

Visual Studio Codeはオープンソースのエディタです。エディタからPythonのデバッグ実行を行うこともできます。

〇Visual Studio Codeの画面

仮想マシン構築時にpytest1というpipenv環境も作成してあるので、フォルダ選択します。
また、デバッグ実行時に「構成の追加...」を選択して「Python」を選択します。ここでlaunch.jsonがオープンされるので、"Python: Current File"の構成でpythonPath":"${workspaceFolder}/.venv/bin/pyton"を追加します。
これでデバッグ実行時にpipenvの環境を使用することができます。

〇構築方法
以下のVagrantfileを使用して、Visual Studio Code、Pipenv環境、TigerVNCをインストールした仮想マシン(Ubuntu18.04)を構築できます。
TigerVNCがインストールされているので、VNCクライアントで接続することができます。VNCパスワードはvagrantです。

Vagrantfile
VAGRANTFILE_API_VERSION = "2"

Vagrant.configure(VAGRANTFILE_API_VERSION) do |config|
  config.vm.box = "bento/ubuntu-18.04"
  config.vm.hostname = "ub1804vncxfcevscpy"
  config.vm.network :public_network, ip:"192.168.1.108"
  config.vm.network "private_network", ip: "192.168.55.108", :netmask => "255.255.255.0"
  config.vm.provider :virtualbox do |vbox|
     vbox.name = "ub1804vncxfcevscpy"
     vbox.gui = true
     vbox.cpus = 2
     vbox.memory = 2048
  end
  config.vm.provision "shell", inline: <<-SHELL
apt-get update
export DEBIAN_FRONTEND=noninteractive
apt-get -y -o Dpkg::Options::="--force-confdef" -o Dpkg::Options::="--force-confold" upgrade
apt-get -y install language-pack-ja fonts-ipafont-*
localectl set-locale LANG=ja_JP.UTF-8
localectl set-keymap jp106
apt-get update
apt-get -y install fcitx-mozc xubuntu-desktop xfce4-terminal language-pack-ja tigervnc-standalone-server expect
apt-get -y purge light-locker blueman
im-config -n fcitx


# set passwd for vnc
cat << EOC > /tmp/initpass.sh
/usr/bin/expect << EOF
spawn "tigervncpasswd"
expect "Password:"
send "vagrant\\r"
expect "Verify:"
send "vagrant\\r"
expect "Would you like to enter a view-only password (y/n)?"
send "n\\r"
expect eof
exit
EOF
EOC
chmod +x /tmp/initpass.sh
sudo -u vagrant -H /bin/bash -c "/tmp/initpass.sh"


mkdir -p /home/vagrant/.vnc
chown vagrant:vagrant /home/vagrant/.vnc
cat << EOF > /home/vagrant/.vnc/xstartup
#!/bin/sh
export LANG=ja_JP.UTF-8
export LC_ALL=ja_JP.UTF-8
export XMODIFIERS=@im=fcitx
export GTK_IM_MODULE=fcitx
fcitx -r -d &
exec startxfce4
EOF
chmod +x /home/vagrant/.vnc/xstartup

cat << EOF > /etc/systemd/system/vncserver@.service
[Unit]
Description=Remote desktop service (VNC)
After=syslog.target network.target

[Service]
Type=simple
User=vagrant
PAMName=login
PIDFile=/home/%u/.vnc/%H%i.pid
ExecStartPre=/bin/sh -c '/usr/bin/vncserver -kill :%i > /dev/null 2>&1 || :'
ExecStart=/usr/bin/vncserver :%i -localhost no -geometry 1152x864 -alwaysshared -fg
ExecStop=/usr/bin/vncserver -kill :%i

[Install]
WantedBy=multi-user.target
EOF
sudo systemctl start vncserver@1.service
sudo systemctl enable vncserver@1.service


# install pipenv
apt-get -y install python-pip python3-distutils python3-dev
pip install pip==9.0.1
pip install --upgrade setuptools
pip install pipenv

# install VisualStudio Code
wget -O vsc.deb https://go.microsoft.com/fwlink/?LinkID=760868
dpkg -i vsc.deb

sudo -u vagrant /bin/bash << EOF
export HOME=/home/vagrant
export PIPENV_VENV_IN_PROJECT=true
code --install-extension MS-CEINTL.vscode-language-pack-ja
code --install-extension ms-python.python
echo "export PIPENV_VENV_IN_PROJECT=true" >> .bashrc

# create a sample environment and install nagisa module.
mkdir pytest1
code -a /home/vagrant/pytest1
cd /home/vagrant/pytest1
pipenv --python 3.6
pipenv install
pipenv install nagisa
pipenv run python -V
cat << EOF_CODE > test.py
import nagisa
text = 'Pythonで簡単に使えるツールです'
words = nagisa.tagging(text)
print(words)
EOF_CODE

echo 'add "pythonPath":"\\$\{workspaceFolder\}/.venv/bin/pyton" in "Python Current File" in launch.json'
EOF

init 5
SHELL
end


○関連情報
・Visual Studio Codeに関する他の記事はこちらを参照してください。

2019年9月15日日曜日

DockerでVisual Studio CodeとMATEデスクトップ環境とTigerVNCがインストールされたイメージ(Ubuntu18.04)を作成する

Visual Studio Codeはオープンソースのエディタです。

〇Visual Studio Codeの画面

VNCクライアントから接続するときにパスワードにubuntuを指定します。

〇イメージのビルド
docker build --no-cache -t ub1804vncmatevsc .

Dockerfile
from ubuntu:18.04

ENV DEBIAN_FRONTEND=noninteractive
run apt-get update \
  && apt-get -y -o Dpkg::Options::="--force-confdef" -o Dpkg::Options::="--force-confold" upgrade \
  && apt-get install -y language-pack-ja-base language-pack-ja \
  && ln -sf /usr/share/zoneinfo/Asia/Tokyo /etc/localtime \
  && echo 'Asia/Tokyo' > /etc/timezone \
  && locale-gen ja_JP.UTF-8 \
  && echo 'LC_ALL=ja_JP.UTF-8' > /etc/default/locale \
  && echo 'LANG=ja_JP.UTF-8' >> /etc/default/locale
env LANG=ja_JP.UTF-8 \
   LANGUAGE=ja_JP.UTF-8 \
   LC_ALL=ja_JP.UTF-8
run apt-get -y install \
      ubuntu-mate-desktop \
      tigervnc-standalone-server \
      expect \
      fcitx-mozc \
      fonts-ipafont-gothic \
      fonts-ipafont-mincho \
      vim \
      gvfs-bin \
      xdg-utils \
  && wget -O vsc.deb https://go.microsoft.com/fwlink/?LinkID=760868 \
  && dpkg -i vsc.deb \
  && apt-get -y remove --purge light-locker blueman \
  && apt-get -y install gnome-screensaver \
  && im-config -n fcitx \
  && apt-get clean \
  && rm -rf /var/cache/apt/archives/* \
  && rm -rf /var/lib/apt/lists/* \
  && groupadd -g 1000 ubuntu \
  && useradd -d /home/ubuntu -m -s /bin/bash -u 1000 -g 1000 ubuntu \
  && echo 'ubuntu:ubuntu' | chpasswd \
  && echo "ubuntu ALL=NOPASSWD: ALL" >> /etc/sudoers \
  && echo 'spawn "tigervncpasswd"' >> /tmp/initpass \
  && echo 'expect "Password:"' >> /tmp/initpass \
  && echo 'send "ubuntu\\r"' >> /tmp/initpass \
  && echo 'expect "Verify:"' >> /tmp/initpass \
  && echo 'send "ubuntu\\r"' >> /tmp/initpass \
  && echo 'expect "Would you like to enter a view-only password (y/n)?"' >> /tmp/initpass \
  && echo 'send "n\\r"' >> /tmp/initpass \
  && echo 'expect eof' >> /tmp/initpass \
  && echo 'exit' >> /tmp/initpass \
  && sudo -u ubuntu -H /bin/bash -c '/usr/bin/expect /tmp/initpass' \
  && mkdir -p /home/ubuntu/.vnc \
  && chown ubuntu:ubuntu /home/ubuntu/.vnc \
  && echo '#!/bin/sh' >> /home/ubuntu/.vnc/xstartup \
  && echo 'export LANG=ja_JP.UTF-8' >> /home/ubuntu/.vnc/xstartup \
  && echo 'export LC_ALL=ja_JP.UTF-8' >> /home/ubuntu/.vnc/xstartup \
  && echo 'export XMODIFIERS=@im=fcitx' >> /home/ubuntu/.vnc/xstartup \
  && echo 'export GTK_IM_MODULE=fcitx' >> /home/ubuntu/.vnc/xstartup \
  && echo 'fcitx -r -d &' >> /home/ubuntu/.vnc/xstartup \
  && echo 'exec mate-session' >> /home/ubuntu/.vnc/xstartup \
  && chmod +x /home/ubuntu/.vnc/xstartup \
  && mkdir -p /home/ubuntu/data \
  && chown -R ubuntu:ubuntu /home/ubuntu/data

expose 5901
volume ["/home/ubuntu/data"]
cmd /usr/bin/vncserver :1 -localhost no -geometry 1152x864 -alwaysshared -fg

〇コンテナの実行
docker run -it -v `pwd`:/home/ubuntu/data -p 5901:5901 -u ubuntu --privileged ub1804vncmatevsc


○関連情報
・Visual Studio Codeに関する他の記事はこちらを参照してください。

2019年2月22日金曜日

DockerでVisual Studio CodeとXfceデスクトップ環境がインストールされたイメージ(Ubuntu18.04)を作成する

Visual Studio Codeはオープンソースのエディタです。

〇Visual Studio Codeの画面

Remote Desktop Clientから接続するときにユーザ名/パスワードにubuntu/ubuntuを指定します。

〇イメージのビルド
docker build -t ub1804xfcevscode .

Dockerfile
from ubuntu:18.04

run sed -i.bak -e "s#http://archive.ubuntu.com/ubuntu/#http://ftp.riken.jp/pub/Linux/ubuntu/#g" /etc/apt/sources.list \
  && apt-get update \
  && apt-get install -y language-pack-ja-base language-pack-ja \
  && ln -sf /usr/share/zoneinfo/Asia/Tokyo /etc/localtime \
  && echo 'Asia/Tokyo' > /etc/timezone \
  && locale-gen ja_JP.UTF-8 \
  && echo 'LC_ALL=ja_JP.UTF-8' > /etc/default/locale \
  && echo 'LANG=ja_JP.UTF-8' >> /etc/default/locale
env LANG=ja_JP.UTF-8 \
   LANGUAGE=ja_JP.UTF-8 \
   LC_ALL=ja_JP.UTF-8
run DEBIAN_FRONTEND=noninteractive apt-get -y install \
      xubuntu-desktop \
      xrdp=0.9.5-2 \
      fcitx-mozc \
      fonts-ipafont-gothic \
      fonts-ipafont-mincho \
      vim \
      gvfs-bin \
      git \
      xdg-utils \
  && wget -O vsc.deb https://go.microsoft.com/fwlink/?LinkID=760868 \
  && dpkg -i vsc.deb \
  && im-config -n fcitx \
  && apt-get clean \
  && rm -rf /var/cache/apt/archives/* \
  && rm -rf /var/lib/apt/lists/* \
  && groupadd -g 1000 ubuntu \
  && useradd -d /home/ubuntu -m -s /bin/bash -u 1000 -g 1000 ubuntu \
  && echo 'ubuntu:ubuntu' | chpasswd \
  && echo "ubuntu ALL=NOPASSWD: ALL" >> /etc/sudoers \
  && echo 'sed -i -e "s/^EnabledIMList.*$/EnabledIMList=fcitx-keyboard-jp:True,mozc:True,fcitx-keyboard-us:False/" /home/ubuntu/.config/fcitx/profile' >> /home/ubuntu/.xsessionrc \
  && chown ubuntu:ubuntu /home/ubuntu/.xsessionrc \
  && echo 'xfce4-session' >> /home/ubuntu/.xsession \
  && mkdir /home/ubuntu/data \
  && chown -R ubuntu:ubuntu /home/ubuntu/data \
  && echo '#!/bin/bash' > /start.sh \
  && echo 'export GTK_IM_MODULE=fcitx' > /start.sh \
  && echo 'export QT_IM_MODULE=fcitx' >> /start.sh \
  && echo 'export XMODIFIERS="@im=fcitx"' >> /start.sh \
  && echo 'startxfce4' >> /start.sh \
  && echo 'sudo /etc/init.d/xrdp start' >> /start.sh \
  && echo 'sudo /etc/init.d/dbus start' >> /start.sh \
  && echo 'fcitx -r -d &' >> /start.sh \
  && echo '/bin/bash' >> /start.sh \
  && chmod +x /start.sh

expose 3389
volume ["/home/ubuntu/data"]
cmd /start.sh

〇コンテナの実行
docker run -it -v `pwd`:/home/ubuntu/work -p 3389:3389 -u ubuntu ub1804xfcevscode


○関連情報
・Visual Studio Codeに関する他の記事はこちらを参照してください。

2018年8月3日金曜日

VagrantでVisual Studio Code、Pipenv環境、XRDPがインストールされた仮想マシン(Ubuntu18.04)を構築する

Visual Studio Codeはオープンソースのエディタです。エディタからPythonのデバッグ実行を行うこともできます。

〇Visual Studioの画面

Visual Studio Codeは一回再起動すると日本語で表示されるようになります。
仮想マシン構築時にpytest1というpipenv環境も作成してあるので、フォルダ選択します。
また、デバッグ実行時に「構成の追加...」を選択して「Python」を選択します。ここでlaunch.jsonがオープンされるので、"Python: Current File"の構成でpythonPath":"${workspaceFolder}/.venv/bin/pyton"を追加します。
これでデバッグ実行時にpipenvの環境を使用することができます。

〇構築方法
以下のVagrantfileを使用して、Visual Studio Code、Pipenv環境、XRDPをインストールした仮想マシン(Ubuntu18.04)を構築できます。
XRDPがインストールされているので、Windowsのリモートデスクトップで接続することができます。ユーザ名はvagrant、パスワードもvagrantでログオンできます。

Vagrantfile
VAGRANTFILE_API_VERSION = "2"

Vagrant.configure(VAGRANTFILE_API_VERSION) do |config|
  config.vm.box = "bento/ubuntu-18.04"
  config.vm.hostname = "ub1804xfcevscpython"
config.vm.network :public_network, ip:"192.168.1.117"
config.vm.network "private_network", ip: "192.168.55.117", :netmask => "255.255.255.0"
  config.vm.provider :virtualbox do |vbox|
     vbox.name = " ub1804xfcevscpython"
     vbox.gui = true
     vbox.cpus = 2
     vbox.memory = 4096
     vbox.customize ["modifyvm", :id, "--nicpromisc2","allow-all"]
  end
  config.vm.provision "shell", inline: <<-SHELL
apt-get update
apt-get -y install language-pack-ja
sed -i.bak -e "s#http://archive.ubuntu.com/ubuntu/#http://ftp.riken.jp/pub/Linux/ubuntu/#g" /etc/apt/sources.list
localectl set-locale LANG=ja_JP.UTF-8
localectl set-keymap jp106
apt-get update
apt-get -y install xrdp=0.9.5-2 fcitx-mozc xubuntu-desktop language-pack-ja language-pack-ja
im-config -n fcitx

apt-get -y install --install-recommends linux-generic-hwe-18.04 xserver-xorg-hwe-18.04
apt-get -y install virtualbox-guest-dkms virtualbox-guest-utils virtualbox-guest-x11

sed -i -e "s/allowed_users=console/allowed_users=anybody/" /etc/X11/Xwrapper.config

echo "xfce4-session" > /home/vagrant/.xsession
apt-get -y purge light-locker

# install pipenv
apt-get -y install python-pip python3-distutils python3-dev
pip install pip==9.0.1
pip install --upgrade setuptools
pip install pipenv

# install VisualStudio Code
wget -O vsc.deb https://go.microsoft.com/fwlink/?LinkID=760868
dpkg -i vsc.deb


sudo -u vagrant /bin/bash << EOF
export HOME=/home/vagrant
export PIPENV_VENV_IN_PROJECT=true
code --install-extension MS-CEINTL.vscode-language-pack-ja
code --install-extension ms-python.python
echo "export PIPENV_VENV_IN_PROJECT=true" >> .bashrc

# create a sample environment and install nagisa module.
mkdir pytest1
code -a /home/vagrant/pytest1
cd /home/vagrant/pytest1
pipenv --python 3.6
pipenv install
pipenv install nagisa
pipenv run python -V
cat << EOF_CODE > test.py
import nagisa
text = 'Pythonで簡単に使えるツールです'
words = nagisa.tagging(text)
print(words)
EOF_CODE

echo 'add "pythonPath":"\\$\{workspaceFolder\}/.venv/bin/pyton" in "Python Current File" in launch.json'

EOF

init 5
SHELL
end


○関連情報
・Visual Studio Codeに関する他の記事はこちらを参照してください。

2018年5月13日日曜日

LXDでVisual Studio CodeとXfce Desktop環境、XRDPをインストールしたコンテナ(Ubuntu16.04)を構築する

Visual Studio CodeはMicrosoft製のテキストエディターです。
XRDPもインストールされているので、リモートデスクトップから接続することができます。ユーザはubuntu、パスワードもubuntuです。

〇Visual Studio Codeの画面


〇構築方法
LXDで以下のコマンドを実行して、Visual Studio CodeとXfce Desktop環境インストールされたコンテナを構築します。
lxc init ubuntu:16.04 lxdxfcevscode
lxc config set lxdxfcevscode user.user-data - < config.yml
lxc start lxdxfcevscode

config.yml
#cloud-config

package_upgrade: true

hostname: lxdxfcevscode
manage_etc_hosts: true

write_files:
  - path: /tmp/.xsessionrc
    content: |
      export LANG=ja_JP.UTF-8
      export GTK_IM_MODULE=fcitx
      export QT_IM_MODULE=fcitx
      export XMODIFIERS="@im=fcitx"
      sed -i -e "s/^EnabledIMList.*$/EnabledIMList=fcitx-keyboard-jp:True,mozc:True,fcitx-keyboard-us:False/" /home/ubuntu/.config/fcitx/profile
      fcitx -r -d &

  - path: /etc/default/keyboard
    content: |
      XKBMODEL="pc106"
      XKBLAYOUT="jp"
      XKBVARIANT=""
      XKBOPTIONS=""
      BACKSPACE="guess"

runcmd:
  - 'sed -i.bak -e "s#http://archive.ubuntu.com/ubuntu#http://ftp.riken.jp/pub/Linux/ubuntu#g" /etc/apt/sources.list'
  - 'localectl set-locale LANG=ja_JP.UTF-8'
  - 'localectl set-keymap jp106'
  - 'apt-get update'
  - 'apt-get -y install software-properties-common'
  - 'add-apt-repository ppa:hermlnx/xrdp'
  - 'apt-get update'
  - 'echo "export LANG=ja_JP.UTF-8" >> /home/ubuntu/.bash_profile'
  - "echo 'ubuntu:ubuntu' | chpasswd"
  - 'apt-get -y install xrdp fcitx-mozc xubuntu-desktop language-pack-ja language-pack-ja'
  - 'im-config -n fcitx'
  - 'mv /tmp/.xsessionrc /home/ubuntu'
  - 'chown -R ubuntu:ubuntu /home/ubuntu'
  - 'wget -O vsc.deb https://go.microsoft.com/fwlink/?LinkID=760868'
  - 'dpkg -i vsc.deb'
  - 'fcitx -r -d &'

final_message: "completed."

〇コンテナのIPを調べる
コンテナのIPは以下のコマンドで調べることができます。
lxc list

〇ホストマシンの外部からコンテナにアクセスしたい場合
以下のコマンドを実行します。
PORT=3389 PUBLIC_IP=<ホストのIP> CONTAINER_IP=<コンテナのIP> sudo -E bash -c 'iptables -t nat -I PREROUTING -i eth0 -p TCP -d $PUBLIC_IP --dport $PORT -j DNAT --to-destination $CONTAINER_IP:$PORT -m comment --comment "container"'

〇コンテナに入る
lxc exec lxdxfcevscode /bin/bash

〇コンテナの停止
lxc stop lxdxfcevscode

〇コンテナの削除
lxc delete lxdxfcevscode


○関連情報
・Visual Studio Codeに関する他の記事はこちらを参照してください。

2018年1月14日日曜日

VagrantでVisual Studio Code、Xfce Desktop環境、XRDPがインストールされた仮想マシン(CentOS7.4)を構築する

以下のVagrantfileを使用して、Visual Studio Code、XfceDesktop環境、XRDPをインストールした仮想マシン(CentOS7.4)を構築できます。
XRDPがインストールされているので、Windowsのリモートデスクトップで接続することができます。ユーザ名はVagrant、パスワードもVagrantでログオンできます。

Vagrantfile
VAGRANTFILE_API_VERSION = "2"

Vagrant.configure(VAGRANTFILE_API_VERSION) do |config|
  config.vm.box = "bento/centos-7.4"
  config.vm.hostname = "co74xfcevsc"
  config.vm.provider :virtualbox do |vbox|
     vbox.name = "co74xfcevsc"
     vbox.gui = true
     vbox.cpus = 4
     vbox.memory = 4096
     vbox.customize ["modifyvm", :id, "--nicpromisc2","allow-all"]
  end
  config.vm.network "public_network", ip: "192.168.1.116", :netmask => "255.255.255.0"
  config.vm.provision "shell", inline: <<-SHELL
localectl set-locale LANG=ja_JP.UTF-8
yum install -y epel-release
yum check-update
yum -y update

yum -y groupinstall yum groupinstall "X Window System"  Xfce "Input Methods"
yum -y install vlgothic-*  ipa-gothic-fonts ipa-mincho-fonts ipa-pgothic-fonts ipa-pmincho-fonts xrdp

cat << EOF >> /home/vagrant/.Xclients
export GTK_IM_MODULE=ibus
export XMODIFIERS=@im=ibus
export QT_IM_MODULE=ibus
ibus-daemon -drx
exec /usr/bin/xfce4-session
EOF
chmod +x /home/vagrant/.Xclients
chown vagrant:vagrant /home/vagrant/.Xclients

# 不要なダイアログを表示されないようにする
sudo sh -c "echo 'X-GNOME-Autostart-enabled=false' >> /etc/xdg/autostart/gnome-welcome-tour.desktop"
sudo sh -c "echo 'X-GNOME-Autostart-enabled=false' >> /etc/xdg/autostart/gnome-software-service.desktop"
sudo sh -c "echo 'X-GNOME-Autostart-enabled=false' >> /etc/xdg/autostart/gnome-settings-daemon.desktop"
sudo systemctl disable initial-setup-graphical.service
sudo systemctl disable initial-setup-text.service

systemctl set-default graphical.target

systemctl enable xrdp.service
systemctl start xrdp.service

# install Visual Studio Code
yum -y install git
wget -O vsc.rpm https://go.microsoft.com/fwlink/?LinkID=760867
yum -y install vsc.rpm


telinit 5
SHELL
end

〇Visual Studio Codeの画面



○関連情報
・Visual Studio Codeに関する他の記事はこちらを参照してください。

2018年1月3日水曜日

VagrantでTightVNC ServerとVisual Studio Code、Xfceデスクトップ環境がインストールされた仮想マシン(Ubuntu16.04)を構築する

以下のVagrantfileを使用して、TightVNC ServerとVisual Studio Code、Xfceデスクトップ環境をインストールした仮想マシン(Ubuntu16.04)を構築する事ができます。
仮想マシン構築後、VNCクライアントから192.168.1.113:5901にアクセスします。パスワードはvagrantです。

Vagrantfile
VAGRANTFILE_API_VERSION = "2"

Vagrant.configure(VAGRANTFILE_API_VERSION) do |config|
  config.vm.box = "bento/ubuntu-16.04"
  config.vm.hostname = "ub1604vncxfcevsc"
  config.vm.network :public_network, ip:"192.168.1.113"
  config.vm.provider :virtualbox do |vbox|
     vbox.name = "ub1604vncxfcevsc"
     vbox.gui = true
     vbox.cpus = 4
     vbox.memory = 4096
  end
  config.vm.provision "shell", inline: <<-SHELL
sed -i.bak -e "s#http://us.archive.ubuntu.com/ubuntu/#http://ftp.riken.jp/pub/Linux/ubuntu/#g"; /etc/apt/sources.list
localectl set-locale LANG=ja_JP.UTF-8
localectl set-keymap jp106
apt-get update
apt-get -y install fcitx-mozc xubuntu-desktop language-pack-ja tightvncserver expect
im-config -n fcitx

# set passwd for vnc
cat << EOC > /tmp/initpass.sh
/usr/bin/expect << EOF
spawn "vncpasswd"
expect "Password:"
send "vagrant\\r"
expect "Verify:"
send "vagrant\\r"
expect "Would you like to enter a view-only password (y/n)?"
send "n\\r"
expect eof
exit
EOF
EOC
chmod +x /tmp/initpass.sh
sudo -u vagrant -H /bin/bash -c "/tmp/initpass.sh"


sudo -u vagrant -H /bin/bash -c "/usr/bin/vncserver"
echo 'startxfce4 &' >> /home/vagrant/.vnc/xstartup
chown vagrant:vagrant /home/vagrant/.vnc/xstartup


cat << EOF > /etc/systemd/system/vnc@.service
[Unit]
Description=tightvncserver
After=syslog.target network.target

[Service]
Type=forking
User=vagrant
PAMName=login
PIDFile=/home/vagrant/.vnc/%H:%i.pid
ExecStartPre=/usr/bin/vncserver -kill :%i > /dev/null 2>&1
ExecStart=/usr/bin/vncserver -geometry 1280x800 -depth 24 :%i
ExecStop=/usr/bin/vncserver -kill :%i

[Install]
WantedBy=multi-user.target
EOF
systemctl enable vnc@1.service

systemctl dbus start
cat << EOC > /tmp/startvnc.sh
/usr/bin/expect << EOF
spawn systemctl start vnc@1.service
expect "Password:"
send "vagrant\\r"
expect eof
exit
EOF
EOC
chmod +x /tmp/startvnc.sh
sudo -u vagrant -H /bin/bash -c "/tmp/startvnc.sh"

# install VisualStudio Code
apt-get -y install git
wget -O vsc.deb https://go.microsoft.com/fwlink/?LinkID=760868
dpkg -i vsc.deb

cp /usr/lib/x86_64-linux-gnu/libxcb.so.1 /usr/share/code
sed -i 's/BIG-REQUESTS/_IG-REQUESTS/' /usr/share/code/libxcb.so.1

SHELL
end

〇Vistual Studio Codeの画面



○関連情報
・Visual Studio Codeに関する他の記事はこちらを参照してください。

2018年1月2日火曜日

DockerでXfceとVisual Studio Codeがインストールされたイメージ(Ubuntu16.04)を作成する

以下のDockerfileを使用して、XfceとVisual Studio Codeをインストールしたイメージ(Ubuntu16.04)を作成する事ができます。
XRDPもインストールされているので、リモートデスクトップクライアントからDockerホストにアクセスすることでコンテナ内のデスクトップ環境を利用できます。
ログイン時にはユーザ名にubuntu、パスワードにubuntuを指定します。

Dockerfile
from ubuntu:16.04
run sed -i.bak -e "s#http://archive.ubuntu.com/ubuntu/#http://ftp.riken.jp/pub/Linux/ubuntu/#g"; /etc/apt/sources.list \
  && apt-get update \
  && apt-get -y install software-properties-common \
  && add-apt-repository ppa:hermlnx/xrdp \
  && apt-get update \
  && apt-get install -y language-pack-ja-base language-pack-ja \
  && ln -sf /usr/share/zoneinfo/Asia/Tokyo /etc/localtime \
  && echo 'Asia/Tokyo' > /etc/timezone \
  && locale-gen ja_JP.UTF-8 \
  && echo 'LC_ALL=ja_JP.UTF-8' > /etc/default/locale \
  && echo 'LANG=ja_JP.UTF-8' >> /etc/default/locale
env LANG=ja_JP.UTF-8 \
   LANGUAGE=ja_JP.UTF-8 \
   LC_ALL=ja_JP.UTF-8
run DEBIAN_FRONTEND=noninteractive apt-get -y install \
      xubuntu-desktop \
      xrdp \
      fcitx-mozc \
      fonts-ipafont-gothic \
      fonts-ipafont-mincho \
      vim \
      git \
  && wget -O vsc.deb https://go.microsoft.com/fwlink/?LinkID=760868 \
  && dpkg -i vsc.deb \
  && rm -f vsc.deb \
  && im-config -n fcitx \
  && apt-get clean \
  && rm -rf /var/cache/apt/archives/* \
  && rm -rf /var/lib/apt/lists/* \
  && groupadd -g 1000 ubuntu \
  && useradd -d /home/ubuntu -m -s /bin/bash -u 1000 -g 1000 ubuntu \
  && echo 'ubuntu:ubuntu' | chpasswd \
  && echo "ubuntu ALL=NOPASSWD: ALL" >> /etc/sudoers \
  && echo 'sed -i -e "s/^EnabledIMList.*$/EnabledIMList=fcitx-keyboard-jp:True,mozc:True,fcitx-keyboard-us:False/" /home/ubuntu/.config/fcitx/profile' >> /home/ubuntu/.xsessionrc \
  && chown ubuntu:ubuntu /home/ubuntu/.xsessionrc \
  && mkdir /home/ubuntu/data \
  && chown -R ubuntu:ubuntu /home/ubuntu/data \
  && echo $'#!/bin/bash\n\
export GTK_IM_MODULE=fcitx\n\
export QT_IM_MODULE=fcitx\n\
export XMODIFIERS="@im=fcitx"\n\
startxfce4\n\
sudo /etc/init.d/xrdp start\n\
sudo /etc/init.d/dbus start\n\
fcitx -r -d &\n\
/bin/bash' >> /start.sh \
  && chmod +x /start.sh
expose 3389
volume ["/home/ubuntu/data"]
cmd /start.sh

○イメージのビルド
docker build -t cub1604xfcevsc .

○コンテナの実行
mkdir -p ./data
docker run -it -v `pwd`:/home/ubuntu/data -p 3389:3389 -u ubuntu cub1604xfcevsc

〇Visual Studio Codeの画面



○関連情報
・Visual Studio Codeに関する他の記事はこちらを参照してください。

2017年12月11日月曜日

VagrantでVisual Studio Code、Xfce Desktop環境、XRDPがインストールされた仮想マシン(Debian Stretch/9.2)を構築する

以下のVagrantfileを使用して、Visual Studio Code、Xfce Desktop環境、XRDPをインストールした仮想マシンを構築できます。
XRDPがインストールされているので、Windowsのリモートデスクトップで接続することができます。ユーザ名はVagrant、パスワードもVagrantでログオンできます。

Vagrantfile
VAGRANTFILE_API_VERSION = "2"

Vagrant.configure(VAGRANTFILE_API_VERSION) do |config|
  config.vm.box = "bento/debian-9.2"
  config.vm.hostname = "db92xfcevsc"
  config.vm.network "public_network", ip:"192.168.1.113", :netmask => "255.255.255.0"
  config.vm.provider :virtualbox do |vbox|
     vbox.name = "db92xfcevsc"
     vbox.gui = true
     vbox.cpus = 4
     vbox.memory = 4096
  end
  config.vm.provision "shell", inline: <<-SHELL
apt-get update
#DEBIAN_FRONTEND=noninteractive apt-get -y -o Dpkg::Options::="--force-confdef" -o Dpkg::Options::="--force-confold" upgrade

apt-get -y install task-japanese
sed -i -e 's/# ja_JP.UTF-8 UTF-8/ja_JP.UTF-8 UTF-8/' /etc/locale.gen
locale-gen
update-locale LANG=ja_JP.UTF-8
localectl set-locale LANG=ja_JP.UTF-8
localectl set-keymap jp106
apt-get update
cat << EOF > /etc/default/keyboard
XKBMODEL="pc106"
XKBLAYOUT="jp"
XKBVARIANT=""
XKBOPTIONS=""
BACKSPACE="guess"
EOF

cat << EOF > /home/vagrant/.xsessionrc
export GTK_IM_MODULE=fcitx
export QT_IM_MODULE=fcitx
export XMODIFIERS="@im=fcitx"
sed -i -e "s/^EnabledIMList.*$/EnabledIMList=fcitx-keyboard-jp:True,mozc:True,fcitx-keyboard-us:False/" /home/vagrant/.config/fcitx/profile
fcitx-remote -r
fcitx -r -d
#startxfce4 &
EOF
chown vagrant:vagrant .xsessionrc

apt-get -y install  xrdp fcitx-mozc task-xfce-desktop tigervnc-standalone-server
im-config -n fcitx
sudo -u vagrant bash -i -c "export DISPLAY=:0.0 && fcitx -r"

cp /etc/xrdp/xrdp.ini /etc/xrdp/xrdp.ini.org
cat /etc/xrdp/xrdp.ini.org | gawk '/\\[Globals\\]/,/\\[Xorg\\]/' | sed -e 's/\\[Xorg\\]//' > /etc/xrdp/xrdp.ini
cat << EOF >> /etc/xrdp/xrdp.ini
[Xvnc]
name=Xvnc
lib=libvnc.so
username=ask
password=ask
ip=127.0.0.1
port=-1
EOF

systemctl restart xrdp
systemctl enable xrdp


# install VisualStudio Code
apt-get -y install libgconf-2-4
wget -O vsc.deb https://go.microsoft.com/fwlink/?LinkID=760868
dpkg -i vsc.deb


# VisualStudio Codeのショートカットを作成
mkdir -p /home/vagrant/デスクトップ/
chown vagrant:vagrant /home/vagrant/デスクトップ/
cat << EOF > /home/vagrant/デスクトップ/VisualStudioCode.desktop

[Desktop Entry]
Version=1.0
Type=Application
Terminal=false
Exec=/usr/bin/code
Icon=/usr/share/code/resources/app/resources/linux/code.png
Name=Visual Studio Code
EOF
chmod +x /home/vagrant/デスクトップ/VisualStudioCode.desktop
chown vagrant:vagrant /home/vagrant/デスクトップ/VisualStudioCode.desktop


init 5
SHELL
end

〇Visual Studio Codeの画面



○関連情報
・Visual Studio Codeに関する他の記事はこちらを参照してください。