Raspberry Pi Zero W を USB OTGではなくSDカードをいじってのセットアップをしたときのメモ

Raspberry Pi

mac OS(10.15.6)の環境で Raspberry Pi Zero W を USB OTGでセットアップしようとしたが、RNDIS/Ethernet Gadgetが出てこずに泣いた。以下を参考にHoRNDISを入れてみたりもしたが、解決せず。

boot - MacOS Not Discovering Raspberry Pi Zero as an USB Ethernet Device - Raspberry Pi Stack Exchange

というわけで、USB OTG以前ではSDカードをいじってセットアップしてたのを思い出したので、忘備録として残しとく

目次的な

OSを書き込む
SSHを有効にする
wifiの設定をする
Raspberry Pi Zero Wの電源を入れる
SSHできることを確認する

OSを書き込む

最近はRaspberry Pi Imagerというツールがあって便利らしく、これをつかって書き込んだ

Raspberry Piに公式のイメージ書き込みツール「Raspberry Pi Imager」がリリースされてセットアップが超便利に #RaspberryPi | Developers.IO

SSHを有効にする

SDのrootにsshという命名の空ファイルを置くことで有効になる

$ touch /Volume/boot/ssh

wifiの設定をする

SDのrootにwpa_supplicant.confという命名のファイルを置くことでwifiを設定できる

country=JP
ctrl_interface=DIR=/var/run/wpa_supplicant GROUP=netdev
update_config=1
network={
  ssid="<SSID名>"
  psk="<WiFiパスワード>"
}

自分が微妙にハマったのだが、サポートしているWiFiの帯域はb/g/nなのに、aの帯域のSSIDを設定しまってWiFiつながらんぞ！！！！と時間溶かしてしまった😷

802.11 b/g/n wireless LAN Buy a Raspberry Pi Zero W – Raspberry Pi

Raspberry Pi Zero Wの電源を入れる

USB OTGは使わないので、普通に電源のところにつなぐ

SSHできることを確認する

初期パスワードはraspberryなので、あとで編集しときましょうね

➜  ~ ssh pi@raspberrypi.local
The authenticity of host 'raspberrypi.local (fe80::34d5:cf1a:4534:33ea%en0)' can't be established.
ECDSA key fingerprint is SHA256:FoiespN6d+3HSSRRMqLFouVbDVuaUkeHiHeGOSE5iT4.
Are you sure you want to continue connecting (yes/no/[fingerprint])? yes
Warning: Permanently added 'raspberrypi.local,fe80::34d5:cf1a:4534:33ea%en0' (ECDSA) to the list of known hosts.
pi@raspberrypi.local's password:
Linux raspberrypi 4.19.118+ #1311 Mon Apr 27 14:16:15 BST 2020 armv6l

