Svelte + Sapper + TypeScript + TailwindCSS + Svelte Material UI

Svelte Material UIを追加 前回のTailwindCSS対応にSvelte Material UIを追加する。 ここまでの作業 www.axon.jp Svelte Material UIと関連パッケージを追加 $ yarn add -D svelte-material-ui rollup-plugin-postcss node-sass テーマ用の空のscssを作成 $ …

Svelte + Sapper + TypeScript + TailwindCSS

TailwindCSSを追加 前回の外部TypeScriptファイル対応に加えTailwindCSSを追加する。 ここまでの作業 www.axon.jp TailwindCSSとPostCSS-CLiと関連パッケージをインストール postcss-purgecssはNODE_ENVにproductionを指定し不要なセレクタを除いたCSSファイ…

Svelte + Sapper + TypeScript (2)

外部TypeScriptファイル対応 前回のSvelteファイル内のTypeScript対応に加え外部TypeScriptファイルに記述できるように設定する。 ここまでの作業 www.axon.jp TypeScript環境のパッケージをインストール $ yarn add -D @rollup/plugin-typescript ルートにt…

Svelte + Sapper + TypeScript (1)

SvelteファイルのTypeScript対応 Sapperテンプレートを使用したSvelteファイル内でTypeScriptを記述できるように設定をする。 Sapperのテンプレートを取得してパッケージをインストール $ npx degit sveltejs/sapper-template#rollup sapper-typescript $ cd…

VSCodeの拡張機能 REST Clinet をもっと便利に使う

下記公式に書いてありますがREST Clientで変数を利用する書き方 github.com 変数に値を保持して利用する 普通に変数にURLを保持しておいて使い回す。 @baseUrl = http://127.0.0.1:5000/api ### {{baseUrl}}/values APIの戻り値を保持して利用する loginの戻…

nvimでCコーディング

Ctags と vim-clang で定義へ移動 ctagsをインストール $ sudo apt-get install ctags deinファイルにvim-tagsを追加 ~/.vim/rc/nvim/dein.toml [[plugins]]] repo = 'szw/vim-tags' ctagsのパスを追加 $ which ctags /usr/bin/ctags initVimに追記 ~/.confi…

Chromebook Linux(Crostini)でVSCodeのターミナル起動エラーを回避する

ChromebookのLinuxアプリを使用していて、外部にターミナルを表示する処理があった場合にCrostiniではターミナルが表示できないためエラーになってしまいます。 回避するためにKonsoleのインストールとxtermのシンボリックリンクに設定しておきました。 $ su…

Chromebook Linux(Crostini)に最新版NeoVimをインストールする

※ 下記はamd64についての内容です。 NeoVim最新版のダウンロードと配置 $ curl -OL https://github.com/neovim/neovim/releases/download/nightly/nvim-linux64.tar.gz $ tar zxf nvim-linux64.tar.gz $ sudo mv ./nvim-linux64/bin/nvim /usr/local/bin/ $ …

Ubuntu 18.10 で Microsoft Azure Storage Explorer を使う

Ubuntu 18.10 で Microsoft Azure Storage Explorer をインストールすると問題なく起動するのですが、いざAzureのアカウントを追加すると、「Waiting for authenication...」の表示が出て先に進めません。 Azure Account を追加しようとします。 しかしアカ…

Chromebookで0001docomoの自動ログインを使って快適ライフ

docomoで定額通信などの契約をしているとWi-Fi接続が無料でついてきますが、実際スマートフォンで利用していると勝手に電波の弱いWi-Fiに接続して通信ができなくなるなどストレスが多いです。 せっかくなのでスマホでは接続しないようにしてChromebookに設定…

ChromeOSのLinux(Crostini)で日本語入力(自動起動対応)

ChromeOSのLinuxで日本語入力は、Crostiniの性質上、起動時に設定を読み込ませる方法が見つからなく、手動でFcitxを開始していましたが、ようやく自動起動の方法が見つかりました。 ※ 下記の手順はamd64です。現時点でarm64のインストールパッケージは無いよ…

ParallelsでDocker

Parallels driver for Docker Machine をインストールして、Dockerコンテナの操作までの備忘録 インストール dockerをHomebrewでインストール $ brew install docker docker-machineをHomebrewでインストール $ brew install docker-machine docker-machine…

WH-1000XM3のノイズキャンセルがすごい

WH-1000XM3を購入して通勤電車で使ってみました。 新開発のノイズキャンセリングプロセッサ「QN1」は、判通り素晴らしいノイズキャンセルを提供してくれます。 この体験を伝えたいけど難しいので、電車の騒音にノイズキャンセルした場合の自分の感じた音を作…

Chromebook C101PA に VSCode をインストールして手軽なプログラミング環境を構築する

用意したもの Chromebook ASUS C101PA ここでの説明はChromeOSのLinux対応(Crostini)でARM系OP1搭載のものに関する説明になります。 ASUS Chromebook クロームブック C223NA ノートパソコン(Celeron N3350 / 4GB / 32GB / 11.6型 / 999グラム / 日本語キーボ…

Visual Studio 2015 の DEP6100, DEP6200 エラーが解消しました

先日、KATANA01をPCに接続してVisual Studio 2015で実機デバッグをしていたところ、急にDEP6100(DEP6200)のエラーが出るようになり、デバイスが見つからない状態になりました。 KATANA01の初期化や、デバイスマネージャーやドライバーの削除をしてみましたが…