YAMAGUCHI::weblog

海水パンツとゴーグルで、巨万の富を築きました。カリブの怪物、フリーアルバイター瞳です。

健康に気を遣う歳になってしまったので筋トレを始めた

misc

はじめに

こんにちは、BCAA大好きマンです。このエントリーは pyspa Advent Calendar 2016 の12日目の記事です。昨日は @nikuyoshi のエントリ でした。「2016年に買ってよかったもの」「今年1年海外旅行・出張で印象的だったこと」「あなたの知らない @shiumachi」「統合思念体pyspaの実態」などのタイトルの中から、今年1年大きな変化があった健康への気遣いに関する話を書こうと思います。特にオチはありません。

序

私という人間は「酒を飲む」ことが好きな質で、大学の頃から20代前半までは合法的な高テンション導入剤として、20代中盤は友人と時間を過ごす口実として、20代後半から30歳はうまいものを食べに行ったり仕事上会いたい方を誘う口実として「飲みに行く」という行為を積極的に行っていました。家では単純に良い心持ちになるためだけに、毎日晩酌をしていました。

ことの始まり

2015年後半〜2016年1月

普段、ウイスキーをストレートで飲むかビールを飲むことが多かったのですが、よりカジュアルに飲酒をしたいと思うようになり、家でハイボールを飲み始めるようになりました。ハイボールは割る炭酸の量によってアルコール度数を変更でき、爽やかに口当たりもよくグイグイ飲めることからどんどん酒量が増え、1日に1L以上飲む日も珍しくはありませんでした。そのうち、750mlの瓶を買うのが面倒になり、4Lペットボトルのサントリー角を常備するようになり、気がつけば完全に軽度のアル中になっていました。

2016年1月〜2016年5月

すっかりウイスキーを家で飲む習慣が板についたころ、AMPプロジェクトのリリースなどもあり、家で酒を飲みはじめる時間が遅くなっていきました。会社と家で仕事をする時間が長くなり始めた時期と重なって、会社と家、それぞれで使っていたキーボードが狭く感じる頻度が高くなっていきました。そんな折にちょうど @nippondanji さんからErgoDoxを紹介してもらう機会を得た あと、 ErgoDox EZ というフルアセンブリのErgoDoxを知り、購入しました。もともと会社でも家でもエルゴノミクスキーボードを使っていたため、肩こりもほとんどなかったのですが、ErgoDoxを使い始めてからは、肩まわりを定期的に伸ばす程度でまったく肩こりがなくなりました。

長時間のデスクワークを快適に過ごせる環境が会社にも家にもできたことで、家でも諸プロジェクトの都合で本社の時間に合わせて仕事する時間が増え、業務に支障が出ない程度にハイボールを飲みつつ、休日はダラダラと映画を見ながら家で朝から酒を飲むという自堕落な生活をしていました。

また4月頭と5月末にはシンガポール出張と本社出張をし、たまにしか会えないと同僚と情報交換や近況報告をしつつ、無事イベントを終えたことをねぎらい酒を交わすという日々を過ごしました。出張中はどうしても外食が多く、高カロリーな食事が増え、そのダメージは気づかぬところで体に影響を与えていたのでした。

気づきと変化

2016年6月〜8月

肩への負担がなくなり「これでまだまだデスクワーク起因の身体的支障は回避できそうだ」などと思っていた折、ふとデスクワークをしていた際の自分の腹を見てみると、目を疑う腹の肉の膨らみがあることに気付き、慌てて体重計に乗ってみると78kgを超えていました。身長は180cmあるものの、社会人になって以来最重量を記録したことに狼狽しました。2年前には運動量は変わらずとも70kg前後で安定していたので慢心していたことを思い知り*1、なにか始めなければととりあえずジョギングを週に1回程度始めました。

しかし、この腹は生半可なことではどうにもならないと思い、エンジニア界の花山薫こと握力王子新沼氏（以下「団長」）に肉体改造の相談をしました。開口一番「今気づいてよかったですね。あと数年後ではかなりリカバリーが効かない状態になっていたと思います。」と言われ、覚悟を決めジムに通い始めました。ジムに通うのは大学のころに真面目に運動をしていたとき以来。とりあえず過去にやっていたトレーニングをもう一度やってみたけれども、まったく体が動かずあらためて自分が置かれている状況を認識し、大学1年のころにジムに初めて行ったときと同じように体を慣らしていくことからはじめました。

団長にトレーニングメニューと食事へのアドバイスをもらいつつ、なるべく空き時間を作り出来る限りジムへ行くようにし、特に6月〜7月は週5日はジムへ行き基本的なメニューをこなしていました。6月にオランダ出張があったものの、プッシュアップバーを持っていき、ホテルでの腕立て伏せは欠かさないようにしていました。

この頃には炭水化物はトレーニングでバテないように摂る程度に抑えるようになり、蛋白質メインの食事になっていきました。またサラダもブロッコリー中心となり、これまでしていたような「お腹いっぱいになるまで食べる」ということも減っていきました。と同時に、酒を飲むことがめっきり減り、家で晩酌することもほぼなくなっていきました。*2

