Nuxt.js
https://ja.nuxtjs.org/guide/installation/Nuxt.js はVue.js アプリケーションを作成するためのフレームワークです。Nuxt.js を試してみました。
Ubuntu 18.10
Node.js 11.5.0
Nuxt.js 2.3.4
Nuxt.js アプリの作成$ npx create-nuxt-app MyNuxtApp
作成オプション
オプション項目
選択肢
Server framework
none
express
koa
adonis
hapi
feathers
micro
UI framework
none
bootstrap
vuetify
bulma
tailwind
element-ui
buefy
Rendering mode
Universal
Single Page App
Package manager
npm
yarn
オプションの選択例? Project name MyNuxtApp? Pr ...
Vue.js
Vue.js を試してみました。
Ubuntu 18.10 x86_64
nodejs 11.4.0
vue cli 3.2.1
Visual Studio Code 1.30.0
Vue 2 Snippets
Vue VS Code Extension Pack
Google Chrome 71.0.3578.80
Vue.js devtools
vue cli のインストール$ sudo npm install -g @vue/cli
サンプルVue.js アプリケーションの作成$ vue ui
ブラウザ内のGUI で設定していきます。手動設定を選択して、以下を指定してみました。
TypeScript 対応
TSLint
build, lint 等を画面から実行できます。
サンプルVue.js アプリケーションの実行serve 画面で、アプリを開くを選択すると、作成したサンプルアプリが新しいタブに表示されます。F12キー押下して、デベロッパーツールからVueを選択すると、Vue.js devtools でデバッグできます。
コードの編集$ code ...
TypeScript
https://code.visualstudio.com/docs/languages/typescript
Visual Studio Code でTypeScript を実行してみました。
Ubuntu 18.10 x86_64
nodejs v11.4.0
TypeScript 3.2.2
Visual Studio Code 1.30.0
nodejs 11 のインストール$ curl -sL https://deb.nodesource.com/setup_11.x | sudo -E bash -$ sudo apt-get install -y nodejs
TypeScript のインストール$ sudo npm install -g typescript
プロジェクトフォルダの作成とvscode の起動$ mkdir hello-ts$ code hello-ts
tsconfig.json{ "compilerOptions": { "target": "es ...
Tilix
https://gnunn1.github.io/tilix-web/
ターミナルエミュレータTilix を使ってみました。
Ubuntu 18.10 x86_64
Tilix 1.8.1
Quake スタイルのドロップダウンターミナルとして、GNOME Shell 拡張のDropDownTerminal / DropDownTerminalX、Guake、Terminator 等を使ってきました。それらと比べて、Tilix はターミナルのタブ化の他、画面分割が柔軟にできて、とても便利です。
インストール$ sudo apt install tilix
Tilix の起動設定設定(gnome-control-center)の デバイス - キーボード - キーボードショートカット で、tilix --quake をF12 に割り当てます。
設定
Tilix のタイトルバーのアイコンをクリックし、設定メニューを選択
外観 - Window Style -> Disable CSD
外観 - Theme variant -> 暗い
Quake - Hide ...
Rancher
https://rancher.com/
コンテナ管理ソフトウェアRancher を動かしてみました。
Ubuntu 18.04 x86_64 LTS
docker 18.06.1-ce
docker-compose 1.21.0
Rancher v1.6.25
Docker のインストール$ sudo apt install docker.io docker-compose$ sudo usermod -aG docker $USER
docker-compose.yml の作成docker-compose.ymlversion: '3'services: rancher: image: rancher/server:latest ports: - "8080:8080" volumes: - ./data/mysql/:/var/lib/mysql
Rancher コンテナの起動$ sudo ufw allow 8080$ docker-compose up -d
Rancher にアクセス ...
Docker on WSL
https://github.com/Microsoft/WSL/issues/2291#issuecomment-383698720Windows 10 のWSL(Windows Subsystem for Linux) 上でDocker が動くらしいので、試してみました。
Windows 10 Pro 1803
WSL: Ubuntu 18.04 LTS
Docker 18.06.1-ce
WSL を管理者モードで起動することと、起動後のおまじないがポイントみたいです。
WSL のインストールWindows Store からUbuntu 18.04 LTS をインストールします。
Docker のインストール$ sudo apt install docker.io$ sudo usermod -aG docker $USER
WSL の起動(毎回)Ubuntu 18.04 LTS を管理者モードで起動します。
Docker の起動(毎回)$ sudo cgroupfs-mount$ sudo service docker start
毎回管理者モードでWSL を起動する ...
Ghost on Docker
Web ベースでDocker の管理ができるPortainer でブログシステムGhost のDocker コンテナを利用してみました。GUI だけで構築するなんてお手軽ですね。しかも、Ghost は高速らしいですね。
Ghost Docker コンテナの起動
Portainer 画面http://192.168.11.6:9000
Add Templateメニュー
Ghostをクリック
しばらく待つ
コンテナが起動したらポート番号を確認32768
設定http://192.168.11.6:32768/admin
記事投稿http://192.168.11.6:32768/ghost
Todo
リンクのurlの補正
github へのデプロイ
Unity Development with VS Code
https://code.visualstudio.com/docs/other/unityUnity とVisual Studio Code を連携してみました。
環境
Unity Editor 2018.2.18f1 Personal
Visual Studio Code 1.29.1
Install the .NET SDKhttps://dotnet.microsoft.com/learn/dotnet/hello-world-tutorial
Visual Studio Code Extensions
C# for Visual Studio Code (powered by OmniSharp)
Debugger for Unity
Unity Tools
Unity Snippets
eppz!
Nextcloud on Raspberry Pi
Raspberry Pi 2 にNextcloud の環境を構築してみました。snap パッケージを利用したので、とても簡単でした。
環境
項目
内容
HW
Raspberry Pi 2
OS
Ubuntu 18.04 LTS
Package
Nextcloud 13.0 Snap 版
構築手順$ sudo snap install nextcloud
Ubuntu 用クライアントsudo add-apt-repository ppa:nextcloud-devs/clientsudo apy updatesudo apt install nextcloud-client
Thunderbird ReplyWithHeader Extension
Gmail の返信/転送時の形式をカスタマイズします。
プレーンテキスト化
引用符の削除
返信/転送ヘッダの付与
さすがThunderbirdです。よくできています。
Thunderbird
すでにインストールされていました。
できるだけプレーンテキスト形式になるように設定
メール一覧のソート方法を全体適用https://kwakita.blog/2015/01/05/message-ordering-in-thunderbird/
ReplyWithHeader 拡張の導入と設定
返信、転送の際にメールヘッダ的なテキストを付加してくれる。また、余分な引用符を排除してくれる。
基本Defaultに再設定
時刻は24時間制に設定
ただし、元メールによっては、返信メールを下書きフォルダに保存した後で再編集しようとすると、文字化けする。アドオンを無効にすると、発生しない。なんでだろう…暫定対処としては、以下の手順を踏む。
下書きフォルダに保存する
一旦、削除してゴミ箱フォルダに入れる
ゴミ箱フォルダ内で、返信を選んで編集モードにする
下書きフォルダに再度保存する ...