SyntaxHighlighter

2018/10/22

https対応! bloggerにおけるSyntaxHighlighter v4の導入

これまでの記事で、SyntaxHighlighter v3の導入とbloggerでのモバイルページ表示対応をメモって来ました。ただ、これまでの対応だとbloggerをhttps化した際に、参照していたalexgorbatchev.comがhttps未対応であるがゆえにエラーとなってしまいcssおよびjsのロードができずにいました。今回は、
  • SyntaxHighlighterをv4にバージョンアップしつつ、
  • https化を可能とする
ことをメモします。

はじめに、まずSyntaxHighlighterをBloggerに導入する手法として、SyntaxHighlighterをBloggerのウィジェットとしてロードする手法とします。その設定については過去のメモ(BloggerにおけるSyntaxHighlighter ver.3.x および Blogger モバイルページにSyntax Highlighterを適用する)において説明しているので今回はスキップします。後で修正すべきところで参照します。

今回はSyntaxHighlighterをVer.4.0.1にバージョンアップしつつ、httpsに対応させます。具体的には、Ver.4.0.1のソースコードをgitで取得し、ビルド。ビルドしたcssとjsをGoogle Siteにホスティングさせます。これによってhttpsによるcssとjsのダウンロードが可能となり、かつ、正しいContent-Typeで取得できるのでbloggerのサイトでそのまま使うことができます。

では、はじめましょう。

  1. はじめにビルド。
    1. 基本的にhttps://github.com/syntaxhighlighter/syntaxhighlighter/wiki/Buildingに書いてある通りに実施。※Linux上での作業が良いかと思われる。
      • apt install git npm
      • git clone https://github.com/syntaxhighlighter/syntaxhighlighter.git
      • cd syntaxhighlighter
      • npm install
    2. ここで右の修正を手で加える: https://github.com/syntaxhighlighter/syntaxhighlighter/issues/428#issuecomment-369230312
    3. -- node_modules/songbird/lib/songbird.js.orig  2018-10-22 00:34:53.614001000 +0900
      +++ node_modules/songbird/lib/songbird.js       2018-10-12 18:34:51.457000000 +0900
      @@ -3,7 +3,8 @@
         var Promise, base, definePromiseProperty, i, len, proxyAll, proxyBuilder, ref, synchronize,
           slice = [].slice;
      
      -  Promise = global.Promise || require("bluebird");
      +//  Promise = global.Promise || require("bluebird");
      +  Promise = require("bluebird");
      
         module.exports = Promise;
      
        
    4. 続けてgulpでビルドする。
      • ./node_modules/gulp/bin/gulp.js setup-project
      • ./node_modules/gulp/bin/gulp.js build --help
      • ./node_modules/gulp/bin/gulp.js build --brushes=all --theme=midnight --compat
      ※ なおnode_moduleの下のgulpを使うとビルドが通らなかった。apt install gulpをするとシステムにインストールされる。これを用いてビルドすることも可能(実行ファイルはgulp.jsではなく、拡張子なしのgulpとなる。) ※ --compatを付けることでver.3.xからの移植がしやすくなる。具体的にはJavascriptでWindow変数に、SyntaxHighlighterオブジェクトとXRegExpオブジェクトが紐づけられる。もしver.3.xを使っていなければ、--compatは不要。
  2. つぎにGoogle SiteへのアップロードとGoogle Site内でのテストを行う
  3. 最後にBloggerに指定する。
    1. 以前のメモにしたがって、Bloggerのウィジェットを編集する
    2. 具体的には次のようにウィジェットを書き直す。
      
      
      なお、HOHOHO-Iは自身で用意したGoogle Siteの識別子とする。

Brushの書き方は下記のURLに乗っている:

以上で、SyntaxHighlighter V4.0.1のBlogger導入メモを終える。

2018/09/30

はじめてのE7「あさま」グランクラス搭乗記

先日訳あってE7系のグランクラスに乗ってこられたので、その内容をメモする。

E7系のグランクラスと言っても、実は「かがやき」ではない。E7系「あさま」605号である。この「あさま」号のグランクラスは「かがやき」よりも安い料金設定となっている。

E7系には他には「はくたか」号もあり、こちらは「かがやき」と同じ料金となる。「かがかき」よりも停車駅が多く、グランクラスよより長く乗りたい"お得"設定のようだ。


なぜ「あさま」グランクラスは安いのか?

    実は「あさま」グランクラスは、車両こそE7系で同じであれど、アテンダント不在で軽食やドリンクサービスもなしのグランクラスB料金となっている。 つまり、旅を楽しむソフトウエアは皆無だ。むしろ、E7フルアクティブサスのハードウェアを邪魔されることなく堪能するためにあると言っても過言ではないマニア仕様なのだ。 にわか乗り鉄はともかく、筋の入った鉄漢は迷わず選択せざる得ない。実際、車掌もアイコンタクトのみで、その先の悦びを阻害することはなかった。 「あさま」グランクラスこそ、真のグランクラスのサービスなのである。

