K4750.NET

シンプルなJSON整形サイトをAngular5で作ってみた

シンプルなJSON整形サイトをAngular5(5.2.0)で作ってみた。


Simplest JSON Formatter

Simplest JSON Formatter


概要

  • Angular CLI (1.7.4) + Angular5 (5.2.0) + Angular Material (5.2.4)
  • 左の入力エリアにJSONを入力してTabキーを押すと、右側にハイライト&整形されたJSONが表示される。
  • 入力されたデータの整形はJavaScript(JSON.parse/JSON.stringfy)のみで完結していて、サーバ送受信はしない。

REALFORCE R2 まとめ(2018/03)

高級メカニカルキーボードREALFORCEシリーズが刷新され「REALFORCE R2」となって昨年から販売されているが、昨年末のフルサイズ(108キー)キーボードに加え、今月にはテンキーレス(91キー)が発売されたので、再度表形式でまとめてみた(2017年10月のまとめはこちら ⇒ 「REALFORCE R2 まとめ(2017/10)」)。


1.REALFORCE R2

型式 キー配列
(※1)
キースイッチ APC
(※2)
価格
(税抜)(※3)
R2-JPV-IV 日本語108 30/45/55g 変荷重 非対応 アイボリー ¥17,820
R2-JP4-BK 日本語108 45g 固定荷重 非対応 ブラック ¥17,820
R2S-JPV-IV 日本語108 30/45/55g 変荷重(静音) 非対応 アイボリー ¥22,950
R2S-JP4-BK 日本語108 45g 固定荷重(静音) 非対応 ブラック ¥22,950
R2A-JPV-IV 日本語108+4 30/45/55g 変荷重 対応 アイボリー ¥23,850
R2A-JP4-BK 日本語108+4 45g 固定荷重 対応 ブラック ¥23,850
R2SA-JP3-IV 日本語108+4 30g 固定荷重(静音) 対応 アイボリー ¥25,020
R2SA-JP3-BK 日本語108+4 30g 固定荷重(静音) 対応 ブラック ¥25,020
R2TL-JPV-IV 日本語91 30/45/55g 変荷重 非対応 アイボリー ¥17,820
R2TL-JP4-BK 日本語91 30g 固定荷重 非対応 ブラック ¥17,820
R2TLS-JPV-IV 日本語91 30/45/55g 変荷重(静音) 非対応 アイボリー ¥22,950
R2TLS-JP4-BK 日本語91 45g 固定荷重(静音) 非対応 ブラック ¥22,950
R2TLA-JPV-IV 日本語91 30/45/55g 変荷重 対応 アイボリー ¥23,850
R2TLA-JP4-BK 日本語91 45g 固定荷重 対応 ブラック ¥23,850
R2TLSA-JP3-IV 日本語91 30g 固定荷重(静音) 対応 アイボリー ¥25,020
R2TLSA-JP3-BK 日本語91 30g 固定荷重(静音) 対応 ブラック ¥25,020

※1 日本語108のAPC対応版は、+4キー(消音/音量小/音量大/APC位置調整)構成。
※2 キースイッチの反応位置を1.5mm/2.2m/3mに調整する機能。APCモデルは2mm/3mm厚のキースペーサー付属(キーストロークの調整および静音化が可能)。
※3 オープン価格であるため、参考までに秋葉原のTSUKUMO eXでの3月17日時点の販売価格を記載した。


2.新モデル雑感

テンキーレスモデルの販売が始まった週末に、秋葉原のTSUKUMO eXにて試し打ちをしてきたが、当然ながらキーの打ち心地はこれまでのモデルと違いは感じられない。キー重量はテンキーレスモデルでも1.1kgあり、激しい打鍵でキーボードがずれることもないだろう^^;今回発売されたモデルは、昨年末に発売された日本語108キーモデルをテンキーレス化したものであり、以前から言われている英語版やワイヤレス版は含まれなかった。うーん、45g 固定荷重(静音)&英語87キー配列&ワイヤレス&トラックポイント付きのモデルが出てほしいなぁ^^;

GeekBuyingから間違った商品が届いた

