HRR Co., Ltd.

技術的な記録を残していくことを目的としています。そのうち関係ないことを書き出しそう。

Electron本体のアップデート

はじめに

しばらくElectronアプリを触っていなかったのですが、調べたところ、だいぶElectronのバージョンが遅れていました。
なので、今回アップデートしてみることに。
ちなみに、Win10 + cygwin です。

今回さくっと書いてしまいましたが、詳細は公式サイトのドキュメントにあります。
electronjs.org

やり方

元バージョンの確認

Electronアプリのあるディレクトリに移動して、

$ ./node_modules/electron/dist/electron -v

v1.6.15

electronへのパスが通っていませんでした。
こんな感じでしたっけか?

現状の最新バージョンはいくつ?

$ npm view electron dist-tags
{ latest: '1.8.2', beta: '1.8.2-beta.5' }

バージョンアップ

$ npm install electron@1.8.2

> electron@1.8.2 postinstall C:\cygwin64\home\UserName\work\electron\AppName\node_modules\electron
> node install.js

Downloading SHASUMS256.txt
[============================================>] 100.0% of 3.43 kB (3.43 kB/s)
npm WARN AppName@1.0.0 license should be a valid SPDX license expression

+ electron@1.8.2
updated 9 packages in 108.834s

最後に

先日、Electronに脆弱性があるというニュースが流れました。
Electron自体は便利ですが、やはり他のプラットフォームに乗っかっているということは、こういうリスクを負うということ。
気をつけないといけませんね。

以上でした。

Google日本語入力の切り替えキーを変更

はじめに

日本語入力ソフト、私はGoogleのものを愛用しています。
そして日本語とアルファベットの切り替えキーを、私はいつも変更します。

PCを新しくしたり、クリーンインストールしたときにいつも忘れるので、今回記事にしようと思いました。
ちなみに、Ctrl + Spaceを割り当てます。

設定方法

まずはGoogle日本語入力のプロパティを開きます。
Windows 10では、タスクバー右にある「あ」とか「A」を右クリックして「プロパティ」をクリックします。

f:id:hrroct:20171217222727p:plain

そして、丸をつけた「編集」ボタンをクリックします。

f:id:hrroct:20171217223555p:plain

そして「IMEを有効化」「IMEを無効化」の入力キーを、全て「Ctrl Space」に書き換えます。
切り替えキーを他のものにしたい場合は、他のキーを設定すればOKです。

最後に

私は英字キーボードを使用していて、「Caps Lock」を「Ctrl」にしている、という前提があったりします。
ホームポジションで切り替えが効くので、便利ですよ。

以上でした!

CygwinでTypeScriptをやってみる

はじめに

TypeScriptを勉強できるよう、環境を整えようと思ったのが動機でした。
なので「Hello, World!」メソッドを作るところまでです。

まずはnode.js

が必要になります。
CygwinでNode.jsを使うには、Windowsのものをインストールするのが普通かと思います。
ソースコードから入れられるかもですが…やってませんm(_ _)m

Node.js

インストールが終わりましたら、npmコマンドを叩いてみましょう。

$ npm --version
4.2.0

問題なく使えそうですね。

そしてnpmでTypeScriptを入れる

