Uncategorized

ANKERのPowerCore 10000とSeriaのUSB-CケーブルでPowerBook Proに充電できるか試した

SeriaでUSB-A/USB-Cケーブルが売られていたので、モバイルバッテリーのPowerCore 10000でPowerBook Proが充電できるのかを試してみました。 PowerBook Proは13インチの2016年タッチバーなしモデル、 モバイルバッテリーはANKER社のPowerCore 10000です。以下。 結論。ぎりぎり充電できました。 USBケーブルはSeriaで108円で売られていた以下のケーブル。念のため3.0A対応と明記されているものを選びました。 注意しないといけない点は、アプリケーションを利用していない状態なら充電状態になったが、ただしFireFoxとかが「エネルギーを激しく消費中」と表示されているようなケースでは、いわゆる「給電モード」になるようで、ようするに利用しながら充電という、いわゆる電源アダプターと同じような利用方法は無理そう。持ち運び時のスリープ中などに充電する、という使い方ぐらいならそれなりに使えそうです。 PowerCore 10000の出力は5V/2.4Aでケーブルは5V/3.0A対応ということで、理論上12Wの給電が可能なはず。念のためシステムレポートで確認してみました。 スペック通り、12Wの電源として認識されているようです。 ちなみに純正のアダプタで充電している状態では以下。 60Wなので、ようするにおよそ1/5の充電速度、ということで良いんでしょうか。 PowerBook Proのシステムレポートだと、本体のバッテリー容量は 完全充電時の容量(mAh): 4602 ということのようなので、カタログスペック上はPowerCore 10000は10000mAhなので、2回できる計算になりそう(そんなにできるのかな、これは試してない)。ただしPowerBook Proが半分ぐらいの充電状態でも満充電まで8時間とか表示されていたので、本格的な充電の用途には期待せず、あくまで保険的なものと考えたほうが良さそうです。 いずれにしても、PowerCore 10000はメインがスマホの充電用でAmazonだと2,000円ちょっとと非常に安価に買えるバッテリーだし、普段は携帯の充電用として持ち歩き、万が一PowerBook Proの充電が危ないときには緊急回避的に充電できるという意味では、非常に便利に使えると思う。ちなみに私はすぐ必要だったので店舗で買ったんだけど、Amazonの倍ぐらいして5,000円ぐらいで買った記憶がある。なんでそんな安いんだAmazon。 PowerBook ProのUSB-Cコネクタは賛否両論あるけれど、こんな風に充電に関して汎用的な製品が利用できるというのは、大きなメリットの一つだと思うし、PowerCore 10000もとても小さいのに容量も十分にある製品なんで、PowerBook Proを持っているならば一つ持っておいて損はない製品だと思いました。 追記。PowerCore…

VSCodeでThree.jsの開発環境を整える(3)