The programs included with the Debian GNU/Linux system are free software;
the exact distribution terms for each program are described in the
individual files in /usr/share/doc/*/copyright.

Debian GNU/Linux comes with ABSOLUTELY NO WARRANTY, to the extent
permitted by applicable law.

SSH is enabled and the default password for the 'pi' user has not been changed.
This is a security risk - please login as the 'pi' user and type 'passwd' to set a new password.

pi@raspberrypi:~ $

参考

2020-07-27

「栄養管理プロセス」と「バグ対処」

勉強

最近、趣味で臨床栄養学の入門書を読んでる

臨床栄養学実習書　第12版

発売日: 2015/03/01
メディア: 単行本（ソフトカバー）

その最初の方に書いてあった臨床栄養管理システムの話が、バグ対処手順についての体系化されたワークフローになっているなあと思ったのでまとめる

栄養管理プロセス

自分が読んでいた本には臨床栄養管理システムとあったが、2015年の版のものだったせいもあり、最近ではコレを栄養管理プロセスというらしい

そもそもコレが何かというと「病院に務める栄養士さんが、患者の状況等から栄養学的に最適な食事の献立を考えて、患者の病状を改善していくためのワークフロー」というもの。フローチャートとしては、以下のような感じ。

ref: 栄養管理の国際基準を学ぶ | 公益社団法人日本栄養士会

栄養スクリーニング

患者の栄養状態等でリスクがあるポイントを調べる。 主観的包括的アセスメント(SGA)というテンプレートが一般的で、基本的にはそれに則る。

具体的なチェック項目はこんな感じ

体重や体脂肪などの増減について
普段食べているものなどの食生活について
下痢などの消化器官の状態について
体力や運動意欲などの身体についての状態確認
病気にかかったかどうか

栄養アセスメント、栄養診断

栄養スクリーニングで決めた内容を元に患者を問診し、栄養状態を確認と症状を考察し、それらを改善するための診断をする。練習問題があったので、見ると雰囲気わかるかも。

医学書院／週刊医学界新聞(第2743号 2007年08月06日)

診断をつけるときはPES報告書というテンプレートに沿って根拠と原因、診断内容を記載してくらしい。

PESとは､Problem Related to Etiology as Evidenced by Signs and Symptomsの略で､｢Sの根拠に基づき､Eが原因となった（関係した）､Pの栄養状態と栄養診断ができる｣ということです｡栄養管理の国際基準を学ぶ | 公益社団法人日本栄養士会

栄養介入

検査結果から得られた事象をもとに考察し、対処計画を建て、対処を行っていく。栄養士だけで手が回らない分野については、医師や看護師なども巻き込んで対処を行う。

5ページ目の資料とかみると雰囲気わかりそう

モデル事例集 - 日本栄養士会

栄養モニタリングと評価

栄養診断で定めた項目等についてモニタリングし、改善が見込めたかどうかを確認する

栄養管理プロセスをざっくり学んで

QA時のIssueだったり、問い合わせのバグ報告に対しての自分が取る行動がいつもこんな感じ

上がってきた事象について、事実だけを列挙する
列挙した事実を元に、想定される原因について列挙する
列挙された原因について、コードをチェックしたり、デバッカーを挟んだりして調査する
事実確認ができたら、起きている事象と想定したこと、調査したことから原因の特定と対処方法を考える
Issueにまとめて報告し、レビューを受ける
レビューで問題なければ、決めた方針に則って対処をする
対処ができたらリリースし、事象が再現していないかの再確認を行う

取り組み方は色々あるだろうけど、だいたいこんな感じだと思う。

栄養管理プロセスの流れと大体一緒だよなと思った。医療の現場は、上がってくるバグ報告をひたすら対処していくようなもんだし、問題解決に対してのワークフローがガッチリ定義されていて、効率的に片付けるためのノウハウがめっちゃつまってるなーーーと思った。スクリーニングのリストを各ポジションで作っておけば概ね抜け漏れがない原因調査できるし、PES報告書の形式で文章整えてwikiに書き残しをしておけばとても見やすい議事録になると思った。

参考にして、自分の業務効率化と精度向上に活かしていきたいなあと思った。

2020-07-02

確定申告で桁入力ミスをして高額納税しそうになった話

雑記ライフハック

確定申告ミスって更正申告した金額 pic.twitter.com/fhxwAD6RGp
— とらい (@mrtry_) 2020年6月23日

副業してて、今年も確定申告を終えた。 freeeさん、毎年ありがとう！！！！！！！とスッキリ爽快な気持ちを味わった。その後、5月末に手元に税務署から督促状が届いた。なんと、その額、1800万円だった。意味不明すぎて脳死した。

そのあと、確定申告のデータを見直したら、桁間違ってるとこがあって、ヤバい儲けているマンになっていたことがわかった。そんなにお金ないよ...。5000兆円ほしいよ...。

そのときにいろいろ修正する羽目になったので、その忘備録。

確定申告の更正

確定申告の額を多く申告したときに修正をすることになる。申告額を少なく申告してしまったものを出し直すときは修正申告、申告額を多く申告してしまったものを出し直すときは更正申告というらしい。そんなわけで今回は更正申告をする。

最近はe-taxでできるようになっているので、以下のサイトから入力フォームに従って埋めていけば完了である

【確定申告書等作成コーナー】-作成コーナートップ

提出した申告書に誤りがあった場合 のページから色々やればイケる。ミスった確定申告の書類と、それをソフトかなんかで修正した正しい確定申告書類、ふるさと納税していたらそれらの証明書を手元に準備しておけば、がんばっていける。フォーム等色々使いにくく、イライラしてくる作業なので気合入れてきましょう。

やりきれば、確定申告の金額修正は「完」です。

予定納税額の減額申請

ただ、その申告のタイミングが遅いと、今度は税務署からミスった金額を基準に納税額が決定され、納税書が送られてくる。督促状の書類はポストに結構入れっぱなしで、確認したのがだいぶ遅れてたため、納税書までも手元に来てしまっていた。そのため、予定納税額の減額申請とやらもしなきゃいけなきゃだった。

これは残念ながらe-taxには対応していないので、国税庁から書類を落として郵送なりする必要がある。

［手続名］所得税及び復興特別所得税の予定納税額の減額申請手続｜国税庁

ざっくりな記入方法はPDFに書いてあるから、がんばる。その他よくわからなかったとこは、ggったら以下のサイトがわかりやすく記入の参考になった。

予定納税減額申請書のわかりやすい書き方｜TORUBLOG

青色申告してた人は、所得金額から特別控除分抜けばいいという説明が助かった。どこから引くんだコレってなってた。

減額申請理由には、確定申告ミスって更正申請したから修正したいという旨を書いた。添付書類には、確定申告更正申請書を印刷して同封しておいた。

おわりに

当たり前ですが、確定申告するときは「数字入力し終えたヨッシャ！！！！！！」と安心してないで、自分で入れた数字の箇所ぐらいは最低限確認しましょうね！！！！！！！！！！！！！！！あと、ポストは定期的に見ましょう！！！！！！！！！！！

2020-06-20

不眠に悩み、睡眠外来に通って、終夜眠ポリグラフィ検査を受けた話

雑記健康

学生時代から「睡眠時間は足りているのに、寝たりない」という感覚がずっとあった。社会人になってからもそれが続き、毎日11時頃になると眠たくなるし、昼食後は眠気で仕事するのがしんどくて仕方なかった。出社していると昼寝もしにくいので、自分のパフォーマンスをフルに発揮できないことに悲しくなる日が多々あった。自分でできる限りの対策を行ったがそれでも改善せず困り果て、最近睡眠外来に通い検査入院をした。そしてその結果を受け取ったので、体験記を残しておく。

自分の不眠の症状

ネットで調べた感じだと熟眠障害っぽいと思っていた

睡眠時間自体は6~8hぐらい寝れている
ただし、寝て起きたときは頭がだるかったり、眠気がすごかったりする
トイレに行かなくても、中途覚醒が2回はある
日中眠すぎて集中力が持続せず、仕事や勉強がしんどい

また、自分は普段からMi band 4で睡眠トラックをしていて、友人とデータを比べてみるとノンレム睡眠が短いことがわかった。友人らはだいたい2hぐらいノンレム睡眠があるが、自分は1h台かそれ未満が多い傾向だった。

自分でやってみた睡眠対策

ネットで調べて潰せるものは概ねやった。効果としては、Mi band 4のトラッキングでノンレム睡眠が1~2h程度が出るぐらいにはなったが、体感としてはもっと改善したい感じだった。そして、どの対策も効果が持続するのは長くて2週間ほどで、その後はまた不眠症状が再度出てくる感じだった。

やった対策を列挙しておくとこんなかんじ

日中に2h程度、光療法ライトを浴びる
夜は間接照明で生活するようにする
PCやスマホの設定でブルーライトカットするようにする
ゲームは寝る前2hにはやめる
食事は就寝3hまでに済ます
寝る前に必ず入浴し、シャワーだけの日は足湯をする
寝る前に換気し、二酸化炭素濃度を下げる
家の換気扇を回したまま寝る(二酸化炭素濃度上がらないように
部屋を20℃、60％の温湿度にしてから寝る
以下のサプリを飲む
- ナイトレスト
- メラトニン(time released)
- バレリアンルート
- グリシン

そして、睡眠外来の通院した

先の内容を継続して2ヶ月ぐらい試したものの、安定した睡眠改善に至らず、自分の知識や努力ではどうにもならんなと思って、通院することを決めた。

初診

初診の予約時に飲んでいるサプリがあれば共有してくれとあったので、自分が飲んでいるサプリを一通り持って行った。問診票に、睡眠に関係あるなし拘わらず一通り記載を記載した。問診票を提出したあとは、医師からの問診を受けた。喋った内容は「自分の不眠の症状」に書いた内容を伝えた。最終的に「問診だけでは完全にわからないですし、きちんとした処置のためにも、病院に1晩泊まって終夜眠ポリグラフィ検査しませんか？」と言われ、お願いしますとお返事して、終夜眠ポリグラフィ検査の予約と採血をして終わった。

あと、睡眠日記を2週間つけとくようにと言われたので、検査入院まで以下のPDFのものを書いてた。

ヤマネ先生の睡眠日誌｜スイミン資料室｜不眠・眠りの情報サイトスイミンネット

睡眠ポリグラフィ検査のために入院

入院当日のスケジュールは以下の感じだった

18時までに来院
22時までに測定器の装着や就寝の準備を済ます
22時に消灯で寝る
5~6時の間に起床(技師さんが起こしに来る)

センサーつけたらこんなかんじだった

なかなかヤバい写真です。センサー取れないか心配で変な体制なってる。 pic.twitter.com/INVuxc9TFe
— とらい (@mrtry_) 2020年6月8日

なお、検査料は1.5万程度だった

検査結果通知

検査結果として、「要点項目をまとめた診断概略」「睡眠経過図」「血液検査結果」をもらった

睡眠経過図というのは、こういう内容のもの

f:id:symmt9302:20200620212850j:plain

で、検査結果としては、軽度の「睡眠時無呼吸症候群」だった。無呼吸になるタイミングが10回/h程度あり、それとほぼ同等回数覚醒をしていることによって睡眠不足感があるのでは、とのこと。

今後の対応

「睡眠時無呼吸症候群」の対策は、太っていればとりあえずダイエット、ということになるらしいが、自分は今日時点で体重: 64.8kg 、体脂肪率: 17.4% という感じの、標準的な体格だ。そんなわけで、睡眠時に何かしらで呼吸を確保しましょうということになった。パターンとしては、「気道に空気を直接送り込む送風機を装着する」もしくは「マウスピースを装着する」があるらしい。「気道に空気を直接送り込む送風機を装着する」は重症であれば保険が降りるが、自分は軽度のため適応できないらしく、「マウスピースを装着する」という方針となった。これは、睡眠時に下顎を軽く前に出した状態のマウスピースを装着することで気道を確保する、というアプローチらしい。「薬とかの処方でどうにかなる話じゃないので、物理的に解決するしかなさそう」という話も伺ったので、その方針でお願いしますと伝えて、近々マウスピースをつくることになった。

なお費用としては、マウスピース作成で2万、そしてその後効果検証のために再度終夜眠ポリグラフィ検査を受けるので1.5万かかるとのこと。

また、自分は軽い鼻炎持ちでもあるとの話をしたら、鼻の呼吸度合いをチェックする検査をした。片方に鼻栓して、呼吸器みたいのつけて、鼻息を測定した。結果が良くなかったら、耳鼻科への通院もしたほうがいいですねとのこと。

おわりに

自分で考えて対処してわからないならプロである医者の診察を受けましょう😷 マウスピース作って、終夜眠ポリグラフィ検査受けたら、また体験記書きます🤘

2020-05-07

在宅勤務の装備について

DIY おうちハック雑記ライフハック

コロナの影響で３月からリモート生活を送っている。自宅の環境構築も一通り整った気がするので、ちょろっとまとめてみる。

机まわり

全体はこんな感じ

f:id:symmt9302:20200506215336j:plain

机

IKEAの天板に昇降脚をつけてる

GERTON イェルトンテーブルトップ - ビーチ - IKEA

FlexiSpot 電動式スタンディングデスク高さ調節スタンドアップワークテーブル学習机勉強机ブラックE3B（天板別売り）

メディア:

昇降脚にしてから、スタンディングできるのはもちろんいいのだけど、座ったときの机の高さも好きに調整できて便利だった。以前までは、机の高さに椅子を合わせると足台がないと床に足がつかない状態で、肩や腰を痛めがちだった。昇降脚で高さを合わせてから、それらがなくなったし、足台がうざったかったので捨てれてハッピーって感じ。昇降脚はグレードが3段階あるけれど、一番高いやつが可動域が広くて、高くも低くもできるので良い。

ケーブル整理

配線をまとめるのにIKEAのケーブルオーガナイザーを直付けしてある

SIGNUM シグヌムケーブルオーガナイザー横型 - シルバーカラー - IKEA

f:id:symmt9302:20200506215504j:plain

椅子

IKEAの椅子を使ってる。５年目ぐらいになるけど、ヘタりとか感じていないので優秀。

MARKUS マルクスオフィスチェア - ブラックグローセロブストブラック - IKEA

キャスターをフローリング傷つきにくいやつにしてある

Professional Black & White Office Swivel Chair Wheels Replacement Casters GS01 | eBay

モニター

Type-Cで給電できるやつ買った。同じ系列のやつを会社で使っていて、その品番の新しいやつが3月にちょうど出たので、そっちを買った。会社のPCがType-CなMBPなんだけど、自宅用のやつは2015年ぐらいのMBPでType-Cじゃないので合わせて買い替えたい今日このごろ。

Dell プロフェッショナルシリーズ P2421DC 23.8インチワイド USB-C モニタ－ | Dell 日本

モニターは、アーム買っていい感じに設置してる。売り切れているっぽいけど、4000円ぐらいで買える割にめちゃいい商品だった。モニターを机の端に設置したかったので、ポールに固定するタイプを買った。根本からアームが生えているタイプだと、可動域が135°とかでアームの根本にモニター設置できないので、同じ思想の人は注意 😇 (一度買い替えた) 経ったり座ったり体制を変えると、モニターの高さもそれに合わせて変えたくなるので、ガス式のアームを買っておくと便利。

HUANUO PC モニターアーム 2画面液晶ディスプレイアームデュアルガススプリング式 17-32インチ対応耐荷重1-8kg グロメット式＆クランプ式 HDMIケーブル付き (ブラック)

メディア: エレクトロニクス

映像と音響まわり

配線多いけど、これでも減らしたつもり

f:id:symmt9302:20200506215351j:plain

SwitchとPS4と自宅MBPがHDMIなのでHubに接続をまとめて、HubでHDMIから音声分離してミキサーに流して、スピーカーとヘッドホンから音出すようにしている

SPDIF/同軸/3.5mmオーディオ出力付きHDMIスイッチ、IRワイヤレスリモートコントロール付き4ポート4 x 1スイッチャセレクタ、4K @ 60Hz、HDMI 2.0b HDCP 2.2、サポートDTS-HD/ドルビー - トゥルーHD/DTS/ドルビー-AC3/DSD

メディア: Video Game

↑このHub音声分離もできるし神！！！と思ったんだけど、アナログ出力の音声がハイカットされてる感じで率直にゴミだったので、DAC買って、光で出して変換したのをミキサーに流している。

Techole デジタルアナログ変換 192KHz DAC デジタル(光と同軸)→アナログ(RCA) オーディオ変換器 3.5mmジャック出力あり PS3/PS4/Xbox/HDTV/Blu-ray Sky HD/Apple TVなど対応

メディア: エレクトロニクス

ミキサーはkirinパイセンからいただいた。感謝やで。

BEHRINGER ミキサー XENYX 502

発売日: 2018/09/01
メディア: エレクトロニクス

あと、細いHDMIケーブルを買ったら取り回しが楽で神だったので、太いHDMIケーブルにしんどみある人は買い替えおすすめです

エレコム HDMI ケーブルスーパースリム 1m ハイスピード【 Nintendo Switch 対応】 4K 3DフルHD イーサネット対応ブラック DH-HD14SS10BK

発売日: 2014/01/10
メディア: エレクトロニクス

スピーカーはFostexのやつ(廃盤)

Fostex ( フォステクス ) >PM0.5n(MB) 送料無料 | サウンドハウス

スピーカースタンドはCLASSIC PROの安いやつ

CLASSIC PRO ( クラシックプロ ) >MST モニタースピーカースタンド送料無料 | サウンドハウス

ヘッドホンは澪ホンのリケーブルできるやつ

AKG ( アーカーゲー ) >K702 開放型ヘッドホン 3年保証モデル送料無料 | サウンドハウス

その他

個人的なリモート作業捗らせるやつ

ステッパー

スタンディングデスクを買ったタイミングで買った

Xiser Commercial Mini Stairmaster, Black

メディア:

健康ヲタクなのでパレオな男やDaiGoさんを購読しているんだが、ブログやら動画でこのステッパー踏みながら労働すると最高！！！って話を聞いて、「引きこもりで運動不足なりそうだし、解消のためにもアリでは？？？」となって買った。今は一日11000歩程度(8km程度)を目標にコーディング中やMTG中、モンハンをしながら踏みまくっている。安いステッパーだと連続稼働時間が20分とかで一日踏み続けられないが、これは無限に稼働させておｋなのでずっと踏みまくっている。

自宅でこもって仕事をしながら１日３万歩を歩く男の話 | パレオな男

使うときは、スタンディングデスクの高さをmaxまで上げて、机の下にステッパー入れて、机に肘付きながらタイピングをするって感じになっている。肘ついていればタイピングに支障なく踏みまくっていられる。今も踏みながら書いてる。

f:id:symmt9302:20200506215500j:plain

購入して2ヶ月経ったが、これのおかげか体脂肪が2kgぐらい減った。めでたい。

光療法ライト

着替えて散歩に出るのも面倒で陽に当たることが無さすぎて、体内時計が破壊された時期があった。夜中目覚めて寝れなかったり、昼間に眠すぎて労働できなかったり、だいぶひどかった。同僚が光療法ライト買ったら改善したって話をしてたので、ポチってみた。

【令和最新版2020】光療法 12000ルクスベッドサイドランプ LEDライトライトセラピータイマーオフホワイトフルスペクトル目の保護テーブルランプオフィス、ホーム、旅行用

メディア:

買って数週間経つが、体内時計は整った気がしていて、夜に眠く、朝には目覚める人間になれた。光療法的には、10000ルクスの光を30分浴びればいいらしい。この商品だと実際に10000ルクス出るのはおそらく数センチぐらいで、普段遣いの距離だと実質5000ルクスぐらいだと思うので、仕事初めのタイミングで1時間タイマーをセットして、光に照らされながら労働している。

「光目覚まし時計」と「高照度光療法器具」の違い｜ブライトライトME+

f:id:symmt9302:20200506215522j:plain

ソーダマシン

炭酸水好きなんだけど、家にいると飲みすぎて秒でケースがなくなる問題が起きた。対策としてソーダマシンを買うぞ！！！となり、ドリンクメイトをかった。

[ドリンクメイト] 炭酸水メーカーマグナムシリーズグランドブラック DRM1006

メディア: ホーム&キッチン

強炭酸まではいかないが、普通の炭酸飲料程度の炭酸具合は出せるので便利。レモン汁いれると実質レモンハイボールで、仕事中にレモンハイボールが飲める(要出典)。強炭酸水が好きな人は、ソーダストリームを買ったほうが多分幸せ。

この動画がいい感じにまとまってるので、見てみるといいかも。

【炭酸水メーカー比較】ソーダストリームとドリンクメイトどっちがいいの？どう違うの？徹底比較！

ドリンクメイト買ったのは、水以外の液体にも炭酸が入れれるから。ぶどうジュースやら日本酒、梅酒に炭酸入れて飲むと雰囲気変わって楽しい！！！！！！あと、ボトルの口のところを外して洗えるので衛生的。気になったら先の動画見ると買うときの指針になると思う。

スマートリモコンと二酸化炭素濃度計

スマートホームしたい！！！！となっていろいろ整えた。 NETATMOとSwitbot Hubが装備されている。

Netatmo Weather Station for Smartphones [並行輸入品]

メディア:

SwitchBot スイッチボットスマートホーム学習リモコン Alexa - Google Home IFTTT イフト Siriに対応 SwitchBot Hub Mini

発売日: 2019/09/27
メディア: Tools & Hardware

エアコンの近くに置いといてる

f:id:symmt9302:20200506215404j:plain

Google Homeがあるので、voice-overで電気つけたり、エアコンつけたりできるし、寝る前は設定しとけば一言で家電の電源を切れる。 1Kに住んでるのもあって二酸化炭素濃度はあがりやすいけど、NETATMOで監視してるので適切な環境で働けるので、最高です。 1000ppm以下をキープするようにしている。

室内の二酸化炭素で仕事のパフォーマンスが下がる！ということでCO2モニタを買ってみた話 | パレオな男

NETATMOはhazeくんからもらった。活用しているよ。ありがとうやで。

おわり

引きこもり環境がオフィスより整いすぎて、人間にふれあえない以外は快適な生活を送っています！！！！人の部屋覗くの、個性が現れて面白いし、いっぱいみたい！！！！！！(2ch見てた頃は部屋スレをよく覗いてた) 自分の最高のお家情報をみなさんshareしてくれ！！！！！！

2019-12-12

React Nativeでパフォーマンスチューニングするときに役立ちそうなライブラリ紹介

AdventCalendar ReactNative

この記事はReact Native Advent Calendar 2019の 12 日目の記事です。
10 日目は、React Native の iOS/Android ビルドする bitrise.yml を晒してみる&ビルド高速化などでした。

パフォーマンスチューニングをしようとした際に、Weak Point を調べるライブラリを調べていたので、紹介したいと思います 🤘

ライブラリ紹介

why-did-you-render

コンポーネントが再 Rendering されたときに、何が起因で再 Rendering が起こったのかを console に出してくれる君。
Statefull な Component が多いときに入れておくと便利そう。

welldone-software/why-did-you-render

使い方は、Root となる箇所で以下のように書いとくだけ。
すべての Component で更新がかかったときにログを出してくれる。

import whyDidYouRender from "@welldone-software/why-did-you-render"
import React from "react"

if (__DEV__) {
  whyDidYouRender(React)
}

React Hooks を使っている場合は、useWhyDidYouUpdateなるものを見つけたので、こちらを使ってみると良いかも。

useWhyDidYouUpdate React Hook - useHooks

react-native-slowlog

処理に 16ms 以上かかりフレーム落ちが発生した際に Yellow Box や console.log を出して知らせてくれる君。

jondot/react-native-slowlog

こちらは、各 component の constructor で呼び出してやる必要がある。
whyDidYouRender のようにシュッといかないのがちょっと不便。

import slowlog from "react-native-slowlog"
import React from "react"

class Master extends Component {
  constructor(props) {
    super(props)
    // __DEV__を見て、よしなにログを出さないようにしてくれる
    slowlog(this, /.*/)
  }
}

React Profiler API

React 16.9 から導入された、Component の Rendering 時間を細かく出してくれる君。
公式なので追加ライブラリなしに使えて、とても良い気がしている。

Profiler API – React

チェックしたい Component を React.Profiler で Wrap してやると、実際に掛かった Rendering 時間をcallbackで返してくれる。

const component = props => (
  <React.Profiler id="MyComponent" onRender={onRenderCallback}>
    <MyComponent />
  </React.Profiler>
)

function onRenderCallback(
  id,
  phase,
  actualDuration,
  baseDuration,
  startTime,
  commitTime,
  interactions
) {
  console.log(
    `id: ${id}, phase: ${phase}, actualDuration: ${actualDuration}, baseDuration: ${baseDuration}, startTime: ${startTime}, commitTime: ${commitTime}, interaction: ${interaction}`
  )
}