GeekBuyingから間違った商品が届いたので、その時のやり取りと正しい対処方法(?)についてメモしておく。


1.まとめ

簡単にまとめると、GeekBuyingやGearBest等の海外サイトと取引する場合は、PayPalに間に入ってもらおう、ということだ。トラブルが生じた場合、直接サポート窓口へ連絡しても時間とエネルギーを無駄にするだけかもしれない。

  • 商品の決済にはPayPalを使おう。
  • 問題があったらPayPalに連絡(異議・クレームの提出)しよう。

なお、2017年3月頃の話なので、今は改善されているかもしれない^^;


2.事の始まり

中華スマホ「OnePlus 3T」が欲しくなったので、GeekBuyingにて「OnePlus 3T (A3010)」(中国版)を購入したら、「OnePlus 3T (A3003)」(ヨーロッパ/アジア版)が届いた。

ドコモ系SIMで使う分には中国版もヨーロッパ/アジア版も差がないのだが、ソフトバンク回線を利用する場合は中国版の方が対応バンドが優れているため、わざわざ中国版を買ったのに・・・。面倒だがカスタマーサポートに交換依頼を投げることにした。

※この時点では、PayPalに連絡するという発想を持っていなかった。情弱^^;


3.サポート窓口とのやり取り

以下、英語でのやり取りをそれっぽく^^;和訳。「※」は心の呟き。

K4750:
受け取った商品が注文と違うんだけど。
注文内容を確認して、正しい商品を早く送ってね!
もちろん、費用はそちら持ちで。

GeekBuying:
写真のようなQC番号を画像で送れるかな。
確認後、正しい商品を送るよ~。
※ なんだQC番号って?商品背面にある「QC:4005D」ってやつかな?

K4750:
QC番号の画像を送るよ~。

GeekBuying:
画像が見れないので、もう一度送って~。
※ なんだそりゃ。画質落としてもう一度送ってみるか。

K4750:
画像が大きすぎたのでもう一度送るね~。

GeekBuying:
画像を確認したけど、これは「factory QC number」だ。梱包部分にある正しいQC番号を送ってね!  

K4750:
商品の箱、緩衝材、郵送時の梱包全て確認したけど、QC番号なんてどこにもないよ!商品の箱開けて確認しても良いの?

GeekBuying:
商品開封のビデオとパッケージの写真、スマホの写真の三つを提供してね!
それ以外の方法では助けてあげられないよ!

K4750:
ビデオは撮れるけど、サイズが大きすぎてメールに添付できないよ!
ビデオの提供方法を教えてね。

GeekBuying:
ビデオはYouTube等のサイトにアップしてパスワードをかけて、リンクを教えてね。
ビデオは明瞭でブレがなく、適度な照明・距離感で撮影するのが理想的だね!
※ まじか、なんて面倒くさい・・・。

K4750:
ビデオのURLを送るよ!あと、4つの写真もね。
はよ正しい商品を送ってね!

GeekBuying:
間違った商品を送ってごめんね!
オーダーを確認し、間違った商品を送ったことを確認したよ。
ただ、プロの同僚にA3003とA3010の違いを聞いたけど、A3010は国内版でA3003は国際版であり、A3003の方がA3010より10ドル高価だよ。送ったスマホは普通に使えるんだけど、どうする?

K4750:
日本では、A3010はLTEバンド41に対応しているので、A3003より価値があるんだよ。A3010を選んだ理由はそこにあって、A3003は代用にはならないよ!A3010を使いたいので、注文通りA3010を送ってね!

GeekBuyin:
問題を起こしてごめんね、商品を送り返してくれたら、正しい商品を送ってあげるよ!配送については以下の点に注意してね。
1.最も安い航空便で送ってね。
2.添付の用紙を印刷して必要事項を記入しねて。
3.商品を丁寧に梱包して「30$以下の贈り物」として送ってね。払い戻しが必要な商品については・・・(ここは割愛)。
4.送った後に追跡番号を教えてね。

K4750:
早く商品が使いたいので、返却手続きは非常に面倒だね。なので、手続きをしないことに決めたよ。今後は、初期不良がないかどうか確認することにするね。

