Ellinikonblue.com Weblog

「 機械学習を利用した画像の高品質拡大ツール『 waifu2x-caffe 』が実写にも対応」 （ 窓の杜 より）

　少し前に話題になったウェブサービス waifu2x の 画像拡大のアルゴリズムを Windows に移植して GUI ベースインターフェイスもついた waifu2x-caffe ですが、 特にアニメに熱心な方ではないのでスルーしてたのですが、 通常の写真拡大のための計算モデルも用意されたと言うことで、 機会があれば一度試してみようかと、メモってみた次第。

　ご存じなかった方で、ご用がすぐに思いつく方は一度試されてみてはどうでしょう？
　レビューで見る感じはかなりいけてそうな気がします。

• lltcggie/waifu2x-caffe · GitHub
• waifu2x

「 GPU を活用可能。アニメ調の画像を高品質に拡大できる『 waifu2x-caffe 』」 （ 窓の杜 より）

　Electron があまりにもお気軽すぎて、 JavaScript のお勉強を始めています。
　こんなん作っていじいじしてます ^^ 　ただただ目的もなく JavaScript の勉強をしていても身につかないので、 マルチプラットフォームで動く 真空波動研 SuperLite みたいなのが できないものかと妄想を描いています f^^;

　で、基本的に見栄えは Bootstrap で整えて、 いきなり TypeScript には突っ込んでいかず、 ひとまず Bootstrap を使うので、 ロジック部分は jQuery で書くと決めて、 いじいじ始めました。

　ところが、通常 HTML と同様にヘッダー部分に jQuery と Bootstrap を CDN から読んでこようとすると、なぜか jQuery だけ読んで来てくれません。

　ん！？
　と思って、調べてみると、どうも Electron 側の問題で、 jQuery を使うときは、 以下のように HTML ファイルの中で jQuery をローカルから読んでやる必要があるようです。
# すみません。勉強中の身で詳細な説明できません orz

：（略）
<!-- Load Script -->
<script>
  window.$ = window.jQuery = require("./js/jquery-1.11.3.min.js"); // Load jQuery.
</script>
<!-- Load Bootstrap 3 -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
：（略）

　上記の例では、ダウンロードしてきた jQuery を、 Electron で動くプログラムがあるフォルダ以下に 「 js 」というフォルダを作成してここに解凍して読み込んでいます。

