tkt989 🍵 ブログ

バイクに乗りはじめた

Wed, 02 Jun 2021 14:31:54 GMT

1年以上ぶりの投稿。

2020/09くらいからふつふつとバイクに興味がでて教習所に通い始めて、2ヶ月くらいで免許取得できた。良いバイクなんて分からないし、とりあえずコスパでジクサー150を購入。

Android build on GitHub Actions でdebug keystoreを設定

Tue, 26 May 2020 15:43:00 GMT

Android Studioで開発しているときには、デバッグ用の証明書ファイルで署名されています。このファイルは~/.android/debug.keystoreにあります。証明書が違うとインストールするときに、エラーが起きていったん入ってるアプリのアンインストールが必要になります。 SQLiteなどのApp内で使うデータが消えてしまうので、同じ証明書で署名したいところです。

GitHubのsecretsにkeystoreをbase64に変換して保存します。

$ base64 ~/.android/debug.keystore

上の内容をsecretsに貼り付けましょう。

そしてworkflowで

- run: echo ${{ secrets.KEYSTORE }} | base64 --decode > ~/.android/debug.keystore

を実行して、keystoreを~/.android/debug.keystoreに保存する。

参考にしたサイト

https://blog.spacemarket.com/code/circleci-android/

Kindle Unlimited で読める、AWS VPC をざっくり知れる本

Sun, 16 Feb 2020 14:45:46 GMT

AWS は VPS 感覚で EC2 インスタンスを作ったことしかなかった。そんな感じなので、体系的な知識を勉強中です。

とりあえず、以下の本を読んだのですがなかなか良かったです。 AWS 内でネットワークを構築できる VPC やサブネットなど説明されています。

数年前の本だけど、内容はほぼ今でも通じます。一部UIの文言が違うだけで、AWS の設定の仕方は変わっていないです。

Kindle Unlimited 会員なので無料で読めた。

Amazon Web Services ネットワーク入門

Python Boot Camp in 長崎に TA として参加した記録

Tue, 11 Feb 2020 07:54:20 GMT

2月8日に開催された Python Boot Camp in 長崎に参加してきました。 Python Boot Camp はPythonを広めるために、PyConJPというコミュニティが日本各地で開催している入門者向けの勉強会です。

開催される一月前くらいにconnpassで知り、最初は一般参加者として参加してみようかなっと思っていました。しかしTA枠もあって、TAというのはティーチングアシスタントで講義中に困っている人を助ける係の人ですね。講義では、コードを書いて実行したりもするのですがしエラーが出たり環境設定がうまくいってなかったりで詰まってしまう人もいるので、そういう人に声をかけてサポートするのです。

Pythonは趣味でツールとかWebサービスとか作ったりしたことがあるし、講義で使うテキストを読んでみたら自分でも教えられそうな内容だったので、思い切ってTAとして参加してみました。

応募するとSlackに招待されてもらい、当日は開始時間前にランチミーティングを行いました。自己紹介やTA経験者の方から、参加者の方がどういうところで詰まりやすいかなどを教えてもらえた。いやーやっぱり初めてだったので、経験者がいたのは心強かったです。

会場はできたばっかりのミライon図書館。初めて行ったけど、広くてオシャレだった。また行ってみたい。でも利用券作るの忘れちゃった。また来たときに作ろうと思う。

会場の準備が終わると、参加者の方も集まってきた。人数は20人くらいほぼ満員です。私がconnpassで参加申請したときは、まだ数人くらいだった。こんなに集まるとは思わなくて少し意外。長崎でもPythonをやってみたい人が多いんですね。

イベントルームも広くて過ごしやすく、途中でおやつ休憩に入ったときは、隣同士になった人と自己紹介して雑談しあったりいい雰囲気でしたまた、イベントスタッフに Pyladies のスタッフの方もいて活動内容を紹介していました。勉強会には女性の方も参加していました。

基本的には、テキストを読みながら講師の方が進めていきます。講師が話している最中は邪魔なので後ろにいて、コードを書くステップに入ったら教室をウロウロしながら困っている人に声をかけたりしながら過ごします。

参加者の方は、最初の環境構築などで詰まってしまうことが多いみたいで、最初の1時間が大変とのこと。TA経験者の方がいたので心強かったです。

テキストの内容は、環境構築からFizzBuzzを解いたり、リストや辞書などのデータ型の解説、最後にはスクレイピングを行うのですが、venvを使って仮想環境を作りパッケージをインストールします。そう、venvまで使うのです。事前にテキストを読んだときは、初心者には仮想環境と説明しても理解してもらえるのかなぁと感じたり、プログラミング経験者でもrubyやnodejsをやったことないと、venvを使う意味がわからないんじゃないと思ったりしましたが。でも講師の方が覚えておくと絶対便利だと言っていたので、ただ単にPythonの入門ではなく、実践的な内容になっているなぁと感じた。

TAで参加した感想としては、こういうサポート役で勉強会に入ったのは初めてだったので、いい経験になったなと思う。画面をみながら回っていると、「あっ、ここ間違えてるな」って思うわけですが、自分が書いたコードが間違っている認識を持つ前に、こっちから「ここ間違ってますよ！」って言うのもどうなのかな、鬱陶しがられそうかなと考えたりしてた。基本的には、エラーを解決できなさそうだったな声をかけにいくって感じでやりました。

質問にもいくつか答えて、

venv で仮想環境にちゃんと入っているかよくわからない
- ターミナルのプロンプトに(env)みたいな仮想環境の名前が入ってるならOKだよみたい答えた
（詳しい人から）venvでPythonのバージョンを切り替えたい場合はどうすればいいの
- rbenv や nvm みたいにインタプリタのバージョンも仮想化したい場合
  venv ではインストールされてるPythonバージョンしか使えないはずなので別バージョンのPythonをインストールして、仮想環境を作らないとダメ
  これはあんまり自分も自信がなかったので、ちゃんと答えられたか不安
  pyenv というのを使えばできるみたいです

TAはPython経験者なら誰でもウェルカムで、PyConJPの関係者や現地スタッフじゃなくても自由に参加できます。むしろPythonコミュニティを盛り上げるためにも、現地の人に積極的に参加してほしいみたいです。

勉強会が終わったあとに、懇親会にも参加しました。話すのが本気で苦手なので、周りの人の話を聞きながら過ごしてました。

Python Boot Camp と Connpass のステッカーをもらった

参加して改めて、Pythonのコミュニティってすごいなって思った。そもそも全国的なコミュニティが長崎まで来て勉強会を開催するっていうのが、コミュニティの強さを表してますね。

改めて、TAとして参加できたのはいい経験になったなぁと思う！おつかれさまでした！

他人と比べても意味がない

Sun, 12 Jan 2020 16:48:18 GMT

私は他人と比べて自分はダメだなぁとよく思いがちです。「あんなことは自分にはできないなぁ」「自分はダメ人間だ、、、」みたいなことを考えてしまいます。そういうことを考えても仕方ないとは思っているのですが、どうしてもやめられないです。逆にプライドが高すぎるたり、自分自身を受け入れられていないということもあるのでしょう。でも最近は本を読んだり、経験したりして少し考え方が変わってきたかなぁと思っています。

確かに世の中には、信じられないくらいすごい人はゴロゴロいる。世の中には、面白いWebサービスを作ってQiitaに投稿してバズっている人もいるし、中学生でRubyのコミッターになった人もいる。私はプログラミングができるが、これも全体で見れば下から数えた方が速いくらいのレベルだと思う。日本中で使われるようなアプリ、Webサービスを作ったこともないし、コンピューターの基礎技術も持っていない。 OSなんて作れないし、プログラミング言語も作れない、作ったことない。そんな人たちと比べたら自分なんて、大したことない。

私はカメラも少しかじっているが、それも趣味以下のレベルだろう。プログラミングほど熱心な訳ではないので、当然だろう。

囲碁や将棋もやったことはあるが、初心者に毛が生えた程度。初段なんて持っていない、せいぜい級だ。

人よりも何か優れていることなんて自分にはないのです。やっぱり自分なんて大したことないんだ。

でもこれって当たり前。何故って、自分（1人）vs世界（約70億人）で戦っているから。 1人vs70億人なんだから負けて当たり前なんだ。

そりゃぁ世の中にはすごい人はいっぱいいる。発想力、創造力がずば抜けて高い人はいて、その人と私が戦ったらもちろん私が負ける。信じられないくらいの知識、技術力を持っている人もいて、その人と私が戦ったらもちろん私が負ける。

これは設定の仕方が間違っている。人それぞれ得意な武器は違う創造力という武器では勝てないけど、別の武器なら勝てるかもしれないのだ。

他人と比べるときは、自分の得意な武器で比べた方がいいんだと思う。プログラミングで戦うならば、私は世界ランクでは下から数えた方が早いだろう。でもそこにカメラがそこそこ好きっていうのをプラスする。「プログラミングができる＆カメラがそこそこ好き」という武器で戦うなら、私は少し上位にいきそうだ。今度は、初心者程度の囲碁、将棋ができるをプラスしてみる。「プログラミングができる＆カメラがそこそこ好き＆初心者程度の囲碁、将棋」が武器だったら、もっと戦えそうだ。

要するに、一本の軸じゃなくて複数の軸で考えることが大切なんだろうそう考えると少し楽になったかな

Flutterの自作ライブラリを作って公開する方法

Wed, 30 Oct 2019 14:39:10 GMT

loading_textなるライブラリを公開したので、そのときに得た知識を残しておきます。

Flutterライブラリの作成

$ flutter create --template=package <name>

でFlutterライブラリのプロジェクトを作ることができます。このコマンドで作られるプロジェクトはlibのみで、android、iosなどプラットフォーム非依存のdartコードだけ書けます。

$ flutter create --template=plugin <name>

でプラットフォームのコードも書けるようですが、今回は試していません。

公開の手順

まずは以下のコマンドでプロジェクトに不備がないかチェックします。

$ pub publish --dry-run

私の環境では、pubspec.ymlにhomepageとauthorの項目が足りないことで、怒られました。

修正したら、以下のコマンドで公開です。

$ pub publish

途中、Googleアカウントでログインが求められるので、URLにアクセスしてログインしましょう。しばらくすると、公開が完了します。

注意点

公開したパッケージは削除することはできないみたいです。

Publishing is forever Keep in mind that publishing is forever. As soon as you publish your package, users can depend on it. Once they start doing that, removing the package would break theirs. To avoid that, pub strongly discourages deleting packages. You can always upload new versions of your package, but old ones will continue to be available for users that aren’t ready to upgrade yet.

適当翻訳では、「削除できてしまうとそのパッケージを使っているユーザーが困っちゃうから、させないようにしているよ。」です。バージョンを上げて、上記コマンドを打ち直せば、新しいバージョンをアップロードできますが、古いものも残り続けるようです。

非公開にすべき情報を上げないように注意しましょう。

シェル芸勉強会に参加してきた

Sun, 27 Oct 2019 07:54:53 GMT

第44回シェル芸勉強会福岡サテライト長崎分室に参加してきました。

参加者は私を含めて3人で、Youtubeでライブ配信されている東京の勉強会を見ながら参加します。 Twitterで各地サテライトのみなさんが実況したり、シェル芸Botにツイートしたりで、にぎやかな感じです。

共有スペースでの開催。途中、他イベントの参加者の方がマイクを使いはじめて、Youtubeの音声が聞こえないので、全員イヤホン装着。周りからは、3人集まって置きながらイヤホンつけて黙々とパソコンと向き合い、何をやってるんだろう、と思われただろうなぁ。

とにかくシェル芸ははじまり、集中して問題に取り組みました

問題一覧のページは

https://b.ueda.tech/?post=20191026_shellgei_44_q

Q1

9x9の数独を列、行、ブロックに分けて表にする。解けた。

cat sudoku | ruby -e 'a=[];9.times{a<<gets.chomp};a.each.with_index{|v,i|v.chars.each_with_index{|w,j|puts "#{i} #{j} #{j/3} #{w}"}}' #シェル芸
— tkt989 (@tkt989_dev) October 26, 2019

各行、各文字ごとにループを回すだけでOKです。

Q2

Q1で作った表に加えて、数字が埋まっていないマスに入らない数字を列挙する。解けず、、、

惜しいところまでいった気はする。

Q3

逆にマスに入る可能性がある数字を列挙します。

cat b | ruby -e 'a=[];81.times{a<<gets.chomp};a.each{|v|if v[6]!="*" then puts v;else;puts "#{v[0..6]} #{((1..9).to_a-v[8..].split(" ").map(&:to_i)).join(" ")}";end}'
#シェル芸
— tkt989 (@tkt989_dev) October 26, 2019

値が”*”の行に対して、行の8文字名以降をsplit(“ “)した配列を[1..9]から引くことで、マスに入る数字を求めています。 if ~ then の thenは省略できるので必要ないですね。。。

Q4

Q3の答えから数独を解くという問題。解けた？

Q4
cat c | ruby -e 'a=[];81.times{a<<gets.chomp};s="";a.each_slice(3).each{|v|v.each{|w|if w[6]=="*" && (w[8..]||[]).size==1;s+=w[8];else;s+=w[6];end};s+="\n"};out="";s.split("\n").each_with_index{|v,i|out+=v;if i%3==2;out+="\n";end};puts out'
— tkt989 (@tkt989_dev) October 26, 2019

時間内では解けず、休憩中も書いてたのですが、次の問題が差し迫っていたのでコードがぐちゃぐちゃですね、、、

Q5

なぜか突然数独から積分の問題へ。見た目で怖気づいて、解くのを最初から諦めてたのですが解説を聞くと、区画内の分割して関数の結果を足し合わせればいいだけなのでした。

Q6

解けた。

cat speech | ruby -e 's=[];15.times{s<<gets.chomp};f=open("speech2");puts https://t.co/s4LQnQHr2E{|v|if v.empty?;f.gets.chomp;else;v;end}.join("\n")'
#シェル芸
— tkt989 (@tkt989_dev) October 26, 2019

Q7

小問1

cat message | ruby -e 'a=gets.chomp.split(" ").map(&:to_i);puts https://t.co/3sU0Vq5iiE{|n|n**200}.map{|n|n%437}.join(" ")'
#シェル芸
— tkt989 (@tkt989_dev) October 26, 2019

awkの場合では200乗でオーバーフローしてしまうみたいですが、rubyでは大丈夫ですね。アホみたいに直球のやり方で解けました

小問2

cat message | ruby -e 'a=gets.chomp.split(" ").map(&:to_i);(0..200).each{|i|puts https://t.co/3sU0Vq5iiE{|n|n**i}.map{|n|n%437}.map{|n|n.chr("UTF-8")}.join("")}' | grep -E "^[A-Za-z_?]+$"
#シェル芸
— tkt989 (@tkt989_dev) October 26, 2019

rubyではchrで数値を文字に変換できる。引数に何もしてしないと、ASCII範囲外の数値のとき例外が発生したので、ASCIIと互換性のあるUTF-8にしました。結果はASCIIなので、grepでそれっぽい文字だけの行だけ抽出。

答えはunko_jyanaiになりました💩

この問題はRSA暗号が関係しているみたいです。あとでYoutubeの録画を見よう。

感想

awkわからないので、rubyばっかり使っています。すみません！でも、主催者の方から、perlでもpythonでもシェルで動けば、シェル芸だよーとありがたい言葉をもらいました。

今回で参加するのは3回目、問題も解けるようになって楽しかった。やっぱり解けると気持ちいいですね。

ひたすらシェルと向かい合うという濃密な数時間。終わったあとは疲れる。でも、凄い人に会えるのは刺激になる。これからも機会があったら、参加しよう。

スマホをガラスコーティングしてきた

Sun, 25 Aug 2019 13:24:04 GMT

使ってた保護ガラスが近接センサに干渉して、通話中に耳に当てなくても画面が真っ黒にになるのがイライラして、気になってたガラスコーティングをやってみた。

料金は3000円。安いガラスフィルムを数枚分なら許せる納得できる値段ですね。

結果ですが、何もしてない状態よりもツルツルしてる気がする？

裸でもいいんですけど、裸で使うのはなんだかスマホに対して愛着が少ないんじゃないかと感じてくるじゃないですか。やっぱりお金を払ったほうが、自分の生き血が入ったような気がします。数千円でその気持ちが手に入るのならいいと思います。

Gitlabのスニペットを別のプロジェクトにコピーするツールを作った

Mon, 12 Aug 2019 15:05:50 GMT

gitlab-snippet-cloner - npm

Gitlabのスニペットってチームで情報を共有するのに、すごく便利です。ある日、Gitlabのプロジェクトに溜まったスニペットを、別のプロジェクトに移したくなりました。

プロジェクトのエクスポートを使って、スニペットはコピーできるみたいです。が、これってたとえばクラウド版のGitlabからオンプレミスに移すときに使うものなのかなって思って、なんか違うなーと感じました。なのでツールを作ってみました。

インストールはnpmからどうぞ。

$ npm install -g gitlab-snippet-cloner

gitlab-snippet-clonerを実行して、 GitlabのURL、アクセストークン、コピー元プロジェクト名、コピー先プロジェクト名を入力する。するとまるっとスニペットがコピーされます。

コピー先スニペットのAuthorがアクセストークンを生成したユーザーになってしまうので、そこは注意してください。 APIを操作して作っているので、仕方ない。。。

Admobを使っているFlutterアプリをiOSで起動するとFirebase Automatic Screen Reporting Is Enabled

Sun, 21 Jul 2019 07:07:45 GMT

Firebase automatic screen reporting is enabled.
Call +[FIRAnalytics setScreenName:setScreenClass:] to set the screen name or override the default screen class name. To disable automatic screen reporting, set the flag