GeekBuying:
商品をそのまま使うの?LTEバンド41に対応ないと言ったけど大丈夫なの?

K4750:
日本ではA3003のLTEバンド1、3が使えるね。LTEバンド41も使えるのが理想だけど、もういいや。時間がもったいない。この商品を使わせてもらうよ。

GeekBuying:
A3003より優れたA3010を使うことにしてくれて嬉しいよ!

仕事しながらだったので、メールのやり取りが日に1回程度だったが、だいたい10日程度やり取りした。写真を送ったり、開封ビデオを撮影したりして・・・結局は、面倒になって国際版を使うことにしたのだが、他の中華サイト等も同じようなものなのだろうか?(過去、香港のExpansysでスマホを購入したことはあるが・・・カメラに不良があったが気付いたのが遅すぎて、そもそも返品できなかった)完全にいいように振り回された感がなくはないが、まぁ英文でのメールのやり取りは面白かったので良しとしよう^^;


4.PayPalの異議・クレーム窓口

そうして数か月が経過し・・・たまたまGearBestで購入代金を返金してもらった以下の記事を読んだ。

読んでなるほど、PayPalに介入してもらって返品手続きにすればよかったのかと思った。自分の場合は返金を申し立てたわけではないので、返金の場合はもしかしたら快く手続きに応じてもらえたのかもしれないが・・・正直、諸々の手間暇を考えたら、最初からPayPalに連絡するのが手っ取り早かったのではなかろうかと。

もう中華サイトで購入するのは懲り懲り・・・と思っていたが、懲りずにもう一度チャレンジしてみようかな^^;


5.その他

どうでもよいけど、サポート窓口との英文メールのやり取りにGoogle翻訳が大活躍。便利に使わせて頂きました^^;

REALFORCE R2 まとめ(2017/10)

秋葉原のTSUKUMO eX.、ヨドバシカメラマルチメディアAkibaにREALFORCE R2(R2-JPV-IV/R2-JP4-BK)が展示されていたので触ってきたのだが、そもそも製品の種類を把握していなかったので表形式でまとめてみた。

※最新のまとめはこちら ⇒ 「REALFORCE R2 まとめ(2018/03)」)。


1.REALFORCE R2

型式 キー配列
(※1)
キースイッチ APC
(※2)
価格
(税抜)
R2-JPV-IV 日本語108 30/45/55g 変荷重 非対応 アイボリー ¥19,800
R2-JP4-BK 日本語108 45g 固定荷重 非対応 ブラック ¥19,800
R2S-JPV-IV 日本語108 30/45/55g 変荷重(静音) 非対応 アイボリー ¥21,300
R2S-JP4-BK 日本語108 45g 固定荷重(静音) 非対応 ブラック ¥21,300
R2A-JPV-IV 日本語108+4 30/45/55g 変荷重 対応 アイボリー ¥22,800
R2A-JP4-BK 日本語108+4 45g 固定荷重 対応 ブラック ¥22,800
R2SA-JP3-IV 日本語108+4 30g 固定荷重(静音) 対応 アイボリー ¥24,800
R2SA-JP3-BK 日本語108+4 30g 固定荷重(静音) 対応 ブラック ¥24,800

※1 APC対応版は、日本語108に+4キー(消音/音量小/音量大/APC位置調整)構成。
※2 キースイッチの反応位置を1.5mm/2.2m/3mに調整する機能。APCモデルは2mm/3mm厚のキースペーサー付属(キーストローク調整、静音化目的)。


2.その他ラインナップ

他のニュースサイトに書かれていた内容ではあるが、今後、英語配列、Mac配列、テンキーレス、無線接続タイプが想定されているようだ。


3.出てほしい製品について考えてみる

どうでもよいのだけど^^;個人的に出てほしい製品について考えてみることにした。

※ 普段は「Lenovo コンパクトBluetoothキーボードトラックポイント付(英語配列)」を使っているので・・・トラックポイントが付いてない時点でREALFORCE製品は候補にならないのだが・・・それを言ってしまうとLenovo以外の選択肢がほぼないので^^;トラックポイントは考えないことにする。