$ npm install -g typescript
C:\Users\UserName\AppData\Roaming\npm\tsc -> C:\Users\UserName\AppData\Roaming\npm\node_modules\typescript\bin\tsc
C:\Users\UserName\AppData\Roaming\npm\tsserver -> C:\Users\UserName\AppData\Roaming\npm\node_modules\typescript\bin\tsserver
C:\Users\UserName\AppData\Roaming\npm
`-- typescript@2.3.4

コマンドを打つだけでOKです。
試しに、コンパイルまでしてみます。

$ vi hello.ts

ファイルの中身はこんな感じで。

class Hello {
    say(): string {
        return "Hello, World!";
    }
}

いざコンパイル

$ tsc hello.ts
$ cat hello.js
var Hello = (function () {
    function Hello() {
    }
    Hello.prototype.say = function () {
        return "Hello, World!";
    };
    return Hello;
}());

あっさり終わってしまいましたが…
以上でした!

ブラウザの言語設定によってドキュメントに書いてあることが変わるんですけど

はじめに

私が気づいたのはGoogle Maps APIの下記ドキュメントです。
日本語で書かれた内容のほうが古いです。
Versioning  |  Google Maps JavaScript API  |  Google Developers

ブラウザはGoogle Chromeです。
ブラウザ依存の可能がありそうです。

経緯

ある日、Google ChromeデベロッパーツールのConsole画面に、Google Maps APIからのWarningsが出ていることに気づきました。
Retired Versionと出ているので、古いバージョンなのだなと理解しました。

Google Maps API warning: RetiredVersion
https://developers.google.com/maps/documentation/javascript/error-messages#retired-version

その後、日本語ドキュメントに従って、APIのバージョンを新しくしたのに、まだ「Retired Versionだよ!」って注意されたことから発覚しました。
いやいや、書いてる通り、リリースバージョンにしたんですけど…。

そこで、元のドキュメントを見てみることに。
自分でブラウザ翻訳をかけたわけではないので、恐らくブラウザの言語設定を見ているのではないかと思い、変更してみました。

f:id:hrroct:20170928195615p:plain
BEFORE

f:id:hrroct:20170928195611p:plain
AFTER

そして、サイトに再度アクセスすると…。
読みが当たっていました。
日本語ではリリースバージョンを3.26としていますが、英語版では3.29だと言っております。

The release version
We continually apply bug fixes to the release version, while ensuring the feature set remains stable. The fixes are listed in the release notes.
The current release version is 3.29. You can request it with either of the following bootstraps:
リリース バージョン
Google では、機能セットの安定性を確保しながら、リリース バージョンに継続的にバグ修正を適用しています。修正事項は、リリースノートに記載されます。
現在のリリース バージョンは 3.26 です。次のいずれかのブートストラップを使用して、リリース バージョンをリクエストできます。


試しに3.29にしてみると、Warningsは出なくなりました。
これは困る…。

言語設定による副作用

ブラウザの言語設定を見ているサービスは他にもあるようで、英語化されてしまうことがあります。
割り切って英語のまま使うか、いちいち切り替えるのか…。

最後に

私はたまたまGoogle Maps APIのドキュメントで見つけましたが、Googleのドキュメントなら他も同じなのではないでしょうか。
今後気をつけないといけません。

以上でした!

Teratermで作業ログを残す

はじめに

Teratermで、作業ログを残す方法です。
意識することなくログを残すために、Teratermが起動したら自動で残してくれるよう、設定を行います。

設定方法

ログの設定

メニューの[設定]→[その他の設定(D)...]→[ログ]のタブで、設定をします。

f:id:hrroct:20170911121914p:plain

設定画面

ログ表示用エディタ(E)

私はサクラエディタを使っているので、メモ帳から設定を変えています。

C:\Program Files (x86)\sakura\sakura.exe
標準ログファイル名(strftimeフォーマット可)(F)

デフォルトは「teraterm.log」ですが、そのままではいつどこで取ったログだかわからないので、変更します。
私は下記のように設定しています。

teraterm_%Y%m%d_%H%M%S_&h.log

teraterm_年月日_時分秒_ホスト名(IPアドレス).log」といったファイル名になります。
その他、使えるものはヘルプに載っているので、そちらをご参照ください。
Additional settings ([Setup] メニュー)

標準のログ保存先フォルダ(S)

作業頻度によってはそこそこ溜まるので、場所も考えたほうがいいかもしれません。
私は容量的に余裕のあるDドライブに置いています。

D:\log
自動的にログ採取を開始する(U)

ここにチェックを入れます。
勝手に開始してくれます。

ログの保存

上記で設定した内容は勝手に保存されないので要注意!
メニューの[設定]→[設定の保存(S)...]で保存先を指定します。
ちなみに、規定のINIファイルは下記にあります。

C:\Program Files (x86)\teraterm\TERATERM.INI

おわりに

作業ログは普段役に立つことは稀ですが、いざというときに必要になったりします。
自分の身を守ることにも役に立ちます。
ぜひ設定しておくことをオススメします!

以上でした。