みたいなエラーが発生して、アプリを起動するとすぐに終了してしまう。

info.plistにFirebaseAutomaticScreenReportingEnabledを追加して、falseを設定すると解決。

invalid json payload received. unknown name のエラー解決

Tue, 16 Apr 2019 13:54:46 GMT

SwiftでGoogle Vision APIにリクエストを送ったら、タイトルのようなエラーが返ってきた。エラーメッセージにはjsonの形式がおかしいみたいだけど、送っているjsonには特に変なところは見受けられなくて、試行錯誤してみたが長い時間詰まってしまった。

改めてリクエスト処理を見直してみると、もしかして、、、な部分があってそこを直してみるとあっさり解決。

ヘッダーにContent-Type: application/jsonを付けていなかったことが原因でした。

普段はAndroidではRetrofit、iOSではAlamofireを使っていて、jsonを送るときはライブラリ側がヘッダーを追加してくれていたのですが、今回はURLSessionを使っていて自分で追加しないといけないのでした。

ライブラリを頼りすぎを実感。

AiMeshに対応したルーターを試してみました

Fri, 08 Feb 2019 15:58:49 GMT

ASUSさんが募集していたルーターのレンタルキャンペーンに当選したため、一ヶ月ほど貸し出していただけることができました。

早速感想を書いていきます。

ゲーミングと聞いてゴッツイのを想像していたのですが、意外とコンパクトで今あるルーターと入れ替えても邪魔になりませんでした。デザインもそんなに派手じゃなくていい感じです。

電源をつけたらルーターのSSIDが表示される。初期設定はブラウザ上でもできますが、スマホアプリがあったので私はこちらでやりました。

ASUS Router - Google Play のアプリ

2台の貸出だったので、初めてのメッシュWiFiを構築してみました。今までもアクセスポイントは1階と2階で2台置いていて、SSIDを同じにすることで擬似的？にメッシュというかお互いの届いていないところを補間し合うようにしていたのですが、1階にいるのに2階のアクセスポイントにつながったりして、いまいち良くないなと思っていました。しかし、メッシュWiFiだと補間が賢いようで、家の中すべてで快適にインターネットが使えました。

PS4もリモートプレイをやってみたらサクサク動いている気がします。スマホでYoutubeを見たときも、前のルーターではワンテンポ待つ感じだったのですが、これだすぐに再生される。ゲーミングだからレスポンスがいいのでしょうか。

回線品質をアプリで計ってみました。

こちらがASUSのルーターです。

一方こちらが前に使っていたルーター。

下のグラフでは最初に増えたあと、急激に下がっていますがASUSのはルーターの処理が安定しているのか、グラフの変動が少ないように思います。

一ヶ月のレンタルでしたが、やっぱり高いルーターは高いなりにいいものなんだなと感じました。ネット環境に妥協したくない方におすすめです。

ASUS AiMesh対応ルーターにメッシュWi-Fiルーター ASUS Lyraシリーズが加わったそうです。こちらは小さくて見た目が可愛いですね。

CocoaPodsの使い方をメモ

Mon, 14 Jan 2019 10:19:16 GMT

cocoapods

cocoapodsの使い方をメモ。

まずはinitでPodfileを生成します。使うライブラリはこのPodfileの中に書きます。

$ pod init

次に使いたいライブラリをPodfileに記載する。書く場所は

target '<アプリ名>' do
   use_frameworks!
   ...

の次に書く。ユニットテストやUIテストのみ使用するライブラリは別の場所に書くのですが、まぁたいていの場合はアプリ全体で使用すると思うのでここに書きます。

podに続けてライブラリ名やバージョンを指定します。ライブラリのページを見ればわかると思います。例えばRxSwiftを使いたい場合は

target 'MoneyCalculator' do
    use_frameworks!
    
    pod 'RxSwift', '~> 4.0'
    pod 'RxCocoa', '~> 4.0'
      
    ...
end

な感じです。

Dartのnull演算子

Sun, 06 Jan 2019 14:03:54 GMT

dartを使ってたら見慣れないものを見つけたのでメモ。

x ??= "Hello";

??とか?.は知っていたのですが、これは初めてみたので調べると、xがnullのときだけ代入を行う演算子でした。

kotlinには無かったよね。 ??でもおんなじことを書けるから使いどきが難しそうだけど知っておこう。

2018年

Mon, 31 Dec 2018 12:19:36 GMT

もういつの間にか今年も終わりそうです。今年のこととか。。。

初めてライブに行けた

神聖かまってちゃんのライブに神戸まで行きました。名前は知ってた。今年になってから曲を聞くようになってハマってしまいライブで生歌、メンバーを見てみたいなぁって思いが出てきて一日だけだったんですが、Net Generationフェスに行ってきました。全く知らない土地を歩いたの良い経験になったよ。似てるところもあれば違うところもあって（一番違うのは方言）歩くのが楽しかったです。精神的に余裕がなかったため観光したりはあんまりできなかったので、次はもっと色々見て回りたいなぁって思いました。

仕事のこと

仕事はまだまだだけど、去年よりかは少し良くなってると思う。いろいろ迷惑をかけてしまいましたが。。。来年はもっと自立して周りの方々から信頼してもらえるようになりたいです。

星を撮りにいきました

Fri, 23 Nov 2018 13:35:15 GMT

先日、近くの河原に写真を撮りにいきました。 1時間30分かけて星の軌跡が映るように撮影。

インターネットでいくつか記事を読むと、15〜30秒にシャッタースピードをあわせて数百枚くらい撮影、その後撮った写真を比較明合成して作るようです。連続撮影するには通常レリーズという道具を使うのですが、私は持っていなかったので、代わりに DSLR Controller というアプリで撮影しました。カメラを接続すると、Androidデバイスが液晶付きのリモコンになります。接続するのにUSBホストケーブルが必要なので、持っていない場合は購入しましょう。といっても100均で売ってあるので安いものです。アプリではライブビューが映るので星にピントを合わせるのも簡単でした。

こういうのです、Amazonで買うより100均のほうがいいです。

夜8時前くらい家を出て車で、撮影場所の河原まで行きました。河原の上には交通量多めの橋があるのですが、河原まで降りたらほとんど車は通らないのでヘッドライトが画面に入ってしまうこともありません。なにより電信柱が無く空を見渡せるので星を見るには良い場所です。 20分くらい撮影ポジションを調整、最初は橋の街灯と共に星を写そうと思ったのですが、街灯を画面内に入れるとレンズフレアが発生してうまく撮れなかったので、仕方なく堤防越しに写すように。

そしていざ撮影開始。最初はカメラのそばで待っていたのですが、寒くて我慢できなくなったので車の中に移動。 Kindleでマンガを読んでいました。 1時間以上待ち、マンガを読むのも飽きてきてカーナビでテレビ番組を見ながら時間を潰す。どんな感じに写るのかな、楽しみ！

やっと撮影が終わりカメラを回収しにいき、寒いのですばやく車に戻り、写り具合を確認。
しかし、カメラに表示されたのは星なんて写ってない、草むらはぼやけてしまって。なにが起こったのか、よくよく見るとなんとレンズが結露しているではないですか。そういえば撮り方をサイトで調べたときに結露に注意しましょうなんて書いてあったなぁ。失敗したぁ。うぅ、気をつければよかった。

幸運にも、結露しはじめたのは撮影にかけた時間のうち後のほうみたいで、ほとんどの写真はきれいに写ってくれていました。下の画像はそれらの画像を合成して作った星の軌跡の写真です。

1時間以上かけても軌跡は短いですね。2〜3時間だったらもっと線が長くなって豪華になるのだと思います。

ちゃんと準備しておけばよかったなぁ。次に挑戦するときは事前にしっかり準備しておこう。インターネットで調べるとレンズを温めるヒーターもあるみたいです。もしくは、予めしばらくカメラを寒い場所に置いてから、撮影すると結露が起きにくいみたいです。ヒーター買いたいなぁ？買おうかな！

Kotlin Coroutineをすこしかじってみた

Sun, 21 Oct 2018 11:37:09 GMT

簡単な使い方

fun task() {
  GlobalScope.launch {
    print("World")
  }
  print("Hello")
}

task() // => "HelloWorld"

GlobalScope.launchのブロックがコルーチンとして実行されます。コルーチンの中で使える関数はdelayなどがあります。

suspend function

コルーチンの中でのみ実行できるメソッドをsuspend functionといいます。

fun task() {
  GlobalScope.launch {
    delay(1000L)
  }
  delay(1000L) // コルーチン外なのでコンパイルエラー
}

delayのような標準ライブラリのsuspend functionもありますが、suspendを付けることで定義することもできます。

suspend fun doReturnStatus(): Int {
  delay(1000L)
  return 200
}

suspend functionはコルーチンの中でしか呼べない、言い換えればsuspend functionの処理は常にコルーチン上で行われるのでsuspend functionの中で別のsuspend function(ここではdelay)を呼ぶことができます。

async

GlobalScope.launchと似ているがasyncはDeferredを返す。 Deferred.await()で結果を待つ。

GlobalScope.launch {
    val task3 = async {
        delay(1000L)
        return@async "3"
    }
    val task2 = async {
        delay(2000L)
        return@async "2"
    }

    println("${task2.await()}")
    println("${task3.await()}")
}
println("1")

// Output:
// 1
// 2
// 3

最初はlaunchによってコルーチンが始まります。しかし、メインスレッドは止まらないので直後のprintln(``"``1``"``)が実行されます。その後、コルーチンのブロックが実行されます。 delay秒数により、task3のほうが早く終わりますが、task2のawait()を呼んでいるので、task2の終了を待ちます。その結果、出力は1,2,3になります。

ClosedXMLの簡単な使い方

Sun, 07 Oct 2018 16:23:40 GMT

ワークブック読み込み

    IXLWorkbook workbook = new XLWorkbook(@"<ファイルパス>");

これでワークブックが読み込めます。セルもワークシートもワークブックを使って取得します。

シート読み込み

    using (IXLWorkbook workbook = new XLWorkbook(@"<ファイルパス>"))
    {
        IXLWorksheet sheetIndex = workbook.Worksheet(1); // インデックスで取得
        IXLWorksheet sheetName  = workbook.Worksheet("シート1"); // シート名で取得
    }

セルを取得

    sheet.Sheet(1, 1); // 座標から取得。1始まりに注意
    sheet.Sheet("A1"); // 文字列から取得

ワークシートのオブジェクトからセルを取得できます。

行を取得

    IXLRow row = sheet.Row(3); // 行番号から取得
    row.Cell(3); // Rowからセルを取得することもできる
    
    // Rows()で行一覧を取得できる
    foreach (IXLRow row in sheet.Rows())
    {
        /* ... */
    }

列を取得

    IXLColumn column = sheet.Column(3); // 列番号から取得
    column.Cell(3); // Columnからセルを取得することもできる
    
    // Column()で行一覧を取得できる
    foreach (IXLColumn column in sheet.Columns())
    {
        /* ... */
    }

使用しているセル一覧を取得

    foreach (IXLCell cell in sheet.CellsUsed())
    {
        /* ... */
    }

CellsUsed()で使用しているセル（値が入っているなど）を取得することができます。

文字列を含んだセルを探す

    // "abc"を含んだセルを探す
    foreach (IXLCell cell in sheet.Search("abc"))
    {
        /* ... */
    }

セルの背景色を変える

    cell.Style.Fill.BackgroundColor = XLColor.FromArgb(255, 0, 0);

保存

    workbook.Save();

別名で保存

    workbook.SaveAs(@"<保存先>");

楽器未経験なのにDTMをやりはじめた

Mon, 17 Sep 2018 13:31:15 GMT

今まで作曲をやってみたいとおもっていました。音楽できる人ってかっこいいし、いろいろ表現できたりするのもおもしろそうです。そんなせいで音楽理論とかGaragebandの使い方を勉強しておりました。今までほとんど楽器を弾いたことなんてない、音楽とは無縁の人生なんですけどね。

2週間くらいかけて、なんとか聞けるというか、わずかながらでも楽曲といえそうなレベルのものができた（と思っている）ので公開してみようと思う。

テーマなんて特にない！作曲理論だけで作った曲だ！

グラバー園に行ってきた

Sun, 19 Aug 2018 08:20:11 GMT

8月14日にグラバー園に行ってきた。長崎県に住んでいるのに一回も行ったことがなかったのでカメラ持ってパシャパシャしてきました。暑かったけど、園内にクーラーが効いてる建物があったり、木陰が多かったりで意外と過ごしやすかったです。

天主堂

港を一望できました。

お屋敷

大砲

グラバーさん

有名

帰り道

駅から

最近カメラ熱が出てきたのでまた写真撮りにいきたい。

Rust入門 2 基本的な文法

Sat, 04 Aug 2018 12:03:52 GMT

本当は数当てゲームなどを作る章が続いているのですが、順番が前後させて文法を先に学んでおきます。

変数

変数の宣言は以下のようにする。

let num = 10;

型を示すこともできる。

let num: i32 = 100;

Rustでは変数はデフォルトでイミュータブルになっていて、書き換えることはできない。

let x = 5;
x = 10; // コンパイルエラー

ミュータブルにしたいときはmutを付ける

let mut x = 5;
x = 10;

また、未初期化の変数を宣言することはできるが、使用しようとするとコンパイルエラーになる。

let x: i32;

println!("{}", x); // コンパイルエラー

プリミティブ型

bool

おなじみの真偽値。true or false

let changed: bool = true;

char

文字を表す。ユニコードに対応している。

let ch: char = 'a';
let poop: char = '💩';

符号あり整数型。数値はビット数を表す。

let x: i32 = 1234;
let y: i16 = -100;

符号なし整数型。こちらも数値はビット数を表す。

let x: u32 = 1234;
let y: u16 = -100; // コンパイルエラー

isize
usize

実行環境のポインタサイズで変わる型。32bitではi32 or u32、64bitではi64 or u64になるということかな。

浮動小数点数型。数値は単精度か倍精度かを表す。

let pi: f32 = 3.1415926535;

配列

おなじみの配列。要素の型はすべて同じにしないといけない。

let a: [i32; 3] = [1, 2, 3];
let x = a[0] + a[1]; // x = 3

タプル

固定サイズのリスト。要素の型は異なっても良い。

let t: (i32, f32) = (3 0.141592);
let x = t.0 + 3;

t.0のようにタプルのインデックスを指定することで要素にアクセスすることができる。

関数

関数は以下のように書く。

fn square(x: i32) -> i32 {
    return x * x;
}

戻り値がない場合は以下のようになにも指定しない。

fn greet() {
    println!("hello");
}

セミコロンが付いていない行を最後に書いた場合、式の結果が関数の戻り値になる。

fn square(x: i32) -> i32 {
    x * x
}

関数を変数に代入する関数ポインタを使うこともできる。

fn cube(x: i32) -> i32 {
    x * x * x
}

fn main() {
    let f: fn(i32) -> i32 = cube;
    println!("{}", f(3)); // => 27

C言語系のコメントの書き方がそのまま使える。

// 一行コメント
let x = 10; // 一行コメント
/*
複数行コメント
abc
def
*/

これらに加えてドキュメント用のコメントを書くことができる。

/// 二乗した値を返す
/// 
/// # 実行例
/// ```
/// square(5); // 25
/// ```
fn square(x: i32) -> i32 {
    x * x
}

///を使って関数などのドキュメントコメントを書ける。このコメントの中ではMarkdownを使うことができる。

///はドキュメントのあとに続く要素にコメントがつけられるが、//!を使えばファイル全体やモジュールなどにコメントをつけられる。

//! # 計算用ライブラリ
//!
//! 数値計算の関数を提供します。
//! ...

if

他の言語と比べてほとんど違いはない。

let x = 3;
let valid = true;

if x == 3 {
    println!("x is 3");
}

if !valid {
    println!("valid is false");
} else {
    println!("valid is true");
}

// x is 3
// valid is true

加えて、rustではifは文ではなく式になるので以下のようにifの結果を代入したりすることができる。

let x = 5;

let y = if x == 5 { 10 } else { 15 }; // y = 10

ループ

ループの構文には以下の3つがある。

loop

無限ループを実行する。breakで途中で抜けることができる。

let mut i = 0;
loop {
    i += 1;
    println!("i is {}", i);
    if i == 10 {
        break;
    }
}

while

こちらはC言語系とほぼ同じです。

let mut i = 0;
while i != 9 {
    i += 1;
    println!("i is {}", i);
}

無限ループを書くときはwhile true { … }ではなく、loop { … }を使うが推奨されている。

for

以下のように開始値と終了値を指定して書く。

for i in 0..10 {
    println!("i is {}", i);
}

0から9までの数字を表示します。

ループの中ではbreakで抜けたり、continueで次のループに移ることができる。これはC言語系と同じですね。

その他にループにラベルをつけることができる。これは二重ループから一気に抜けるときに便利です。

'outer: for y in 0..10 {
    for x in 0..10 {
        if x % 5 == 0 {
            break 'outer;
        }
    }
}

break 'outerで一気に外側のforから抜けられます。

なんかあっという間にQiitaのContributionが100を超えてた

Tue, 17 Jul 2018 13:22:25 GMT

数日前に書いたicrawlerの記事がヒットして「いいね」がたくさんついていた。以前はせいぜい一桁くらいしかついていない記事がばっかりなのに、なんとこれは100を超えている。しかもトレンドにも載っている。

そのおかげで、Contributionが急上昇。半年くらい掛けて50程度というスローペースで増えていたのだが、たった一日で180まで増えました。なんだがすごくドキドキしてしまいました。

Qiitaを使ってるのはアウトプットやメモのためで、増やすために書いてるわけではないのだが、この光景を見るとやっぱり嬉しい。

