ESLint

ほぼほぼドキュメントの通り。

インストールはローカルにおこなう。グローバルには入れない。

$ npm install eslint --save-dev
$ ./node_modules/.bin/eslint --init
$ ./node_modules/.bin/eslint hoge.js

init で Standard を選んだけどセミコロンとかでエラー出すので変える。これもドキュメントの通り。

.eslintrc.js
module.exports = {
"extends": "standard"
};

これを、

module.exports = {
"extends": "airbnb-base",
"rules": {
"no-console": 0
}
};

にしておく。

[Ubuntu 18.04] 端末のフォントの設定

現在、端末(gnome-terminal)のフォントは Ricty を使っています。16.04 や今まで 18.04 を設定していて端末の設定画面から Ricty を選択できたような気がしていたんですが、どうもできていなかったようです(Cica を使っていたのかもしれない)。今回、VMware で新しい環境を構築していて、端末のフォント設定を調べてみました。

以前は gconf で設定していたような気がするんですが、gsettings で設定するように変わっているようです。設定画面でも確認できるのですが、gsettings を使って確認してみます。

$ gsettings get org.gnome.Terminal.ProfilesList default
‘XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX’

この XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX がプロファイルの ID になります。

で書き換えるのは、org.gnome.Terminal.Legacy.Profile:/org/gnome/terminal/legacy/profiles:/:XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX/font で、以下のような感じで内容を確認(get)できます。

$ gsettings get “org.gnome.Terminal.Legacy.Profile:/org/gnome/terminal/legacy/profiles:/:XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX/” font
‘Monospace 12’

実際の書き換えは、get が set になり、設定内容を指定した、

$ gsettings set “org.gnome.Terminal.Legacy.Profile:/org/gnome/terminal/legacy/profiles:/:b1dcc9dd-5262-4d8d-a863-c897e6d979b9/” font “Ricty 10.5”

になります。これでフォントが Ricty の 10.5pt になりました。

いろいろ検索していると、

gsettings set org.gnome.Terminal.Legacy.Profile:/:1/ font “VL Gothic 9”

のように設定すると書いてあるサイトが多かったので。

MacBook Air セットアップ

MacBook Pro の調子が悪いので、Genius Bar に持って行こうかと。バックアップ取るのはどうでもなるが、修理中どうするかという問題があるので、MacBook Air に働いてもらうことにした。

インストール用の USB メモリを作成し、High Sierra をクリーンインストール。起動ディスクを APFS でフォーマットした後に、High Sierra をインストール。ほぼほぼデフォルトでインストールと初期設定。

インストール後、どこから作業をしたら良いのか悩みながら、セットアップを行う。

Xcode

Developer サイトから Xcode をダウンロード。拡張子は xip で GateKeeper で時間がかかるので、xattr -d com.apple.quarantine Xcode_9.4.1.xip して、拡張属性を削除。
その後、ダブルクリックで解凍する。

コマンドラインツール

“`
$ xcode-select –install
“`
しないと、MacPorts でヘッダが見つからないとか言われるので、やっておく。

MacPorts

この手順でインストール。

諸々

  • VisualStudio Code
  • Atom
  • CotEditor
  • SourceTree
  • Kaleidoscope

あたりを入れる。

Bootstrap

Bootstrap を使ってみようと思います。

Bootstrap はフロントエンドのコンポーネントライブラリ。いろいろやろうと思ったら Sass を使ったりするみたいですが、テキトーに使う(あまりカスタマイズ的なことは考えていない)ならそれほど面倒でもないかなと。

まずは、この HTML で Bootstrap を使ってみます。

CSS を読み込ませます(CDN にあるやつを使用)。<head> の中に

を追加。

次に JavaScript を読み込ませます。<body> の最後に以下を追加。

とりあえず、こんな感じになります。

注意点

<html> タグの lang 属性

これはちゃんとつけたほうが良いとのこと。つーか、つけるだろう、普通。

viewport を設定する。

Bootstrap はモバイルファーストなので <meta name=”viewport”> をちゃんと設定したほうが良い。

box-sizing の値

グローバルで box-sizing の値が content-box から border-box になっている。

ここまで、ほとんど Document のまま。

AWS でドメインをいろいろと

ムームードメインで取得したドメインを AWS の Route 53 で管理する。

Hosted Zone の作成

まず、Route 53 でゾーンをつくる。Route 53 のダッシュボードで「Hosted Zones」をクリック。「Create Hosted Zone」をクリックする。

Domain Name
使うドメイン名
Comment
適当なコメント
Type
Public Hosted Zone

と入力し、「Create」をクリック。NS レコードと SOA レコードがつくられる。NS レコードの Value をメモ。

ムームードメインの設定変更

ログインして、左側メニューのドメイン管理→ドメイン操作の中にある「ネームサーバ設定変更」をクリック。変更するドメインの「ネームサーバ設定変更」をクリックする。
「GMOペパボ以外 のネームサーバを使用する」を選択して、表示されたネームサーバ1~4に NS レコードのメモしたネームサーバを入力する。入力後、「ネームサーバ設定変更」をクリック。確認のポップアップで処理を承認する。
ネームサーバの設定を変更しましたが表示されたら完了。

ここまでで、とりあえずベースの設定が完了。あとは必要なレコードを Route 53 に登録していく。