2016年9月〜10月

スタートダッシュで月に2kgずつ体重が減っていったのですが、72kgで停滞。トレーニングメニューを変更し、上半身2日、下半身1日の3日間のあと1日オフというルーチンに変え、食事の内容も脂質を意識しだしました。同時にサプリメントも混合プロテインだけだったものを、BCAAとマルチビタミンも摂るようにし、継続的にトレーニングを行える環境を整えていきました。

また数ヶ月筋トレを続けてきた影響が良くも悪くも体に現れ始めたのもこの時期です。良い影響としては、大胸筋が目に見えて大きくなり、上腕三頭筋も明らかに太くなり、また広背筋、僧帽筋といった背中の筋肉も発達し、Tシャツを着たときのシルエットがだいぶ変わり始めました。悪い影響としては、筋肉の張りがなかなか取れなくなり、テニスボールでの刺激でもなかなかほぐれなくなったため、ランブルローラーやストレッチポールを導入し始めたのもこのころです。

毎日コツコツとトレーニングとケアを続けた結果、バルクを維持しつつも少しずつ体重が落ち始め、調子が良くなり始めたのですが、ここで10月末にロンドン→ニューヨークの2週間の出張となってしまいました。ホテルのジムに週2回程度行くようにはしたのですが、やはり出張で外食だらけになるといままで意識していたような食事が摂れず、体重も73kg程度まで戻してしまいました。

ブレイクスルーを求めて

2016年11月〜12月

帰国したものもつかのま、11月半ばにまた本社出張が入ってしまい、11月はこれまで行っていたようなリズムでのジムトレーニングができなくなりました。トレーニングしたいときに出来ないということがどれだけストレスかを実感させられました。と同時に、たとえジムに行けなくても出来る限りのトレーニングを行うことの必要性を強く感じるようになりました。11月はあまりジムに行けなかったものの、時間が空いたときの腕立て伏せやスクワットなどでトレーニングを維持したおかげで、11月末にトレーニングのルーチンが再開したときにも負荷を下げることなく行うことが出来ました。

この時期から食事内容を更に意識するようになり、脂質を極力削り、プロテインも混合プロテインからWPIに切り替えました。食事で摂る炭水化物も基礎代謝を維持する程度のもののみにし、トレーニングのためのグリコーゲン確保のためにトレーニング中にCCDを摂取するようにし、トレーニング1時間前のおにぎりなどは辞めました。

また偶然ベテランパーソナルトレーナーに相談する機会を得、骨盤が開いているとの指摘をいただき、やはり骨格と姿勢の矯正が必要であることを強く意識しました。結局筋トレは骨格に対して正しく筋を動作させないと望んだ結果が得られないということは、ここ半年での実感だったので、骨盤の矯正は目下の課題です。団長いわく「2014年ベストプロダクト」であるところの「骨盤職人」を、件のベテランパーソナルトレーナーもおすすめしていたので、すぐさま購入し毎日腰から臀部をほぐしています。

今後

現状は71kg台中盤を上下していますが、コツコツお腹の脂肪は削れているように思います。いまは学生の頃よりも良い体格になっているので、確実に結果は出ているのでしょう。筋トレを半年続けて感じたのは、正しく続けていれば結果は出るということ、そして継続するためにはそもそもの肉体のメンテナンスをおこならないことが大事であるということでした。また「ただ体重が落ちれば良い」というような闇雲なやり方でなく、科学的なアプローチで何を摂取すべきかなどを考えながら食事のバランスを極端なものにしないように頭を使うのは楽しい作業でもあります。

これからはどんどん体が動かなくなったり、健康診断の結果が芳しくなかったり、といったことが容易に想像されるので、できるだけの抵抗はしていきたいです。特にデスクワークが多い人間だと、姿勢が固定されることは必至で、これは本当に悪影響しかありません。呼吸が浅くなったり、肩甲骨や腰や臀部が硬くなったりと、毎日緩やかに自分を締め付けているようなものです。机、椅子、キーボード、マウス等々をもろもろこだわってはいるものの、やはり体を動かして直していかないと今後まずいことになる、という危機感はジムに行き始めてからより強く感じるようになりました。

2017年も引き続きトレーニングを続けながら、筋肉量を維持しつつ、70kgを割れるようにコツコツ続けていけるようにしたいものです。

明日は太一さんです。

おまけ

サプリメント

いままで試して良かったサプリメントはこんな感じです。Amazonのリンクなのは、単純に他のECサイトで埋め込みが出来ないから。海外製品の価格はAmazonだとかなり高いので注意。