紹介しただけの記事でここまで反応を貰えるとは思わず、自分が作ったわけでもないものでこんなふうになって少し申し訳ないというかそんな気持ちです。

Rust入門 1

Sat, 07 Jul 2018 03:00:33 GMT

下のサイトを見ながら勉強。 http://rust-lang-ja.github.io/the-rust-programming-language-ja/1.6/book/README.html

Cloud9のマシンで実行しています。

インストール

$ curl https://sh.rustup.rs -sSf | sh
info: downloading installer

Welcome to Rust!

This will download and install the official compiler for the Rust programming 
language, and its package manager, Cargo.

It will add the cargo, rustc, rustup and other commands to Cargo's bin 
directory, located at:

  /home/ubuntu/.cargo/bin

This path will then be added to your PATH environment variable by modifying the
profile file located at:

  /home/ubuntu/.profile

You can uninstall at any time with rustup self uninstall and these changes will
be reverted.

Current installation options:

   default host triple: x86_64-unknown-linux-gnu
     default toolchain: stable
  modify PATH variable: yes

1) Proceed with installation (default)
2) Customize installation
3) Cancel installation


info: syncing channel updates for 'stable-x86_64-unknown-linux-gnu'
info: latest update on 2018-06-21, rust version 1.27.0 (3eda71b00 2018-06-19)
info: downloading component 'rustc'
info: downloading component 'rust-std'
info: downloading component 'cargo'
info: downloading component 'rust-docs'
info: installing component 'rustc'
info: installing component 'rust-std'
info: installing component 'cargo'
info: installing component 'rust-docs'
info: default toolchain set to 'stable'

  stable installed - rustc 1.27.0 (3eda71b00 2018-06-19)


Rust is installed now. Great!

To get started you need Cargo's bin directory ($HOME/.cargo/bin) in your PATH 
environment variable. Next time you log in this will be done automatically.

To configure your current shell run source $HOME/.cargo/env

HelloWorld

main.rsを作成

fn main() {
    println!("Hello,world!");
}

rustcコマンドでコンパイル

$ rustc main.rs

そしたら実行ファイルのmainが生成されるので実行

$ ./main
Hello,world!

Cargo

CargoはRustのビルドツールです。作ったソースをcargoに対応させるには以下のような構成にする必要がある。

$ tree
.
├── Cargo.toml
└── src
    └── main.rs

ソースはすべてsrcディレクトリに入れる必要がある。 Cargo.tomlは以下のようなないようにする。

[package]

name = "プロジェクト名"
version = "バージョン"
authors = ["ユーザー名 <メールアドレス>"]

cargo buildを実行すればビルドされてtarget/debugに実行ファイルが生成されます。 cargo runでも実行することができます。

$ cargo run
    Finished dev [unoptimized + debuginfo] target(s) in 0.01s
     Running `target/debug/hello_world`
Hello,world!

ちなみにこのプロジェクト構成は自分で作らなくてもcargo newコマンドで作成することができる。

$ cargo new hello_world --bin

--binはプロジェクトがライブラリではなく実行ファイルであることを示している。

LaravelをHerokuにデプロイする

Wed, 27 Jun 2018 12:52:20 GMT

前提

以下のサイトでherokuコマンドをインストールしてheroku loginでログインを行い、使えるようにしておきましょう。 https://devcenter.heroku.com/articles/heroku-cli#download-and-install

DBはPostgreSQLを使います。

Procfileを作る

Procfileはheroku上にデプロイされたときに実行するコマンドを指定するものです。これを使っておかないとデプロイしてもエラーになってアプリを起動できません。

# Procfile
web: vendor/bin/heroku-php-apache2 public/

アプリを登録

herokuコマンドから

まずはherokuコマンドでアプリを登録する必要があるので、Laravelのプロジェクトディレクトリに移動して

$ heroku create <アプリの名前>

を実行して作りましょう。 git initからremoteの登録までやってくれます。

Webから

Webのダッシュボードから登録することもできますが、gitの設定を自分でやらないといけません。 Laravelのプロジェクトディレクトリから

$ git init
$ heroku git:remote -a <アプリの名前>

を実行します。もしすでにgitを使っているなら最後のコマンドだけで十分です。

PostgreSQLを設定

herokuでPostgreSQLやMySQLなどを使うにはaddonとして追加する必要があります。ほかにもいろいろ便利なアドオンがあるそうなのですが、今回はPostgreSQLのみを追加します。

$ heroku addons:create heroku-postgresql:hobby-dev

Web上のアプリ管理画面にいくとAddonが追加されています。

次はLaravelでPostgreSQLを使うように設定します。開発時には.envを書き換えてDBを変えていたかもしれませんが、このファイルは.gitignoreに載っていてpushされませんので、herokuのサーバーに環境変数を設定します。

上記の画面のHeroku Postgresをクリックして以下の画面を開き、Settings → View Credentials を開いてDBの設定情報を表示しましょう。

また、LaravelプロジェクトではAPP_KEYを環境変数として登録する必要があるのでそれも追加。

それぞれの情報をherokuコマンドから登録します。

$ heroku config:set DB_CONNECTION=pgsql \
                    DB_HOST=<Host> \
                    DB_PORT=<Port> \
                    DB_DATABASE=<Database> \
                    DB_USERNAME=<User> \
                    DB_PASSWORD=<Password> \
                    APP_KEY=$(php artisan key:generate --show)

デプロイする

herokuへのデプロイの方法はgitでpushするだけです。

$ git add .
$ git commit -m "update"
$ git push heroku master

するといつものgitのログとは違いずらずらと出てくるので終わるまで見つめましょう。見つめ終わったらデプロイ完了です。

herokuアプリの管理画面からOpen Appを開けばLaravelアプリが迎えてくれるでしょう、簡単。

マイグレート、その他初期設定

herokuアプリは生成されてばかり、まっしろの状態です。もちろんDBも空っぽなのでmigrateを実行しましょう。初期設定が必要なライブラリを使っている場合もコマンドを実行しておいてください。シェルに入って走らせておきましょう。リージョンがアメリカなので少しレスポンスが悪いけどイライラしないように。

$ heroku run "php artisan migrate"

確認

herokuの管理画面からOpen appをクリックしてみましょう。以下の画面が出たら成功です。

JSON.NETのCustom Converterを書く

Sun, 24 Jun 2018 07:27:16 GMT

JSON.NETはConverterを書かなくてもプロパティを読んでくれてjsonに変換してくれるのですが、変換された形式が望んでいるものとは違うこともあります。

{
  "title": "HelloWorld!",
  "tags": [ "Diary", "Programming", "C#" ],
  "content": "...",
  "comments": [
    {
      "author": "Alice",
      "content": "hogehoge!"
    },
    {
      "author": "Bob",
      "content": "piyopiyo!"
    }
  ]
}

このjsonを以下のようなクラスに変換する。

    public class Post
    {
        public string Title { get; set; }
        public string Content { get; set; }
        public IList<Tag> Tags { get; set; } = new List<Tag>();
        public IList<Comment> Comments { get; set; } = new List<Comment>();
    }

    public class Tag
    {
        public string Name { get; set; }
    }

    public class Comment
    {
        public string Author { get; set; }
        public string Content { get; set; }
    }

JsonConverterを継承したクラスを作ることで特定のクラスのCustom Converterを作ることができます。継承したクラスでオーバーライドするメソッドは以下。

class JsonConverter
{
    public bool CanConvert(Type objectType);
    public object ReadJson(JsonReader reader, Type objectType, object existingValue, JsonSerializer serializer);
    public void WriteJson(JsonWriter writer, object value, JsonSerializer serializer);
}

そしてこんなふうに実際のConverterは以下のようになる。

    /// <summary>
    /// Postをjsonに変換
    /// </summary>
    public class PostConverter : JsonConverter
    {
        public override bool CanConvert(Type objectType) => objectType == typeof(Post);

        public override object ReadJson(JsonReader reader, Type objectType, object existingValue, JsonSerializer serializer)
        {
            var post = new Post();

            while (reader.Read())
            {
                if (reader.TokenType == JsonToken.EndObject) break;
                if (reader.TokenType == JsonToken.PropertyName)
                {
                    var prop = reader.Value?.ToString();
                    reader.Read();

                    switch (prop)
                    {
                        case "tags":
                            post.Tags = new JsonSerializer().Deserialize<IList<Tag>>(reader);
                            break;
                        case "comments":
                            post.Comments = new JsonSerializer().Deserialize<IList<Comment>>(reader);
                            break;
                        case "title":
                            post.Title = reader.Value.ToString();
                            break;
                        case "content":
                            post.Content = reader.Value.ToString();
                            break;
                    }
                }
            }

            return post;
        }

        public override void WriteJson(JsonWriter writer, object value, JsonSerializer serializer)
        {
            var post = value as Post;
            if (post == null) return;

            writer.WriteStartObject();

            writer.WritePropertyName("title");
            writer.WriteValue(post.Title);
            writer.WritePropertyName("content");
            writer.WriteValue(post.Content);
            writer.WritePropertyName("tags");
            JToken.FromObject(post.Tags).WriteTo(writer);
            writer.WritePropertyName("comments");
            JToken.FromObject(post.Comments).WriteTo(writer);

            writer.WriteEndObject();
        }
    }

    /// <summary>
    /// Tagをjsonに変換
    /// </summary>
    public class TagConverter : JsonConverter
    {
        public override bool CanConvert(Type objectType) => objectType == typeof(Tag);

        public override object ReadJson(JsonReader reader, Type objectType, object existingValue, JsonSerializer serializer)
        {
            var tag = new Tag();

            tag.Name = reader.Value.ToString();

            return tag;
        }

        public override void WriteJson(JsonWriter writer, object value, JsonSerializer serializer)
        {
            var tag = value as Tag;
            if (tag == null) return;

            writer.WriteValue(tag.Name);
        }
    }

    /// <summary>
    /// Commentをjsonに変換
    /// </summary>
    public class CommentConverter : JsonConverter
    {
        public override bool CanConvert(Type objectType) => objectType == typeof(Comment);

        public override object ReadJson(JsonReader reader, Type objectType, object existingValue, JsonSerializer serializer)
        {
            var props = new string[] { "author", "content" };
            var comment = new Comment();

            while (reader.Read())
            {
                if (reader.TokenType == JsonToken.EndObject) break;
                if (reader.TokenType == JsonToken.PropertyName)
                {
                    var prop = reader.Value.ToString();
                    reader.Read();

                    switch (prop)
                    {
                        case "author":
                            comment.Author = reader.Value.ToString();
                            break;
                        case "content":
                            comment.Content = reader.Value.ToString();
                            break;
                    }
                }
            }

            return comment;
        }

        public override void WriteJson(JsonWriter writer, object value, JsonSerializer serializer)
        {
            var comment = value as Comment;
            if (comment == null) return;

            writer.WriteStartObject();

            writer.WritePropertyName("author");
            writer.WriteValue(comment.Author);
            writer.WritePropertyName("content");
            writer.WriteValue(comment.Content);

            writer.WriteEndObject();
        }
    }

ちょっと長いけど、それぞれでやってることは CanConvertで変換できるクラスを指定する。 ReadJsonではreaderから一つずつトークンを読み込み、インスタンスに値を次々設定していく。 WriteJsonは引数で変換するインスタンスが渡されるので、writerに書き込む。

各クラスにJsonConverter属性を指定します。

    [JsonConverter(typeof(PostConverter))]
    public class Post
    {
        ...
    }
    [JsonConverter(typeof(TagConverter))]
    public class Tag
    {
        ...
    }

    [JsonConverter(typeof(CommentConverter))]
    public class Comment
    {
        ...
    }

これだけ書いたらDeserializeObjectで変換できる。

var post = JsonConvert.DeserializeObject<Post>(jsonText);

ChromebookでLinuxアプリを動かせるようになるという

Thu, 17 May 2018 14:13:10 GMT

「Chrome OS」がLinuxをサポート　「Android Studio」でのアプリ開発が可能に - ITmedia NEWS

Chromebookは当初はブラウザしか動かせなかった。オフィスなどの機能はWebアプリでなんとかするコンセプトで、時代を先取りしまくっていたOSです。今ではブラウザだけでなくAndroidアプリも使えるようになり、なかなか実用的になっています。

そして、Google IO 2018でLinuxアプリも起動できるようなることが発表されました。

そもそもChrome OSはLinuxがベースに作られていて、GUIもWaylandというLinuxディストリビューションで使われているもので動いている。なので、Linuxアプリが動くのは意外ではないし、その証拠に既存のChromebookデバイスでも開発者モードにしてCroutonというソフトを使えばLinuxアプリを起動できていた。

今回の発表はその機能を公式に対応することになる。どのくらい安定しているかとか気になることはたくさんあるけど、やっぱりLinuxのソフトが動かせるっていうのは大きいです。動画ではAndroid Studioが使えてましたが、それだけでなくLinuxにはデベロッパー向けのソフトが揃っていますから、Chromebookはプログラマにとっても魅力的なデバイスになりそう。

Pixelbookが発表されたときにChromebookにi5とかi7のCPUなんてオーバースペックなんじゃないのと思ったのですが、Googleはこういう構想も見据えていたのでしょうね。

Chromebookは日本ではいまいちですが、アメリカでは特に教育現場でかなり普及しているようです。

Chrome OS、米K-12教育市場でシェア58％に（iOSは14％） - ITmedia NEWS

ついにLinux系OSを開発者だけでなく一般ユーザーにも広めるという野望?が達成されることになるのかな。

Chromebookといえば低価格で最低限度のスペックみたいな印象だったけど、これからハイスペックの機種が登場してほしいな。

「エリック・ホッファー自伝―構想された真実」を読んだ

Tue, 08 May 2018 14:15:49 GMT

根っからの放浪者。独学で化学、物理学、数学をマスター大学教授から働き口を紹介されるも断って放浪を続ける

本を愛して、ふらふらと季節労働者として居場所を定めずに働いている

どんな問題であれ、つねに答えを知っている人間がそばにいたら、自分自身で深く考えることをやめてしまうだろう。そうすれば私は本来の思索者でない。

われわれは、仕事が意義あるものであるという考えを捨てなければなりません。この世界に、万人に対して、充実感を与えられるような意義のある職業は存在していないのです。 (中略) 有意義な人生とは学習する人生のことです。人間は、自分が誇りに思えるような技術の取得に身を捧げるべきです。

勉強ではなくて、学習していきたい勉強は少し卑しく感じる。学習のほうが本能に近いというか純粋だ

Courseraの機械学習を修了した

Sat, 05 May 2018 02:48:17 GMT

Courseraの機械学習の講義を修了しました。ネットで高評価されているのを見ていて、気になってはいたんですよね。機械学習関係の本を読んでると基礎知識が不足しているを感じていたので、これは基礎固めをしておきたいなと受講してみることにしました。

期間は1月くらいから始めて3月の終わり、4月のはじめくらいまで。振り返ると短いけどなかなか密度の濃い内容でした。

結構むずかしく、一週間ごとに提出が必要な期限付きの課題がありました。実は8週目くらいのときに課題の提出が期限まで間に合わなくて、途中で終了させられちゃうのかなーと思っていたんですが、あとですべての課題を最終週の期限までに終わればいいことを知ったので、なんとか奮起して終わらせることができました。

評価が良い理由がわかる

受講して思ったのは数式などの理論の部分と、それを使ってどういうことができるのかの実践の部分のバランスが良かったです。

プログラミングの課題では実際のデータセットを使うのですが、数字の手書認識とか不良製品を見つけたりだとか、「あーこういうふうに使うのか」と、知ることができます。

読んでた機械学習の本は理論だけとか、あるいはフレームワークを使って「どういうことができるか」だけが載ってるのだったので、バランス良く学習できたのは良かった。

英語力はどれくらい必要か

課題は選択肢の中から選ぶものとプログラミングして提出するものがあるのですが、どちらとも英語で出題されます。プログラミング課題はpdfを読んで答えるようになっていて、大体15ページくらいあります。最初は怖気づいていたのですが、たいていの課題は数式をoctaveに変換するだけだったので、問題文を完全に理解していなくても、「この数式を実装すればいいんだな」みたいな感じで乗り切りました。

数式は世界共通語なんだなと実感。

途中で提出できなくても諦めないほうがいい

中盤が覚えることも数式も複雑になるので辛かったです。でも、そこを乗り越えたらあっさりゴールまでたどり着きました。

今受講中の人が読んでいるのなら、途中で挫けそうになっても諦めないがいいです。提出期限が遅れても最後で巻き返せます。

RoomのTypeConverterを使う

Fri, 04 May 2018 05:22:04 GMT

こんな感じのEntityを作成したとする。

@Entity
class Post(@PrimaryKey var id: Long,
           var title: String,
           var content: String,
           var date: org.joda.time.DateTime)

このままだとJoda-TimeのDateTimeクラスがRoomに対応していないのでエラーが発生します。 Roomが対応しているのは、StringやIntなどの型のみなので保存することができないのです。

Cannot figure out how to save this field into database. You can consider adding a type converter for it.

こういうときは、TypeConverterを使いましょう。

対応していない型をStringやIntなどの型に変換して保存し、読み出すときは逆にString、Intから元の型に変換することで、Roomで扱えるようにします。

以下のように変換用のメソッドを書いておいて、

class DateTimeConverter {
    @TypeConverter
    fun fromTimestamp(value: Long?): DateTime? {
        return if (value == null) null else DateTime(value)
    }

    @TypeConverter
    fun toTimestamp(date: DateTime?): Long? {
        return date?.toInstant()?.millis
    }
}

Databaseの宣言にTypeConverterを指定するアノテーションを追加する。