Visual Studio Codeで、Three.jsの開発環境を構築しています。このポストでは、VSCodeのデバッガ機能を利用してブレークポイントを打ったりすることができることまでが目標です。ブラウザ環境としてはChromeかFirefoxが現実的な選択肢だと思うけど、今回はまずFirefoxでデバッグすることを考えます。 Debugger for Firefox をVSCodeにインストールする まずはVSCodeにFirefoxのデバッガ拡張をインストールします。これは単純に以下のプラグインをインストールすればOK。 https://marketplace.visualstudio.com/items?itemName=hbenl.vscode-firefox-debug この拡張をインストールすると、デバッガのlaunch.jsonファイルの編集時、Add Configuration…した場合にFirefox:*系の設定項目が選べるようになります。 Webpackがビルド時にSourceMapを出力するように設定する 前回のポストで設定したwebpack.config.jsに設定を追加して、SourceMapというデバッグ用のファイルをビルド時に出力するようにします。SourceMapというには簡単に言えば、webpackなどのビルドツールでバンドルされたJavaScriptファイルと、バンドル前のソースコードの対応付けを記述したファイルで、これが存在することによってバンドル前のソースコード上でブレークポイントを指定したりすることが可能になるもののようです。 具体的には、module.exportsの辞書配列の中に以下の項目を追加するだけです。 devtool: "source-map" source-map以外にも選択肢がいくつかあるようですが、今回はsource-mapを指定しました。ビルド時の処理時間と、取得できるデバッグ情報の精度とのトレードオフのようなので、必要に応じて調べれば良いと思います。 上記の設定で再度ビルドをし直すと、outputでの出力JavaScript名がbundle.jsだった場合にbundle.js.mapというSourceMapファイルが出力されます(設定によって、出力されるものの内容も変わるようです)。 launch.jsonにFirefox用の設定を追加する デバッグメニューからAdd Configuration…を選択し、Firefox: Launch (Server) およびFirefox: Attachの2つを追加します。SourceMapに関わる部分はpathMappingsというキー項目だけなので、これをそれぞれに追加します。私の環境で動作した設定は下記のもので、Extensionのサイトのドキュメントに書いてあるものとは違いましたが、要するにurlという項目がブラウザがアクセスしている先、pathというのが対応するソースのローカルでのファイルパスを指せば良いようです。デバッグする対応のページで対象のurlがどこを指しているかは、ツール>ウェブ開発>デバッガーを開き、「ソース」というリストの中にwebpack://というスキームのURLが見つかると思うので、それがどこを指しているのかを確認し、プロジェクト内のバンドル前のソースファイルと対応するように適宜変更すれば良いと思います。 { "version": "0.2.0", "configurations": },…

VSCodeでThree.jsの開発環境を整える(2)

前のポストでVisual Studio Code上でコード補完付きでコーディングが可能な状態になったので、これをブラウザ上で実行可能な状態にコンパイルすることを考えます。 VSCodeでのコード補完を利用するためにthree.jsをnpmからインストールしたのでそのままでは実行できず、同じくnpmで提供されているツールであるwebpackというコマンドを利用します。 webpackコマンドをインストールする プロジェクトのルートディレクトリから、webpackをnpmコマンドでインストールします。ブログとかには-gオプションをつけてグローバルにインストールする記述が多いが、グローバル空間はあまり汚したくないのでプロジェクト内に閉じることにします。 $ npm install webpack --save-dev –save-devオプションをつけることで、webpackモジュールがインストールされると同時に、プロジェクトのpackage.jsonにあるdevDependenciesに記録されます。 これで、${PRJ_ROOT}/node_modules/.bin/webpackにコマンドがインストールされます。 $ node node_modules/.bin/webpack -v 2.5.0 みたいな感じになります。 webpack.config.jsを作成する コマンドを直接 $ node node_modules/.bin/webpack のように使っても機能しますが、より簡単のために、webpack.config.jsという名前の設定ファイルを作成します。これがコマンドを実行するカレントディレクトリに存在することで、引数なしでwebpackコマンドを実行できるようになります。ここで、<entry>というのはブラウザでページを読み込んだときに最初に呼ばれるべきスクリプト(今回の場合はthree.jsをrequireしているほうのスクリプト)を指します。 以下に最低限と思われるentryとoutputだけ設定したwebpack.config.jsの例を記します。コンパイル元のJavaScriptファイルはsrcディレクトリ配下のindex.js、出力先はhtdocsのbundle.jsファイルとします。index.jsではthree.jsをrequireしているので、webpackを通してbundle.jsというファイルに統合されて出力してね、という設定です。 pathは出力先のoutput設定で絶対パスを要求されたので、それを解決するためのモジュールです。 const path =…

MacBook Pro 2016用のマルチポートアダプタをkickstarterで支援しました。