ケア

  • 骨盤職人

    ペルビス 骨盤職人 PV01

    ペルビス 骨盤職人 PV01

    地方の温泉宿にありそうなフォルムをしているけれど、侮ってはいけない。これのおかげで本当に腰や臀部が毎日ほぐれるようになった。筋肉が固まると血行が悪くなり余計に筋肉の動きが悪くなり、さらに関節が稼働しづらくなるなどどんどん悪循環となるので、骨盤職人のようなケアは絶対に必要。

  • ストレッチポール

    LPN ストレッチポール(R)EX ネイビー 0001

    LPN ストレッチポール(R)EX ネイビー 0001

    肩甲骨まわりから腰回りなどを程よく緩めてくれる。寝る前にストレッチポールで体を動かすようになってから、より熟睡できるようになった。純正品のリンクを貼ったけれど、類似品が低価格で出ているのでそれを買っても同様の効果は得られると思う。

  • ランブルローラー

    ランブルローラー／Rumble Roller（スモールサイズ／ハードタイプ／ブラック）?トリガーポイント＆筋筋膜リリース／マッサージ＆ストレッチローラー

    ランブルローラー／Rumble Roller（スモールサイズ／ハードタイプ／ブラック）?トリガーポイント＆筋筋膜リリース／マッサージ＆ストレッチローラー

    前鋸筋、小胸筋、前脛骨筋、菱形筋など、骨盤職人でほぐすのが難しいところはこれでほぐしています。見た目通りかなりほぐれる。これもストレッチポールと同じく類似品でも同様の効果は得られると思う。こういうものを筋肉に当ててみて激痛が走るようなら少なからず状態は良くない。普通筋肉を押して痛いことは筋肉痛以外ありえないので。家に1個これを置いといて、背中をコロコロするだけでも日々の背中周りの疲れにだいぶ効果があると思う。

*1:老化は線形ではなくステップ型に起きる、ということも身をもって認識しました。

*2:ラーメンとカレーは2大麻薬なので、この頃から食べることを控えるようになりました。カレーは最近機内食と昼食で1回ずつ5ヶ月ぶりぐらいに食べて、ラーメンはここ半年食べてません。不思議なものでラーメン断ちをしたら、次に食べるラーメンはせっかくだから美味しいところがいいと思うようになり、結果としてなかなか美味しいラーメン屋に遭遇できず、ラーメンから足が遠のいていきました。

スペイン旅行記

misc travel

はじめに

Hola!! 去年のイタリアに続いて、今年は9/19-27という日程でシルバーウィークを活用し、スペインに旅行に行ってきました。めったに更新されなくなったこのブログを更新するためにも旅行記を残そうと思います。去年のイタリア旅行記はこちら。

旅程

今回の旅行ではスペインの3都市、バレンシア、バルセロナ、サンセバスチャンを旅してきました。日程は9/19-27の7泊9日。バレンシアからバルセロナは鉄道、バルセロナからサンセバスチャンはビルバオを経由して飛行機とバスでの移動です。

都市 日程
バレンシア 9/19-20
バルセロナ 9/20-23
サンセバスチャン 9/23-26

気付きと感想

ただ感想見るよりは写真があったほうがわかると思うので、アルバムを置いときます。

全体として

  • 朝、日が昇るのがすごく遅い。7時になってもまだ夜明け前。よく考えると当たり前で、スペインのタイムゾーンはヨーロッパ中央夏時間で、フランスはおろか、ドイツやスウェーデンとまで同じ時間帯。同じ時間帯のなかの一番西端なので時間帯が同じだったら当然日の出時刻は遅くなる。現地時間から2時間引いて考えるとなんとなく感覚が合う。
    • スペインは夕食の時間が21時くらいからと遅いけど、それも日の入りからの時間で考えたら結構普通だった。
  • 英語は思った以上に通じなかった。イタリアに行ったときはそれほどまでではなかった記憶がある。
    • あいかわらずGoogle翻訳は素晴らしい。（後述）
  • バレンシアでもサンセバスチャンでもビーチではトップレスになる女性が多い。特にご年配の女性のトップレス加減には貫禄すら覚えた。
  • 施設の見学はオンラインで事前に入館チケットを買っておくのが吉。
  • Google Mapsは今回も最高に役にたった。
    • 飲食店の保存、現在地からの移動時間、お店の開店時間などが見られるのが良い。特にスペインはシエスタがあったりしてお店の開店時間がまちまちなので超重要。
    • バス、電車、トラム、地下鉄、ケーブルカーなど全部出て来るのが素晴らしい。
  • チップはイタリアと同じように満足したときに払う、という雰囲気。5%くらいで良い。
  • モバイルネットワークは概ね良好。行った3都市では4G入った。ただ建物に入ると結構な確率で電波なくなった。
  • 街中に宝くじ（ロト）売り場が結構あった。
  • スペインなのでZARAがめっちゃ多い。メインのZARAだけでなく、ZARA Home、ZARA Kids、また姉妹ブランドのStradivariusやMassimo Duttiなども多い。