@Database(version = 1, entities = ...)
@TypeConverters(DateTimeConverter::class)
abstract class AppDatabase : RoomDatabase() {
	...
}

これで、自作クラスなどもRoomで扱えるようになる。

「通じない日本語」を読んだ

Sun, 29 Apr 2018 14:12:50 GMT

ヤバイのような意味が広くなったものや、ググるのような新しい単語が出てきている。はたからみると新語は粗製乱造されているように見えるけど、裏にはしっかりとして言語学的に見て理由がある。

たとえば雰囲気を「ふんいき」ではなく「ふいんき」と言うことがあるが、なぜこのようになるのか。「ふん」「いん」は長音節と呼ばれ、「い」「き」などは短音節と呼ばれる。この長音節と短音節の関係により発音のしやすさが変わるのだそうだ。

具体的には、長音節の後に短音節が来るのが発音しやすい。これは最近の若者だけの傾向ではなく過去から続いているものだ。

たとえば「山茶花」はそのまま漢字だけを読めば「さんざか」となる。しかし、これは「長短短」という音節になる。これよりも「短長短」になる「さざんか」のほうが発音しやすい。

また「短長」の発音も嫌わるようで「女房」は「にょぼう」と呼ばれていたが、しだいに「長長」の「にょうぼう」になったり、「長短」の「にょーぼ」のように発音するようになった。

発音だけでなく言葉の意味も世代によって変わる。

たとえば「全然」は、全然ダメ、全然書けないなど否定的な言葉が後に続くが、最近では全然おもしろい、全然良いなどの肯定的な単語が続くことが多くなった。

地域ごとに方言があるし、世代によって知らない言葉があったり、意味が違っているものもある。知らないのだったら教えてもらえば良いが、同じ単語でも意味が違う場合は会話に違和感を感じて、相手を理解できなかったり不可解に思うかもしれない。母語が違ったら、思いを完全に相手に伝えるのはもちろん難しいけど、同じ日本語を母語にしていても自分の言っていることと相手が認識していることは、実は思っているよりずれがあるのかもしれない。

「日本語」は一つではないと感じた。

Chrome.identity を使ってChrome拡張でもOAuthのAPIを使う

Sun, 22 Apr 2018 14:11:58 GMT

例としてQiitaのAPIを使う。

まずはOAuthのリダイレクト先のURLの項目をhttps://{拡張機能のID}.chromiumapp.orgで登録しておく。 IDは拡張機能の画面で確認することができる。

画像はWebStoreからダウンロードしたアプリだが、まだ配布していない開発中のアプリにもIDは割り振られるのでそれを指定する。

次にOAuthの認可画面を表示するコードを書く。

chrome.launchWebAuthFlow({
  url: `https://qiita.com/api/v2/oauth/authorize?client_id=${clientId}&scopes=read_qiita&state=${適当な文字列}`,
  interactive: true
}, responseUrl => {
  // 後述
})

chrome.launchWebAuthFlowでユーザーを認可用のページにアクセスさせることができる。

interactiveをtrueにするとユーザーから認可を取得していない場合は認可用のページを表示、取得済みの場合はなにもせずコールバックを呼ぶという処理になる。

次にコールバック内の処理。

chrome.identity.launchWebAuthFlow({
  // 省略
}, responseUrl => {
  let url = new URL(responseUrl)
  let code = url.searchParams.get("code")

  fetch("https://qiita.com/api/v2/access_tokens", {
    method: "post",
    headers: {
      "Content-Type": "application/json",
    },
    body: JSON.stringify({
      client_id: clientId,
      client_secret: clientSecret,
      code: code
    })
  }).then(res => res.json())
    .then(json => {
      let token = json["token"] // アクセストークン取得
    })
})

responseURLのGETパラメーターにcodeが入っている。

それをアクセストークン取得のAPIにClientIdとClientSecretと一緒に送るとアクセストークンが取得できる。

アドレスバーからTodoistにtodoを追加できるChrome拡張を作った

Fri, 20 Apr 2018 14:47:53 GMT

アドレスバーに’todo’の後、タブを押しtodoを書いてEnterで追加できます。

Omni Todoist

付けたい機能

@明日 #ブログのように日時やプロジェクトを指定

気になった記事

Tue, 17 Apr 2018 13:58:52 GMT

気づいたら「後で読む」のPocketに数十個くらい読みたいページが溜まっていた。このままでは溜まる一方なので、読んで一言感想を書いておく。

最初なので結構古い記事が多いです。

Nintendo Switchの中ではReactが動いてる！Nintendo eShop開発秘話を聞いてきた | HTML5Experts.jp

SwtichのストアはReactで動いてる。

多言語対応や素早い更新のために採用されたとのこと。

【今すぐ使える！】Android開発で役立つ25のライブラリ | TechAcademyマガジン

流行っているデザインもライブラリを使えば簡単に実装できそう。

Google Developers Japan: HAL の分離によるセキュリティ向上の仕組み

ハードウェアとの橋渡しになるHALを分離させたというお話。これによりセキュリティが向上。

[ Android ] – これからの「設計」の話をしよう – PSYENCE:MEDIA

レイヤーアーキテクチャ。こういうガチッとした設計って理解しやすいのもいいけど、完成したときの理路整然さにうっとりしちゃう。

難しいと感じる技術本を読む時に自分がやっていること - Qiita

一読で完璧に理解しようって思ってしまうけど、難しいよね。分からない箇所があっても後で読み直せば良いやと考えて、最後まで進む。すると漠然とだけど全体像が見えて理解しやすくなる。

Macbook Proで外付けBluetoothアダプタを使う方法

Fri, 13 Apr 2018 15:01:33 GMT

最近安いBluetoothマウスを購入したのですが、これが安いだけあってMacbook Proで使うと接続が定期的に切れます。その度にマウスの電源を入れ直して復帰させていたが面倒くさい、どうにかならないかと思案しているうちに、デスクトップPCにつけていたUSBのBluetoothアダプタが目についた。

もしかしたらBluetoothのアンテナを変えたら安定したりしないだろうか。 Bluetoothって相性みたいなものがあるってよく聞くし、Macbook Proに入っているアンテナよりもUSBで接続されているアダプタのほうが外界に広く接しているぶん接続も安定しやすそう。

それでアダプタをMacのほうに付けてみたけど認識されず。内蔵のほうが優先されてしまいます。

結果、検索したらすぐに方法を見つけられた。

macos - Force OS X to use Bluetooth dongle instead of built in controller - Ask Different

メニューバーにあるBluetoothのアイコンをOptionを押しながらクリックするとアドレスが表示される。これが内蔵のBluetoothアドレスである。

アドレスを確認したら、一旦Bluetoothをオフにして数秒待つ。次にUSBのBluetoothアダプタを接続して、また数秒待つ。 Bluetoothをオンにしてアドレスを確認。前に表示されていたのと違っていたら、外付けのアダプタで起動できている証である。

実際に変えてみたらこれが効果ありでした。前は10分も使っていたらマウスとの接続が切れていたのですが、今はぜんぜん問題ありません。

MacのBluetoothに不満がある人は試す価値はあると思います。

問題のマウス。

WindowsフォームのMDIでモーダルなフォームを表示する方法

Wed, 11 Apr 2018 14:26:01 GMT

まず結論から言うと通常のやり方では出来ません。 MDIでShowDialogを呼び出すと例外が発生します。

なので以下のやり方でやってみました。

var form = new Form2();
form.MdiParent = MdiParent;

Enabled = false;
form.FormClosed += (_s, _e) => Enabled = true;

form.Show();

フォームを開くときに現在のフォームを無効状態にしておきます。そして開いたフォームが閉じるときに再び有効にする。

これで擬似的にモーダルにすることができました。

Xamarin.iOS でNSCalendarsUsageDescriptionの説明を書けと注意されちゃう

Wed, 04 Apr 2018 12:47:49 GMT

Xamarinで書いたiOSアプリをAppleに提出してみたら以下の理由で審査に落ちてた。

Missing Info.plist key - This app attempts to access privacy-sensitive data without a usage description. The app’s Info.plist must contain an NSCalendarsUsageDescription key with a string value explaining to the user how the app uses this data.

NSCalendarsUsageDescriptionを書けといっている。

でもこのアプリはカレンダーの情報なんてアクセスしないんだけど？

なんでだろうといろいろググってみたら、XamarinのPermissionsPluginの設定を正しく行っていなかったことが判明。