MacBook Pro 2016モデルの周辺機器問題を解消するためのアダプタを探していたんですが、なかなか「これ!」というものが見つかりませんでしたが、kickstarteで見つけて、即支援しました。 良いところ: ・thunderbolt3ポートを利用するので、高速  前のポストでも書いたようなものはほとんどがUSB3.1の接続(たぶん)で、5Gbpsの帯域をハブで分け合っている状態で、パフォーマンスに不安がある。買ったのはMBP2016のファンクションキーモデルでThunderbolt3ポートは2つしかないので、有効に使いたい。 ・2つのThunderbolt3ポートを塞ぐが、一つはThunderbolt3がそのまま通っているみたいなので安心。もう一つはUSB-Cの口だけど、USB3.1仕様みたいで、ディスプレイ出力もなし。このへんがUSB-Cのややこしいところ。 不満なところ: ・Ethernetアダプタは欲しかった。けど、comment欄でEthernetポートは厚すぎるというのを見てある程度納得して、別途買うことにしました。 アダプタが届くまでの当座のしのぎ兼Ethernetアダプタとして、ANKERの下記の製品を書いました。と、いうか外部ディスプレイ出力がなければ正味これで十分かもしれない。

Bloggerでシンタックスハイライトを利用する

code-prettifyを利用する方法。 https://github.com/google/code-prettify (1)ブログ管理画面の”Template”から、テンプレートのHTMLを編集する。 haedタグの中に以下を記述する。 <script src='https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js?skin=sunburst'/> (2)シンタックスハイライトを利用したい部分を、以下のタグで囲う。 <pre class="prettyprint"> (任意のコード) </pre> classに、追加で”lang-*”を指定すると対象言語を明示的に指定できる。lang-*の”*”の部分にはデフォルトで以下が利用できる "bsh", "c", "cc", "cpp", "cs", "csh", "cyc", "cv", "htm", "html", "java", "js", "m", "mxml", "perl", "pl", "pm", "py",…

Raspbianでpyenv環境を構築する

Raspbian環境をアップグレードしたついでにpyenv/pyenv-virtualenv環境を構築しようとおもいました。その際、pyenvを使ったpythonバージョンのインストールでエラーが出たので、その構築メモです。 0.環境 記事執筆した時点で、 $ sudo aptitude safe-upgrade した状態です。 日本語環境を入れたりはしてるので、かならずしもデフォではないです。 $ uname -a Linux raspberrypi 4.4.34+ #930 Wed Nov 23 15:12:30 GMT 2016 armv6l GNU/Linux 1.エラー 以下のようにreadlineとかbzip2とかいかにも必要そうなものがないとか怒られます。 $ pyenv install 2.7.12…

Android Things on Raspberry pi3でディスプレイを反転させる

Android ThingsのRaspberry pi用OSイメージで RasPi3を起動した際、Raspbianのときと同じように、 純正の7inch touchscreenの構成では画面を反転させないとUSBコネクタが 邪魔になってしまうという状況が発生しました。 Raspbianの場合なら、/boot/config.txtの中にlcd_rotate=2という記述を追記して際kどうすれば解消するのですが、それのAndroid Thingsでのやり方。stackoverflowに聞いたらすぐに回答してくれる人が現れました。すごい。ありがとう。 例えば、sdカードのデバイスが/dev/sdbだとした場合、ブートパーティションは/dev/sdb1になるようです。なので、母艦となるpcなりでこのパーティションを マウントしてあげると、その中にconfig.txtというファイルがあるので、 この中にlcd_rotate=2という設定を追加してあげて再起動すればよろしい。 $ sudo mount /dev/sdb1 /mnt/disk $ echo ‘lcd_rotate=2’ >> /mnt/disk/config.txt 私はmacを使っていてext4のファイルシステムをマウントするのにFUSE for macなどの セットアップが必要そうだったんだけど、これが時間かかるのでたまたまvirtualboxに 設定してあったboot2dockerのOSイメージを起動して、これでマウントしてやっつけました。 教えてくれた人によるとこれはhackみたいなもんでオフィシャルな設定とか機能ではないから、アップデートのたびにやらないといけないよ、だから機能リクエストしたほうが良いよ、とのこと。とはいえ、いったんのworkaroundとしては十分です。 http://stackoverflow.com/questions/41165198/android-things-with-rasp3-7-inch-touchscreen/ その後…

USBのHDMIアダプタについての記事