バレンシア

  • 英語がほぼ通じないと思っていい。ヨーロッパに行ってここまで英語が通じなかったのは初めてだった。ヨーロッパといえどどこでも英語が通じるわけではない、というのを初めて肌で感じた。
  • 街灯はネオン。夜の散歩は雰囲気があって良い。
  • Estació del Nord（バレンシア北駅）そばのPlaza de Toros de Valencia（闘牛場）は博物館が併設で、闘牛をやっていないときは闘牛場の中に入れたりとして楽しい。闘牛をやっていないときの入館は€2と大変お安い。

バルセロナ

  • 結構栄えてる。地下鉄やバスは活動時間に合わせ、日付が変わった後でも運行している。
  • バルセロナを移動する際にはTMBのT-10（10回回数券）が得。地下鉄、バス、トラム、電車が結構な範囲乗れる上に、1時間15分以内なら乗り換え無料。
  • サグラダ・ファミリアでエレベーターがいきなり故障して生誕の塔に登れなくなった。しょうがないので翌日に受難の塔に登る予約をして、再度チャレンジした。
  • Camperはスペインのブランドだけあって日本で買うより断然安い。おまけに免税も効くのでスペインで買うのがお得。
    • 前にイギリスでCamper買ったときも同様だったので、ユーロ圏で買うのが良い、という話かもしれない。
  • 英語はバレンシアよりは通じるが、理解はすれども話せないという人が多い。危機感を感じるのでレストランの注文くらいは覚えて片言で話せるようにした。
    • 数字、「おいしい」、「ありがとう」、「会計をください」、「いくらですか」、お気に入りの料理の固有名詞など
  • ゴシップ地区はセレクトショップ的なおしゃれなお店が多い。古い町並みなので中心部と違った風景が楽しめて良い。
  • ピカソ美術館ではピカソが15歳くらいまでは凄くアカデミックな写実的な作品を主体として描いていたことがわかる。

サンセバスチャン（ビルバオ）

  • ここもバレンシアと同様英語はほとんど通じない。
  • Feelfree Rentals というAirBnBの物件保有と掲載を自分たちでやってるようなサービス経由でアパートを借りたが、玄関のドアの鍵が全然開けられない。どうやらスペインの古い建物はほとんどそうで、みなドアの開け方のコツをそれぞれに習得しているらしい。昔の日本みたいだ。
  • そこら中でピンチョスが食べられるので、食べ歩きしたい人にはバレンシア、バルセロナ以上におすすめ。
    • 個人的なおすすめのお店（カッコ内はおすすめメニュー）は Borda Berri（牛頬肉の煮込み、ボンバ、リゾット）、Taberna Gandarías（牛頬肉の煮込み、ピンチョス全般）、Txuleta（Tボーンステーキ）、La Cuchara de San Telmo（フォアグラ、リゾット）、Atari Gastroteka（牛頬肉の煮込み）、Ganbara（ポルチーニ茸炒め）
  • サンセバスチャンのビーチはこの時期は入るには冷たい。15:30くらいにあるとようやく頑張ってはいれるくらいの水温になる。
  • 日曜日は店がほとんどやっていない。人もほとんど外にいない。ピンチョス屋のみやってる。
  • 子供が夜遅くまで外で遊んでる。しかも親の監視がない場所で子供だけで遊んでたりする。乳飲み子を12時過ぎまで連れ歩く家族も結構いた。
  • 免税のスタンプをもらう方法が初見殺し。（後述）

細かなTips

インターネット予約

どこの観光地でもそうだけれど、入館が必要なところは事前にインターネット予約したほうがいい。

SIMカード

イタリアの旅行のときと同様に、スペインでも相変わらず現地でスマホが活躍した。やはり現地SIMを利用できるSIMフリー端末を持っているのは便利である。

今回はいくつかのキャリアの選択肢はあったけれど、最初の訪問地のバレンシアでのホテルに近かったOrangeでプリペイドSIMを購入。2GBと30分のフリーコールで€20。1ヶ月有効で足りなくなったらSMSでデータ容量の追加も可能。

バレンシア、バルセロナ、サンセバスチャンの3都市を訪問したが、どの都市でも街中では常に4Gが利用でき、速度も特に問題なかった。店内に入ると不通になることはあったが、Google翻訳などの辞書を事前にダウンロードしておけば特に問題にはならなかった。

Google翻訳

今回も相変わらず高精度な翻訳で本当に役に立った。話者が多いこともあり、前回の旅行で利用したイタリア語→英語の翻訳よりもスペイン語→英語の翻訳のほうが精度が高い。 どのような結果になるかは次の画像を見てもらったほうが早いと思う。看板やレストランのメニューなど、様々なところで役にたった。

ビルバオの免税スタンプについて