Due to API usage it is required to add the Calendar permission :(

<key>NSCalendarsUsageDescription</key> <string>Needs Calendar Permission</string>

Even though your app may not use calendar at all. I am looking into a workaround for this in the future.

たとえカレンダーにアクセスしなくてもNSCalendarsUsageDescriptionが必要とのこと。

シェイプ・オブ・ウォーターを見た

Tue, 03 Apr 2018 13:26:57 GMT

公開最終日に見に行ったけど、意外と客は多かった。アカデミー賞とったから？

どこかの奥地で発見され研究所に研究対象として連れてこられた半魚人と、掃除婦として働く女性イライザが、惹かれあう。その後、イライザは同居人とともに半魚人の解剖を阻止するために脱走させる計画をたて、ソ連のスパイ研究者の協力もあって、自宅に匿うことに成功。増水して水門が開く日に半魚人を海に帰そうとするが、、、

みたいな。

半魚人はなかなか不気味な見た目なのだけど、イライザはそれを全く拒否しない。彼女自身も捨て子、発話障害と生きてきたので、世俗的な価値観を受け入れず理想主義的な価値観を持っていたのだと思う。

途中半魚人と一緒にダンスをするシーンがある。半魚人が舞台で踊るのは見てたらちょっと笑いそうになるのだけど、これも彼らの愛の表現であることを考えると、「人の真剣な姿を笑うのか？」と突きつけられている気がする。

半魚人に味方する人物は、障害、黒人、同性愛、外国人など社会でマイノリティな人たちである。彼らは人間扱いされない半魚人に同情のような気持ちを感じる。

最近の多様性を重視する社会にとても合う映画だと思った。「マイノリティがんばれ!」な映画。

Andoid P の ImageDecoder を触ってみる

Sun, 01 Apr 2018 05:37:18 GMT

Android P PreviewからImageDecoderが使えるように。

Android P gives you an easier way to decode images to bitmaps or drawables — ImageDecoder, which deprecates BitmapFactory.

画像の表示

var uri = Uri.parse("android.resource://${packageName}/drawable/image")
val source = ImageDecoder.createSource(contentResolver, uri)
val bitmap = ImageDecoder.decodeBitmap(source)
imageView.setImageBitmap(bitmap)

drawableをURIにして読み込む。

android - Get URI from drawable image - Stack Overflow

リサイズ

var uri = Uri.parse("android.resource://${packageName}/drawable/image")
val source = ImageDecoder.createSource(contentResolver, uri)
val bitmap = ImageDecoder.decodeBitmap(source, { decoder, info, source ->
    decoder.setResize(300, 300)
})
imageView.setImageBitmap(bitmap)

decode...にコールバックを指定すれば、decoderからリサイズなどができる。

加工

var uri = Uri.parse("android.resource://${packageName}/drawable/image")
val source = ImageDecoder.createSource(contentResolver, uri)
val bitmap = ImageDecoder.decodeBitmap(source, { decoder, info, source ->
    decoder.setResize(300, 300)
    decoder.setPostProcessor { canvas ->
        val path = Path()
        path.fillType = Path.FillType.INVERSE_EVEN_ODD
        path.addCircle((canvas.width/2).toFloat(), (canvas.height/2).toFloat(), (canvas.width/2).toFloat(), Path.Direction.CW)

        val paint = Paint()
        paint.isAntiAlias = true
        paint.color = Color.TRANSPARENT
        paint.xfermode = PorterDuffXfermode(PorterDuff.Mode.SRC)

        canvas.drawPath(path, paint)

        return@setPostProcessor PixelFormat.TRANSLUCENT
    }
})
imageView.setImageBitmap(bitmap)

setPreProcessorで読み込んだ画像の加工ができる。

こんな感じに円形にクリッピングなど。

使用した画像

Charlesjsharp / Cassius blue (Leptotes cassius theonus), Cuba / CC BY-SA 4.0 File:Cassius blue (Leptotes cassius theonus) underside.JPG - Wikimedia Commons

Laravel + Jwt Auth で認証付きWebAPIを作る

Tue, 27 Mar 2018 14:20:29 GMT

環境

PHP7.2
Laravel5.5

目標

/api/login ユーザーとパスワードを送るとトークンが発行される。
/api/me ユーザーの情報を返す。トークンが無いとアクセスできない。

認証機能を導入

まずはLaravelに備わっている認証機能を有効にしておきます。

php artisan make:auth
php artisan migrate

これだけでログイン機能ができる。 WebAPIのときに使うのでユーザーを登録しておきましょう。

composerでjwt-authをインストール

jwt-authをLaravelプロジェクトにインストールします。

composer require tymon/jwt-auth 1.0.0-rc2

Laravel5.5>= には1.0以上のjwt-authが必要なのでバージョンを指定します。

次にjwt-authの初期設定を行います。

php artisan vendor:publish --provider="Tymon\JWTAuth\Providers\LaravelServiceProvider"

config/jwt.phpが生成されます。

最後に秘密鍵を生成。

php artisan jwt:secret

Userモデルを修正

Userモデルをjwt-authに対応させるため、編集します。

 <?php

 namespace App;

+use Tymon\JWTAuth\Contracts\JWTSubject;
 use Illuminate\Notifications\Notifiable;
 use Illuminate\Foundation\Auth\User as Authenticatable;
 
-class User extends Authenticatable
+class User extends Authenticatable implements JWTSubject
 {
    ...
    
+    public function getJWTIdentifier()
+    {
+        return $this->getKey();
+    }
+    public function getJWTCustomClaims()
+    {
+        return [];
+    }
}

guardを修正

guardは認証を管理する仕組みで、デフォルトではwebとapiがあります。 webは普通にhtmlからのログインを管理しています。一方apiは名前の通り、WebAPIのログインです。

jwt-authを使うのでapiをjwtに変えます。

config/auth.phpを編集

    'guards' => [
        'web' => [
            'driver' => 'session',
            'provider' => 'users',
        ],

        'api' => [
-            'driver' => 'api',
+            'driver' => 'jwt',
            'provider' => 'users',
        ],
    ],

ApiControllerを生成

次にAPIのコントローラーを作成します。

php artisan make:controller ApiController

app/Http/Controllers/ApiController.phpが生成されます。

以下のように変更しましょう。

<?php

namespace App\Http\Controllers;

use Illuminate\Support\Facades\Auth;
use Illuminate\Http\Request;

class ApiController extends Controller
{
    function login() {
        $credentials = request(['email', 'password']);

        if (! $token = auth("api")->attempt($credentials)) {
            return response()->json(['error' => 'Unauthorized'], 401);
        }

        return $this->respondWithToken($token);
    }
    
    public function me()
    {
        return response()->json(auth()->user());
    }
    
    protected function respondWithToken($token)
    {
        return response()->json([
            'access_token' => $token,
            'token_type' => 'bearer',
            'expires_in' => auth("api")->factory()->getTTL() * 60
        ]);
    }
}

ログインとユーザー情報を取得するメソッドを作成しました。

routes/api.phpを編集

routesファイルを編集。

<?php

use Illuminate\Http\Request;

Route::group(["middleware" => "guest:api"], function () {
    Route::post("/login", "ApiController@login");
});

Route::group(["middleware" => "auth:api"], function () {
    Route::get("/me", "ApiController@me");
});

/loginはguestを指定して認証がなくてもアクセスできるように、/meはログインしてトークンを送らないとアクセスできないようにしました。

試す

curlで試してみます。 emailとpasswordは上のユーザーを登録したときのを指定します。

curl http://<laravel-host>/api/login -d email=hoge@example.com -d password=hoge12345

すると以下のようにトークンを含んだjsonが返ってきます。

{"access_token":"eyJ0eXAiOiJKV2QiLC2hbGciOiJIUzI1NiJ9.eyJpc3MiOiJodHRwOlwvXC9sYXJhdmVsLXRha2FzYW45ODkuYzl1c2Vygy5pb1wvYXBpXC9sb2dpbiIsImlhdCI6MTUyMjE1NTY1OSwiZXhwIjoxNTIyMTU5MjU5xCJuYmYiOjE1MxIxNTU2NTksImp0aSI6Inh6MHRsQ1hHNmgwQ1g3V0UiLCJzdWIiOjEsInBydiI6Ijg3bTBhZjFlZjlmZDE1ODEyZmorYzk3MTUzYTE0ZTBJfDQ3NTQ2YWEifQ.BdoHaKFy8XLOSaTKBOhA1D3i5NPUGzG9E1lsBQefEhs","token_type":"bearer","expires_in":3600}

そしてトークンを使って認証が必要なurlにアクセスしてみます。 AuthorizationヘッダーにBearer: <token>を付けて送信します。

curl -H "Authorization: Bearer eyJ0eXAi...." http://<laravel-host>/api/me

実行すると

{"id":1,"name":"hoge","email":"hoge@example.com","created_at":"2018-03-26 14:33:21","updated_at":"2018-03-26 14:33:21"}

ログインしているユーザーの情報が返ってきました。

これを応用すればユーザー認証ができるWebAPIが作れます。

めんどくさそうなことも、いざやってみたらめんどくさくなかった

Sun, 25 Mar 2018 08:53:02 GMT

タイトル通りのこと。

使ってるクレジットカード(dカード)の利用履歴をスマホでも確認したいなぁと思って、アプリをインストールしてたら、dカードとdアカウントを紐付けないといけなかった。クレジットカードの番号とか暗証番号などを入力して登録してみようとするも、

クレジット暗証番号を一定回数以上間違って入力されたため､ご利用できません｡

と出て登録できず。

見てわかるとおり、ロックされていた。

心当たりはあって、数ヶ月前におんなじことをやろうとして、そこで暗証番号を間違えすぎていた。調べてみたら解除するには当然だけど電話する必要があって、それがめんどくさくてずっとそのままにしてしまっていた。

もういい加減なんとかしたほうがいいと思っていたけど、インターネットで見ると、郵送で暗証番号を再設定だとか、カードを再発行しないといけないとかの記事を見ると、尻が重くなってしまったのでした。そのうえ、ロックされたのは数ヶ月前だから、なんでもっと早く解除しようとしないのか怪しまれそうだとか思ってた。

しかし、解除しないとアプリは使えない。やっとのことでコールセンターに電話をかけて、自動音声の手続きに添って、ロック解除のためオペレーターの方に繋いでもらい、問い合わせた。結果的には電話で本人確認してすぐにロック解除になった。10分もかからなかった。

こんなに短いだったらもっと早くすれば良かったと、後悔。自分勝手に不安な想像して、ずるずると先延ばしして動けなくなる、こんな習性、嫌だから直したい。

Cloud9でLaravel5.5を動かす

Sat, 24 Mar 2018 13:23:18 GMT

ブラウザで動くIDE、Cloud9でLaravelを使ってみる。普段使っているパソコンにWEBサーバーやらDBやらを入れるのはしんどいので、こういうときにCloud9は便利です。

環境

PHP 7.2
Laravel 5.5

で導入する。

Cloud9セットアップ

まずはCloud9でマシンを生成しましょう。当然ですが、言語はPHPを選択します。

PHP7をインストール

Cloud9に入っているPHPはバージョンが5なので7をインストールします。デフォルトのaptリポジトリにはPHP7は登録されていないので、ppaを追加します。

sudo add-apt-repository ppa:ondrej/php
sudo apt-get update

お次にPHP本体と必要なパッケージをインストール。

sudo apt-get install php7.2 php7.2-dom php7.2-mbstring

Laravelプロジェクトを作る

次にLaravelのプロジェクトを作ります。

composer create-project laravel/laravel sample "5.5.*" --prefer-dist

終わったらsampleフォルダにLaravelのプロジェクトが生成されます。

動かしてみる

正しく動くか確認するためにサーバーを起動してみましょう。 Cloud9のPreview用のアドレスとポートを指定しておきます。

cd sample
php artisan serve --host=$IP --port=$PORT

コマンドのあと、Cloud9のPreview -> Preview Running Applicationを選択したらLaravelの画面が表示された。

Laravel on Homestead on Mac を始める

Wed, 21 Mar 2018 11:38:11 GMT

VirtualBoxをインストール

Oracle VM VirtualBox

Vagrantをインストール

Download - Vagrant by HashiCorp

Homestead Vagrant Boxをインストール

$ vagrant box add laravel/homestead

Homesteadをインストール

$ git clone https://github.com/laravel/homestead.git Homestead

画像認識の講義を受けてきた

Sat, 17 Mar 2018 14:59:43 GMT

メモ

環境

Visual Studio 2015。 OpenCVのバージョンは2.1。

Haar Like 分類器

認識がとても速い。これが登場したおかげで、顔認識が実用化したとのこと。

階調差を利用して物体を検知するアルゴリズムらしい。講師の方が説明していたけど、なんでこれで上手く分類できるのかが不思議だ。

論文はこちら。全部英語。 paper.dvi

弱分類器、強分類器

画像認識を行っている様子の動画を見たのだが、そのときに顔っぽくないところを判断して、認識処理を省くような処理をやっている。こういうふうに、顔ではないことを判別するのは弱分類器というらしい。逆を強分類器というらしい。

認識中の動画。

OpenCV Face Detection: Visualized from Adam Harvey on Vimeo.

顔のあたりで認識処理に時間をかけていることがわかる。

Webカメラ

講義ではWebカメラを使って、顔認識を試した。 Webカメラはローリングシャッターという、画素のラインごとに映像をPCに送信する方式が多いらしい。場合によっては、不完全な画像が送られる。

ローリングシャッターとグローバルシャッターの違いは何ですか？｜マイクロスコープとは？のお悩み解決！何でも辞典

Hough変換

廊下の画像から、廊下床面の直線を検出するプログラムを見せてもらった。 Hough変換を使っている。

ハフ変換 - Wikipedia

平均重心距離法による鍵検出

講師の方が発明したアルゴリズムらしいです。いくつかある鍵の画像から特定の鍵を見つける。鏡像、反転してても検出できる。

論文を見つけた。

contentscinii.pdf

Macで講義のプログラムを動かす

OpenCVをインストール。Homebrewを使用する。

brew install opencv

以下のコマンドでコンパイル。

g++ `pkg-config --cflags --libs opencv` main.cpp -o main

pkg-configでOpenCV関連のライブラリを指定している。

なんか顔じゃないところも顔だと認識しているみたいですが。。。

Visual Studio for Mac + Vim Extension メニューを開いたときにクラッシュ

Sun, 11 Mar 2018 12:59:39 GMT

Vimのキーバインドが好きです。

新しいIDEとかエディタは導入したらまずはVimの拡張機能があるかどうかを調べるほどVimに依存しています。

Visual Studio for MacにもVimのキーバインドにしてくれるエクステンションを入れていました。けれど使用していると、ときどきVisual Studioがクラッシュしてしまうようになってしまった。

クラッシュする契機はメニューを開いたときだとわかったのですが、解決方法が見つからなかったため、渋々Vimエクステンションをアンインストールすることに。

しかし、使い続けるうちにふつふつと、操作にストレスを感じる。単にコピペしたいだけなのに、Ctrlキー押したりトラックパッドで選択したりするのがめんどう。

やっぱり入れ直そう、最近Visual Studioの更新がきたので、もしかしたら修正されているかもと思っていたのですが、依然としてメニューを開くとクラッシュしてしまいました。

がっかりしながらも、また元に戻るのも嫌なので、何か解決方法はないかと検索していると、やっと見つけることができました。

Visual Studio for Mac crashes when opening Edit menu · Issue #156 · nosami/XSVim

Format Documentのキーバインドを外したら直るようです。

デフォルトのキーバインドはCtrl+Iになっているので、Visual Studioの設定から外します。

今のところ、これを行ってからクラッシュしないようになりました。

Radikoを予約録音してGoogleMusicに自動的にアップロード

Sat, 10 Mar 2018 14:55:36 GMT

Radikoを録音するサーバーを作って、楽しく聞いていたのだけど、いちいちサーバーからスマホにデータを移すのがめんどうくさい。

録音したら勝手にスマホからアクセスできるところに移すようにしたいなーと思い、その先としてGoogleMusicを使うことを企てた。

gmusicapi-scriptsをインストール

python3.4以上が必要です。

$ pip3 install gmusicapi-scripts

初回起動時には認証が行われる。

$ gmupload

...

Visit the following url:
 https://accounts.google.com/.../
 
Follow the prompts, then paste the auth code here and hit enter:

こんな風にURLが表示されるのでアクセスしてログインする。するとアクセストークンが表示されるので画面に入力。

認証が終了したので、試しに音楽をアップロードしてみました。

$ gmupload abc.mp3
MusicManagerWrapper authentication succeeded.

Loading local songs...
Excluded 0 local songs
Filtered 0 local songs
Loaded 1 local songs

Uploading 1 song(s) to Google Music


(1/1) Successfully uploaded -- xxx.mp3 (...)

All done!

確認するとちゃんとアップロードされてましたー。設定は上手くいったみたいです。

Radiko録音スクリプトを修正

録音は先人の方たちがスクリプトを共有してくださっています。

簡易Radiko録音スクリプト

これを自動アップロードに対応させるためにちょっと修正。以下のようになりました。

ffmpegで変換するときにタグを付けるようにしています。付けとかないとGoogleMusicでは「不明なアルバム」とか表示されて分かりにくくなってしまいます。

cronに登録

これで下準備はできたので、指定した時間にスクリプトが実行されるようcronに登録します。

crontab -eで例えばこんな感じに。

59 0 * * 3 ~/rec_radiko.sh TBS 120 "爆笑問題カーボーイ"
59 0 * * 0 ~/rec_radiko.sh LFR 120 "オードリーのオールナイトニッポン"

録音は1分前に開始するようにしてます。

もちろん番組は皆さんが好きなように変えましょう。

C#でExcelファイルを扱うときはClosedXMLが便利

Mon, 05 Mar 2018 09:04:57 GMT

C#でExcelファイル(xlsx)を扱えるライブラリを探していた。

やりたいことはセルの中に特定の形式で書き込まれたデータを見つけて、その値を置き換える。 xlsxをテンプレートにして、C#側で好きなデータを埋め込むみたいな処理をやりたかったのです。

Interopはメモリ管理しないといけない、うえに遅い

すこしググるとMicrosoft.Office.Interop.Excelというのが見つかった。

これは簡単に言えばxlsxを扱うというより、Excelを操作するようなものみたいで。

セルを操作するのに直接本物のExcelを使うわけですから、おそらく互換性からみればピカイチなのでしょうが調べてみると、動作が遅かったり、ちょっと組むのを間違えるとExcelのプロセスが残り続けるみたいです。  以下参考。

Excelファイルを C# と VB.NET で読み込む “正しい” 方法

使いにくそうなので、最終的には上の記事にも載っているClosedXMLを見つけた。

ClosedXMLが使いやすい!

プロジェクトに追加するのはNuGetでできる。 VisualStudioのNuGet管理機能で検索すればでてくるので、それをインストールすればいい。

使い方

例えばxlsxを開いた１番目のシートの左上のセルに適当な文字を書き込むには以下のように。

var book = new XLWorkbook(@".\template.xlsx");
var sheet = book.Worksheet(1);
sheet.Cell(1, 1).Value = "Hoge";

シートやセルを選択する添字が1始まりなのに注意してください。

便利な点

ClosedXMLにはxlsxを操作するのに便利機能がある。

使用している範囲のみ取得

Sheet.RangeUsed()でシートの中の使用しているセルだけを取得できる。 Excelのシートって縦横でほぼ無限なくらいに広がっているから、シートの中から特定のデータを探すとなると、どれくらい走破しないといけないのよって考えてしまう。

しかし、RangeUsed()を使えば難しいこと考えずに済むわけです。

Interopの方にもある機能なのかもしれないけど、調べてないです！先にこっちを見つけちゃったので。

行の内容を検索

セルだけじゃなくて行のでデータを以下のようにとれます。

var row = sheet.FirstRow();

んで、その行の中から文字列を検索して、別のデータに置き換えるみたいな処理が以下のように書ける。

row.Search("{message}").Value = "Hello";

上の一行だけで、{message}をHelloに変換できます。

やりたかったこと

当初の目的である文字列を検索して置き換える処理は以下のようにしてできる。

foreach (var row in sheet.RangeUsed().Rows())
{
	row.Search("hoge").Value = "piyo";
}

直感的に書けていいですね。

Moqのメモ

Sat, 03 Mar 2018 05:46:34 GMT

ユニットテストを書くときにはモックライブラリがあると便利。 JavaではMockitoを使っていましたが、最近C#を使うことが多くなったので、よく使われているMoqの使い方をメモ。

Moqの使い方

public abstract class IFoo
{
    public abstract string Greet();
    public abstract int DoSomething(string text);
}

このクラスをモック化してみます。

メソッドを上書き

var mock = new Mock<IFoo>();
mock.Setup(foo => foo.Greet()).Returns("hello");
var f = mock.Object;

Assert.AreEqual("hello", f.Greet());

Setupにラムダ式でメソッドを登録して、Returnsで戻り値を設定できます。

引数で戻り値を分ける

var mock = new Mock<IFoo>();
mock.Setup(foo => foo.DoSomething("hoge")).Returns(0);
mock.Setup(foo => foo.DoSomething("piyo")).Returns(1);
mock.Setup(foo => foo.DoSomething(It.Is<string>(s => s.Contains("a")))).Returns(-1);
var f = mock.Object;

Assert.AreEqual(0, f.DoSomething("hoge"));
Assert.AreEqual(1, f.DoSomething("piyo"));
Assert.AreEqual(-1, f.DoSomething("bar"));

Setupの中で指定すれば特定の引数のときだけの戻り値を設定できます。

ある条件に引数が一致するかを判断したいときはItが使える。上では”a”を含んでいるstringのときのみ-1を返すようにしています。

そのほかにもItのメソッドを見ればいろいろ条件の指定方法を見つけることができます。

例外を投げる

var mock = new Mock<IFoo>();
mock.Setup(foo => foo.DoThrowableTask()).Throws(new InvalidOperationException());
var f = mock.Object;

try
{
    f.DoThrowableTask();
}
catch (InvalidOperationException e)
{
    return;
}
Assert.Fail();

特定メソッドの呼び出しを確認

var mock = new Mock<IFoo>();
var f = mock.Object;

f.Greet();

mock.Verify(foo => foo.Greet());
mock.Verify(foo => foo.DoSomething("hoge"), Times.Never);

Verifyでメソッドが呼ばれたか、もしくは呼ばれていないかをチェックすることができる。

Mockitoとの比較

JavaのMockitoと違いモック化できるのは、interfaceやabstractやvirtualなどの動作を上書きできるメソッドに限られる。

この制限があるのが残念です。。。 Mockitoだったらほぼ全てのメソッドをモックにすることができるんですけど。

Xamarin.FormsでListViewの行をタップしたときのハイライトを消す

Sat, 24 Feb 2018 16:27:47 GMT

Xamarin.FormsでListViewを試してみると以下のように。

タップした行にハイライトが付いてる。

うーん、今作りたいアプリにはこの機能はあんまり嬉しくない…。できればAndroidのListViewみたいになってほしいです。

ということで消す方法を試してみた。

listView.ItemTapped += (sender, e) => {
    ((ListView)sender).SelectedItem = null;
};

イベントハンドラの中で、タップされたらすぐ未選択にすればいいみたいです。

これでAndroidのネイティブな動きのようになりました。

参考

How to disable highlight on ListView in Xamarin.Forms - Stack Overflow

'hugo serve' を実行中はGoogleAnalyticsを無効に

Fri, 23 Feb 2018 14:55:18 GMT

記事を公開する前にhugo serveで確認していると、GoogleAnalyticsのページビューがガンガン増えていってしまう。

自分で自分のブログのアクセス数を稼ぐのは虚しいので、テスト用にサーバーを実行している間はGoogleAnalyticsはオフにしておきたい。

設定

下のサイトを参考に設定してみました。

How to Exclude Google Analytics When Running Under Hugo Local Server - support - Hugo Discussion

仕組みとしては、環境変数にHUGO_ENV=productionが設定されているときだけ、GoogleAnalyticsのコードを埋め込むようにする。

{{ if eq (getenv "HUGO_ENV") "production" }}
        {{ template "_internal/google_analytics_async.html" . }}
{{ end }}

Hugoのレイアウトhtmlはthemeフォルダの中に入っているはずなので、使用しているテーマのファイルの中からGoogleAnalyticsを埋め込んでいる箇所を見つける。

このブログで使っているEvenというテーマではpartials/scripts.htmlの中にありました。

見つけたら上のコードのように、HUGO_ENVが設定されているときだけ、埋め込まれるように編集する。

実行

確認用のサーバーを起動するときは、普通にそのまま実行する。

$ hugo serve       # GAのコードは埋め込まれない

実際に公開するときのhtmlを生成するときは、環境変数を設定して実行する。

$ HUGO_ENV=production hugo

これでGoogleAnalyticsのコードを埋め込むかどうかを切り替えれます。

Unityを触ってゲームを作るのがすごく身近になっているのを実感

Tue, 20 Feb 2018 14:21:45 GMT

ゲームを作ってみたいなぁと思ってUnityの本を読んでる。

各章ごとにミニゲームを作りながら進んでいくようになっているので、ゲームを作れてる実感があって良い。

最初は2Dゲームから始めて、だんだん機能を紹介しながら最終的には3Dも扱えるようになるみたいです。

今はPhysicsの物理演算を使ってゲームを面白くしようっていうところ。マウスでポチポチするだけでゲームのキャラが物理的に動いててすごく簡単。

コマアニメみたいなアニメーションを管理する機能もある。実際に動かしてみるとアニメーションがつくだけで、ぐっとゲームっぽくなる。

これを実際に一から組もうと思ったらどれだけ掛かるんだろうと思う。

昔、C言語でゲームを作ったことがあるのですが、そのときはDXライブラリというのを使ってました。

DXライブラリはDirectXのラッパーみたいなもので、DirectXが全然わからなかった僕でも簡単に作れたので、インベーダーゲームみたいなものを一度作ったりしていた。そんなしょぼいゲームを作るときでも当たり判定だとか、三角関数を使って角度の計算などなどいろいろ覚えることがありました。

移動や当たり判定などのシステム部分もだけど、シーンの切り替えなどめんどうくさい処理がゲームには多い。 Unityはそこらへんを全部カバーしてくれるので、ゲーム制作のおもしろいところだけを堪能できそう。

調べてみたら現在のDXライブラリは、PS4、PSVitaにも対応してるんですね。身近なツールがガチのコンソール機で動いているなんてちょっとワクワクする。 Unityも実際のゲーム機でも動くし、素人とプロの境目が薄くなってる感じがします。

今までコンソールのゲーム開発は中でどういうライブラリが使われているか、なんて知らないから作ることなんてできなかったけど、現在は誰でも使えるツールで行える。すごい時代だな今更ながら思う。

せっかく勉強してるんだから、何かゲームを作って公開してみたいな。暇ができたら単純なものでもいいから作ってみようかな。しょぼいものでも出したほうがいいよね。

ブログのホスト先をVPSからNetlifyに変えた

Tue, 13 Feb 2018 13:02:11 GMT

このブログについて

このブログはHugoという静的サイトジェネレーターを使ってhtmlを作成しています。生成したhtmlをConohaで契約しているVPSで公開しておりました。

VPS上では、リバースプロキシのNginxを立てて、いくつか個人用に立てているサーバーと一緒に、ブログ用のNginx on Dokcerのサーバーを立てているという構成です。

だけど、個人用のサーバーソフトも三日坊主でほとんど使わなくなり、実質ブログだけにしか使っていない状態。

そして、最近Netlifyというサービスのことを知り、もうVPSを棄ててこちらに乗り換えました。

Netlifyに乗り換えた

Netlifyは、HugoやJekyllなどのサイトジェネレーターに対応していて、サイトの記事を更新してGithubにPushすれば自動的にビルドしてくれて、サイトを公開してくれます。

独自ドメインやSSLにも対応しているんです。ブログを公開するだけなら、わざわざVPSよりもこちらのほうがいいのかなぁ、と。

やっぱり無料がいい

VPSでブログを公開するのに一番不満なのが、やはりお金がかかることです。一番安いプランを使っているので(630円くらい)高いわけではないのですが、できることなら無料で公開したい。

そんなわけで、ホスト先をNetlifyに変更した。変えたあとに記事を書いているので、これを読んでいるときはすでに切り替わった後だと思います。

エラー

Netlifyに乗り換えるのに、ちょっと躓いたので少しメモ。

Netlify上のHugoでサイトをビルドするときにfunction "now" is not definedというエラーが起きた。これはHugoのバージョンを変えることで解消できました。

使用するHugoのバージョンは環境変数で設定できます。

名前はHUGO_VERSIONにして値にHugoのバージョンを指定するだけです。

具体的には、Netlifyのサイトの設定画面でBuild & deploy->Build environment variablesで、Edit variableをクリックして新しい環境変数を追加。上記のHUGO_VERSIONを追加します。

乗り換えての感想

Netlifyに変えてみての感想としては、アクセスログが見られないのは、少しつまらなくなってしまいました。まぁ今までそんなに見ていたわけではないですが。

あとそれと、表示速度は遅くなってます。たぶんNetlifyは海外にサーバーがあるみたいなので、国内VPSよりかはどうしても遅くなってしまうでしょう。でも耐えがたいほど遅いわけではないですし、これから先なにも問題が起こらなければこのままでいいかな。

少しの間ですが、VPSで自分でブログを作ったのはいい経験。

おまけで、GoogleAnalyticsで解析したブログのアクセス状況。

アクセス数はだいたい1日20人くらい。最弱レベルのブログです。

一番アクセスが多いのがGooglePlayServiceのFusedLocationの紹介をした記事。

Google Play ServiceのFusedLocationで位置情報を取得 - tkt989’s diary

休日は少ないけど、平日になるとアクセス数が少し多くなります。これはAPIの使い方を仕事中に調べている方が多いからなのかな。休日でもアクセス数が増えるようにしたいです。

こんな人知れぬブログですが、見に来てくれる人に感謝です。

jQuery DataTablesを使うときのXSS対策

Wed, 07 Feb 2018 08:32:53 GMT

var result = /* サーバーから取得したデータとか */

$("#dataTable").DataTable({
	data: result,
	columns: [
		{ data: "name" },
		{ data: "age" },
		{ data: "tel" },
		...
	]
});

なにも考えずにそのままデータを追加すると、サニタイズされないのでXSSが成立してしまう。

なので、ユーザーから入力されたものを含んだデータはrenderに$.fn.dataTable.render.text()を設定しておきましょう。

$("#dataTable").DataTable({
	data: result,
	columns: [
		{ data: "name", render: $.fn.dataTable.render.text() },
		{ data: "age",  render: $.fn.dataTable.render.text() },
		{ data: "tel",  render: $.fn.dataTable.render.text() },
		...
	]
});

参考

DataTables - Security

Android用のKotlin拡張関数を集めたAndroid KTXが便利そう

Tue, 06 Feb 2018 12:38:01 GMT

GoogleDevelopersのビデオで知りました。

Android KTXとは

android/android-ktx: A set of Kotlin extensions for Android app development.

Kotlinの拡張関数を使ってAndroid APIでの開発をやりやすくしよう、というものです。

新しい機能が使えるようになるというわけではないのですが、もともとJava向けに書かれたAndroid APIですから、Kotlinで書こうとすると少し冗長になっていたところが、簡潔にわかりやすく書くことができます。

どういうのがあるの

Githubに載っているのや、ドキュメントのを書いてみます。

Uri

// kotlin
val uri = Uri.parse(myUriString)

// android-ktx
val uri = myUriString.toUri()

Stringにメソッドが追加されるので、文字列からそのまま変換できます。

View

// kotlin
view.postDelayed({
    ...
}, 200);

// android-ktx
view.postDelayed(200) {
    ...
}

Kotlinは最後の引数がラムダ式の場合は括弧を閉じた後にラムダ式を書けるのですが、デフォルトのメソッドではミリ秒が最後になっているので、全体を括弧で閉じざるをえない。

SharedPreferences

// kotlin
sharedPreferences.edit()
    .putBoolean("key", value)
    .apply()
    
// android-ktx
sharedPreferences.edit {
    putBoolean("key", value)
}

Bundle

// kotlin
val bundle = Bundle()
bundle.putString(ID, "1234")
bundle.putString(NAME, "hoge")

// android-ktx
val bundle = bundleOf(ID to "1234", NAME to "hoge")

etc…

core-ktxで探すことができます。

使うには

build.gradleに追加。

dependencies {
    implementation 'androidx.core:core-ktx:0.1'
}

まとめ

ちょっとした違いなのですが、このちょっとしたことだけでプログラムを組むのが楽しくなりそうですね。

CoreMLで画像認識にチャレンジ

Sun, 04 Feb 2018 12:20:59 GMT

iOS11から使えるCoreMLという機械学習フレームワークがあります。

気になって紹介ビデオを見たら、数行のコードを書くだけで画像認識を行い、なにが写っているかを推測できるようです。

画像認識がこんなに簡単にできるなんてすごい、おもしろそうなので実際に使ってみました。

モデルを取得

まずは画像を学習したモデルをダウンロードします。

https://developer.apple.com/jp/machine-learning/

上のサイトに用途に合わせていくつかのモデルがダウンロードできます。今回はMobileNetというものを使って見ようと思います。

モデルを取得したらXCodeのプロジェクトにドラッグアンドドロップでモデルファイルを追加します。

.mlmodelがモデルファイルですね。

選択するとモデルに渡す形式や出力の情報を確認することができます。

この情報を読むと、MobileNetは224x224の画像を入力すると、Dictionaryで写っているものを表すカテゴリとその確率、そしてもっとも確率が高いものカテゴリを出力するようです。

画像を選ぶ

let imagePickerController = UIImagePickerController()
imagePickerController.sourceType = .photoLibrary
imagePickerController.delegate = self
        
present(imagePickerController, animated: true, completion: nil)

モデルに入力する画像を選ぶためにUIImagePickerControllerを使います。

次に、選んだ画像をモデルに入力するわけですが、CVPixelBufferという型に変換する必要があります。

自分でやってみようと思ったのですが、ちょっと複雑そうだったので、StackOverflowに載っていたコードをそのままコピペ。

https://stackoverflow.com/questions/44400741/convert-image-to-cvpixelbuffer-for-machine-learning-swift

extension UIImage {
    
    func resize(to newSize: CGSize) -> UIImage {
        UIGraphicsBeginImageContextWithOptions(CGSize(width: newSize.width, height: newSize.height), true, 1.0)
        self.draw(in: CGRect(x: 0, y: 0, width: newSize.width, height: newSize.height))
        let resizedImage = UIGraphicsGetImageFromCurrentImageContext()!
        UIGraphicsEndImageContext()
        
        return resizedImage
    }
    
    func pixelBuffer() -> CVPixelBuffer? {
        let width = self.size.width
        let height = self.size.height
        let attrs = [kCVPixelBufferCGImageCompatibilityKey: kCFBooleanTrue,
                     kCVPixelBufferCGBitmapContextCompatibilityKey: kCFBooleanTrue] as CFDictionary
        var pixelBuffer: CVPixelBuffer?
        let status = CVPixelBufferCreate(kCFAllocatorDefault,
                                         Int(width),
                                         Int(height),
                                         kCVPixelFormatType_32ARGB,
                                         attrs,
                                         &pixelBuffer)
        
        guard let resultPixelBuffer = pixelBuffer, status == kCVReturnSuccess else {
            return nil
        }
        
        CVPixelBufferLockBaseAddress(resultPixelBuffer, CVPixelBufferLockFlags(rawValue: 0))
        let pixelData = CVPixelBufferGetBaseAddress(resultPixelBuffer)
        
        let rgbColorSpace = CGColorSpaceCreateDeviceRGB()
        guard let context = CGContext(data: pixelData,
                                      width: Int(width),
                                      height: Int(height),
                                      bitsPerComponent: 8,
                                      bytesPerRow: CVPixelBufferGetBytesPerRow(resultPixelBuffer),
                                      space: rgbColorSpace,
                                      bitmapInfo: CGImageAlphaInfo.noneSkipFirst.rawValue) else {
                                        return nil
        }
        
        context.translateBy(x: 0, y: height)
        context.scaleBy(x: 1.0, y: -1.0)
        
        UIGraphicsPushContext(context)
        self.draw(in: CGRect(x: 0, y: 0, width: width, height: height))
        UIGraphicsPopContext()
        CVPixelBufferUnlockBaseAddress(resultPixelBuffer, CVPixelBufferLockFlags(rawValue: 0))
        
        return resultPixelBuffer
    }
}

画像をモデルに入力

デリゲートのメソッドで選択した画像を取得。入力用にリサイズして、形式を変換します。

その後、モデルクラスを生成して、predictionを呼び出すと、結果を取得することができます。

    func imagePickerController(_ picker: UIImagePickerController, didFinishPickingMediaWithInfo info: [String : Any]) {
        let image = (info[UIImagePickerControllerOriginalImage] as! UIImage).resize(to: CGSize(width: 224, height: 224))
        
        let pixelBuffer = image.pixelBuffer()
        
        let model = MobileNet()
        let prediction = try! model.prediction(image: pixelBuffer!)
        
        self.label.text = prediction.classLabel
        self.image.image = image
        
        dismiss(animated: true, completion: nil)
    }

実行してみた結果

どうやら上手い具合に推測できているようです。

ほかに試してみましょう。

baboonはヒヒのことです。

ちなみに上手くいかなかったことも、、、

うーん、惜しい。

Githubの有料アカウントを取得

Tue, 30 Jan 2018 12:36:55 GMT

右上のアカウントメニューからSettingを選択。

設定画面からBillingを選択して課金メニューを開きます。

私はまだ支払い方法を登録していなかったので、PaymentのAdd payment methodで支払い方法を選びます。クレジットカードとPaypalが使えます。私はクレジットカードを選択。

クレジットカードを登録したら、課金メニューに戻り、Get private repositoriesを選択。

一月ごと、もしくは一年ごとに支払うかの選べるので好きな方を選ぶ。どちらにするのかを決めたらUpgrade planをクリック。

これで有料アカウントになりました。プライベートリポジトリが作り放題なので、世界に公開したくないソースコードでもGithubで管理できます！

Goで比較明合成してみた

Mon, 22 Jan 2018 22:42:13 GMT

画像読み込み

ファイルパスからimage.Imageを作る。

func decode(file string) (image.Image, error) {
	reader, err := os.Open(file)
	if err != nil {
		log.Fatal(err)
	}
	defer reader.Close()

	img, _, err := image.Decode(reader)
	if err != nil {
		log.Fatal(err)
	}

	return img, nil
}

輝度計算

輝度はピクセルの明るさのことです。以下のサイトを参照して計算していますが、比較明合成では実際の輝度の値ではなく、大小関係が知りたいだけなので、小数にせずに整数にして計算しています。

osakana.factory - HSB 値と輝度の求め方

func luminance(color color.Color) uint32 {
	r, g, b, _ := color.RGBA()

	return 298 * r + 586 * g + 114 * b
}

合成

画像のピクセルを一つずつ見ていき、色情報を取り出す。輝度を計算し、大きい方の色を出力画像のピクセルとして書き出しています。

func blend(img1, img2 image.Image) image.Image {
	width := img1.Bounds().Max.X
	height := img1.Bounds().Max.Y

	out := image.NewRGBA(image.Rect(0, 0, width, height))
	for y := 0; y < height; y++ {
		for x := 0; x < width; x++ {
			color1 := img1.At(x, y)
			color2 := img2.At(x, y)

			if luminance(color1) >= luminance(color2) {
				out.Set(x, y, color1)
			} else {
				out.Set(x, y, color2)
			}
		}
	}

	return out
}

main関数

最後にmain関数。コマンドライン引数で合成用の画像ファイルと出力先を指定。

func main() {
	img1, err := decode(os.Args[1])
	if err != nil {
		log.Fatal(err)
	}

	img2, err := decode(os.Args[2])
	if err != nil {
		log.Fatal(err)
	}

	if img1.Bounds() != img2.Bounds() {
		log.Fatal()
	}

	out := blend(img1, img2)

	writer, err := os.Create(os.Args[3])
	if err != nil {
		log.Fatal(err)
	}
	defer writer.Close()

	jpeg.Encode(writer, out, &jpeg.Options{100})
}

コード全文

tkt989/golang-blend

実行例

撮った写真でいくつか実行してみました。

Retrofitを使ってみる(Qiita APIs)

Mon, 15 Jan 2018 14:34:36 GMT

準備

以下のリンクからQiitaのアクセストークンを取得しておく。

アプリケーション - Qiita

コード

build.gradleにretrofit本体と、Stringに変換するconverterを追加。

     compile 'com.squareup.retrofit2:retrofit:2.3.0'
    compile 'com.squareup.retrofit2:converter-scalars:2.3.0'

APIにアクセスするインターフェイスを作成。

user/:user_idを使って、ユーザー情報を取得するようにパスを設定。

Qiita API v2ドキュメント - Qiita:Developer

interface QiitaService {
    @GET("users/{userId}")
    fun user(@Path("userId") userId: String): Call<String>
}

アクセストークンをAuthorizationに書かないといけないので、OkHttpClientを生成して、ヘッダーを追加。

val okHttpClient = OkHttpClient.Builder()
        .addInterceptor { chain ->
            val original = chain.request()

            val request = original.newBuilder()
                    .addHeader("Authorization", "Bearer {ACCESS_TOKNE}")
                    .build()

            return@addInterceptor chain.proceed(request)
       }.build()

val retrofit = Retrofit.Builder()
        .addConverterFactory(ScalarsConverterFactory.create())
        .client(okHttpClient)
        .build()

QiitaServiceを取得して、APIにリクエストを送る。

val qiitaService = retrofit.create(QiitaService::class.java)

qiitaService.user("tkt989").enqueue(object: Callback<String> {
    override fun onResponse(call: Call<String>?, response: Response<String>?) {
        if (response?.isSuccessful ?: false) {
            Log.d(javaClass.name, response?.body())
        }
    }

    override fun onFailure(call: Call<String>?, t: Throwable?) {
    }
})

別プロセスで動いているServiceとHermesEventBusで通信

Fri, 12 Jan 2018 13:50:22 GMT

EventBusって便利ですよね。特に便利さを実感できるのがActivityとServiceで通信したいときだとおもいます。ほんとうだったら、BroadcastReceiverクラスを作成して、Actionを定義して、、、としないといけないのですが、EventBusだったらregisterして@Subscribeするだけで済みます。

しかし、EventBusで賄えないこともあります。

android:processを使ってServiceが別プロセスで動いているときです。 EventBusは同じプロセス内のクラスにしか届きません。

HermesEventBus

elemers/HermesEventBus

HermesEventBusというライブラリを使えば、プロセス間で通信することができます。

使い方は、以下のような感じ。

HermesEventBus.getDefault().register(this);

HermesEventBus.getDefault().post(new HogeEvent());

このように頭にHermesを付けるだけで、EventBusとほぼ同じように使うことができます。

実際に、別プロセスで動いているServiceに通知できるサンプルコードを作ってみました。

サンプル

通知するイベントは以下のような感じ。

public class GreetEvent {
    private String message;

    public GreetEvent(String message) {
        this.message = message;
    }

    public String getMessage() {
        return message;
    }
}

だめな例

まずはふつうにEventBusを使ってみた場合。

最初はServiceです。 EventBusに登録して、@Subscribeを使ったメソッドを定義しておきます。

public class MyService extends Service {
    @Override
    public int onStartCommand(Intent intent, int flags, int startId) {
        EventBus.getDefault().register(this);
        return super.onStartCommand(intent, flags, startId);
    }

    @Subscribe
    public void onGreet(GreetEvent event) {
        Toast.makeText(this, event.getMessage(), Toast.LENGTH_LONG).show();
    }
}

別プロセスで動かすのでマニフェストは以下のようになっています。

 <service
     android:name=".MyService"
     android:process=".myservice"
     ... />

android:processを指定しています。

そして、Activityでpostしてみます。もちろんpostするのはServiceを起動したあとです。

public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        
        ...
        
        EventBus.getDefault().post(new GreetEvent("Hello"));
    }
}

