2020-04-27

potatotips #69 に参加しました (iOS/Androidブログまとめ) #potatotips

potatotips #69 に iOS ブログまとめ枠で参加させていただきました。

今回はTimersさん主催で、Zoomのウェビナーを使ったオンラインでの開催となりました。

f:id:kumamotone:20200427202651p:plain

[Android] 写真動画のフォルダ選択に対応した話 / akatsuki174 さん

speakerdeck.com

写真フォルダを取得して表示する方法。

github.com

流れとしては

ContentResolver を使ってデータを取得
加工しやすい形で格納
データを表示する

f:id:kumamotone:20200427201425p:plain

取得するカラムなどを設定する。

f:id:kumamotone:20200427201438p:plain

ContentResolver のクエリとしてはこんな感じになる。

f:id:kumamotone:20200427201449p:plain

データの格納をして、

f:id:kumamotone:20200427201500p:plain

表示はよしなにする。

Android Q(10)〜では、Group by + Count で SQLiteException が起こったが、自前でハンドリングした。DATAはdeprecatedになっていたので、使わないようにした（パス自体は取る方法がある）

[iOS] For Developing URL Routing of SwiftUI App (SwiftUI時代のURLルーティングを考察する) / freddi さん

speakerdeck.com

URL SchemeなどでURLが開かれて、アプリを特定の開くという状態を考える。

SceneDelegateでURLをパースして、特定の画面を開くとき、

以前は application(_:, open:, options:) が呼ばれていた。

f:id:kumamotone:20200427202030p:plain

SceneDelegateではこっちが呼ばれる↑。

特典の画面を開く方法として UIApplication.keyWindow を使う方法があると思うが、これは Deprecated になっている。

SceneDelegate.window を代わりに使う方法もあるが、scene(_ scene:, openURLContexts:) を使って以下のように実装した。

f:id:kumamotone:20200427202324p:plain

ややこしくなってきたらCoordinatorのようなクラスを作るのがおすすめ。

[Android] ML Kit （Auto ML Vison Edge）で写真から家族を検出する / tsutou さん

犬、猫、子供、大人の画像を合計2万5千枚学習させて、入力写真がどれに属するかという分類をML Kit にやらせる。

ML Kit の学習のときは、オプションに、下限レイテンシ、汎用、高精度を設定できる。

f:id:kumamotone:20200427202948p:plain

5時間ぐらいで割と精度が出た。

ML Kit はローカルのモデルを使用する運用、リモートのモデルを使用する運用、両方が選択できる。両方というのもあり。ローカルでやる場合はアプリサイズが増えてしまうが、それが許容できる場合はローカルに置いて、適宜リモートも使うという方法がよさそう。

実装方法はスライド参照。

[Q] アプリサイズはどのくらい大きくなりますか？

[A] 今回のだと 4MBぐらい

たぶん転移学習なのでそんなに容量食わない #potatotips
— Monkuma👾 (@kumamo_tone) 2020年4月27日

[macOS] Virtual Web Cameraを作ってみよう / kishikawa katsumi さん

speakerdeck.com

Snap Camera 、どうなってるんだろうと思って中を見てみた。

インストーラーを見てみると、.pluginというファイルをインストールしているっぽい。

f:id:kumamotone:20200427203710p:plain

ここに置くとあたかもカメラが増えたようになる。

f:id:kumamotone:20200427203754p:plain

情報が少ないながらもにわかに盛り上がり始めている。

f:id:kumamotone:20200427203901p:plain

公式は、情報が32bit時代のやつでめちゃくちゃ古いが、PDFは2枚でよくまとまっている。

github.com

これを踏まえた上で、OBS用にやってくれてる人のコードとか、

github.com

同じ人が CoreMediaIO DAL plugin のサンプルを公開してくれたりしている。

github.com

さらにSwiftで書き換えてくれている人もいる。

これらを参考に、ウィンドウを重ねれるアプリを作ってみた。

f:id:kumamotone:20200427204119p:plain

やり方、つまづきそうなところだけ紹介する。まず、info.plistについて。Factory interface と右下のやつはなんでもいいんだけど値を合わせないといけない。

f:id:kumamotone:20200427204220p:plain

エントリーポイントの名前はここに対応している（C++の場合）。

サンプルバッファをCIImageにして位置を変えて合成。CIImageにしてオーバーレイ。AVCaptureSessionで画面をキャプチャ、ウィンドウのキャプチャもできる。データの受け渡しは、プロセス間通信が使えるはず。ただしモダンなやつが使えない。