どのくらい安いのか?


設備の違いはあるのか?

    設備の違いは全くない。サービスの違い(軽食やアテンダントなし)だけとなる。

座席は1人席または2人席となる。1人席でも十分に広いが、「あさま」のグランクラスはほとんど空席なため、1人でも遠慮せずに2人席を予約しても良いだろう。

2人席仕様。この座席なら、ゆったりと座って語らう時間が永遠と続きそうだ。

シートは本革(?)合成革(?)張りで、糸のスティッチングからも高級感が漂う。

実際どうなのか?

    サービスの違いによって、ほとんどの人が「かがやき」または「はくたか」のグランクラスを選択する。ところが、それによってこの「あさま」のグランクラスはほぼ貸し切り状態となっている。まさにマニア御用達グランクラスなのである!
    グランクラス車両にある多目的トイレのそのスペースに驚く!グランクラス料金にはこのスペースの費用も含まれている。一見の価値あり。
    シートのリクライニング機能に驚く!このスイッチをいじってベストポジションを探していたら、、、あっという間に熊谷を通過してしまっていた。


グランクラスの×なところ

    はっきり言って窓が小さい。展望は普通車のほうが望めると思われる。そのほかは申し分なし!
    川崎重工とトヨタ紡織によるシート。このシートを一般販売すると値段はいくらいくらいになるのだろうか…

以上、あさまグランクラスの乗車メモ。マニアは「かがやき」「はくたか」よりも、ゆっくり堪能の「あさま」グランクラスで決定!

2018/08/14

Intel EdisonのFirmware Update 再び (Windows10 編)

以前MacOSにてIntel Edisonを扱ってきましたが、今回はWindows10でファームアップデートを試みたメモを記します。(以前のメモ: 2014/12/13, 2015/09/24)