結果

とうぜん、このコードではServiceはイベントを受け取ることはできません。 EventBusはプロセス間通信には対応していないからです。

では、このコードをHermesEventBusを使うように変更してみましょう。

よい例

初期設定

はじめに、build.gradleに追加しておきましょう。

dependencies {
    ...
    
    compile 'xiaofei.library:hermes-eventbus:0.3.0'
}

HermesEventBusを使うにはまず、Applicationクラスで初期化する必要があります。

public class MyApplication extends Application {
    @Override
    public void onCreate() {
        super.onCreate();

        HermesEventBus.getDefault().init(this);
    }
}

ここで少々手続きが必要です。 というのも、HermesEventBusは古いサポートライブラリに依存しているようで、このままだとActionBarActivityが見つからないと言うエラーが発生してしまいます。

対処法は以下の参照先のように、android.support.v7.appパッケージの中に、ActionBarActivityを自分で作っておきます。

package android.support.v7.app;

public class ActionBarActivity extends AppCompatActivity { }

适配新版本support库 · Issue #42 · elemers/HermesEventBus

HermesEventBusに対応させる

あとは、Activity、Serviceの中のEventBusをHermesEventBusに置き換えます。

public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        
        ...
        
        HermesEventBus.getDefault().post(new GreetEvent("Hello"));
    }
}