好みを言えば、

  • 短いキーストローク・・・ストロークが長いとその分エネルギーが必要で^^;ノートPCのような短いストロークに比較して疲れる。
  • 英語配列・・・グローバルで仕事するなら英語配列っしょ 海外製の様々なキーボードを楽しむには英語配列に慣れておかねば^^;
  • テンキーレス・・・正直、テンキーは使わない(使えない)。
  • CtrlとCaps入れ替え・・・Aの隣はCtrlじゃないとダメな人^^;
  • 静音・・・クリック音がするキースイッチは楽しいけど、職場で使うと刺されかねない^^;
  • 固定荷重・・・REALFORCE の中では45gの固定荷重が好き。30gも慣れれば面白そう。
  • 無線接続・・・ケーブルの取り回しが面倒^^;

なので、REALFORCE R2に以下のようなモデルが出たら一台手元に置きたいところだ(Macは使わないので、Windowsキー版で)。

  • 英語87テンキーレス
  • 45g(または30g)固定荷重かつ静音なキースイッチ
  • 無線接続
  • APC対応+キースペーサー付き(キーストロークを短くしたい)

考えないようにするつもりだったが・・・これにトラックポイントが付いたら、職場と家用に2台は確実に買うんだけどね^^;

Ruby on Rails 5 環境構築メモ

書籍「Ruby on Rails 5 アプリケーションプログラミング」を購入したついでに、動作環境をVMWare Workstation Player上に構築したので、軽くメモしておく。


1.CentOS 7

書籍の対象としているLinuxディストリビューションがCentOS7だったので、本家サイトからisoファイル(DVD ISO)をダウンロードした(CentOS-7-x86_64-DVD-1611.iso)。VMWareへのインストール方法については割愛。細かいカスタマイズ等一切行わず、デフォルトの内容でインストールした。


2.Ruby 2.4.1

事前にzlib-develおよびopenssl-develをインストール。

# yum install -y zlib-devel openssl-devel

yumでインストール可能なrubyはバージョンが古いので、久々の「configure; make; make install」。

$ wget https://cache.ruby-lang.org/pub/ruby/2.4/ruby-2.4.1.tar.bz2
$ tar xvfj ruby-2.4.1.tar.bz2; cd ruby-2.4.1
$ ./configure --prefix=/usr/local; make
$ su
# make install
# ruby --version
ruby 2.4.1p111 (2017-03-22 revision 58053) [x86_64-linux]

3.Node.js、SQLite3

書籍の内容に従い、依存ライブラリをインストールする。

# curl --silent --location https://rpm.nodesource.com/setup_6.x | bash -
# yum install -y nodejs
# yum install -y sqlite sqlite-devel
# gem install sqlite3

4.Ruby on Rails 5

# gem install rails
・・・
Done installing documentation for i18n, thread_safe, tzinfo, concurrent-ruby, activesupport, rack, rack-test, mini_portile2, nokogiri, loofah, rails-html-sanitizer, rails-dom-testing, builder, erubi, actionview, actionpack, activemodel, arel, activerecord, globalid, activejob, mime-types-data, mime-types, mail, actionmailer, nio4r, websocket-extensions, websocket-driver, actioncable, thor, method_source, railties, bundler, sprockets, sprockets-rails, rails after 48 seconds
36 gems installed
# rails -v
Rails 5.1.0

5.動作確認

アプリケーション「railbook」を作成し、サーバを起動する(IPアドレス:192.168.174.128)。

$ rails new railbook
$ cd railbook
$ rails server -b 192.168.174.128
=> Booting Puma
=> Rails 5.1.0 application starting in development on http://192.168.174.128:3000
=> Run `rails server -h` for more startup options
Puma starting in single mode...
* Version 3.8.2 (ruby 2.4.1-p111), codename: Sassy Salamander
* Min threads: 5, max threads: 5
* Environment: development
* Listening on tcp://192.168.174.128:9292
Use Ctrl-C to stop

CentOSのFirefoxにて「http://192.168.174.128:9292」へアクセスする。

Yay! You’re on Rails!

(*´ω`*)


Ruby on Rails 5アプリケーションプログラミング
発売日: 2017/4/14