curl コマンド

古い API の動作確認をするので、curl の使い方をメモしておく。

$ curl [opts] [url]

基本はこんな感じ。

オプション

$ curl -X <メソッド>

HTTP のメソッドを指定。デフォルトは GET。POST だとか PUT だとか DELETE だとかを指定する。

$ curl --data-urlencode <データ>

URL エンコードしてデータを送るとき(Content-Type が application/x-www-form-urlencoded のとき)に使う。

他にもあれば追加しよう。

早めにやりたいこと ~ VVV、node.js と npm、postfix と dovecot など

やりたいことが溜まってきた。

Varying Vagrant Vagrants

VVV と呼ばれているもの。WordPress をちゃんといぢれるようにならなければ。

node.js と npm

まだ node.js を使いこなせているとは言えない。node モジュールをつくるとかもきちんとできるように。

postfix と dovecot

複数のドメインを収容するメールサーバを。

とりあえず、忘れないように。そして、自分を追い込む。(笑)

nodist

新しいノート PC の環境を整えているが、node.js をどう設定してよいか調べてみた。

nodist というのが結構使われているという感じだった。Ubuntu とか MacOS なら anyenv でやっていたのだけれど、Windows だけ違うというのが今ひとつだけど、扱いやすく情報が多いのが良い。

ということで、ここからダウンロードして、インストールする(今は v0.8.8 だった)。
デフォルトでは C:\Program Files (x86)\nodist にインストールするようになっていたが、いろいろなバージョンが入るはずなので、C:\nodist に入れる。で、実行すると 7.2.1 が入っているらしい。

> nodist
(x64)
> 7.2.1 (global: v7.2.1)

最初は 7.2.1 が入っているようだ。

>nodist dist

上記で、インストールできるバージョンを一覧表示。目的は Lambda の開発なので、8.10 6.10.3 4.3.2 あたりをインストールしておく。デフォルトは 6.10.3 にしよう。

> nodist + 4.3.2
> nodist + 6.10.3
> nodist + 8.10.0
> nodist 6.10.3

で設定。

あとはいろいろ使って覚えていく。

Windows の PackageManagement

新しいノート PC に諸々のソフトウェアをインストールするのに PackageManagement を使ってみる。

PowerShell で操作するが、「管理者」で立ち上げる必要がある。

Set-ExecutionPolicy RemoteSigned -Scope Process を実行して、ローカルのスクリプトと、リモートなら署名されているスクリプトを実行できるようにする。

Find-PackageProvider でパッケージプロバイダの一覧。Get-PackageProvider で設定済みのパッケージプロバイダ一覧。この操作中に nuget というプロバイダを入れろと言われたので追加した。
Find-Package -Name Firefox すると、そんなのないと言われる。

あと、chocolatey というプロバイダを追加する。Install-PackageProvider ChocolateyGet で追加。chocolatey の方は使わない方が良いようです。途中で、

Choco.exe is required to continue
ChocolateyGet is built on Choco.exe. Do you want ChocolateyGet to install Choco.exe from
‘https://chocolatey.org/install.ps1’ now?
[Y] はい(Y) [N] いいえ(N) [S] 中断(S) [?] ヘルプ (既定値は “Y”): y

と聞かれたので Y で進めた。
これで Find-Package -Name Firefox でちゃんと情報が出るようになる。

実際にインストールを行う。

> Find-Package -Name “*chrome*” -Provider ChocolateyGet

Name Version Source Summary
—- ——- —— ——-
GoogleChrome 66.0.3359.18100 https://www.c…
chromium 66.0.3359.181 https://www.c…
google-chrome-x64 47.0.2526.81 https://www.c…
adblockpluschrome 1.12.4 https://www.c…
selenium-chrome-driver 2.38 https://www.c…
<SNIP!>
secureshell-chrome 0.8.43 https://www.c…
google-play-music-chrome 1.390.0 https://www.c…
windows-defender-browser-pr… 1.62 https://www.c…
chrome-remote-desktop-host 1.0 https://www.c…
dropbox-for-gmail-chrome 1.1.6 https://www.c…

たくさん出てきたが、GoogleChrome を入れてみる。

> Install-Package -Name GoogleChrome -Provider ChocolateyGet

パッケージは、信頼済みとマークされていないパッケージ ソースから取得されています。
‘https://www.chocolatey.org’ からソフトウェアをアンインストールしますか?
[Y] はい(Y) [A] すべて続行(A) [N] いいえ(N) [L] すべて無視(L) [S] 中断(S) [?] ヘルプ (既定値は “N”): y

Are you sure you want to perform this action?
Installing package ‘GoogleChrome’. By Installing you accept licenses for the package(s). The package possibly needs to
run ‘chocolateyInstall.ps1’.
[Y] はい(Y) [N] いいえ(N) [S] 中断(S) [?] ヘルプ (既定値は “Y”): y

Name Version Source Summary
—- ——- —— ——-
GoogleChrome v66.0.3359.18100 https://www.c…

完了。スタートメニューにも追加されている。大丈夫みたいだ。

入れたものリスト

  • GoogleChrome
  • jdk8
  • 7zip.install
  • git.install
  • skype
  • adobereader
  • firefox
  • XnViewMP.install