public class MyService extends Service {
    @Override
    public int onStartCommand(Intent intent, int flags, int startId) {
        HermesEventBus.getDefault().register(this);
        return super.onStartCommand(intent, flags, startId);
    }
    
    ...
}

こんなふうに単純に書き換えるだけです。

結果

今度は、Toastが表示されます。別プロセスでも、Serviceに通知が届いていることが確認できたかと思います。

まとめ

アプリの制作途中にServiceを別プロセスで動かすことになっても、BroadcastReceiverなどを使うよりかは変更する手間は省けます。

もし、どうしても別プロセスで動かさなければならなくなったときは、便利なライブラリですね。

ActivityのisFinishing()

Tue, 09 Jan 2018 08:50:33 GMT

Activityのfinish()が呼ばれたかどうかをチェックするため、isFinishing()というメソッドがあることを知った。

booleanを使ってしまおうかと思う寸前だった、いやs〜危なかった。恥ずかしながら知らなかったです。

カスタムビューでボタンを作る

Sat, 06 Jan 2018 05:07:33 GMT

例えば以下のようなボタンを作りたいとします。

デフォルトのボタンでもアイコンは付けられるみたいですが、複雑なレイアウトを作るのはできないみたいです。なので、カスタムビューを使って実現します。

レイアウト作成

まずはボタンにしたいカスタムビューのレイアウトファイルを作成します。

ルートレイアウトはなんでもいいのですが、今回はConstraintLayoutを使用しました。

次にこのレイアウトをボタンのような外見にします。手順はルートレイアウトのstyle属性にボタンのスタイルを設定するだけです。

<!-- view_custom_buttom.xml -->

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    style="@style/Widget.AppCompat.Button">
    <!-- ↑ここ! -->
    
    ...

</android.support.constraint.ConstraintLayout>

これで、見た目はボタンそっくり、押したときのリップルもちゃんと表示されデフォルトと瓜二つになりました。

カスタムビュークラス作成

次にカスタムビューのクラスを作成します。

// CustomButtonView.java

public class CustomButtonView extends ConstraintLayout {
    public CustomButtonView(Context context) {
        this(context, null);
    }

    public CustomButtonView(Context context, AttributeSet attrs) {
        super(context, attrs);

        init();
    }

    private void init() {
        LayoutInflater.from(getContext()).inflate(R.layout.view_custom_button, this);
    }
}

完成？

これでいったんActivityに埋め込んでみましょう。

<!-- activity_main.xml -->

....

<***.***.CustomButtonView
        android:id="@+id/custom_button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

...

onClickリスナーもセットしておきます。

// MainActivity.java

public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        // インスタンスを取得
        CustomButtonView customButton = findViewById(R.id.custom_button);
        
        // onClickにリスナーを設定
        customButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Toast.makeText(MainActivity.this, "Click!", Toast.LENGTH_LONG).show();
            }
        });
    }
}

さて、これで上手くいきそう思えましたが、動かしてみるとカスタムボタンを押してもonClickリスナーが呼ばれません。

調べてみると以下の記事が参考になりました。

CustomViewのOnClickが反応しない時の対処方法 - Qiita

どうやらカスタムビューの場合はOnClickの処理は自分で書かないといけないみたいです。

CustomButtonViewにonClickの処理を追加

上記の記事を参考に以下を追加します。

// CustomButtonView.java

public class CustomButtonView extends ConstraintLayout {
    ...

    @Nullable
    private OnClickListener listener;

    @Override
    public void setOnClickListener(@Nullable OnClickListener l) {
        this.listener = l;
    }

    @Override
    public boolean dispatchTouchEvent(MotionEvent ev) {
        if (ev.getAction() == MotionEvent.ACTION_UP) {
            if (listener != null) {
                post(new Runnable() {
                    @Override
                    public void run() {
                        listener.onClick(CustomButtonView.this);
                    }
                });
            }
        }

        return super.dispatchTouchEvent(ev);
    }
}

これでonClickが走るようになりました。

ボタンの範囲外にずらしたときの動作を修正

これで完成のように思えますがデフォルトのボタンとは微妙に異なる動作があります。

ボタンをタップ
ボタンを押したまま指をボタンの範囲外にずらす
画面から離す

上の手順を行うとデフォルトのボタンではonClickは起こらないのですが、作成したCustomButtonViewではイベントが発生してしまいます。

これを修正するには以下のようにACTION_UPのときの座標がボタンの範囲内にあるかをチェックして、範囲内の場合にだけリスナーを呼ぶようにします。

// CustomButtonView.java

class CustomButtonView extends ConstraintLayout {
    ...
    
    @Override
    public boolean dispatchTouchEvent(MotionEvent ev) {
        if (ev.getAction() == MotionEvent.ACTION_UP) {
            // 範囲内のチェックを追加
            if (listener != null && checkInside(ev)) {
                post(new Runnable() {
                    @Override
                    public void run() {
                        listener.onClick(CustomButtonView.this);
                    }
                });
            }
        }

        return super.dispatchTouchEvent(ev);
    }

    private boolean checkInside(MotionEvent ev) {
        int[] point = new int[2];

        getLocationOnScreen(point);

        int x = point[0];
        int y = point[1];

        return (ev.getRawX() >= x && ev.getRawX() <= x + getWidth()) &&
                (ev.getRawY() >= y && ev.getRawY() <= y + getHeight());
    }
}

完成!

これで、見た目も動作もデフォルトのボタンとほぼ同様なカスタムビューボタンを作ることができました。

Objective-Cで気になったもの(クラス拡張)

Thu, 04 Jan 2018 13:33:50 GMT

最近はiOSアプリの勉強をしています。都合により、SwiftじゃなくてObjective-Cで書いています。 iOSアプリ開発では言語というよりSDKであるUIKitの使い方を覚えるほうが大事みたいなので、Objective-Cで勉強したとしても無駄にはなりません。

この記事ではObjective-Cで書いていて気になったものをちょっとメモ。

疑問

XcodeでViewControllerを作成するとヘッダーファイルと.mの実装ファイルができる。ヘッダーの方には@interfaceのクラス宣言が書かれていて、.mの方で@implementationを使って実際にメソッドの処理を記述するようになっています。

しかし、自動生成して作ったファイルには実装のほうにも@interfaceがある。これはなに？

// HogeController.m

#import "HogeViewController.h"

@interface HogeViewController ()

@end
// ↑これ

@implementation HogeViewController

/*
...
*/

@end

クラス宣言がダブってエラーになったりしないのでしょうか。というかここの中身は、なにも書かなくていいの？

そのうえ、クラス名のあとに()がついていて、ただのクラス宣言と違った特殊な雰囲気を醸し出しています。お前はいったいなんなんだ。

クラス拡張

調べてみれば、これはクラス拡張というものらしいです。

Objective-Cには既存のクラスにあとづけでメソッドを追加できるカテゴリという機能があります。カテゴリは@interface NSString (カテゴリ名)のように、@interfaceのクラス名のあとにカテゴリをカッコで囲むようになっています。

そのカッコの中身が無くなったのがクラス拡張です。

実際にはカテゴリとクラス拡張はまったく違う機能みたいなのですが、今のところ似たようなものと理解しておけばいいと思います。

要するに、すでにクラス宣言した内容にあとづけでいろいろなメソッドやプロパティを追加できるのがクラス拡張です。

使いみち

privateなメソッドやプロパティを宣言するために使います。

ヘッダーファイルの@interface内に書かれている内容は、importしたファイルからは丸見えになります。しかし、内部の処理は隠蔽して外部には見せたくないときもありますよね。

そういうときはクラス拡張の中に書くことで、ヘッダーファイルにはそのメソッドなどの情報がなくなりますので、内部だけで使用することができます。

JavaやC++ではprivateを付ければいいのですが、見た目も特殊なObjective-Cではこういうテクニック？を使うみたいです。

参考

iTermでguakeぽく使う

Tue, 02 Jan 2018 12:38:07 GMT

Mac用ターミナルアプリiTermでLinuxのguakeのような、画面の上部分からニュッと出て来る動作を設定してみました。

プロファイル作成

guake用のプロファイルを作成します。

iTermの Preferences -> Profiles の+ボタンを押して新しいプロファイルを作成。名前は適当にguakeなどにしておきます。

次はguakeの動作に近づける設定をしていきます。

プロファイル設定のWindowsタブを選択し以下のように設定。

Styles: Top of Screen
Screen: MainScreen
Space: All Spaces

また、背景を透明にしたりぼかしたい場合は、TransparencyやBlurを適宜設定します。

ショートカットキーの設定

次はターミナルを出すためのショートカットを設定します。

KyesタブのA hotkey opens a dedicated window with this profile.にチェックを入れると、ダイアログが出てきます。

HotKeyに使用したいショートカットキーを設定し、Floating windowのチェックを外します。

私はF12に割り当てました。

これで作業は終了です。

F12を押せば画面の上からターミナルが出て来るようになりました。

こんな感じ。

guake風のときはtmuxを使わないようにする

tmuxを自動起動するように設定していると、このguake風ターミナルを開いたときにも既に起動しているセッションにアタッチするようになります。

個人的にはこのターミナルは他のものとは独立して動かしたいなと思ってます。

iTermでシェルを開いたときにはenvのITERM_PROFILEにiTermのプロファイル名が入るので、これを使って以下のようにtmuxが起動しないようにしました。

.zshrcや.bashrcでtmuxが起動するようにしている場合は、以下のように$TMUXを調べてtmux内にいるかどうかを調べるようになっているはずです。

if [ -z $TMUX ]; then
  ...
fi

この条件にプロファイルがguakeかどうか入れて、guakeの場合は起動しないようにします。

if [ -z $TMUX ] && [[ $ITERM_PROFILE != "guake" ]]; then
  ...
fi

これで開いてもtmuxが起動しないようになりました。

いつでもどこでもターミナルにアクセスできるようになったので快適。

Macbook Pro 13インチ購入

Mon, 01 Jan 2018 07:05:24 GMT

構成

13インチ
TouchBarなし
Core i5
メモリ 16GB
SSD 512GB

です。

理由

everymacというサイトで調べてみるとCore i5の型番は7360Uです。 i7は7666Uなのですが、ベンチマークのスコアを比べてみるとそんなに違いがないみたいです。 7360Uよりもスコアが低いPCで開発用のアプリを動かしていたとき、そんなに不満を感じなかったのでi7はまではいらないかなと思いi5にしました。

メモリはデフォルトの8GBから16GBに変更。開発用に使うにはCPUよりもメモリが贅沢なほうがいいと思います。

SSDは256GBと最後まで迷いました。デスクトップPCを持っているのでこっちのMacbookにデータを溜め込むことはないです。しかし、いろいろアプリを入れたりするとあっという間に消費してしまいそう。その上、VirtualBoxやBootcampを使ったりすると256GBは少々不安でした。

残り容量に怯えながら使うとせっかくのMac環境を満喫できなさそうなので、思い切って512GBにしました。

使ってみての感想

Taptic Engineがすごい。

凹んでないのに押している感覚があります。その証拠に電源を消したら反応がなくなります。本当に魔法みたいです。

画面がきれい

もともとMacは文字レンダリングがWindowsと違って美しいですが、Retinaディスプレイと合わさって

ちょっとギラギラで反射が強いので電子書籍を読んでいるときは目が疲れやすい感じがしました。

開発用のソフトウェアが充実してる

WindowsではUnix系のコマンドを使いたいときは仮想環境にUbuntuを入れていたのですが、Macだと一台で普段使いと開発の両方ができるのがいいですね。

一台で完結できるのは便利です。

まだまだWindowsとの違いに慣れないところが多いのですが大切にして長く使っていきたいな。

インストールした便利アプリ

Xcode

基本ですね。開発系のコマンドや下のHomebrewを入れるのにも必須のアプリです。 iOSプログラミングもやってみたいですね、今までAndroidだけだったので。

Homebrew

Ubuntuのaptみたいなパッケージマネージャー。

CLIツールをインストールできる、だけでなく開発系以外のアプリもあるみたいです。同じアプリでも、普通に配布サイトからダウンロードしてアプリケーションフォルダに入れるよりも、こちらから入れたほうが管理しやすいかもしれませんね。

こういうツールは他にもMacportなどがあるみたいですが、人気の高さからHomebrewを選択。色々なツールのMac用インストール方法でもHomebrewが採用されている気がします。

Visual Studio Code

プログラミング用のエディタ。何も拡張機能を入れてないデフォルトの状態でも使いやすい。

Alfred

いろんなサイトでおすすめされてるアプリ。テキストに打ち込んで様々なアプリやコマンドを実行することができます。 Macにデフォルトで付いているSpotlightがまさに同じ機能を提供しているのですが、こちらのほうがカスタマイズ性が高いみたいです。

Docker For Mac

Linuxの仮想環境を簡単に作ったり壊したりできます。新しいツールとか言語とかを使ってみたいときにDocker上の仮想環境に入れてから使っています。 Macに直接入れてもいいのですが、たくさん入れすぎると何をインストールしたのか忘れてしまって環境が汚れてしまうのが嫌なのでDockerを使っています。

BetterTouchTool

トラックパッドのジェスチャーを追加できます。また、ウインドウを画面横に押し付けると自動的に画面半分を専有するようにリサイズするWindows10のスナップみたいな機能もあります。有料だけど45日間は試用期間があります。

f.lux

ディスプレイの色温度を変えて目が疲れにくくしてくれます。日没に応じて変化してくれる機能もあります。

AppCleaner

アプリをアンインストールするツール。基本的にはアプリケーションフォルダから消すだけでアンインストールできるのですが、これを使えば設定ファイルなども消してくれるので完全にアンインストールすることができます。

KeePassX

パスワード管理ソフト。

オープンソースで他のプラットフォームのアプリもあるので、データベースであるkbdxファイルを共有すれば様々なデバイスから管理してるパスワードを参照できます。

Docker Composeのportsとexposeの違い

Tue, 19 Dec 2017 14:13:49 GMT

どちらとも指定したポートに穴を開けるコマンドですが、少し用途が違います。

portsは指定したポートが外部に公開されるので、誰でもアクセスできる状態になります。いっぽうexposeはホストのみにポートを公開します。

リバースプロキシで外部からのアクセスを振り分ける構成を作っていたときに、振り分け先のコンテナが丸見えだったのでメモ。

ReactNativeを少しだけ

Tue, 12 Dec 2017 13:51:06 GMT

インストール

npm install -g create-react-native-app

プロジェクトを作成

create-react-native-app reactnative-tutorial

reactnative-tutorialに以下のファイルが生成されます。

.
├── App.js
├── App.test.js
├── README.md
├── app.json
└── package.json

動かす

ReactNativeはIOSやAndroid向けにネイティブコードへビルドできますが、Expoというアプリを使えばXcodeやAndroidSDKをインストールせずお手軽にアプリの動作を確認することができます。

アプリストアからExpoをインストールしておきます。

その後npm startを実行。 QRコードが出てくるので、Expoから読み込む。 JSファイルのビルドが終了したらアプリの画面がでてきます。

いじる

App.jsは以下になっています。

import React from 'react'; 
import { StyleSheet, Text, View } from 'react-native'; 
 
export default class App extends React.Component { 
  render() { 
    return ( 
      <View style={styles.container}> 
        <Text>Open up App.js to start working on your app!</Text> 
        <Text>Changes you make will automatically reload.</Text> 
        <Text>Shake your phone to open the developer menu.</Text> 
      </View> 
    ); 
  } 
} 
 
const styles = StyleSheet.create({ 
  container: { 
    flex: 1, 
    backgroundColor: '#fff', 
    alignItems: 'center', 
    justifyContent: 'center', 
  }, 
});

Reactとほぼおんなじです。違いはdivやspanの代わりにViewやTextというReatNativeのコンポーネントを使っていることです。

CSSもそのまま動くので、backgroundColorなどを変えればアプリに反映されます。

テキストボックスのTextInputを使って少しいじってみました。

import React from 'react';
import { StyleSheet, Text, View, TextInput } from 'react-native';

export default class App extends React.Component {
  constructor(props) {
    super(props)
    this.state = {text: ''}
  }
  render() {
    return (
      <View style={styles.container}>
        <TextInput style={styles.input} onChangeText={(text) => this.setState({text})} />
        <Text>{ this.state.text }</Text>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center'
  },
  input: {
    width: '60%',
  }
});

入力した内容を表示するだけの簡単なもの。

Google Play ServiceのFusedLocationで位置情報を取得

Sat, 09 Dec 2017 13:50:31 GMT

Androidで位置情報を取得する方法は、一昔前はLocationManagerが使われていたようですが現在はGoogle Play ServiceのFusedLocationを使うのが推奨されています。