[Android] Troubleshooting on Build & Release Flutter apps / Kenichi Kambara さん

speakerdeck.com

Flutterアプリをリリースしようとしてみた。

Android側はRelease用の証明書をコンソールに登録しないと通らない。

Androidは透過画像がアイコンに設定できるのだが、iOSはアルファチャンネル入っているとArchive→Validate Appで弾かれる。

ソーシャルログインがある場合、Sign with Apple 対応しないとリジェクトされます。

Sign with Apple未対応でリジェクト、しょっぱい #potatotips
— Monkuma👾 (@kumamo_tone) 2020年4月27日

[iOS] Touch Bar on Catalyst / fromkk さん

speakerdeck.com

以下書いたけど公式の書き起こしがあるのでそっちを見たほうが良い。

note.com

f:id:kumamotone:20200427205650p:plain

Catalyst から Touch Bar が使える。NSTouchBarとして表現される。限られているものの、 6種類ぐらい使える。

実装方法。

f:id:kumamotone:20200427205759p:plain

NSTouchBar.CustomizationIdentifierを定義。どのTouchBarかを識別する。

UIResponderはUIViewとかUIViewControllerとかが継承しちゃってるので複数が普通にあり得る...なので1つに絞る必要があるという感じ
— かっくん@社会復帰準備 (@fromkk) 2020年4月27日

f:id:kumamotone:20200427205940p:plain

NSTouchBarItem.Identiferで表示する項目の種類を識別。

f:id:kumamotone:20200427210425p:plain

CatalystではmakeTouchBarというメソッドを実装する。

f:id:kumamotone:20200427210448p:plain

NSTouchBarに生えているプロパティはこんな感じ。

f:id:kumamotone:20200427205900p:plain

カスタマイズできるかどうかはここで設定できる。

f:id:kumamotone:20200427210633p:plain

NSTouchBbarDelegateを実装する。メソッドは1個しかない。

NSTouchBarItemには、customizationLabelを設定しておくと、カスタマイズ時にラベルが表示されるようになる。

f:id:kumamotone:20200427210545p:plain

Touch Barを検索する場合順序があって、こんな感じになっている。

注意点。Swift UIでは表示できなかった。また、スライダーを表現するNSSliderTouchBarItemから取得するプロパティが無い。keyから取ってこれるけど心配。

サンプルコードは公開しています。

github.com

[Android] Tips on Databinding in RecyclerView / Shota Ara さん

RecycleView で LiveData を DataBinding する。

f:id:kumamotone:20200427210954p:plain

lifecycleOwner と model を binding に設定する。

今回話したいのは、lifecycleOwnerについて。

f:id:kumamotone:20200427211117p:plain

ここに何を渡すかというと、Activityなら、Activity自体だが、Fragmentの場合はviewLifecycleOwnerを渡す必要がある。

RecyclerViewの場合は？ binding.root.contenxt as LifecycleOwner を渡す。一見できているように見えるが、これだけだと挙動的にメモリリークしている。

f:id:kumamotone:20200427212543p:plain

解決方法。FragmentのLifecycleOwnerを渡せば良い。また、viewHolderをLifecycleOwnerにするという手もありそう。

[iOS] e-Conte board 開発話 / codelynx さん

https://speakerdeck.com/codelynx/e-conte-board-dev-story

f:id:kumamotone:20200427211959p:plain

絵コンテを作るためのアプリを作った。Apple Pencilで書き込める。

Core Graphics を使っている。

f:id:kumamotone:20200427212139p:plain

f:id:kumamotone:20200427212153p:plain

スクロールする方法はいくつかあるが、今回は3を採用（ペンと指で別の機能にする）。

f:id:kumamotone:20200427212238p:plain

タッチでdrawできなくしたり、pencilのときはZoomできなくしたりできる。

また、縦に広がるSegmentedToolControlというのを作った。

f:id:kumamotone:20200427212343p:plain

これについてはAdventCalendarに書いた。

qiita.com

また、コードはGithubで参照できる。

github.com

ちなみにアプリはダウンロードできるけど課金しないと使えない　このアプリ使う可能性のある人って100人ぐらいしかいないので全員にダウンロードしてもらっても採算取れない　せつない

[Android] ContextThemeWrapperでThemeをより賢く / rmakiyama さん

スライド

speakerdeck.com

声

radiotalk.jp

ContextThemeWrapperでThemeを動的に置き換えられる。

例として、ステータスが変わったらImageViewの背景色を変えるというのをやってみる。

f:id:kumamotone:20200427213011p:plain