今回は帰国に際しビルバオ空港からシャルル・ド・ゴール空港で乗り継いで日本に帰ってきた。スペインということで地元のブランドであるCamperの靴を買ってきたが、免税適用が可能なため、ビルバオ空港で免税のスタンプを取得する必要があった。ただこのスタンプの取得が完全に初見殺しな上に日本語の情報がネットで見つからなかったのでここに残しておく。今回の方法は免税対象品を飛行機の預入荷物の中に入れたい場合。

  1. まず最初にチェックインカウンターの裏側にある手荷物検査所のエリアの近くに行く
  2. その辺にいる警備員に「免税のためにスタンプがほしいのでその手続をしてほしい」と頼む
  3. するとその警備員は「免税書類を提出して、免税対象品を見せろ」と聞いてくるのでその通りにする
  4. 警備員が免税対象品を確認すると、免税書類を持っておもむろにセキュリティゾーンの方に去っていくので待機する
  5. 自分の代わりにスタンプを取得した警備員が戻ってくるので免税書類を受け取る
  6. 無事に必要事項が揃った免税書類が取得できたので、封筒に入れて空港にあるポストに投函して完了
  7. 免税対象品はスーツケースに入れてしまえば機内に持ち込まなくて済む

ポストはインフォメーションセンター近くの自動ドアを出てすぐのところにある。ライオンの像がポストなので初見だとポストと気づかない。

サブ機としてのα6000

自分はニコンのD610とFマウントレンズをいくつか持っているのだけれど、歩きの移動が多い海外出張や海外旅行だとかなり重労働になるので、ここ半年くらいサブ機がほしいと思っていた。で、今回の旅行に際して諸々悩んだ末にα6000のズームレンズキットを購入した。上のアルバムの写真はこのα6000で撮影したもの。画像加工はGoogle Photosが自動で行ったHDR以外は撮って出しのものだけ。

SONY ミラーレス一眼 α6000 ボディ ブラック ILCE-6000-B

SONY ミラーレス一眼 α6000 ボディ ブラック ILCE-6000-B

APS-C機だけれど、ボディとレンズでの重量も軽くサイズも小さく、ブラケット撮影や連写、動画撮影、マニュアル撮影等々もそれなりにこなせる良いカメラだったので買ってよかった。バリアングルでないため、セルフィーなどは難しいけれど、適当にピント合わせるとわりとちゃんと撮ってくれるので問題ない。携帯のアプリを通じてシャッターも切れるのでそっちでも良いかも。Eマウントはレンズが少ないところだけが辛いけど、サブ機だったりいままでカメラを持ってなかった人がレンズ交換可能機として初めて持つなら十分おすすめ。

参考

TypeScript 2.0.0とVisual Studio Code 1.4でChrome拡張を書く

TypeScript Chrome

はじめに

こんにちは。ナルゲンボトル愛好家です。ふと思い立ってChrome拡張作ろうかなと思ったんですが、どうせならTypeScriptでやるのがいいじゃねえかってことでやりました。で、最近ブログ書いてないし、なんかまとめたらいい感じかなと思ったのでまとめます。

構成

.
├── dist // 生成された拡張
│   ├── context-menu.js
│   ├── icons
│   │   └── icon48.png
│   └── manifest.json
├── gulpfile.js
├── .eslintrc.json
├── package.json
├── static
│   ├── icons
│   │   └── icon48.png
│   └── manifest.json
├── ts
│   └── src
│       └── context-menu.ts // Chrome拡張をTypeScriptでやってくやつ
└── tsconfig.json

毎回思うんですが、ちょっとのことやりたいだけなのに xxxx.json みたいな設定ファイルばっかりでほんとにだるい。だれかなんとかしてほしい。

下準備

typescript@2.0.0 を Visual Studio Code の参照先にする

あたりまえだけどまずTypeScriptが必要。今回は新しいやつを早く使いたかったんで @2.0.0 をグローバルに入れた。バージョン使い分けるほど使ってません。

$ npm i -g typescript@2.0.0

最近はエディタは軟派にVisual Studio Codeをよく使ってるんだけど、こいつがデフォルトで使うTypeScriptの設定を変えてやらないと新しい文法とか出てきた時にlintがうるさいので変えておく。Visual Studio CodeのUser Settingsでこんな感じの設定をしておく。ワークスペースごとに使うTypeScriptのバージョン違うという人がいたら、Workspace Settingにして、Workspaceのtypescriptを参照するようにしたらいいんじゃねえかと思いますが、やったことはありません。

"typescript.tsdk": "/Users/ymotongpoo/.nvm/versions/node/v6.3.0/lib/node_modules/typescript/lib"

Chrome Extension APIの型定義ファイルを参照する

TypeScriptの恩恵にあずかりたいので型定義ファイルを持ってくる。当然Chrome本体にモジュールはあるため、型定義ファイルだけあれば良いので、 id:otiai10 に感謝を唱えつつモジュールを落とす。

$ npm i @types/chrome

あとは普通に使えば良い。tsconfig.jsonとcontext-menu.tsはこんな感じでやっていく。tsconfig.json の compilerOptions はChromeがES5で頼むって感じだったはずなので target に気をつけるのと、あとでbrowserifyするんで module は commonjs にしときました。momentは単に今回使ったので特に重要じゃないです。