　うーん。ちょっと思いついたことをやろうとしてもすぐつまずく…前途多難 (^^;A

• Electron
• Bootstrap · The world's most popular mobile-first and responsive front-end framework.
• jQuery

Ellinikonblue.com Weblog 「 Electron を動かしてみました」

「 GitHub 、オープンソースのテキストエディター『 Atom 』の正式版 v1.0.0 をリリース」 ～ 130 万回のダウンロードと月間 35 万のアクティブユーザーを誇る人気エディターに （ 窓の杜 より）

　GitHub が公開している テキストエディター Atom が正式版、 その v1.0.0 がとうとう公開されました。

　GitHub が公式プロジェクトとして開発しているとはいえ、 Electron をプラットフォームにしていることもあって、 永遠にβなアプリケーションかと思っていたのですが、 めでたく v1.0.0 になりました。 　個人的に以前は、Mery や CotEditor 一点張りでしたが、 最近は JavaScript のお勉強をしている関係もあって、 徐々に Atom を使う頻度が高くなってきています。

　このたび、 v1.0.0 になりましたが、 もう私が使い始めた頃にはずいぶん安定していて、 そんなに難しい使い方をしていないと言うこともありますが、 これという不具合に遭遇した試しもありません。

　今後も Electron ともども、 活発に開発を続けていただき、ひたすら高見を目指していただくことを希望いたします ^^

　まだ使ったことはない方は、これを機会に一度お試しになってみてはいかがでしょうか？ おすすめです (^^)b

• Atom
• Electron
• GitHub · Build software better, together.

Ellinikonblue.com Weblog 「 Mac で使うテキストエディター選手交代！」

「 Windows 10 は 7 月 29 日公開決定」
「 Windows 10 への無償アップグレード予約が開始」 ～ Windows 内から実行
「 Windows 10 にも 0 ドルライセンス“ with Bing ”が存在」
（以上、 PC Watch より）

　いよいよ Windows 10 の登場までカウントダウンが始まりました。
　X デーは米国時間 7 月 29 日。 この日から無償アップグレードのダウンロードが始まります。

　これに伴って Windows 7/Windows 8.1 に、 Windows 10 へのアップグレード予約機能が実装されたそうです。

　おお！早速、 Windows 10 へのアップグレードを予約だ！！…って話ではなくて (^^; 、 既存の Windows への予約機能実装なんて、個人的にはほんとに余計なお世話って 気がしてなりません (^^;;;;;>

　個人的には Windows 10 には興味を持って、 Insider Preview も動かして使っていますが、 さすがに仮想環境上のテンポラリな環境だからできることであって、 今、一番使用頻度の高いデスクトップの Windows 7 を、 それが Windows 10 であろうと公開初日とは言わずとも当初にアップグレードする度胸はさすがにありません。
　このメインのデスクトップの環境は、正式公開版の Windows 10 が十分に安定したことを確認した上で、 できるだけクリーンな環境としてセットアップできる方法を見いだしてからになりそうです。

　うちには ESXi 上にもう一つ、 リモートデスクトップ接続できる Windows 7 環境を用意してありますが、 これは極端な話、メインのデスクトップを Windows 10 にアップグレードしたとしても、 これだけは 2020 年（ Windows 7 延長サポート終了）まで 使ってやろうと思っている Windows 7 保護環境です w

　他に今は使っていない MacBook Air にインストールした Parallels Desktop 上で使っていたライセンスを使って アップグレードするという手も考えましたが、 このライセンスは Home Premium 版なので、 Windows 10 になったとしてもリモートデスクトップで接続して使えないと思うので、 ESXi 上にできあがっても環境の使い道に困ってしまいそうです。
# Parallels Desktop を買い直す気はまだ起こってません w

　とは言っても正式公開版はできるだけ早く使いたいという気持ちもあるので、 個人的にはパッケージ版発売直後に１ライセンス新規で Pro を買って ESXi 上に新しい環境を用意するか、 今年中の買い換えを予定しているタブレットには Windows 10 タブレットを選ぼうと思っているので、 プレインストールされた状態のものを端末ごと手に入れるかということになりそう…

「 with Bing 」の Windows 10 ライセンスがあるなら、 既存の Windows タブレット並みのお手頃な価格のプレインストール機も（待てば）出てきそうですが、 パッケージ版の販売時期も含めて、 Insider Preview の新しい Build を試しつつ、ひとまず続報に期待です ^^

「 Microsoft 、『 Windows 10 Insider Preview 』 Build 10130 を公開」 （ 窓の杜 より）

IT コンサルタント成長録 「 nvm を使って Ubuntu 12.04 に最新の Node.js と npm をインストール」

　今時の JavaScript を勉強するための環境構築にあたって、 Node.js もしくは io.js が必要だと言うことが 何となくわかりました。

　さて、Node.js と io.js の違いがわかる男ではないので、 ひとまず Node.js のインストールを目指して、 「 Node.js インストール」と検索すると、 「 nvm 」と言うツールが引っかかります。

　nvm は Node Version Manager 、 つまり頻繁にバージョンアップを重ねる Node.js の バージョン管理ツールで、Node.js のインストールはもちろん、 使用する Node.js の切り替えもできる優れもののツールです。

　そもそも Windows や Mac なら Node.js のホームページからインストーラーがダウンロードできます。 しかし、まずよくわかっていないものをインストーラーを使ってインストールするというところが、 どうも気持ち悪い感じがします。
　またインストールする Node.js に含まれている npm （ Node.js のパッケージ管理ツール）など、 コマンドラインでの作業が必要になると考えると、 Windows はまずは脱落 （あとで知りましたが、そもそも nvm は Windows をサポートしていません）、 また Mac はトラブって環境を破壊すると短期間で自力復帰する自信がないので、 ESXi で眠っている Xubuntu なら、 万が一、ぶっ飛んでもシステムごと入れ直せばいい程度にしか環境を構築していないので、 まずはここに nvm を インストールしてみると言うのが、ベターなような気がするという結論に達しました。

　と言うことで、 Xubuntu (14.04 LTS) に nvm をインストールしてみることにしました。
　ここで参考にしたのが上記のサイト。

　まずは nvm をインストールために必要な パッケージを準備します。

# sudo apt-get install git curl build-essential libssl-dev

　あとは GitHub の nvm のページ にある インストールスクリプトを使う方法でインストールしました。

# curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.25.1/install.sh | bash

　注意点としては、上記はこの次点で最新の v0.25.1 をインストールするスクリプトであるので、 実際にインストールするときは、 nvm のページ のドキュメントをよく読んでから 実施することでしょうか。

　また、このインストールスクリプトは管理者権限で実行する必要がないので、 極端な話、いざというときはユーザーごと削除してしまえば、システムに影響なし。 おお！すばらしい！！

　どうもユーザーのホームディレクトリに .nvm と言うフォルダーを作成して、 ここにファイルをもってくるようなので、いざとなればこのフォルダーを丸ごと消して、 nvm インストール時に .bashrc に付け加えられたスクリプトを消しておけば、 きれいさっぱり元通り？かな？？？

　とりあえず nvm のインストールはできましたので、 ただいま nvm の使い方等々、ぼちぼち研究中です ^^

• Node.js
• io.js - JavaScript I/O
• creationix/nvm · GitHub

Ellinikonblue.com Weblog 「 最近の JavaScript についてもう少し調べてみました」

　JavaScript を使ってクロスプラットフォームなデスクトップアプリケーションを 作ることのできるフレームワーク Electron が、 あまりにもお気軽に動いてしまったもので、 まじめに JavaScript を勉強するための環境構築を行おうと、 もうちょっと調べてみました。 　Electron 自身は、 プレビルドされたバイナリを拾ってくる分には、 Windows でも Mac でもアーカイブを解凍すればいいだけのようなのですが、 開発が活発で、頻繁にアップデートがあるので、 npm を使ってインストールをした方があとあと良さそうな感じ。

　npm ってなんぞ？って話は Node.js のための パッケージ管理ツール (Node.js Package Manager) らしく、 Node.js をインストールすれば くっついてくるものらしい。

　そもそも Electron は、 Node.js ではなく、 これからフォークした io.js で動くのですが、 ひとまず現時点では Node.js と io.js の違いがわかる男でもないですし、 Electron も npm でインストールできるとも なっていますし、将来的に TypeScript も npm を使ってインストールできるみたいだし、 まずはなにより Node.js を インストールしてみるのかなと…

　ただ Node.js のインストールは、 Windows/Mac にはインストーラーが用意されていてこれを使えばいいっぽいのですが、 CUI ベースの環境で Windows は幸せになれる気がしない (^^;;; し、 Mac かなぁ…
　こういうときこそ ESXi 上に眠っている Linux を使うかぁ…

　考え中…考え中 f^^;A

• Node.js
• io.js - JavaScript I/O
• Electron
• Welcome to TypeScript

Ellinikonblue.com Weblog
「 最近の JavaScript についてちょっと調べてみました」
「 Electron を動かしてみました」

　JavaScript をまじめに勉強し直そうかと思い始めるきっかけとなった Electron （旧 Atom Shell ）ですが、 まずはものは試し、とにかく一度動かしてみようと思い立ちました。

　言ってもそんな簡単に動くはずもないだろうと思いつつ…

　まずは GitHub の Electron のページ から プレビルドされた Windows 用のバイナリー （今回は electron-v0.25.3-win32-x64.zip を使用）をダウンロードしてきます。

　これをドライブのトップにディレクトリを作ってそこに展開。
　例えば X ドライブなら X:\Electron のようなディレクトリを作成して、 ここに展開しました。

　さらに Electron を 展開したディレクトリ以下に your-app と言うディレクトリを作成して、 Electron のページ の ドキュメントの Tutrials にある Quick Start を斜め読みして、

• packege.js
• main.js
• index.html

を丸写しで作成します。

　最近のコマンドプロンプトでの作業は、 Rumix 2 の環境を作成したときに インストールされた ckw-mod + NYAOS を個人的に使っていて、 （普通にコマンドプロンプトでもいいですが d(^^; ）これを開いて、

# X:
# cd X:\Electron
# .\electron.exe your-app\

とすれば、Electron で動くアプリが簡単に… 動いちゃったよ。。。ほんとに？こんな簡単でいいの？ (^^;A
# コンソールには多少メッセージが出るのですがひとまずよしとしましょう。 　ちなみに Windows 7 はもちろん、 Windows 10 Insider Preview でも難なく動きました。

　ま、まじか？お手軽すぎる…
　ちょっとまじめに JavaScript を勉強する環境整備について考えるか…

• Electron
• atom/electron · GitHub

Ellinikonblue.com Weblog 「 最近の JavaScript についてちょっと調べてみました」

　JavaScript と言えば、昔はセキュリティーホールにしかならないような扱いを受けていましたが、 今や HTML5/CSS3 と並んで、ブラウザが直接、理解できる唯一のプログラム言語として、 重要なものとなっています。

　そして、その JavaScript はクライアントサイドでの処理だけでなく、 Node.js や io.js によって、 サーバーサイドのロジックを記述する際にも使われるプログラム言語となっています。
　時代は変われば変わるものです。

　ここまではよく語られる話で、 今やさらに時代が進んで、 JavaScript でデスクトッププログラムを記述できる時代になっていることを、 今頃知りました orz 　さらにさらに。
　様々なシーンでのロジックの記述に使われるようになった JavaScript ですが、 もともとウェブブラウザで動くコンパクトなプログラム用途に考えられた言語仕様のため、 強大なプログラムを作るために適したものではありませんでした。
　しかし、これも TypeScript や CoffeeScript のように、 JavaScript へコンパイルが可能な、大規模開発向けのプログラミング言語が存在していて、 特に TypeScript の言語仕様は JavaScript のスーパーセットになっているため、 ちょこちょこと TypeScript の 作法を覚えれば、これまでの（ごくわずかばかりの） 自分の JavaScript の知識も無駄にせずにすみそう（らしい）。。。

　と言うところまで調べました d(^^;

　ちょっと思い立って、最近、まじめに一つプログラミング言語を覚え直そうかと考えていたのですが、 今更、（思想があまり好きではない） Java はないと思っていた上に、 かといって JavaScript はなぁ…と思っていたですが、 NW.js や Electron （旧 Atom Shell ）の存在を知って、 「 JavaScript いいんじゃない？」とかなり傾きました。
　JavaScript で Atom のようなプログラムが作れてしまうんですよね… 今の時代。。。

　調べれば調べるほどおもしろいと言う思いが高まってくる反面、 よくわからない話もどんどん出てきて…もうちょっと勉強します orz
　でもなんか、ちょっとわくわくし始めています (^O^;

• Node.js
• io.js - JavaScript I/O
• NW.js
• Electron
• Atom
• Welcome to TypeScript
• CoffeeScript

Ellinikonblue.com Weblog 「 Build 2015 で発表された Visual Studio Code に興味を持った」

「 マイクロソフト、 Mac でも動く Visual Studio Code 無料提供。 クラウドアプリ向けコードエディタ」 （ Engadget 日本版 より）

　Windows 10 のリリースも今夏に控える昨今、 Microsoft の開発者イベント Build 2015 で Windows 10 のインサイダープレビュー公開の他にも、 Windows でも Mac でも、なんと Linux でも動く コードエディタツール Visual Studio Code の 無料提供も発表されました。

　個人的にも最近、MacBook Air で Atom と Brackets という、 マルチプラットフォームなエディタを使い始め、 Windows でも使い始めたところで、 ここにまた Visual Studio Code という Microsoft 謹製のツールが増えることは喜ばしい限り ^^

　ま、正直、Atom と Brackets も 手に余し気味で、Atom の方が使う頻度が高いかな？…程度 （ Brackets は HTML を書くとき専用になりつつある）で、 さぁ、 Visual Studio Code も 使ってやるぞ！と言うところまで行き着くには、個人的にはまだ少々時間要しそう f^^;A

　ただすでに試されている方はいて、 この Visual Studio Code 、 以前は Atom Shell と言っていた JavaScript でデスクトップアプリケーションが作成できる Electron で、 Visual Studio Online で提供されているエディタを動かしているらしく （＜詳しくは知らない m(_ _)m ）… いやそんなことはさておいて、 Electron ってなに？ JavaScript でデスクトップアプリまで作れるの？？最近は？？？

　なんか JavaScript ってすごくね？ というまったく関係ないところに着地したと言うオチでした。 おそまつ f^^;;; 「 Windows 10 インサイダープレビュー公開。 Aero Glass 復活、 Cortana がアップグレード」 （ Engadget 日本版 より）
「 GitHub 、JavaScript でデスクトップアプリが作れるライブラリ Atom Shell を、 Electron に改称」 （ CodeZine より）

しばやん雑記 「 Visual Studio Code の中身は Electron + Monaco だった」

• Visual Studio Code - Code Editing. Redefined.
• Atom
• Electron
• Brackets - A modern, open source code editor that understands web design.

Ellinikonblue.com Weblog 「 Mac で使うテキストエディター選手交代！」

　先般、うちで無理くり 2.2 系へのアップデートを企てた Rumix 2 ですが、本家本物 (^^;A Rumix 2 が、 一年ぶりにバージョン 2.10 をリリースされました。
# 作者様より、当方の記事にコメントいただき知りました。ありがとうございました m(_ _)m

　SQLite 3 が対応していないということで、 正式版ではないですが 2.2 も試験版として公開されています。

　Sass / Compass にしか使わない軟弱ものですが、 これからもどっぷり活用させていただきたいと思います。
# Windows で使う分にはレジストリも汚さない (USB Rumix2) ですし、これが一番便利ですから (^^)b

蛇足：
　PC プレインストールの Windows が 64bit 版である昨今、 逆に 32bit 版にこだわる必要はあるのかな？と、個人的には小生意気にも思います。 ＞作者様

• Rumix 2 （ルミックス） プロジェクト日本語トップページ - SourceForge.JP
• Rumix 2 ダウンロード - Ruby Starter Package with Installer

Ellinikonblue.com Weblog
「 Rumix2 の Ruby を 2.2.0 系にアップグレードしようと考えた」
「 Rumix2 の Ruby を 2.2.0 系にアップグレードする」