USB接続のディスプレイアダプタは使ったことがなかったので、MacBook Proでの利用検討をきっかけにいろいろと調べています。 疑問だったのがUSB 3.0接続のマルチポートアダプタに多いのがHDMI 1.4対応で、USB 3.0の帯域幅が約5Gbpsなのに対してHDMI 1.4の帯域幅が10Gbps(4k)、普通に考えてUSB 3.1 (gen2)でも帯域幅足りないじゃないか!と思ってたんですが、とてもわかりやすい記事を見つけたのでリンク。 「USBディスプレイアダプタの特徴を考慮してパソコンとディスプレイをUSB経由で接続する」http://www.webmagazine.kakisiti.co.jp/?p=550 DisplayLinkという会社のパーツが使われることが多いそうで、帯域幅については(詳細はともかく)納得。でもこれだと遅延が少なからずありそうだし、動画など動きが激しいものでフレームが落ちることがあるというのも納得したので、これでFPSのゲームするとかは無理があるのかもしれず、外出時などの一時用途に割り切って考えた方が良いのかもしれない。 たぶん以下みたいなパターン のUSB-CコネクタでDisplayPortプロトコルを使ってると明記しているパターンのほうがレイテンシとかは有利なんだろうけど、これはどうやって見分ければいいのか…Thunderbolt3接続となってるのを選べば良いのか。 ということは、前の記事でいうとThunderbolt3接続のこれ が、USBアダプタタイプでないものなんだろうと思う。でも新型MacBook Proは既存のThunderbolt 3端末に非対応(http://iphone-mania.jp/news-143363/)という情報もあるようだしやっぱり目をこらして調べるしかないのかこれは。

MacBook Proと合わせて選ぶべきマルチポートアダプタ6選

先日発表されたMacBook Pro (2016)モデルの購入を検討しているのだけど、とりあえず目玉のTouch Barは実物を見てみて見送りが良い気がしてきたので、タッチバーなしモデルの方向で検討している。そうすると気になるのがUSB-Cポートが2つしか無い点で、できるかぎり効率的にUSB-Cポートを使いたい。ということでマルチポートのアダプタを物色している。 選定のコンセプトとしてはMacBook Pro (2016)のタッチバーなしモデルはThunderbolt 3ポートが2つあるとして、マウスなどの軽いっぽいインターフェースは一つのポートにまとめて、外部ストレージなどの帯域が必要なデバイス用に一つポートが開けられる状態にしたい。ということで: ・HDMI:必須 ・USBタイプA複数:必須 ・(できれば)有線LANポート:頻度は高くないと思うので、最悪USBポートからの孫アダプタでも良いと思う ・(できれば)SD/microSDカードリーダー:これも頻度は高くないので、最悪USBポートからの孫アダプタでも良いと思う。マイクロSDはSDカードのアダプタがあるので割とどうでもいい ・(できれば)充電用の入力ポート:上述の理由で一つは使わない状態で成立させたい ・1万円以下ぐらい ・持ち運びを考えて軽いのが良い。 ・たぶんホスト側の接続はUSB3.1が良い。(2016/11/29追記)ディスプレイ接続に限ればThunderbolt3(Displayport)接続のほうが良い。 USB 3.0が5Gbpsなのに対してUSB 3.1が10Gbps、Thunderbolt3に至っては40Gbpsの転送速度なので、マルチポートである性格上、根元が早いのは困ることはないはずである。逆にホスト側がUSB 3.0の場合、子機側がUSB 3.0接続であっても最大限パフォーマンスが生かせない可能性がある(はず)。でも元々がそこまで速度を必要としない機器はまとめてしまいたいという話なので、必須ではないかもしれない。 あと価格帯からいくとUSB 3.0か3.1接続のアダプタが妥当なんだと思う。Thunderbolt 3対応のはあるっぽいけど価格が高いし、MacBook Pro (2016)のThunderbolt 3は互換性が不安という情報も見たりするので、まだ様子見のほうが良いのかもしれない(Appleがdockみたいのを出してくれればいいと思うんだけど)。 USB Type-Cポートは規格がややこしくて正確に理解できているか怪しいけれど(ちなみにこの辺を参考にした 。http://www.itmedia.co.jp/pcuser/articles/1508/25/news068.html)、上記のような基準で候補の機器をリストアップして調べてみました。