Intel Edisonはすでに絶版となっています。既にIntelからのサポートもなく、コミュニティベースメンテナンスに移行しています。いくつかIntel内のリンクが絶え絶えだったりインストーラが動かなかったりするので、現状うまくいったメモを残します。

  1. USB driverなどのインストール
  2. dfu-utilのダウンロード
    • 規格に則ったファームアップデートのようで、dfu-util.exeとlibusb-1.0.dllを必要とする。下記サイトからWindows 64bit用のzipをダウンロードし、展開するとそれぞれ含まれている。 http://dfu-util.sourceforge.net/releases/
  3. 最新イメージのダウンロード
  4. イメージの書き込み
    • とても時間がかかるので覚悟しておく。 はじめに と実行すると、 と表示されて、処理がストップする。Intel Edisonのロゴを上にしてEdison Breakoutboardをおいた場合、左下のUSB MicroのコネクタとPCをつなぐ。 すると次のようにファームアップデートが進み、1時間前後でアップデートが完了する。 なぜか下記のように失敗することがあるようだが、再度試みると成功するもよう。 "please do not unplug it for 2 minutes."とあるのでプラグを抜かずに、作業を進める。
  5. edisonにログインする
    • 本来ならばUSB Serialでログインできるため、cgywinのsceenコマンドで とすればよいと思っていたが、なぜかうまくいかない。 (なお、該当するCOMポートはデバイスマネージャから確認できる: https://software.intel.com/en-us/setting-up-serial-terminal-on-system-with-windows) そこでEthernet over USBでアクセスする。 Breakout boardの右上のUSB microコネクタにもPCからUSBケーブルを接続する(よって二本差しになる)。するとIntel Edison USB RNDIS Deviceというネットワークアダプタが生成されているはずなので、そのアダプタのプロパティを開きIPv4に固定IPアドレスを振る。このアドレスは192.168.2.2~192.168.2.14の間のいずれかとする。 IPアドレスを割り振り、192.168.2.15にsshできれば接続完了となる。
  6. セットアップとパッケージアップデート
    • ログインできたらセットアップを開始する。 opkgでアップデートが降ってこないため、(コミュニティにも)全くメンテナンスされていないと思われた。そこでウェブの情報を見てみると、/etc/opkg/base-feeds.confに下記を書くよう記載がある。base-feeds.confは存在するが空のファイルなので、そのまま編集する。 手順は下記: ほかのウェブサイトをみると、/etc/opkg/intel-iotdk.confも編集するように書いてあったりする。しかしそのファイルは存在しておりedison用のiotdkは既に指定されている。差分としてはquark/i586/x86などのアーキテクチャ向けバイナリを指定するようなのだが、残念ながら最新のrepo 3.5にはそれらのアーキテクチャはないもよう。今回は不問とする(実施するならrepo 3.0を使う?)。

以上でEdisonのWindowsによるセットアップは完了。

2018/04/30

フリード (GB7 2018)へのナビ取り付け

日産マーチ(YK12)からホンダフリード(GB7)に乗り換えました。ディーラーから最新地図のオプションナビへの載せ替えを勧められましたが、
  • まだ壊れていない
  • 地図は外環千葉区間が開通してから
  • 後日ドラレコを付けたりナビ交換したりする場合、自分でやっておかないと自分で交換できない
ということから、これまでつけていたナビを移植することにしました。ここにその作業メモを残します。なお、このページを参考にされて取り付けされた際の一切の責任は負いかねますのでご注意ください。


はじめに配線図を作りました。下記のようになっています。
ナビは10年以上使い続けているKENWOODのHDV-810[取付説明書, 取扱説明書]です。今回それにドラレコもつけてしまいます。フリード(GB7)のナビ装着用スペシャルパッケージにはリアカメラがセットになっています。リアカメラ録画が可能なドラレコを導入すれば、後方映像も同時に録画できるようになります。ナビの取り付け時に一緒にやってしまえば、後々外したりしなくてすみます。なので、今回ドラレコを購入し、一緒につけることにしました。下に用意した機材・道具を列挙します。

もう10年以上も使い続けられているHDDナビ、HDV-810。一度地図更新をしていますが、比較的新しい道路を走ると地図上は道なき道を進んでいる状態。地図は微妙な感じになってきましたが、本体はまだまだ現役。壊れるまで使おうと思います。それにしてもKENWOODのナビは機能面も申し分なく、そして何より物持ちが良いですね。

ナビ装着用スペシャルパッケージを活かすべく、リヤカメラ映像も記録可能なダブルレコーディングのパイオニアND-DVR30。このドラレコを付けるためにRCA分配器RD-VRD10を用意し、フロントガラスの映り込みを防ぐために偏光フィルターAD-PLF1も準備しました。
ナビ装着用スペシャルパッケージで装備されるリヤカメラの画角は超広角です。純正ナビをつけていると純正ナビが適切な見え方に補正してくれますが、純正ナビでない場合はそのままでは歪んでしまって見えにくい映像になっています。そこでデータシステムのRCA018Hを挟むことで3段階の画像を切り替えて使うことができます。適合表によると切り替えがビルトインスイッチで可能なRCA018H-Bもあります。ただしGB7(ハイブリッド Honda Sensing)にはスイッチのメクラスペースがなく、RCA018Hを利用することにしました。

Just FitのKJ-H62DE、ナビの取り付け金具になります。エーモンのH-2563との違いはリバース・パーキングの分配カプラの有無。小さな線を加工する必要がなくて便利です。ホンダ純正の金具だとGPSアンテナ用のステーが付いているという話がありますが、GPSアンテナはダッシュボード直置きで構いません。やはりリバース・パーキングの分配カプラーに軍配に上がりました。

意外にも必要だったのがアース分配器。フリードのダッシュボード内部はほとんど隙間がなく、また、アースを取るボディ留め具がありません。正確には留め具があるのですが、車両からのアースコネクタが多数ハメられており、手が届きにくい状況で万が一これらのいずれかを外してしまって元に戻らなかったら…車が動かなくなってしまいます。そのため、このアース分配器を使って、ナビ取り付け金具のハーネスから得られるアースとナビ側のアースを一緒に止めながら他の機器のアースもまとめていきます。なお今回この分配器を二つ使いましたが、作業中、6mmφのボルトとナットでアースをまとめても良いかと思いました。

配線ツールあれこれ。
地味に必要な内装剥がしと養生テープ。内装を傷つけないようにダッシュボードを外していきます。

そのほかドライバーや手袋などが適宜用意する必要があります。道具の準備ができたらダッシュボードを取り外していきます。

はじめにすることと言ったら"養生"です。これまでの車で養生テープを貼ることなんてしたことがなかったのですが、フリード(GB7)の内装は洒落ていて傷つきやすいです。ナビ直下のピアノブラック塗装のエアコンパネルや、木目調のダッシュボードラインなど。小物置きも比較的柔らかそうなゴムまたはプラスチックなため、擦っただけでアウトです。必要以上に養生テープを貼ってガードしておきます。なお、写真ではナビパネルの周りに少ししか養生していませんが、取り付けの際にエアコンパネル前面に養生テープを貼り、ギヤノブはグルグル巻きにして、さらにその上からタオルを乗せてガードしました。

ナビパネル横のダッシュボードラインも外します。エアコン口も合わせて外れます。こちらも境目に養生テープを貼りますが、特に右下は内装外しを使うので必ず貼っておくのが良いです。

養生テープを一通り貼ったら、いよいよ取り外しです。ナビの口の下に小物入れがあると思うのですが、その上側がメンテナンスパネルになっています。左上にマイナスドライバーが入るような細長い穴がありますので、そこに内装外しを食い込ませてメンテナンスパネルを浮かせながら取り外します。

メンテナンスパネルを外したら、そこに手をかけて力を徐々に入れながらナビパネルを外します。クリップで止まっているだけなので、コツ・力加減がわかればすぐに外せます。ハザードのコネクタは外しておき、ナビを取り付ける際に忘れないように再度接続します。どこかに行かないように、養生テープなどで固定したり印をつけておくとわかりやすいです。

ナビパネルを外すと最上部に何者かが鎮座しています。たぶんですが、これはETCのアンテナかなと思っています。本来ならばここにGPSアンテナを置けるとラッキーでした

次に右側のダッシュボードラインを外します。この写真の手の位置に若干の隙間があります。そこに内装外しを食い込ませていくとクリップが外れて手を入れられるようになります。手が入ったらナビパネルと同じ要領で力を徐々に加えていきながら外します。

右側が浮いてくるとナビパネル横の左側にも隙間ができてきます。手が入るようになったら、こちらも力加減に注意しながら引き外します。

このダッシュボードラインは、スタートボタンとTRIPボタンの二つのコネクタがあります。こちらも外してわかるように固定しておきます。

さてこれから配線作業が発生するため、バッテリーを外しておく必要があります。バッテリーはエンジンルームの右側にあります。

バッテリーを外すといっても、マイナス端子を外すだけです。火花が散ることもあるので、手袋をしてマイナス端子のナットを緩めていきます。全部外す必要はなく、マイナス端子の金属金具がバッテリーから取れればOKです。

マイナス端子をはずしたらタオルで巻いて絶縁しておきます。このあと5分ほど待ってから次の作業へすすみます。

運転席Aピラーを外すために、まずはウェザーストリップを外します。手で引っ張ればそのまま取れます。Aピラーに接しているエリアだけで十分かと思います。

次にAピラーに手を食い込ませながら横に引っ張ります。するとクリップのいくつかが外れ、Aピラーを上にずらせるようになるので、上にずらすとAピラーがクリップのフックから外れ、Aピラーを取り外しすることができます。なお、カーテンエアバッグ装着者は取り外す際に白いエアバッグパーツに注意が必要で、写真の赤いクリップにはその構造を理解して外し、そして取り付ける必要があります。取り外しはできると思いますが、取り付けは難しいかもしれません。自信がない方は事前にディーラーや整備工場でレクチャーを受けるなど、ヒントをもらっておくのが良いでしょう。

また、クリップの取り外しをラジオペンチで行った結果がこの写真です。きちんとクリップリムーバーを使わないとこうなるかもしれませんのでご用意を…。

ここまでで外す工程はすべてです。

GPSアンテナや光VICSモジュール(古っ)、そしてドラレコの配線(電源とリアカメラ信号)をAピラー側からダッシュボードラインを通りナビパネルへ伝わせます。かなり狭いのですが、根気よくやれば不可能ではありません。場合によっては針金で誘導するなどしてもいいでしょう。配線が終わったらGPSアンテナとVICSはそのままダッシュボードの上に置けば十分です(場合によっては両面テープで固定)。

ドラレコの配線はAピラー沿いに窓上部までもっていき、ドラレコ貼り付け位置まで窓上部に配線を這わせ、配線自体をルーフ素材の中へ押し入れて完成です。余計なケーブルはAピラーもしくはダッシュボードライン裏に収納します。

次にナビと取り付けキットのハーネス、そして車両側のコネクタを接続します。これはナビや取り付けキットの説明書を見れば可能です。アースは前述のとおり車両側へ固定する箇所がないため、取り付けキットのアース線をアース分配器につなぎ、同様にナビや他の各アース線を分配器に接続していきます。おそらくテスターで確認するのがベターですが、取り付け機tt-のハーネスがちゃんとついていればアースも来ているはずです。

最も厄介なのはこの最後のステップです。ナビを取り付けようとはめ込むと…スペースがなくて取り付けできません!リアカメラ映像変換器やシガーソケット、アース分配器、ヒューズなど、かさばるものがたくさんあり、ナビ用スペースに収まり切りません。このような場合は、配線にゆとりを持たせて、ナビパネル奥の左右スペース、ダッシュボードライン裏、ナビパネルスペース下部にあらかじめ押し込んでしまいましょう。するとなとか…入る…はずです。ほんとギリギリのスペースしかないので、最後の取り付けは無理して断線してしまうことがないよう注意して実施する必要があります。



最後のほうは夕方になってしまって写真を撮れなかったのですが、フリードは取り外しよりも取り付けが大変な車種でした。ただナビが壊れた時には自分で対処できるようになっておかなければならず、今回の努力は次回で報われるでしょう。よって、このメモを残し、将来で活かします。