LocationManagerでは位置情報の取得にGPSを使うか、WIFIやモバイルネットワークを使うかを指定しなければなりませんでしたが、FusedLocationではライブラリ側が適切な取得方法を自動的に判断してくれます。使う側は「高精度で取得したい」とか「大雑把でいいからバッテリー持ちを重視したい」な感じで設定するだけでいいんです。

ライブラリの追加

プロジェクトルートのbuild.gradleのrepositoryにgoogle()を追加します。その後使用するモジュール内のbuild.gradleのdependenciesにimplementation "com.google.android.gms:play-services-location:11.6.0"を追加します。 11.6.0の部分はバージョンなので、変わる可能性があります。この記事を書いているときはこれが一番新しいバージョンでした。

バージョンに何を指定するかは、以下のサイトで取得できます。

https://developers.google.com/android/guides/setup

追加したらGradleの同期を行います。

パーミッションの追加

位置情報の取得にはパーミッションの追加が必要なのでAndroidManifest.xmlに以下を追加します。

<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />

また、デバイスで動かすときにはRuntimePermissionを使ってユーザーから許可を得る必要があります。今回は動作確認したいだけなので、設定画面から手動で許可を通します。

現在の位置を取得

以下から実際のコードで書く部分です。

FusedLocationProviderClientというクラスを生成します。

FusedLocationProviderClient client = new FusedLocationProviderClient(this);

このクラスを通して位置情報を取得することができます。

現在の位置を取得するにはgetLastLocation()を呼び出します。このメソッドは非同期で実行されて代わりにTaskというオブジェクトを返します。このTaskのaddOnSuccessListenerにリスナーを指定して位置情報を取得します。

client.getLastLocation().addOnSuccessListener(new OnSuccessListener<Location>() {
    @Override
    public void onSuccess(Location location) {
        /* ... */
    }
});

Locationから緯度経度を得ることができます。

リアルタイムで位置を取得

requestLocationUpdates(ReuqestLocation, LocationCallback, Looper)でリアルタイム位置情報を取得することができます。

RequestLocationは取得する際のパラメーターを設定します。 LocationCallbackは更新された内容を受け取るリスナーです。 Looperはスレッド関係の設定なのですが、あんまり詳しくないので今回はnullを指定します。

ReuqestLocation

RequestLocationでパラメータを設定できます。

LocationRequest locationRequest = LocationRequest.create().setPriority(LocationRequest.PRIORITY_HIGH_ACCURACY);

setPriority()でどのくらいの精度で取得したいのかを設定できます。

HIGH_ACCURACYが最も高い精度で主にGPSが使用されるます。 BALANCED_POWER_ACCURACYはちょっと精度が低くなり、誤差は100メートルほどになりますが、消費電力を低く抑えることができます。細かい位置情報は必要ない。ユーザーがどの都市にいるのかという大雑把な情報が欲しい場合はLOW_POWERを使います。 NO_POWERは消費電力をほとんど使いません、他のクライアントが位置情報をリクエストしたときに同じデータを取得できます。

他にも更新間隔などを設定できます。詳細は以下に載っています。

https://developers.google.com/android/reference/com/google/android/gms/location/LocationRequest

LocationCallback

LocationCallbackが位置情報が更新されたときに受け取るリスナーです。

onLocationResult()で受け取ることができます。

client.requestLocationUpdates(locationRequest, new LocationCallback() {
    @Override
    public void onLocationResult(LocationResult locationResult) {
        super.onLocationResult(locationResult);
		Location location = locationResult.getLastLocation();
    }
}, null);

注意点

requestLocationUpdates()を実行したら、使わなくなったらremoveLocationUpdates()を呼び出してリスナーを解除すること。
getLastLocation()はnullを返すときがあります。以前タブレットでWIFIを切り、GPSのみで使用していたときに毎回nullが返ってきたため何か設定で失敗しているのかなと思っていました。がWIFIをオンにしたら結果を返すようになりました。おそらく屋内だったのでGPSだけでは位置情報を取得できなかったのだと思います。

普段で使うようなアプリでは、モバイルネットワークやWIFIなど複数の情報源から位置を取得しているため、GPSって屋内だとほとんど届かないことに気づきにくかったです。

NginxでLet's Encrypt

Sun, 03 Dec 2017 11:24:39 GMT

無料でSSL証明書を取得できるLet’s Encryptでnginxをhttps対応にしました。

SSL証明書には以下の三種類があり、下に向かう順に取得するための審査が厳しくなります。

DV(ドメイン認証)証明書
OV(企業認証)証明書
EV証明書

DV証明書はドメインを所持していれば発行してもらえる証明書です。

OV証明書ではドメインの所持だけでなく、第三者機関や電話での確認によって実在性が確認できて発行されてもらえます。

EV証明書では実在性の確認をもっと厳格に行うので最も信頼性が高い証明書です。

Let’s encryptではこの内のDV証明書を無料で発行しています。

環境

ConohaVPS
Ubuntu 16.04 64bit

letsencryptのインストール

sudo apt-get intstall letsencrypt

apt経由でインストールします。

コマンドの実行

let’s encryptは指定されたドメインでサーバーにアクセスできることを確認する必要があります。通常は80ポートを使うのですが、nginxが動いているので代わり443ポートで認証を行うようにしました。

# --standalone-supported-challenges tls-sni-01をつけると443ポートで認証を行う。
sudo letsencrypt certonly --standalone --standalone-supported-challenges tls-sni-01

コマンドを実行すると証明書関連の通知を行う先のメールアドレスの入力があります。その後ドメインの入力があるので、https通信したいドメインを入力します。

サブドメインでも使いたい場合は、カンマ区切りで入力します。

正しく認証ができたらCongratulationsのメッセージが出て、/etc/letsencrypt/live/[domain]に証明書が生成されます。

うまく行かなかったときは、認証を行うポートが開いているか確認しましょう。

nginxの設定

nginxの設定ファイルに以下を書く。

ssl_certificate /etc/letsencrypt/live/[domain]/fullchain.pem;
ssl_certificate_key /etc/letsencrypt/live/[domain]/privkey.pem;

同じく設定ファイルのserver内をポートを443に、SSL通信をオンにするように設定する。

server {
    listen: 443;
    ssl on;
    
    ...
}

その後再起動、ブラウザを開いてhttpsで通信できているか確認する。

ConohaVPSの初期設定

Sat, 02 Dec 2017 06:56:42 GMT

ConohaVPSを使い始めたので、初期設定を記録しておく。

使用しているOSはUbunto16.04。

パッケージを更新

# apt-get update
# apt-get upgrade

ファイアウォールを設定

ssh以外のポートを閉じる

# ufw default deny
# ufw allow ssh
# ufw enable

一般ユーザーを作成

# useradd -m -g sudo -s /bin/bash [user]
# passwd [user]

sudoを使うためにsudoグループにユーザーを追加します。

rootでのsshログインを禁止

/etc/ssh/sshd_configのPermitRootLogin yesをnoに変更

ssh公開鍵を設定、パスワードログインを禁止

パスワードでログイン出来ないようにするために公開鍵を設定しておきます。

Linuxの場合はssh-keygen、Windowsの場合はrloginなどのクライアントで作成した公開鍵ファイルを ~/.ssh/authorized_keysに追記。

その後パスワードでのログインを禁止するために /etc/ssh/sshd_configのPasswordAuthentication yesをnoに変更します。

sshのポート番号を変更

デフォルトのままだと不正ログインを試みようとする人たちが大量に来るので、変更しておきます。

/etc/ssh/sshd_configのPort 22を49152~65535の適当な数に変更。

ufwで指定したポート番号を許可。

$ sudo ufw allow [port]

ポート番号を変えてログインできるのを確認できたら、デフォルトのポートを閉じます。

$ sudo ufw delete allow ssh

その後、sshdを再起動。

$ sudo service sshd restart

CompletableとSingleが混ざった処理を行う方法

Thu, 30 Nov 2017 13:02:30 GMT

public Completable connect() { /* ... */ }

public Single<Integer> getValue() { /* ... */ }

public Completable disconnect() { /* .. */ }

例えばこんなメソッドがあるとする。

何かと接続し、値を取得して切断するという処理で。呼び出す順番は必ずconnect() > getValue() > disconnect() でなければならない。

ところで、Completableをメソッドチェーンを使って直列に処理したい場合以下のようにすればいい。

connect()
  .andThen(task1())
  .andThen(task2())
  /* ... */
  .andThen(disconnect())
  .subscribe(/* ... */);

しかし、直列処理の途中でSingleが混ざったときはどのように書くのか?

toCompletable()やflatMapCompletable()を使えば一応繋げられるけど、getValue()の結果を無視してしまっている。。。

connect()
  .andThen(getValue())
  .toCompletable()
  .andThen(disconnect())
  .subscribe(/* ... */);

/* ... */

connect()
  .andThen(getValue())
  .flatMapCompletable(value -> disconnect()) // valueのスコープはこのラムダ式内なのでsubscribeの中で参照できない。。。
  .subscribe(/* ... */);

どうやればいいか悩んでいたのですが、調べた結果以下のようにすればいいです。

connect()
  .andThen(getValue())
  .flatMap(value -> disconnect().andThen(Single.just(value)))
  .subscribe(value -> {
    /* ... */
  });

これでsubscribe()で値を参照することができます。

Singleのあとに複数の処理があっても、値を次々と受け渡していけばOKです。

connect()
  .andThen(getValu())
  .flatMap(value -> task1().andThen(Single.just(value)))
  .flatMap(value -> task2().andThen(Single.just(value)))
  /* ... */
  .flatMap(value -> disconnect().andThen(Single.just(value)))
  .subscribe(value -> {
    /* ... */
  });

テスト駆動開発を読んだ

Tue, 28 Nov 2017 13:50:07 GMT

その名の通り、テスト駆動開発の本です。

著者の方がブログで、この本について書いているのを見て、すぐに読みたいと思い購入。

私はわりと出版されてから数日後くらいの早めに購入したので無事に手に入れることができたのですが、最近まではAmazonで売り切れ状態が続いていたみたいです。早めに動いてよかった。

内容は、第一部が通貨の変換をJavaで、二部はjUnitのようなテストフレームワークをPythonで作る。

コードを写経して読み進めて、テスト駆動開発の実践を追体験できました。

普段だったら一気にコードを実装しちゃいたくなるけど、「不安」を解消しつつテストを書きながらじっくりと進めていく。一気に書いたコードって暫く経つと「正しく動いてるのかな…?」って気になってしまうことがよくあります。

テストコードを残して置くことで、いつでも実装がちゃんと動いているかを確認できるのは精神的に楽になりますね。リファクタリングも行って前進しつつも後ろも確認して作業を進めていくテスト駆動開発の流れは、実践してみたいです。

また、todoリストの書き方も参考になりました。

なんとなく自分はtodoなので、明確に定まっているような「やるべきこと」を書くもんだと思っていたのですが、この本では「実装方法はまだ思いつかないけど一応書いておく」みたいな軽い感じでtodoに追加してました。とりあえず、思いついたことや気になることもバンバン追加していったほうがいいのかな。

写経に使用したコードは、githubに上げてみました。

tkt989/tdd

本の内容と同じJavaとPythonで書いたけど他の言語でやってみるのも面白そう。

AndroidOrmaとRoomの初期化速度を比較

Mon, 27 Nov 2017 14:10:25 GMT

作成しているアプリでAndroid OrmaをORMとして使っていたのですが、OrmaDatabaseの生成時に少し時間が掛かるのが気になっていました。もう一つのORMライブラリであるRoomではどうなんだろうと思って生成速度を比較してみました。

設定

動作端末は家で余っていたタブレットZ370C。

それぞれSQLにアクセスするオブジェクトを生成したあと、データをひとつだけ追加する処理の時間を計測。

結果

ライブラリ	時間
Android Orma	1902.4584ms
Room	143.45172ms

Roomの方がかなり速かったです。

Android Ormaはなぜこんなことになっているんだろう？私の設定が間違っているのかな？

ソース

以下が計測用のソースです。

ResizeAdjustとResizePanの違い

Tue, 21 Nov 2017 13:16:25 GMT

windowSoftInputModeにResizeAdjustもしくはResizePanを指定することで、ソフトウェアキーボードを開いたときの動作を変えることができます。

下部のボタンやToolbarを見れば分かりやすいですが、ResizeAdjustはキーボード分Activityのサイズを縮めていて、ResizePanはActivity全体を上にずらすようになっています。

RxJavaでPromiseぽいことをやる

Mon, 20 Nov 2017 14:49:15 GMT

Javaで非同期処理を行うと、コールバック地獄になって書きづらくなってしまいます。

JavascriptではPromiseを使えば見やすく、エラー処理もしやすくなって便利ですよね。

connectAsync()
  .then(() => {
    // いろいろ...
  })
  .then(() => {
    // いろいろ...
  })
  .catch((e) => {
    // エラー処理
  })

Javaでこういう感じの非同期処理したい。

そんなときはRxJavaのCompletableを使おう。

private void process() {
    connectAsync()
            .andThen(task1())
            .andThen(task2())
            .subscribe(() -> {
              // 成功したときの処理
            }, (e) -> {
              // 例外が発生したときの処理
            });
}

private Completable connectAsync() {
    return Completable.create((emitter) -> {
        // てきとうな処理
        // ...
        System.out.println("connect");
        emitter.onComplete();
    }).observeOn(Schedulers.computation());
}

private Completable task1() {
    return Completable.create((emitter) -> {
        // てきとうな処理
        // ...
        System.out.println("task1");
        emitter.onComplete();
    }).observeOn(Schedulers.computation());
}

private Completable task2() {
    return Completable.create((emitter) -> {
        // てきとうな処理
        // ...
        System.out.println("task2");
        emitter.onComplete();
    }).observeOn(Schedulers.computation());
}

出力結果は

connect
task1
task2

となり、observeOnで別スレッドで動かしているにも関わらず常に順番に実行されます。

結果を返す処理はSingleを使う。

private void process() {
    readValue()
            .flatMap((v) -> toDouble(v))
            .flatMap((v) -> increment(v))
            .subscribe((v) -> {
                System.out.println(v);
            });
}

private Single<Integer> readValue() {
    Single single = Single.create((emitter) -> {
        emitter.onSuccess(100);
    });
    return single.observeOn(Schedulers.computation());
}

private Single<Integer> toDouble(Integer value) {
    Single single = Single.create((emitter) -> {
        emitter.onSuccess(value * 2);
    });
    return single.observeOn(Schedulers.computation());
}

private Single<Integer> increment(Integer value) {
    Single single = Single.create((emitter) -> {
        emitter.onSuccess(value + 1);
    });
    return single.observeOn(Schedulers.computation());
}

SingleではandThenではなくflatMapになります。

名前が違うのはPromiseとRxJavaでは意識している部分が違うせいではないかと思っています。

それぞれが注目しているのは、Promiseでは処理の流れ、いっぽうRxJavaでは データ の流れになっているのだと思います。

Bluetoothデバイスの名前を取得する方法

Sun, 19 Nov 2017 13:51:12 GMT

ペアリング済みのデバイスは設定画面から名前を変更することができます。

この名前を取得したいと思ったのですが、BluetoothDeviceではそれらしいのは見つかりませんでした。(getName()は変更する前の初期値が返ってきた)

いろいろ調べて見ると非公開のメソッドを使えば取得できることが判明。

BluetoothDeviceのgetAlias()をリフレクションなりを使ってアクセスすれば名前を取得できます。

しかし、@hideなAPIなので突然使えなくなるかもしれない。使うときは要注意。

tkt989 🍵 ブログ

バイクに乗りはじめた

Android build on GitHub Actions でdebug keystoreを設定

参考にしたサイト

Kindle Unlimited で読める、AWS VPC をざっくり知れる本

Python Boot Camp in 長崎 に TA として参加した記録

他人と比べても意味がない

Flutterの自作ライブラリを作って公開する方法

Flutterライブラリの作成

公開の手順

注意点

シェル芸勉強会に参加してきた

Q1

Q2

Q3

Q4

Q5

Q6

Q7

感想

スマホをガラスコーティングしてきた

Gitlabのスニペットを別のプロジェクトにコピーするツールを作った

Admobを使っているFlutterアプリをiOSで起動するとFirebase Automatic Screen Reporting Is Enabled

invalid json payload received. unknown name のエラー解決

AiMeshに対応したルーターを試してみました

CocoaPodsの使い方をメモ

cocoapods

Dartのnull演算子

2018年

初めてライブに行けた

仕事のこと

星を撮りにいきました

Kotlin Coroutineをすこしかじってみた

簡単な使い方

suspend function

async

ClosedXMLの簡単な使い方

ワークブック読み込み

シート読み込み

セルを取得

行を取得

列を取得

使用しているセル一覧を取得

文字列を含んだセルを探す

セルの背景色を変える

保存

別名で保存

楽器未経験なのにDTMをやりはじめた

グラバー園に行ってきた

Rust入門 2 基本的な文法

変数

プリミティブ型

関数

コメント

if

ループ

loop

while

for

なんかあっという間にQiitaのContributionが100を超えてた

Rust入門 1

インストール

HelloWorld

Cargo

LaravelをHerokuにデプロイする

前提

Procfileを作る

アプリを登録

herokuコマンドから

Webから

PostgreSQLを設定

デプロイする

マイグレート、その他初期設定

確認

JSON.NETのCustom Converterを書く

ChromebookでLinuxアプリを動かせるようになるという

「エリック・ホッファー自伝―構想された真実」を読んだ

Courseraの機械学習を修了した

評価が良い理由がわかる

英語力はどれくらい必要か

Python Boot Camp in 長崎に TA として参加した記録