{
    "compilerOptions": {
        "target": "ES5",
        "module": "commonjs",
        "moduleResolution": "node",
        "sourceMap": true,
        "emitDecoratorMetadata": true,
        "experimentalDecorators": true,
        "removeComments": false,
        "noImplicitAny": false
    },
    "files": [
        "./ts/src/context-menu.ts",
        "./node_modules/@types/chrome/index.d.ts",
        "./node_modules/@types/filesystem/index.d.ts",
        "./node_modules/@types/filewriter/index.d.ts",
        "./node_modules/@types/moment/index.d.ts"
    ]
}

context-menu.tsでは参照しときましょう。

/// <reference path="../../node_modules/@types/chrome/index.d.ts" />

いい感じになった。

f:id:ymotongpoo:20160805131904p:plain

gulpの設定

grunt だとか gulp だとかなんか周辺ツール多すぎてホント嫌になってくるんですが、まあそういう形で回っちゃってるものはしょうがないので文句言いながら gulpfile.js 書きます。必要なパッケージを入れときます。

$ npm i -g --save-dev browserify
$ npm i --save-dev vinyl-source-stream tsify gulp-jsmin
$ npm i -u typescript@2.0.0

ローカルにもtypescript入れるのはtsifyでtypescriptモジュールをrequireしてるため。tsifyだけにしちゃうと依存してるデフォルトのバージョンが入っちゃうんでこうやってる。最初はgulp-typescript使ったりしてたんだけど、公式サイト見に行ったら使わないで一発でbrowserifyしてて楽だったので真似した。

const gulp = require('gulp');
const del = require('del');
const browserify = require('browserify');
const source = require('vinyl-source-stream');
const tsify = require('tsify');
const jsmin = require('gulp-jsmin');

const config = {
    browserify: {
        opts: {
            basedir: '.',
            entries: ['./ts/src/context-menu.ts'],
            cache: {},
            packageCache: {},
            debug: false
        }
    },
    source: {
        target: 'context-menu.js'
    }
};

gulp.task('copy', [], () => {
    return gulp.src('./static/**/*')
        .pipe(gulp.dest('./dist'));
});

gulp.task('build', ['copy'], () => {
    return browserify([], config.browserify.opts)
        .plugin(tsify)
        .bundle()
        .pipe(source(config.source.target))
        .pipe(gulp.dest('./dist'));
});