既存のcontextを第1引数、置き換えたいやつを第2引数に指定する。

f:id:kumamotone:20200427213058p:plain

Viewの生成のときにも同じようにできる。

[iOS] SwiftUIでNeumorphism!!! / Ryo Tsuzukihashi さん

speakerdeck.com

f:id:kumamotone:20200427213323p:plain

iOS6ぐらいまで使われていた、Neumorphismという考え方がある　現実の物質に似せて、直感的に操作を理解させるというやつ。

f:id:kumamotone:20200427213355p:plain

実装、ColorのExtensionでベースのカラーコードを受け取り、ベースの輝度のみを変えたもので影を作る。

f:id:kumamotone:20200427213542p:plain

shadow(color:radius:x:y) を呼び出したら簡単に Neumorphism の影がつけられる。ライブラリにした↓

github.com

[Android] Wi-Fi Suggestion API / syarihu さん

[potatotips #69] Wi-Fi Suggestion API https://t.co/4XzgnD7CHl

本日の発表資料です！
発表聞いてくださったみなさまありがとうございました！#potatotips
— syarihu🌙🎸syarihu.net (@syarihu) 2020年4月27日

おすすめの通知ダイアログとともにWiFi情報を自動で追加してあげる機能がある。

f:id:kumamotone:20200427213934p:plain

Q以上の場合は以前のAPIがdeprecatedになっているのもあり、Wi-Fi Suggestion API を使うと良い。

f:id:kumamotone:20200427214044p:plain

一回いいえで拒否されると、割と深いところで権限を取り直してもらわないといけなくなる。のでこれを出すときは割と丁寧なコミュニケーションをしないとユーザビリティ的に面倒なことになる。

f:id:kumamotone:20200427214214p:plain

このメッセージだが、2019年12月5日のアップデートで変わったので、同じAndroid 10 でもメッセージが違うという罠がある…

f:id:kumamotone:20200427214332p:plain

ブラックリストに入れられるとSSIDはどこからも確認できなくなってしまうので、解除について注意事項を書いておいたりすると良い

f:id:kumamotone:20200427214414p:plain

アンインストール時には削除されるのは、覚えておくと良さそう。

また、Android11以降は、大きな変更が入ってるっぽいので注意してみておくと良さそうとのこと。

[iOS] Custom Gesture Recognizer の世界 / TachibanaKaoru さん

speakerdeck.com

Gesture Recognizerの話

f:id:kumamotone:20200427214819p:plain

ジェスチャが認識されている途中で音を鳴らすとかしたい

そういうときのために Custom Gesture Recognizer がある。

f:id:kumamotone:20200427214924p:plain

UITouchのpreviousLocationには直前にタッチした場所が入っている。

f:id:kumamotone:20200427214959p:plain

この位置が現在の位置と離れていれば離れているほど速く動いているってこと。

f:id:kumamotone:20200427215117p:plain

速さと同じようにgradient(方向)も取ることができる。

f:id:kumamotone:20200427215233p:plain

ジェスチャの各状態のときに、速さと方向が取れる。

f:id:kumamotone:20200427215308p:plain

P→P→P→Rなパターンのみ成立とみなす。

ストロークによっては、ユーザーの入力を意図通りに判断するのが難しい場合もあるため、状況に応じた最適化が必要。

コードはこちら

github.com

そのほか

リモート参加だとディスプレイ広く使えるのでブログ書きやすくて良い
カナダと福岡から発表している人もいてそれも良かった
個人的に内容も勉強になるのが多くてよかったです！
QAがZOOM上でやれるのも良い

f:id:kumamotone:20200427215213p:plain

「2020/4/27 #potatotips (iOS/Android開発Tips共有会) 第69回」をトゥギャりました。 https://t.co/Tc45G36mPI
— Kosuke Ogawa🌒アルエンジニア🏝宮崎 (@koogawa) 2020年4月27日

2020-03-23

AtCoder Beginner Contest 159 (ABC159) A,B,C 解説

atcoder.jp

自分は出なかったのだが、全体的に数学っぽい問題だったっぽい。実際（実際って何？）、AからCまでfor文ひとつ書かずに解くことができる。

自分はコンピュータサイエンスで修士取ったくせに数学苦手意識がすごく強いので、Twitterの感想見てて自分が参加してたらつらそうだったな〜と思った。

ついでに見たPDF版の解説が分かりにくかったのだが（すいません、個人の感想です）解説動画の内容がわかりやすいと思ったので、補足しつつ書き残しておく。

PDF: https://img.atcoder.jp/abc159/editorial.pdf

www.youtube.com

A - The Number of Even Pairs

問題概要

偶数が書いてあるN個のボールと奇数が書いてあるM 個のボールがある。ここから2つ選んで、書かれた数の和が偶数になるパターンの数を求めよ。

答え

偶数が書いてあるボールのグループ、奇数が書いてあるボールのグループから、それぞれ1個ずつ取る場合は絶対に奇数になる。

逆に、同じグループから選ぶ場合は絶対に偶数になる。

なぜなら、偶数、奇数の性質上、

奇数＋奇数＝偶数 // いいね‥
偶数＋偶数＝偶数 // いいね‥
奇数＋偶数＝奇数 // ダメです

となるので。

そのため答えは

N個のボールから2個選ぶ= ${} _NC_2$ = $\dfrac {N(N-1)}{2}$ パターン

M個のボールから2個選ぶ= ${} _MC_2$ = $\dfrac {M(M-1)}{2}$ パターン

を足したものになる。

ちなみに ${} _nC_r$ ってなんだっけとなったときは、ググると

${} _nC_r$ = $\dfrac {n!}{(n-r)!r!}$

ということがわかり、今回 r=2 なので

= $\dfrac {n!}{(n-2)!2!}$

= $\dfrac {n(n-1)(n-2)(n-3)...}{2(n-2)(n-3)...}$

= $\dfrac {n(n-1)}{2}$

となる。

int main() {    
    int N, M;
    cin >> N >> M;
    int ans = N*(N-1)/2 + M*(M-1)/2 ;
    
    cout << ans << endl;
    return 0;
}

書きながら N*(N-1)/2 の結果って常に整数になるの？って一瞬思うが、これも偶数と奇数の性質上、

Nが奇数だったらN-1は偶数
Nが偶数だったらN-1は奇数
奇数×偶数は常に偶数

のため、絶対 N(N-1) は偶数となり、2で割っても大丈夫。

B - String Palindrome

atcoder.jp

問題概要

akasaka のような、回文な上に、中心の文字の左右の文字列も回文になっている文字列かどうか判定せよ。

答え

問題文が厳密な書き方をしているので一見”"強い""回文って何？って思うが、上記の概要みたいなことを言ってるというのに気付ければ、そのまま実装すれば良いとなる。

まず回文かどうかは、以下の関数で求められる。

bool isPalindrome(string s) {
  string t = s;
  reverse(t.begin(), t.end()); // t をひっくり返したやつが
  return s == t; // 同じだったら同じ
}

文字列をひっくり返す方法は最近の大体の言語で関数化されてるはずなのでC++以外の場合はそういうのを使うとよさそう。

あとは、全体を回文かどうか判定したあとに、真ん中の文字から左の文字が回文になっているかどうかだけ判定すれば実は右側の文字は判定しなくて良くて、以下のようになる。

int main() {
    string s;
    cin >> s;
    bool ans = true;
    if (!isPalindrome(s)) {
        ans = false;
    }
    string leftSub = s.substr(0, s.size()/2);
    if (!isPalindrome(leftSub)) {
        ans = false;
    }
    
    cout << (ans ? "Yes" : "No") << endl;
    return 0;
}

C - Maximum Volume

問題概要

縦、横、高さの長さの合計が L の直方体としてありうる体積の最大値を出力せよ。

答え

直感的に（は？）、縦、横、高さが同じの場合に体積が一番でかそうだと気づいた場合、縦、横、高さがLの1/3のときの体積を求めればいいじゃんとなる。

なので、シンプルに

(L/3)³

を計算すれば良い。

int main() {
    double l;
    cin >> l;
    double ans = pow(l/3,3);
    cout << fixed << setprecision(12) << ans << endl;
    return 0;
}

なんだその直感は

これだけで問題は解けるが、マジでそれで大丈夫か？となる。

これは相加相乗平均不等式というやつで証明できるっぽいが、もっと直感的に（？）確かめる方法がある。

まず、縦、横、長さが同じときの体積を a×a×a …(1)とする。

その状態から、ほんのちょっと ε だけ長さを変えたときの体積は、 a(a + ε)(a - ε) …(2) になる。

このとき、 (1) と (2) を比較すると、

a×a×a と a(a + ε)(a - ε)

a×a と (a+ε)(a-ε)

a² と a² - ε² // 左のほうが絶対デカいね

となり、ε>0 （ほんのちょっとって言ってるのに0だったらズルじゃん？）から、 (2) は (1) より ε² ぶん小さいので (1) のほうが確実にデカい、となる。

なので、縦、横、長さが同じときの体積が一番デカい。よかったですね。

感想

ここまででもむずいなあとなり筆をおいてしまったのだけどCまで8,201人中7,134人解けてるので、たぶん標準的な参加者的にはそうでもないんだろうな…と思うとぐんにょりしてしまった

2020-01-04

HerokuにMySQL+NginxのRailsアプリを移管した

さくらのVPSで運用してたRailsのアプリだが、ほとんど放置状態になっているのにも関わらず月1000円ぐらい払い続けているのがもったいないのでherokuのフリープランに移管した。

つまずきつつ解決したことなどを健忘録的に書き残しておく。

Ruby や gem のバージョンアップ

Macの場合入れるだけで大体つまずく

stackoverflow.com

qiita.com

次からはDocker使ったほうがええんじゃないかと思った。シンプルにググったらなんとかなるものが多いからがんばれ

一回 Gemfile.lock を消して bundle install して一気に依存解決するという技があった

precompile

デプロイはGithubのリポジトリ指定するだけで簡単にできたがCSSがあたっていない。

precompileに設定が必要で、まず下記のgemをproductionに指定する。

gem 'rails_12factor'

あとは bundle exec rake assets:precompile もしておく。

DBのインポート

DBはプラグインという形で提供されている。

Heroku Postgres
ClearDB MySQL
JawsDB MySQL

PostgreSQLで問題ない場合はPostgresを使うのが無難っぽいが、MySQLを使いたかった。

devcenter.heroku.com

heroku addons:create cleardb:ignite というコマンドでインポートできると公式に紹介があるが、--fork コマンドはMySQLサーバーがpublicにアクセスできるところにある場合に使えるみたいで、無効なURLを渡しても静かに失敗する。

JawsDBはフリーの制限が結構厳しくて、DBのサイズによってはINSERT時に勝手にRejectされたりするっぽい。

stackoverflow.com

で結局いかの記事を参考にClearDBにmysqlコマンド使って書き込むってやつをやった。

fuzzyblog.io

JawsDBを例に書いてあるがClearDBでも同様にできる。ホスト名とかパスワードとかどこ？！ってなるがheroku config で出てきたmysql:の連結URLをバラせばいける。

heroku config -a [app-name]

最後にDATABASE_URLを指定するのだが、そのときはmysql:をmysql2:に変更する。

heroku config:set DATABASE_URL='mysql2://~~~' -a [app-name]

独自ドメインの設定

設定のDNS Targetからアドレスを持ってきて

f:id:kumamotone:20200104154121p:plain

CNAMEに設定すればOK

f:id:kumamotone:20200104154101p:plain

以下日記

Mac上でRailsアプリだが、Herokuにはかなりあっさりデプロイすることができた。一方さくらのVPSはというと、VPS自体に罪はないのだけどなんかいつからかnginxのソケットがなんとかで落ちてて、productionのlogはlogrotateしてなかったので20GBとかになってた　ほかにも罠は色々ある気がするけど日常的にサーバー管理してないのでもう１〜２年置くとさっぱり思い出せんし再度デプロイするのにサクッとできる自信は全然ない。マネージする範囲は絞ったほうがいいな〜と再実感しました。おわり

2019-12-17

potatotips #67 に参加しました (iOSブログまとめ枠) #potatotips

potatotips #67 に iOS ブログまとめ枠で参加させていただきました。

f:id:kumamotone:20191217205228j:plain

会場はメルペイさん。

発表時間は各自で管理してくださいの精神、メの社風を感じる #potatotips
— Monkuma👾 (@kumamo_tone) 2019年12月17日

カンファレンスアプリをSwiftUIで作った / Masamichi Ueta さん

speakerdeck.com

Flutter製の2018年製カンファレンスアプリをSwiftUIでリライトした。MVVM、Dark Mode、Localization、Sign in with Appleなどの要素を盛り込んでいる。

Listの同じRowにNavigationLink2個おいたとき、各々別の画面に遷移してほしいんだがそうならなかった。ScrollViewにForEachでVStackを並べることで回避した。

PageViewでpopするとXcode11.2.1のビルドでクラッシュしていたが、Xcode11.3ではクラッシュしなくなっていた。

コードはOSSとして公開している。

github.com

ブログにも書いてある。

tech.mercari.com

FlutterをSwiftUIで書き換え、勢いがある #potatotips
— Monkuma👾 (@kumamo_tone) 2019年12月17日

ListだとTableViewになるけどScrollViewにすると全部メモリに展開されてReuseされなそうなのでListでもできてほしいな #potatotips
— Monkuma👾 (@kumamo_tone) 2019年12月17日

GeometryReaderでSwiftUIのViewをキャプチャする / Takeshi Sato さん

speakerdeck.com

Viewのキャプチャ（スクリーンショット）を取りたい。

f:id:kumamotone:20191217195814p:plain

UIViewだとこうやるよね。でもSwiftUIのViewにはBoundsもCALayerもない。どうするか？

Bounds は GeometryReader で取ることにした。 CALayer は UIView に変換して取ることにした。

geometry.frame(in: .global) や geometry.frame(in: .local) で座標を取る。（それぞれUIViewのframeとboundsに相当しそう）

UIView への変換は UIHostingController に渡してやって、UIWindow に add して visible にした状態なら view プロパティから取れる。

        let window = UIWindow(frame: CGRect(origin: canvasRect.origin,
                                            size: canvasRect.size))
        let hosting = UIHostingController(rootView: body)
        hosting.view.frame = window.frame
        window.addSubview(hosting.view)
        window.makeKeyAndVisible()
        return hosting.view.renderedImage

サンプルコード。

github.com

Integrating Function Builder / AkihisaSengoku さん

speakerdeck.com

Function Builderとはなにか、作り方と使い方など。

UICollectionView CompositionalLayoutできれいなGrid Layoutをつくる / Yuichi Kobayashi さん

speakerdeck.com

UICollectionView⁰CompositionalLayout でグリッド作りたいとき、セル間の spacing を指定すると、セルがちゃんと正方形にならないときがあった
セルのwidthとheightをpriorityを1000 にして Groupのほうをself-sizingにすればOK #potatotips
— Monkuma👾 (@kumamo_tone) 2019年12月17日

Swiftサウンドプログラミングをはじめる〜メトロノーム編〜 / teruto_yamasaki さん

3通りの方法でメトロノームを実装してみた。サウンド再生スレッドの優先度は高く保つ。

Playground初心者から脱却するための3つのTips / 417_72ki さん

speakerdeck.com

Playground の中で左のペインを出して New Playground Page すると Playground の中で複数の検証ができるので実は playground 作りまくらなくて良い。

sources/ の中にSwiftファイルを追加できて、処理も共通化できる（注：internal じゃなくて public にする必要がある）

SwiftUI 導入で LLVM のドキュメント読む羽目になった話 / Akkey さん

qiita.com

Xcode Preview が動かないときがあった。どうやら static framework に関係していて、 Linker flags に -fprofile-instr-generate を追加すると動くようになるようだった。なんでなのかを LLVM のドキュメント読んで調べている（情報募集中）。

画面をUITableViewで作るリスクとその対応 / zwtin さん

UITableVIew はパフォーマンスが良いって言うけど有限のリストの場合UIScrollViewにぶちこんだほうがかえってスクロール時にかくつかずに体験がよくなることがある（それはそう）

そのほか

まんぷくむすびはうまい

おにぎりおいしい #potatotips pic.twitter.com/tBkbdTDs6c
— Monkuma👾 (@kumamo_tone) 2019年12月17日

2019-12-17

大胆にリスクを楽しむ

この記事は SHIROBAKO Advent Calendar 2019 の 16日目です。（日付越えてしまいました‥すみません）

SHIROBAKOは、アニメ制作会社の現場を描いたアニメです。2014年10月から2015年3月まで全24話が放送されました。エンジニアやデザイナーの現場にも通じる状況が描かれていたこともあって、放映から4年以上経ったいまでも人気があるアニメです。来年2月29日に初の劇場版も公開されます。個人的には遅ればせながら去年の12月に初履修しました。

個人的にピックアップしたいのは22話のシーン。

「だって去年の今頃なんて、自分がアニメ制作に関われるなんて夢にも思ってなかったんすから」「りーちゃんは怖くないんだね...」「何言ってんすか絵麻先輩　怖いのは脚本家になれないことです！」

人間のリスクに対する感覚は基本的によくできていて、大勢の目に触れるとき、それ自体は別に危ないことではないはずなのに、「怖い＝危ない」と本能が訴えかけてきます。

その感覚自体は大事にしてあげたら良いと思うのですが、怖さに流されてしまうのはときとして長期的なゴールを遠ざけてしまう（この場合は「脚本家になること」）のではないかと思います。

個人的に今年を振り返ってみると、批評にさらされるのを恐れて公開するのを後回しにしたり、話しかけるべき人に嫌われることを恐れて話しかけるのを後回しにしたり、わくわくより怖さが勝って身動きが取れなくなってしまった記憶がいくつもあります。

このような短期的な怖さをはねのけることは簡単なことではなく、このようなときに必要になってくるのが「脚本家になりたい」のような強い情熱だと思います。このような強いものがあるからこそワクワクが勝つ。自分もりーちゃんのように、怖さが気にならないほどに夢中になって、大胆にチャンスを掴みにいくという姿勢でやっていきたいです。

2019-12-01

■

2016年4月に新卒で入社したヤフー株式会社を退職しました。

おしらせ：
私事ですが、現職を11月末付で退職します。2016年4月の入社から約3年間半、本当にお世話になりました。引き続きiOS アプリ開発をやっていく予定です。今後ともよろしくお願いいたします。 pic.twitter.com/bKenNQgvF1
— kumamo_tone (@kumamo_tone) 2019年11月21日

半年の丁寧なOJT形式の研修のあと、主にiOSとAndroidアプリの開発を担当させていただきました。期間としては3年と8ヶ月になりますが、かなりいろんな経験ができて、成長できたと思います。Yahoo! JAPAN アプリをはじめ、多くの人に使ってもらえるプロダクトの機能開発に携わったり、新規プロダクトの開発に携わったり、社内ハッカソンで数人チームでプロダクトを作ったり、大小様々な規模の開発に携わることができました。副業は申請を出せばOKになっていて、副業で請けていたアプリ開発では、個人で1年強で200〜300万ほど稼ぐこともできました。（この頃に関してはそれなりにハードワークだったのできつかったですが…）。

また、社内での定期勉強会の主催や、大きなミートアップの主催をやらせてもらえたり、業務でカンファレンスに参加、登壇などさせてもらったりなどするうちに、自然と社内外の繋がりも増えてきて、社外からのお誘いや、経験の機会につながることもありました。学生のときにJavaやC#などでGUIを書いていたのが経験として活きたのはありますが、入社したころはアプリ開発は完全に未経験だったことを考えると、かなりの変化だと思います。

この個人事業主でも稼げるし社外からもオファーがもらえるという経験はかなり精神的に良くて、大学院のときは「これで卒業できなかったら結構きついだろうし、中退したらどうやって生きていけばいいんだ…」という感じだったのに対して、今は「最悪やめてもなんとかなるかも」という感じで積極的にリスクが取れるようになり、精神的に楽になりました。（学び続けないとすぐ役に立てなくなりそうというプレッシャーもあるので、完全に楽という感覚もないですが…）

全体的にいわゆるホワイト気質で、フリーアドレスやリモートワークも推奨されているので働きやすく、毎週の1on1などで振り返りの機会が得られるし、社食など福利厚生も充実していて、こういった点などもかなり良かったと思います。

じゃあなんでやめるのかというと、ひとつは現状関わっているプロダクトの方向性とやりたいことの方向性が合わず、社内異動も叶わなかったこと、また、これはよくある話だとは思うのですが、（自分の場合）新卒の給与テーブルからちまちま昇給するのを待つより、一度転職する方が大きく収入を増やせてしまうということなどが大きな要因でした。その他の細かいネガティブな面などに関しては、こういったところに一方的に書くのはフェアじゃないと思いますし、退職時のインタビューなどで概ね正直にフィードバックさせていただいたので、内部でできるだけ受けとめてもらえることを願っています。あっでもこれだけは言いたい。週休3日制ってどうなったんですか？

最終出社日でしたいろんな人がメッセージくれて本当にありがたい pic.twitter.com/KHn1WBolHJ
— kumamo_tone (@kumamo_tone) 2019年11月27日

人事発令が出てからは、退職を惜しんでくださる方がいたり、退職するにも関わらず、たくさんの人に前向きなメッセージをいただき、とてもありがたかったです。この会社でソフトウェアエンジニアとしてのスタートを切れて本当に良かったと思います。これからも引き続き頑張っていきます。

2019-10-01

potatotips #65 に参加しました (Androidブログまとめ) #potatotips

potatotips #65 に参加させていただきました。

f:id:kumamotone:20191001200750p:plain

自分が所属しているヤフーで開催しました。

Android ブログまとめ枠の人がいなかったので軽く書いてみます。

5分でわかる Kotlin Contracts

speakerdeck.com

手前味噌ですが Kotlin Contracts を5分でわかるようにまとめてみました。

嬉しかった感想を拾います。

Contractsが5分でわかった。
この人にAndroid習いたいです。笑
#potatotips
— めっしー (@175Atsu175) 2019年10月1日

Kotlin全然分からんけど分かりやすかった #potatotips
— なっぱんだ (@nappannda) 2019年10月1日

#potatotips @kumamo_tone さんの「5分でわかるKotlin Contracts」ポイントがとてもわかりやすくて感激してる。Contract使いたい。
— さっとみん🌱 (@satoomist) October 1, 2019

なるほどなー、まさにDesign by Contractできるんだなーおもしろい https://t.co/Uvnx1s0a63
— takasek (@takasek) October 1, 2019

GitHub Actionsを用いたDeployGateアプリ配布の自動化

speakerdeck.com

デザイン確認用のアプリの配布が面倒だったので、Pull Request をダストデザイン確認用アプリが自動配布される仕組みを作った。

CIサービス、BitriseとかでもできるけどGitHub Actionsを検証を兼ねて利用してみた。

使い方や、つまずいたところなどを解説。

Github リポジトリのSettingタブのなかにSecretsというのがある #potatotips
— Monkuma 👾 (@kumamo_tone) 2019年10月1日

Secretが新しく生えている。

ActionとしてPackage化してシェアできるの便利そう（iOSアプリ配布用Action欲しい！） #potatotips
— 所友太 / ToKoRo Yuta (@tokorom) 2019年10月1日

便利そう

Github Actionsも使いこなしたさを感じました😊結構柔軟に色々試せそうな予感。#potatotips
— fumiyasac@UI実装であると嬉しいレシピブックVol.1&2著者 (@fumiyasac) October 1, 2019

TargetSdkVersion29で BottomNavigationが点滅する件

speakerdeck.com

TargetSdkVersion29（Android 10）で、BottomNavigation がちらつくバグがあった。

再現するリポジトリを用意しました。

github.com

パッチを上げたがすでにissueが上がっていた。モンキーパッチを当ててなんとかすることもできるが、基本対応されるのを待ったほうが良いかも

そのほか

🍻 #potatotips pic.twitter.com/IJxFuxh2gM
— 所友太 / ToKoRo Yuta (@tokorom) 2019年10月1日

のみもの

写真を撮ってTwitterに上げた方が良いかもしれないご飯 #potatotips pic.twitter.com/1OxsaqFFFL
— いせ (@iseebi) October 1, 2019

たべもの

おつかれさまでした。

[Android] 写真動画のフォルダ選択に対応した話 / akatsuki174 さん

[iOS] For Developing URL Routing of SwiftUI App (SwiftUI時代のURLルーティングを考察する) / freddi さん

[Android] ML Kit （Auto ML Vison Edge）で写真から家族を検出する / tsutou さん

[macOS] Virtual Web Cameraを作ってみよう / kishikawa katsumi さん

[Android] Troubleshooting on Build & Release Flutter apps / Kenichi Kambara さん

[iOS] Touch Bar on Catalyst / fromkk さん

[Android] Tips on Databinding in RecyclerView / Shota Ara さん

[iOS] e-Conte board 開発話 / codelynx さん

[Android] ContextThemeWrapperでThemeをより賢く / rmakiyama さん

[iOS] SwiftUIでNeumorphism!!! / Ryo Tsuzukihashi さん

[Android] Wi-Fi Suggestion API / syarihu さん

[iOS] Custom Gesture Recognizer の世界 / TachibanaKaoru さん

そのほか

A - The Number of Even Pairs

問題概要

答え

B - String Palindrome

問題概要

答え

C - Maximum Volume

問題概要

答え

なんだその直感は

感想

Ruby や gem のバージョンアップ

precompile

DBのインポート

独自ドメインの設定

以下日記

カンファレンスアプリをSwiftUIで作った / Masamichi Ueta さん

GeometryReaderでSwiftUIのViewをキャプチャする / Takeshi Sato さん

Integrating Function Builder / AkihisaSengoku さん

UICollectionView CompositionalLayoutできれいなGrid Layoutをつくる / Yuichi Kobayashi さん

Swiftサウンドプログラミングをはじめる〜メトロノーム編〜 / teruto_yamasaki さん

Playground初心者から脱却するための3つのTips / 417_72ki さん

SwiftUI 導入で LLVM のドキュメント読む羽目になった話 / Akkey さん

画面をUITableViewで作るリスクとその対応 / zwtin さん

そのほか

まんぷくむすびはうまい

5分でわかる Kotlin Contracts

GitHub Actionsを用いたDeployGateアプリ配布の自動化

TargetSdkVersion29で BottomNavigationが点滅する件

そのほか

UICollectionView CompositionalLayoutできれいなGrid Layoutをつくる / Yuichi Kobayashi さん