gulp.task('minify', ['build'], () => {
    gulp.src(['./dist/**/*.js])
        .pipe(jsmin())
        .pipe(gulp.dest('./dist'));
});

gulp.task('clean', [], () => {
    return del(paths.dist.dir);
});

gulp.task('default', ['minify']);

使ってたmoment.jsの型定義ファイルだけインストールして、肝心のmomentパッケージ自体をインストールし忘れたことで、当然concatされないことを気付かずに悩むみたいなバカなことをしたけど、まあ動いちゃえば単純。

distをパッケージにする

普通にここに書いてあるとおりにやるだけです。Macな人はコマンドが若干異なるけどほぼ一緒です。

$ '/Applications/Google Chrome.app/Contents/MacOS/Google Chrome' --pack-extension=dist

というわけで dist.crx が出来て嬉しいですね。

おわりに

設定ファイル何個書かせるんだよ。めんどくさい。

CIサービスだけでErgoDoxのファームウェアをビルドして公開する

ErgoDox keyboard

はじめに

こんにちは、Go界のalva notoです。ErgoDoxを買ってから1ヶ月が経ちますが、毎日快適にデスクワークをしております。そして日々ErgoDoxを使いながら常に新しいキー配列を模索しています。ErgoDoxの良い点は単純にセパレート型で肩が開く点だけでなく、自より指（腱）に負担がかからない配列に自由に直せるという点もあります。ただ、自分でキー配列を変えたファームウェアをビルドするのはちょっと面倒。

これまでは単一キーのみのアサインだったのでMassdropのコンフィギュレーターを使っていましたが、さらなる最適化を求めてファームウェアを自前でビルドし始めました。しかしながら、毎度毎度VagrantやDockerで環境を立ち上げてビルドするのは面倒なので、CIでビルド出来るようにしましたので、その情報を共有します。

ビルドプロセスの設定

普通に手元で動くTeensy用ファームウェアのビルド環境があれば普通にdockerの環境で都度ビルドしたり、CIであればJenkinsなりdrone.ioなりでビルドを回せばいいのですが、自分はそのためにサーバを持ちたくなかったので、werckerでビルドしてビルド済みバイナリをbintrayにアップロードするようにしました。一連のプロセスを実施するwercker.ymlは次のファイルです。

今回はこのレポジトリをforkした前提で話を進めます。

bintrayの設定

まずアップロード先のbintrayの設定をします。まずアカウントを作ると何をしていいのかさっぱりわからないトップ画面に連れて行かれますが "Owned Repository" の "view all" をクリックすると自分が所有するレポジトリの一覧が表示されるので "username/generic" にいきます。 f:id:ymotongpoo:20160424120930p:plain

genericレポジトリ内に ergodox.hex というパッケージを作成します。*1 f:id:ymotongpoo:20160424121111p:plain

それが終わったら画面右上のユーザ名をクリックすると出てくるメニューから "Your Profile" を選択し、表示された画面で自分のアイコンの隣にある "Edit" ボタンを押します。進んだ画面で "API Key" のメニューを選択して、そこに表示されているAPI Keyをどこかにメモっておいてください。 f:id:ymotongpoo:20160424121515p:plain

これで bintray 側の設定はおしまいです。

werckerの設定

次に wercker の設定をします。ログインした後に、新規Applicationを作成します。 f:id:ymotongpoo:20160424121711p:plain

するとレポジトリの選択画面が出てくるので、forkしておいた qmk_firmware のレポジトリを選択し、"2. Configure access" ではデフォルトを選択します。最後にビルドの様子を公開するかどうかは適当に設定しておいてください。無事にApplicationが作成されたところで、Applicationの設定をします。

werckerではbuildフェーズとpipelineフェーズで各々の設定が必要です。まずbuildの設定をします。 Applicationの右上にある "Settings" から設定画面にとんで、"Environment variables" のメニューで環境変数 "TARGET_KEYMAP" の設定をします。もしレポジトリ内に気に入ったキーマップがあったらそのディレクトリ名を、特になければ default にしてください。 f:id:ymotongpoo:20160424125242p:plain

次にdeployフェーズでbintrayにファイルを置く設定をします。 "Targets" のメニューで表示された "Add deploy target" を選択します。適当に Deploy target name に名前を付けて、Auto deployにチェックを入れ、対象のブランチ名を書きます。 f:id:ymotongpoo:20160424124007p:plain

すると "Deploy pipeline" という項目が表示されるので、そこで deploy に必要な環境変数などを設定します。次の表のように環境変数を設定してください。

環境変数名 値
BINTRAY_USERNAME bintrayのユーザ名
BINTRAY_APIKEY 先ほどメモしたAPI Key （protectedにチェックを入れておくと良い）

キーマップの変更とデプロイ

下準備が整ったところで、キーマップの変更をしましょう。ErgoDox EZ用のディレクトリが qmk_firmware/keyboard/ergodox_ez にあり、このディレクトリ内の keymaps にいろいろなキーマップが事前定義してあります。良いキーマップを見つけた人はそのディレクトリ名を先ほどのwerckerの TARGET_KEYMAP に設定すれば良いです。しかし、私は自分なりのキーマップにしたいので書き換えます。基本的に default を書き換えるようにしています。この keymap.c がキーマップの設定を持っているソースコードです。

C言語で書かなければいけないような雰囲気を感じますが、面倒な関数定義やマクロ定義はすべて終わってるので、そのなかのキーアサイン用の配列を書き換えるだけです。キーの設定に関してはこのドキュメントとヘッダファイルを読むと良いでしょう。

MOD_T系（CTL_T、GUI_Tなど）は「押しっぱなしにしていると修飾キーに、それ以外はマクロに渡したキーコードになる」という設定なので、これを使いこなすと非常に強力なのではないかと思うんですが、自分はその設定はしていません。

変更を行ってGitHubにpushすればあとはwerckerが自動でビルドしてbintrayにデプロイしてくれるのでちょっと落ち着いて待っていましょう。無事にアップロードされるとbintrayのほうに「ブランチ名-コミット番号」というバージョンができています。 "Files" のメニューからダウンロードして、Teensy Loaderなどを使ってErgoDoxに焼いてください。 f:id:ymotongpoo:20160424132131p:plain

おわりに

ErgoDoxのノウハウが世の中に多く出てくればいいなと思います。ぜひみなさんもシェアしてください！あと、自分のTLを見ていてみErgoDoxを自分で組立たり既成品を買ったりしている人がちらほらと増えてきたので、ぜひ現状確認会のような集まりをしたいと思っています。

参照

関連レポジトリ

ErgoDox

ErgoDoxを使うが起きる日本語の記事

*1:別にどんな名前でもいいんですが、上記のwercker.ymlを使い回すならこの名前にしてください。

ErgoDoxを購入して人生がバラ色になった

ErgoDox misc keyboard

はじめに

こんにちは、Go界のスコット・ヘレンです。最近はPrefuse 73を毎日聴いています。今日は久々に熱いガジェットが2ヶ月ごしに届いたのでその話を書きます。

エルゴノミクスキーボード

「エルゴノミクス」と呼ばれるものがあります。日本語では「人間工学」などと呼ばれています。普段使っている道具が作られた時に、人間の操作しやすさや疲労のしにくさといったものが考慮されていないことがよくあります。たとえば、PCのキーボードなんかはそうで、もともとタイプライターというものが存在した前提があって、そのキーの並びをそのまま持ってきたのが現在のキーボードの標準のキー配列であるQWERTY配列です。これはPCのキーボードの配列としては理にかなっていないということで、Dvorak配列というキー配列が登場したわけです。

キー配列に関してはすでに慣れてしまったので、いまからDvorakに変更するということは（おそらく）しないと思います。しかし、慣れの問題では済ませられないものがあります。それがキーボードの形状そのものです。PCのキーボードは、典型的なものでは長方形の板状の筐体に50個超のキーが配置されています。人間がそこに手を伸ばしてホームポジションに手を置いてキーを打とうとすると、どうしても手が内転してしまいます。腱鞘炎待ったなしです。そこでエルゴノミクスキーボードでは、なるべく手首が内転しないように真ん中を盛り上がらせたり、キーの配置を少し変えてみたり、あるいはKinesis Contouredのように、キーの配置を2箇所に分けた上にキーをおわん型に配置するなどの工夫をしています。

これですべて解決しているように思えますが、残念ながら自分はまだ納得入っていませんでした。5年ほど前にマッサージ師から肩こりがヒドイのでエルゴノミクスキーボードに変えたほうが良いとのアドバイスをうけ、Kinesis Contoured を使うようになり、たしかに肩こりはなくなりました。しかしながら、まだ肩が内側に入ってしまい、リラックスまであと一歩という状況でした。理由は簡単で、キーボードの幅と肩幅を比べた時に、肩幅のほうが広いからです。普通は肩幅よりも圧倒的にキーボードのほうが狭くなります。そうなると、キー入力の際には必然的に両手が肩幅よりも内側に来るようになります。試しにその状態で胸を張ってみてください。無理だと思います。人間はそういう姿勢で胸を張れるように出来てません。

ErgoDoxとの出会い

もちろん上記の不満点から、セパレート型のキーボードを検討したこともありました。しかし、そうすると今度はキー配置が気に入らないのです。Kinesis Contouredの良い点は単にキー配置を2箇所に広げただけでなく、十分に動くにも関わらず、普通のキーボードではスペースキーとAlt/Option、Command/Winキー程度にしか使われていない親指を有効に使えるよう、多くのキーを親指周りに配置しているところにもあります。

Kinesis Contouredのキー配列でセパレート式になったものが無いだろうか。ここ1年はとくにそのようなことを思っていたわけですが、ここで友人が動き始めたわけです。日本一握力のある男、そう超オス、 @hiroki_niinuma がμTRONキーボードを改造して親指に機能を多めに割り当てて使い始めたとのこと。快適であることを日々報告されると、ますますセパレート型キーボードが欲しくなる。しかしμTRONはキー配列が好みでない。

そんな折、ふとしたことでErgoDoxと出会ったのです。そう、あの対談です。

実は、このときこの場に同席していたんです。 f:id:ymotongpoo:20160129193318j:plain

ここで @nippondanji さんがErgoDoxについて紹介してくださって、実機を見せてくださいました。キー配列はKinesisと同じで、メカニカルキーボードであることも同じ、そして重要なセパレート型。すぐにErgoDoxに移行することを決意しました。問題はErgoDoxはオープンソースなキーボードであり、自力で作ることを想定していること。基盤を焼いたり、筐体を作ったり、キーをすべてハンダ付けしたり、などなど全部やらなければいけない。しかし、 @nippondanji さんがブログに書いていたように、すでにErgoDoxエコシステムと呼べそうなものができつつあり、パーツ代と手間賃を払えば完成品を送ってくるサービスがあるとのこと。いろいろ探して、自分も一台注文。

そして1月末に注文してから2ヶ月弱、ようやく今日届きました。

f:id:ymotongpoo:20160325174851j:plain

こういう感じで傾きをつけることもできるので、とても楽です。

f:id:ymotongpoo:20160325195803j:plain

使い始めてみると、本当に姿勢に余裕ができて、胸が大きく広がるため、堅苦しさを感じることがありません。また呼吸も深くでき常にリラックスできます。自分はエンジニア以前に人間としてなるべく元気でいたいと思っているので、日々のパソコン作業で極力体に負担がかからにようにするというのもひとつの重要な要素だと考えています。なので、いまこうやってErgoDoxを使って文章を書いていると本当にいい買い物をしたと思います。

ErgoDoxの買い方、あるいは組み立て方は他のサイトに譲るとして、もっと多くの人が楽な姿勢で仕事ができるようになればいいなと思います。

とりあえず現状のキーマップを晒しておきますね。

Drop: Passions lead here (formerly Massdrop)

f:id:ymotongpoo:20160325213155p:plain

国産のキーボードメーカーへのお願い

日本には品質の高いキーボードを作っているメーカーが多いので、ぜひエルゴノミクスキーボードにも力を入れて欲しい。特にErgoDoxはオープンソースライセンスで基盤や基本的な筐体の設計図をすべて公開しているので、それこそPFUや東プレが誇る静電容量無接点方式のErgoDoxキーボードが出たらまず買います！

エンジニアが長いキャリアを積めるようになれば、キーボードメーカーの皆様におかれましても市場が拡大されると思いますので、ぜひご検討ください。

あわせて読みたい