Yukiya Nakagawa

バズレシピAdvent Calendar 8日目です。adventar.org今日は、筆者がバズレシピのおかげで料理に慣れてきた頃に見るようになった、別のYouTubeチャンネルについて紹介しようと思います。少し企画の主旨からは外れますが、たぶん需要はあるはず。料理技術のステップアップどんな技術の世界でも、入門書で最初の一歩を踏み出したり、自分にもできる！と自信をつけたりした後で、もっといろんなことを学びたいと思った時のために、「次に読む本」のような学習パスがあると、スムーズにステップアップできます。料理のステップアップについてはリュウジさんも言及しておりまして、2023年10月2日にアップロードされた、最高傑作カルボナーラ回の質問コーナーに出てきています。回答の主旨としては、まずは虚無シリーズのような簡単なレシピから始めてもらって、慣れてきたら至高シリーズにもチャレンジしてほしい、というものでした。わかる。まあ筆者からひとつだけ文句をつけるとするなら、例に挙げていた「虚無ボナーラ」は、いうほど簡単ではないので、初心者にはオススメしづらいという点でしょうか。終盤に半熟に仕上げる際の火入れの加減が難しくて、コメント欄で「いや、リュウジは弱火で混ぜろと言っているが、俺たち素人が火を入れてもやりすぎてボソボソになるので、諦めて火を消して余熱でできる範囲で仕上げたほうがマシ」という結論が出ちゃった程度には難しいんですよ。カルボナーラ系で一番簡単なのは、酒飲んでなかった太古に作られたレンチンカルボナーラです。少し余談が過ぎましたが、バズレシピの中にもステップアップのパスはあるということです。さて、それでは、他の料理系YouTubeチャンネルはどうだろう？と目を向けてみるのが本記事の主旨となります。バズレシピのいいところである、「家庭にある食材の範囲で手間をさほどかけずに美味しいものを作る」というテーマはさほど崩さずに、リュウジさんとはまた違ったアプローチで味付けをしている人を見ることで、調理技術の学びの幅が広がるのではないでしょうか。というわけで、サッポロ一番無水みそ油鍋からバズレシピを見始めて、そろそろ3年くらい料理をしている筆者が近年見ている他のチャンネルを紹介します。Koh Kentetsu Kitchenまずは料理研究家コウケンテツさんのチャンネル。www.youtube.comリュウジさんほどの時短テクニックを駆使することは少ないものの、家庭にある材料で、愚直にレシピを教えてくれます。ジョークが滑っても誰も突っ込まないテンポ感が独特です。チキンスティックや棒餃子、にら饅頭など、子供ウケのいいレシピには本当に助けられています。www.youtube.comwww.youtube.comwww.youtube.comバズレシピとの比較でいくと「常にほぼ至高」という感じがします。初心者がいきなり手を出すとしんどそうなレベル感ではありますが、バズレシピでしばらく修行を積んだ後なら、コウケンテツさんのレシピも恐れることはないはずです。だれウマ次はだれウマさんです。www.youtube.com筋肉系YouTuberという感じで、筋肉ネタ満載のトークに耐えられるかどうかが試聴を続けられるかどうかの分かれ目です。やっていきー＼＼💪マッチョ💪／／こちらはバズレシピの平均値くらいのレベル感のレシピが多いので、たまに手を出してもしんどいなと思わずに済むことが多いです。特に好きなのは、2023年5月アップロードの極ツナパスタです。www.youtube.com飴色玉ねぎを作る部分でやたらと時間がかかる点だけが面倒くさいものの、その面倒くささが気にならないくらいに、出来上がったものが美味しいです。ハマった時は週3で食べてた。ボディビルダーとしても活動している方なので、痩せめし系がガチなのもポイント高いです。【賛否両論】笠原将弘の料理のほそ道最後に、賛否両論、笠原さんのチャンネルです。www.youtube.com料理研究家ではなく、恵比寿の日本料理店のご主人という本職の料理人さんがやっているYouTubeチャンネルです。チャンネル開設が2023年6月ということで、最近始まったばかりと言っていいと思います。語り口は軽快だし、編集もお上手、もちろん腕も確かなのに、ちゃんと家庭料理で扱いやすいレベル感に落とし込んでくれています。今のところ、鶏むね肉の牛タン風とか、吉野家っぽいやつとか、親子丼を作ってみました。www.youtube.comwww.youtube.comwww.youtube.com料理中の雑談が深い経験に裏打ちされている感じで、大変勉強になります。リュウジさんだと「鶏肉の下処理はしなくてもいい。これはこれで美味いし」と時短目的で端折られている部分についても、「神経質になる必要はないけど、ここまではやってもいいかもね」という下処理の範囲を実践してくれていたりして、ワンステップ上を教えてくれる感じです。とはいえ、特にバズレシピよりも面倒という感じがしないのは、笠原さんの飄々とした語り口あってのものという感じがします。まとめというわけで、バズレシピで得た経験のおかげで見れるようになったチャンネルを紹介した感じになりました。技術的な面だけでいうとファビオ飯あたりも何を言っているのかわかるようにはなってきているのですが、いかんせん材料が全く家庭料理向きではないので、今回は除かせてもらいました。会社の同僚と話していると、バズレシピのおかげで白ごはん.comのようなレシピサイトが読めるようになってきて、重宝するようになった、といった話も聞くようになりました。筆者は動画じゃないと頭に入ってこないので使っていませんが、こういう方向性もアリですよね。バズレシピのおかげで身についた料理の基礎を、もっといろんな場面で使えるように、今後も学びを深めていきたいと思います。

バズレシピに慣れてきた頃に見始めた料理系YouTubeチャンネル

プログラミングを始めてからこれまでどこにフォーカスしてきたか振り返ってみる

Beer Advent Calendar 2023 - Adventarの3日目です。今回はトキブルワリーさんについて紹介します。トキブルワリートキブルワリーは佐渡ヶ島のマイクロブルワリーです。t0ki.beer元フラー社CTOの藤原さん（@wutali）がやっており、新潟でソフトウェアエンジニアをやっている筆者としては、かなり身近に感じられるブルワリーです。名前が独特ソフトウェアエンジニアが作っているビールということで、名前も独特です。今年のゴールデンウィークに、新潟明訓高校*1の隣にある亀田公園で行われていたバルイベントで飲んだのは、「BOOT」という名前でした。BOOT v2.0-b.YQH-1320t0ki.beerまた、11月には新潟駅南口近くのアマリロさんで、「SSL」というビールを飲む機会もありました。SSL v1.0t0ki.beer暗号化されていない爽やかなお味でした。どうやらP2B Hausさんで色々と飲める機会もあったようです。本日から #t0kiとP2B完全に理解した @t0ki_brewery プチTTO!!みてくださいこのラインナップ...謎ですね...面白いビール繋がってますグッズも出ます!遊びに来てくださいね〜 pic.twitter.com/nE2PFNPK29— P2B Haus🍻吉祥寺のクラフトビールレストラン✨定休日なし! (@p2bhaus) 2023年11月21日   ソフトウェアエンジニアなら、思わずクスリとしてしまうような名前のビールばかりです。もちろん味も試行錯誤が繰り返されていて、美味しいものばかりですよ！見かけた際はぜひ飲んでみてください。*1:ドカベンのあそこです

トキブルワリーはいいぞ

モニクルAdvent Calendar 2023の2日目です。昨日はCTOのがぶちゃんによる「エンジニア10人を超えて複数チームになった開発組織でCTOとして最近やっていること」でした。gabu.hatenablog.com2日目の今日は、筆者（@Nkzn）が入社直後に開発に携わった「3分投資診断」というサービスの思い出話をします。3分投資診断とは3分投資診断は、モニクルグループのワンマイルパートナーズが運営している、はたらく世代のお金の診断・相談サービス「マネイロ」が提供するサービスのひとつ*1です。moneiro.jp年齢や年収、現在の資産形成の概要、老後の過ごし方などを入力していくと、老後までにあとどのくらい資産形成が必要で、そのためにはどういった施策が有効そうなのかを、ざっくり診断してくれます。3分投資診断の診断結果の例思ったより反響があったオウンドメディアのモニクルプラスでも話したことがあったのですが、思った以上の反響がありました。plus.monicle.co.jp実は、筆者は計算エンジンの部分を2021年の秋ごろに実装し終えたあたりで開発から離脱しており、その後にこだわりのUI開発戦記があった時期については別のプロジェクトをやっていました。運用周りも当時のグロース関連のチームに任せてしまったので、あまり数字を追いかけることもしていませんでした。そんな筆者が驚くことになるのは、ちょうど一年前、昨年の12月に上記のインタビューを受けたときです。創業者の泉田さんから「3分投資診断すげーことになってるよ！めっちゃ使われてる！」と教えてもらって、そんなことになってんの！？と驚いた記憶があります。診断結果を受けてもっと詳しい対策を知りたくなったお客さんが、診断後にマネイロの相談サービスを申し込んでくれるケースも診断数に応じて増えているらしく、マネイロの2022年の成長を強力に後押ししたとのことでした。筆者からすると、入社から半年も経たないうちに作っていたものということもあり、がむしゃらに取り組んだいくつかの施策のうちのひとつ、くらいの感覚でした。入社から1年半経った頃に、1年越しに大ヒットを知らされて、やってきたことは無駄じゃなかったんだなあ、としみじみしたものでした。ドメインエキスパートとの共同開発で気をつけたことあまり表舞台で開発の話をしたことがなかったので、少しだけ開発の思い出話もしようと思います。基本的には役員の皆さんがドメインエキスパートとして仕様をまとめてくれていました。大量のスプレッドシートに根拠資料や計算式が並んでいるイメージです。筆者は計算エンジンの作成担当だったので、簡単なUIだけを用意して、基本的には数字のインプットとアウトプットが正しそうかどうかをドメインエキスパートと擦り合わせていく作業を行っていました。ここで特に意識したのが「正しさの確認しやすさ」です。プログラマーではないドメインエキスパートから「○○の項目のアウトプットが怪しい気がするんだけど、動作確認してる時はどんな数字が出てた？」と聞かれたときに、ソースコードを見せながら議論するわけにもいきません*2。次善策として、できるだけテストコードの処理結果で各種の途中計算の結果が見えるようにしてみました。例えば、年金の算出のために必要な「厚生年金対象勤務期間」や「標準報酬月額」の算出の自動テストでは、次のような実行結果が表示されます。PASS  hoge/services/index.test.ts  「厚生年金対象勤務期間」の算出    ✓ 退職年齢65歳、勤務開始年齢24歳、未加入期間5年の場合、厚生年金対象勤務期間は432ヶ月である (1 ms)    ✓ 退職年齢75歳、勤務開始年齢23歳、未加入期間10年の場合、厚生年金対象勤務期間は504ヶ月である  「標準報酬月額」の算出（令和3年3月データによる検証）    ✓ 年収が0万円のとき、標準報酬月額は88000円である    ✓ 年収が468万円のとき、標準報酬月額は380000円である    ✓ 年収が720万円のとき、標準報酬月額は590000円である    ✓ 年収が1000万円のとき、標準報酬月額は650000円である    ✓ 標準報酬月額表を検索できる（表はテストデータで代用） (2 ms)これなら、ドメインエキスパートに見せたり、検算してもらったりするのも、ある程度は容易です。最終的に数百件のテストケースを作成しましたが、ほぼすべてのテストケースをこのノリで作り、順次ドメインエキスパートに確認してもらいながら開発を進めていきました。こういったテストの作成においては、JUnitで学んできた*3Parameterized Testの考え方が役立ちました。今回はテスティングフレームワークとしてJestを採用していましたが、 test.each() を用いると、次のように簡単にParameterized Testが書けるので、重宝しています。describe("「標準報酬月額」の算出（令和3年3月データによる検証）", () => {  test.each([    [0, 88_000],    [468, 380_000],    [720, 590_000],    [1000, 650_000],  ])(    "年収が%i万円のとき、標準報酬月額は%i円である",    (yearlyIncome, standardMonthlySalary) => {      const actual = calcStandardMonthlySalaryYen(yearlyIncome)      expect(actual).toBe(standardMonthlySalary)    }  )  test("標準報酬月額表を検索できる（表はテストデータで代用）", () => { ... })})「読みやすいテストケース」というのは、かなり認知負荷を下げるのがわかったので、無理に慣れない英語でテストケースの名前を書いて、書いた人も読んだ人もパッと意味がわからないものになるくらいなら、躊躇わずに日本語で書いていくのがよいと思います。宣伝：マネイロの広告を探せ！12月1日から、東京メトロにマネイロの広告を掲出しています。答えはマネイロの3分投資診断で！（ワンマイルパートナーズUさん撮影）新潟からフルリモートで働いている筆者はなかなか見る機会がないので、もし見つけた人は #マネイロ のハッシュタグと共に @Nkzn まで「見つけたよ！」のリプをいただけると、めちゃくちゃ喜びます。中旬には筆者もモニクルグループの全社納会へ参加するために東京へ行く予定なので、そのときに探してみようと思っています。明日は新潟メンバー仲間の@circled9です。よろしく！*1:他にも、オンラインセミナーや相談サービスなどもあります*2:ドメイン駆動設計の本来の精神に則るならば、ドメインエキスパートが読めるようなプロダクトコードを書くべきではありますが、あれは英語が母語な人たちだからこそ成り立ってる部分もあると思うので、今回は勘弁してください。日本語でコードを書けばたぶんできるんだけど、そこまではやってられない。*3:そろそろ自分でも忘れかけていますが、Android Java出身エンジニアなんですよ僕

3分投資診断の思い出

12月といえばアドベントカレンダーの季節！　そして、昨年に引き続き、やります！　バズレシピアドベントカレンダー！adventar.org言い出しっぺということで、1日目をやらせていただきます。今年も色々と作ってきて、子供ウケが良かったレシピも時短に効いたレシピも色々とあったのですが、今回は「筆者個人が自分で食ってて一番美味かったやつ」というシンプルかつ最も重要なところを紹介します。至高を越えたボロネーゼ筆者の中で、バズレシピオブザイヤー2023はこいつでした。 「至高を越えたボロネーゼ」 です。www.youtube.com今年のパスタレシピは、冷製パスタや焼きスパゲティのような例外を除いて、ほぼ全レシピがワンパンパスタだったと思います。昔のパスタレシピをリゾッタータ（ソースでパスタを茹でて煮詰める手法）で再構築しつつ進化させることでネタ切れを防いでいた側面があったような気もします*1。そんな中で、筆者が今年本当に食べていて幸せだったのが、この至高を越えたボロネーゼです。至高を越えたボロネーゼ2020年に出ていた至高のボロネーゼのワンパンバージョンとなります。材料としてもそんなに変わらないはずなのですが、至高の〜よりも圧倒的に好みです。別茹でせずに煮詰めて作っているからか、ソースが麺にめちゃくちゃ絡むんですよねえ。動画ではコラボ相手として使っていた赤ワイン「ジェイコブズ・クリーク」は近所に売っていないので、適当な赤ワインを買ってきて作っていますが、全然美味しいです。一緒に飲むとマリアーーーーージュ🍷になります。動画の出始めのときには週3で食べてましたが、今は「ここぞというときの自分へのご褒美」として作るようになりました。ちなみに↑の写真は、11/12の技術書典15オフラインイベントと、11月16日の4年半ぶりの新刊脱稿を乗り越えた自分へのご褒美として作ったやつでした。デメリットはパスタとして食うしかないことこのレシピは、たぶん来年以降もプチハレの日のレシピとして鬼リピすることになるのですが、一点、ただ一点だけ、旧作である「至高のボロネーゼ」のほうが優れていると筆者が思っている点があります。至高のボロネーゼは、ソースだけを別の料理に転用可能なのです。白米に乗せて、ボロネーゼ丼を作ってみてください。旨すぎてトビますよ。至高を越えたボロネーゼは、良くも悪くも煮詰めることでパスタとソースが一体化し、ソースだけの状態が存在しないレシピです。そのため、ボロネーゼ丼を作る余地がほとんどありません。ごく稀に、食べるのが下手くそすぎて麺に具を絡めきれずに、食べ終わった皿にソースがそこそこ残っているという事態はありますが、これは直後にシメとしてボロネーゼ丼を食べるようなことはできても、冷蔵庫に保存しておいて後日リメイクしましょう、という話にはならないですよね。というわけで、パスタ以外にもボロネーゼの楽しみ方を模索したい場合は、至高を越えたボロネーゼは向いていません。至高のボロネーゼや、シン・ボロネーゼのほうが向いています。ワンパンパスタ最高！ワンパンパスタシリーズは、やっぱり洗い物が少ないという最高の利点があるんですよね。まな板と包丁とフライパン（＋α）あたりがあれば大体作れてしまうので、時間があまりない昼食にも重宝しました。リュウジさんがいつまでワンパンパスタを擦り続けるつもりなのかは分かりませんが、2024年も楽しみですね！2日目を書いてくれる人を募集中ですところで、このアドベントカレンダー、2日目に誰が書くのか決まってないんだけど、どうしようかなあ。誰も書かなかったら僕が最高傑作カルボナーラの話をしますが、欲を言えば誰か書いて欲しいなあ。12/2は会社のアドベントカレンダーの担当なので、他に書きたくないんじゃよ。誰か頼む……*1:これの別茹で版を作ったことある気がする、みたいなレシピが多かった

至高を越えたボロネーゼは自分へのご褒美として作る最高のご馳走

明日、2023/9/28に発売する「これからはじめるReact実践入門」を献本いただきましたので、簡単に目を通した感想を書こうと思います。これからはじめるReact実践入門目次目次かなり網羅性が高い足りない情報があったらプロを目指す人のためのTypeScript入門Next.jsについて、次に読む本はありますか？補足したいところCreate React Appを使わない選択肢もあるRecoilさんは開発状況がちょっと心配React Routerの知識が活きるアプリケーションフレームワークもあるまとめおまけ2023.9.28 10:36追記かなり網羅性が高いパラパラと読んでみて感じたのは、かなり手広く、それでいて一定の深みもある本だということです。出版社のサイトにある目次を見てみましょう。Chapter 1　イントロダクション1-1　ReactとJavaScript1-2　Reactアプリを開発／実行するための基本環境1-3　モダンJavaScriptの基本Chapter 2　Reactの基本2-1　はじめてのReact2-2　サンプルアプリの内容を確認する2-3　JSXの基本Chapter 3　コンポーネント開発（基本）3-1　コンポーネントを支える基本概念 – PropsとState3-2　条件分岐と繰り返し処理3-3　Props／Stateの理解を深める3-4　より高度なイベント処理Chapter 4　コンポーネント開発（フォーム）4-1　フォーム操作の基本4-2　Stateにおける構造化データの更新4-3　検証機能の実装 – React Hook FormChapter 5　コンポーネント開発（応用）5-1　組み込みコンポーネント5-2　コンポーネント開発でのスタイル定義5-3　コンポーネントのその他の話題Chapter 6　Reactライブラリの活用6-1　典型的なUIを実装する – MUI6-2　コンポーネントの見た目／動作をカタログ表示する – Storybook6-3　外部サービスからデータを取得する – React QueryChapter 7　フックの活用7-1　コンポーネント描画／破棄時に処理を実行する – 副作用フック7-2　さまざまな値への参照を準備する – useRef関数7-3　状態と処理とをまとめて管理する – useReducer関数7-4　コンポーネントの複数階層で値を受け渡しする – useContext関数7-5　ステート管理ライブラリ「Recoil」7-6　関数、またはその結果をメモ化する – memo／useMemo／useCallback関数7-7　優先順位の低いState更新を区別する – useTransition関数7-8　フックの自作Chapter 8　ルーティング8-1　React Routerの基本8-2　ルーター対応リンクの設置8-3　ルーター経由で情報を受け渡しする手法8-4　Routeコンポーネントの属性8-5　ルーティングに関わるその他のテクニックChapter 9　テスト9-1　単体テスト9-2　E2EテストChapter 10　TypeScriptの活用10-1　TypeScriptの基本10-2　ReactアプリへのTypeScriptの導入Chapter 11　Next.jsの活用11-1　Next.jsの基本11-2　App Routerの基本を理解する11-3　応用アプリ「Reading Recorder」を作成する11-4　アプリの実装を読み解く11-5　Vercelへのデプロイ668ページの本なので、そこそこ長いです。全体の構成としては、次のようにまとめられるでしょうか。Chap 1〜3：基本理念の解説や、言語の文法やReactの基礎文法について解説Chap 4〜5：React単独でできることChap 6：ライブラリを組み合わせると、更にできることが広がるChap 7：組み込みフックの解説と、フックを活用したライブラリの紹介、そして自作によって、関数コンポーネントをより柔軟にシンプルに扱うChap 8：シングルページアプリケーションを成立させるための画面遷移Chap 9：品質保証Chap 10：Reactで一通り何ができるのかわかったところで、型の支援を受けて実用レベルの使い方を知るChap 11：ここまで読めば、ある程度大きい概念も理解できるようになってきているはずなので、デファクトスタンダードなフレームワークであるNext.jsを学ぶ私もReactの学習については頭を悩ませたことがあるのですが、大筋としては良い流れで書いてあると思います。TypeScriptは現代の開発では事実上必須ではありますが、慣れていないうちにReactやReact関連ライブラリの解説をTypeScriptで行なってしまうと、今学んでいるものがReactなのかTypeScriptなのか、読者は混乱してしまうでしょう。思い切ってTypeScriptの解説を終盤の応用編として収録したのは、英断だったと思います。著者の山田さんと私は編集者と著者という関係で記事を一緒に作ることが多いのですが、やはりTypeScriptの登場タイミングの匙加減について話し合うと、お互いに「悩ましいけど、本気でライブラリの解説にフォーカスしたいなら、最後にちらっと解説するか、いっそTypeScriptに触れないか、ですよねえ」という結論になりがちなので、「最後にちらっと解説」の一例として、納得感のある構成になっていると思います。また、膨大なページ数を使っているだけあって、一つ一つの項目がかなり丁寧です。よそのプログラミング入門書には、初心者向けだからと詳細な説明を省いている残念な本も多いのですが、この本では細かい点まで親切に解説されています。おそらく、React歴3年目くらいまでの人が読んでも、初めて見る基礎的な知識が多く記載されていることでしょう。多くのページが実際に手を動かして、手元で動作を確認しながら読み進められるものになっています。そして、そのとき何が起きているのか、どんな仕組みで動いているのか、といった背景にも存分に触れているので、楽しみながら読み進められると思います。足りない情報があったらこの本は「広く・やや深く」という感じで進行していくので、物足りなさを感じる場面というのは少ないのですが、もっと深く知りたいな、と思った場合には、専門の書籍をあたると良いと思います。P264のコラムでは参考書籍が紹介されていますが、直接的な深掘りができるタイプの本が紹介されていないのが気がかりなので、この場を借りて、少し紹介しておきます。プロを目指す人のためのTypeScript入門まずは、相対的にちょっと浅めになっている、TypeScriptを深掘りしたい場合の本ですが、これは@uhyoさんのブルーベリー本で良いでしょう。gihyo.jpNext.jsについて、次に読む本はありますか？ぶっちゃけこれはかなり難しいです。現行のNext.jsの本は、大半がPages Routerを前提にしており、App Routerの使い方を書籍として取り上げた本がまだほとんどないはずです。商業出版の紙の本としては、本書が日本最速では……？くらいのレベルです。とはいえ、本書に記載されたNext.js（のApp Router）の使い方は、「よくできたチュートリアル」くらいのものなので、もっと深い情報も欲しいですよね。2023年9月現在では、「公式ドキュメントを読んでくれ……！」が一番誠実な回答かなという感じはしています。nextjs.org一応、私も↓でApp Routerの連載を行っていますが、少しずつしか進んでいないので、たまに読んでいただければ、くらいのものです。codezine.jpApp Router前提で、広く深くNext.jsについて扱った書籍が今後出てくることを期待したいですね〜。補足したいところ全体的にはよくできているのですが、細かいところで気になったところがあるので、補足情報を書いておきます。嘘が書いてあるわけではないので、本書の内容そのままに読み進めていただいても問題ありませんが、2周目を読み始めたあたりで気にしてみると面白いかもしれません。Create React Appを使わない選択肢もある本書の中で、Next.jsの話題が登場するまで、一貫してReact製アプリケーションの環境構築＆ビルドツールとして解説されているCreate React Appですが、現代では役割を終えたものとして、開発がほぼストップしました。最新のReact公式ドキュメントでも、プロジェクトのセットアップに使うツールにCreate React Appは登場しません。react.dev業務レベルのプロジェクトを作成するのであれば、Next.jsやRemixといったフレームワークを利用したほうが、より高度に通信と画面遷移が統合された、快適な開発体験を得ることができます。ただし、Create React Appと比べると、プロジェクトの最低限のファイル数は多くなりますし、一定の複雑さがあることは否めません。入門書での取り回しがいいのは、確実にCreate React Appなので、本書の選択は正解だと思います。ただ、本当に業務で実践できる内容に持っていこうと思った場合は、やはり本書の最後の章で解説されているNext.jsを導入したほうがよいでしょう。ちなみに、公式ドキュメントではほんの微かな言及しかありませんが、Create React Appと近い規模感＆使用感でプロジェクトを扱えるツールとして、Vite（ヴィート）があります。ja.vitejs.devほんの少しクセの強さはあるものの、こちらは活発に開発が続いていますし、一定の人気もありますので、場合によっては本書のサンプルをViteで作成・動作させてみても面白いかもしれません。Recoilさんは開発状況がちょっと心配Recoilは人気はあったものの、リポジトリ名がfacebookexperimental/Recoilだったことからも分かるとおり、Meta社内でも実験的なプロジェクトでした。社内ライブラリをちらっとカンファレンスで発表してみたら、思ったよりも反響があって、みんなが使い始めてしまった、くらいの流れだったと思います。さて、そんなRecoilですが、残念な話がありました。残念ながら、2022年10月にRecoilの主要メンテナの@drarmstr氏がMeta社の一斉レイオフで解雇されたJotaiで快適フロントエンド開発 | 株式会社ヌーラボ(Nulab inc.)主要メンテナの解雇というのは、まあまあの事故ですよね……移行先のライブラリとして考えられるのは、上記の記事でも紹介されている「Jotai」です。jotai.org元々Recoilにインスパイアされて生まれたライブラリとのことなので、Recoilのいいところはある程度受け継いでいます。本書のサンプルとしては、まずRecoilを使ってみるのがいいと思いますが、少し慣れてきたら、Jotaiで書き換えてみるのも、いいエクササイズになるかもしれません。React Routerの知識が活きるアプリケーションフレームワークもある本書では、シングルページアプリケーション（ブラウザ上だけで動くアプリケーション）の中で画面遷移を行うために、React Routerの利用方法が70ページに渡る大ボリュームで解説されています。しかし、残念なことに、その3つ後ろの章で解説されるアプリケーションフレームワークはNext.jsであり、React Routerで学んだ知識の大半はそのまま使うことができず、Next.jsのルーティングの癖を改めて学ぶことになります。Next.jsは世界で最も使われているReact向けのアプリケーションフレームワークですので、本書の選択は間違っていません。間違ってはいないのですが、もし幻のChap 12があったとしたら、ぜひ解説してほしかったアプリケーションフレームワークがあります。それはRemix（リミックス）です。remix.runRemixは、React Routerの開発チームが作った、ルーティングと通信をより快適に統合させながらブラウザとサーバーの通信をスッキリさせるためのフレームワークです。現在は開発チームが丸ごとShopifyに買収され、RemixはShopifyの公式フレームワークHydrogen v2のベースとなりました。shopify.devRemixをおすすめしたいのは、なにも開発チームが同じだから、という理由ではありません。Remixのルーティングは、React Routerによって実現されているので、Remixの画面遷移にはReact Routerの知識がとても役に立つのです。URLのパスを決定する方式だけはNext.jsとそっくりな、ファイルとフォルダによる仕組みを使っていますが、それ以外の部分はかなりReact Routerらしい機能が露出しており、React Routerを学んだ人には親しみ深く感じられることでしょう。 useHistory() や useParams() といったフックを利用する際には react-router-dom からインポートしますし、階層構造になっているルート*1では <Outlet /> をプレースホルダーとして配置します。一通り本書の内容を実践した上で「React Routerの空気感もいいなあ」と思われた方がいらっしゃいましたら、Remixのチュートリアル（英語）にチャレンジしてみていただけると、Remix推しとしてはちょっと嬉しいです。remix.runremix.runこれは宣伝ですが、本書著者の山田さんに編集してもらいながら、CodeZineにRemixの記事を連載しているので、興味があればこちらもお読みください……！！！codezine.jpまとめ本書の内容は実際よくできており、Reactの初学者だけではなく、React 3年生くらいのジュニアエンジニアであっても多くのことを学べる良書に仕上がっていると思います。ちょっと分厚くてお高いですが、それを補って余りある基礎知識を得られますので、ぜひ読んでみてください。これからはじめるReact実践入門　コンポーネントの基本からNext.jsによるアプリ開発まで作者:山田 祥寛SBクリエイティブAmazonおまけ実は、なんで献本をもらえたのか全くわかっていませんw普段、著者の山田さんが主宰しているWINGSプロジェクトでReact関連の記事を書かせてもらっていて、山田さんには編集者として忌憚のないご意見をいただいているので、その辺の経験がこの本に活きたりしたのかなあ、そうだといいなあ。2023.9.28 10:36追記P264の参考書籍のコラムに、僕のRemix連載を載せてくださっていました！ちゃんと僕とご縁のある本だった！ありがたい！codezine.jp参考書籍にRemix連載を記載していただきました！*1:RemixではNested Routesと呼びます

書評：これからはじめるReact実践入門

JavaScriptでDIコンテナってどうなの？という話題について雑に書きます。↓の話題について意見をくれと某所で言われたのでざっくり意見を書きます。mond.howDIコンテナ（≒依存性注入自動化フレームワーク）の発祥の地といってよさそうなJavaでは、DIコンテナでも使わないと依存性注入がやりづらいという言語上の制約があったために、DIを実現するためにはDIコンテナが事実上必須だった、みたいな雑な認識をしています。しかし、JavaScriptのように関数が第一級市民として扱われる（関数を値として引数に渡せる）言語では、依存性の注入や差し替えが概ね容易であることが多い（DIコンテナがなくてもDIを実現しやすい）ため、DIコンテナ的なフレームワークを導入する旨みはJavaと比べると薄めなのかなと思います（ふわっとした発言）。実際、DIコンテナを内蔵しているNestJSを使ってみると、規模次第では便利っぽいけど、規模次第では煩雑さが目立つ（exportsやprovidersを登録するのめんどい）なあという印象です。素朴なDIについて想いを馳せる僕がDIでやりたかったこと（だと自分では思っている）を素朴に思い出してみます。例として、次の fnA() は fnB() への依存性を持っており、モックが原則不可能です*1。/* 依存性がある関数A */import fnB from './b.ts';export function fnA(a: number) {  const b: Date = fnB(a);  b.setDate(1);  return b;}/* 使い方 */const dateA: Date = fnA(1); // fnBの挙動をモックできない一方、次の fnC() は↑と同じ処理を表していますが、 fnB() への依存性を持っていません。/* 依存性を注入している関数C */export function fnC(a: number, fnX: (a: number) => Date) {  const b: Date = fnX(a);  b.setDate(1);  return b;}/* 使い方 */import fnB from "./b.ts";const dateC: Date = fnC(1, (a) => fnB(a)); // 第二引数を差し替えることでfnBをモック可能fnC では、第二引数で fnB() 相当の関数 fnX() を外から注入しています。これも依存性の注入＝DIと呼んで差し支えないでしょう。上記の例では fnB() がそのまま実行されるだけですが、テストコード等では次のような書き方もできます。const actual: Date = fnC(1, (a) => new Date('2023-01-15')); // fnXの挙動を固定するexpect(actual).toBe(new Date('2023-01-01'));fnX() が内部的に fnB() を利用しない形に差し替え、常に固定の結果を返すようにしました。これで fnB() の実装を気にせず、 fnC() 固有の挙動のテストに集中することができます。これは素朴な例です。もっとDIコンテナが欲しくなるような複雑なケースもあるかとは思いますが、少なくとも僕は欲しいDIはこの素朴な例を少し複雑にした程度に収まることが多めです。まとめDIという概念で僕が最低限やりたいことは、前述のように素朴なものです。もっと複雑なケースではDIコンテナが必要になるケースもあるかもしれませんが、素朴なケースでDIコンテナを持ち出すのは嫌だなあと思います。用法容量を守って、必要なDIを必要な分だけやっていきましょう。*1:webpack等でimport元を差し替えてテスト用モジュールに差し替えるようなハックはできますが、テスト用途で気軽に使うには実装コストが見合わないように思います

JavaScriptとDIについての雑文

最近の流れを見ていての感想文なので、ideaとして投稿します。筆者のバックグラウンドとしては、Remixの商業記事を書いたり、App Routerの商業記事を書いたりしている人です。さて、筆者は2022年の秋から、社内システムではありますがRemixをプロダクション運用しています。また、Next.jsのApp Routerについても、パラダイムとしてはRemixにインスパイアされた部分が多い[1]おかげで、順調にキャッチアップできています。RemixとApp Routerは、ルーティングとデータフェッチを高度に統合しており、Progressively Enhanced SPA（PES...

Ajaxから始まった一つの時代の終わり

!GCP 素人の私と、心優しい同僚たちが、デプロイエラーに立ち向かった覚書です。筆者が GCP 素人なので、語り口が素人くさいのはご容赦ください。 3 行まとめ2023 年 1 月 14 日以降しばらくの間、GitHub Actions を用いて Cloud Run 等へデプロイする際に「コンテナイメージが見つからない」といった類のエラーメッセージが出たら、 docker/build-push-action@v3 の利用を疑ってみるprovenance に未対応のレジストリを使っているのがわかったら、 provenance: false をインプットとして指定すると、治る...

docker/build-push-action@v3 + GCP のデプロイエラーを何とかした覚書

Remix の v1.11 が出ました。適当に感想を書きます。https://github.com/remix-run/remix/releases/tag/remix%401.11.0!ざっくり流し読みして、ろくに動作確認もせずに書いているので、あんまり鵜呑みにせずに自分で調べながら読んでください。 クライアント側で完了を待つ defer サポートReact 18 には Streaming という機能があるんですってね。https://zenn.dev/shinbey/articles/8acce14b8b60e3「ファーストビューの表示には間に合わなくてもいいから、...

Streaming APIに対応したRemix 1.11のリリースノートを流し読む

Beer Advent Calendar 2022 - Adventarの19日目とバズレシピ Advent Calendar 2022 - Adventarの20日目を一緒にやっちゃいます。バズレシピ19日目を読んで、僕もそろそろリュウジが使ってるおろし金を買おうかなあという気持ちになりました。Microplane おろし器 正規輸入品 31.8×3.5×3.3cm ブラック プレミアムシリーズ ゼスターグレーター MP-0611マイクロプレイン(Microplane)Amazonさて今回は、バズレシピのビール煮（ちゃんとビールで作ったやつ）を食べながらビールテイスト飲料を楽しむという倒錯的な食事を楽しみました。ビール煮でビアリーIPAを飲むビアリーIPA STYLEビアリー IPA STYLEは、ビールテイスト飲料ビアリーの10月に発売された新味です。www.asahibeer.co.jpたまたまスーパーで見かけたので飲んでみたのですが、これがまたびっくりする旨さでした。ビアリーのIPA、なんだこれめちゃくちゃ美味いぞ……！？PUNK IPAを彷彿とさせるようなしっかりした苦味がある pic.twitter.com/hfzsguIFg4— なかざん💉💉💉 (@Nkzn) 2022年12月11日  しっかりした苦味があって、ビールテイスト飲料とは信じられないくらいです。ビアリーは普通にビールを作った後でアルコールを抜く製法なので、ほぼビールな味が出しやすいのかもしれませんね。ビアリー IPA STYLE原材料を見ると、酒類ではないのをいいことに（？）麦芽がモリモリと使われている様子が窺えます。もしかしてホップもまあまあ入っているのでは……？麦芽とホップがモリモリそして重要なのは、ゼロカロリーは目指していないので、それなりにカロリーや糖質が入っているということです。やっぱり旨みは脂肪と糖から生まれるので、これは仕方ないですね（遠い目）。至高のビール煮めちゃくちゃ旨いビアリー IPA STYLEをより美味しく飲むためにはどうしたらいいのか、私は考えました。ビール（テイスト飲料）に合うのはやはりビール！　ということで、ビールで作る最高の料理を作ることにしました。www.youtube.com材料は次の写真の通りです。近所のスーパーで豚肩ロースブロックが安く売っていて助かりました。至高のビール煮の材料飲むのはビールテイスト飲料ですが、料理の材料には妥協しません。一番のヤツ！（C.V.大蛇丸）です。肉に焼き色をつけて〜焼き色をつける飴色玉ねぎとコンソメとビールを入れて煮込んだら〜煮込むあらヤダ美味しそうヤダー小一時間煮込んだやつ実食というわけで冒頭の写真になったのでした。マリアージュ！ビールの旨みが染み込んだ肉を、ビールの旨みを忠実に残したビールテイスト飲料で流し込む！　美味しくないわけがないでしょう！ちなみに僕は夕食の後にも仕事をすることが多いのですが、ビアリーなら飲んだ後でも仕事に支障がなくていいですね。晩酌要員として優秀です。まとめというわけでバズレシピとビールという二つのアドベントカレンダーを繋いだテーマでやってみました。ビール好きのみんな！飲みたい気持ちはわかるけど、ビール煮も旨いから作ってみてくれよな！

ビアリー IPA STYLEを一番のヤツで作った至高のビール煮で飲む

バズレシピ Advent Calendar 2022 - Adventarの6日目です。生協で毎週キャベツが家に届くので、キャベツの消費方法に頭を悩ませることが多いです。そんな時は 米消滅鶏キャベツ にお任せ！youtu.be鶏肉は削ぎ切りするし、味噌と絡めて揉み込むし、キャベツはバターと一緒にレンチンするしで、そこそこ手間のかかるレシピではあります。それでも、濃厚に味噌を絡めて炒めた鶏もも肉が美味しくないわけがないんですよ。そこに蒸したキャベツまで絡んだら優勝間違いなしなんですよ。優勝する要素しかないこれはかなり子供ウケもいいので、キャベツの使い道に迷ったときはまた作ります。それではまた次回！

米消滅鶏キャベツ

バズレシピ Advent Calendar 2022 - Adventar の5日目です。無性にほうれん草が食べたくなることってありません？　僕はあります。サイゼリヤの「ほうれん草のソテー」がなくなったのが悲しい……というわけでほうれん草欲が高まったときに作るのが 至高のポパイ です。youtu.beなんか餃子の王将にこういうレシピがあったんだって？（よく知らない）途中でほうれん草を水にさらす工程があるのですが、これはマジで大事です。ここを端折ると、食べ終わる頃にはシュウ酸？の効果で歯がキシキシします。4人家族なのでだいたい3〜4人前になるように作るのですが、そうするとほうれん草を2袋くらい使うんですよね。2袋分のほうれん草って、多すぎてフライパンで一度に炒められないんですよ。ちょっとずつ足しながらなんとか炒めてます。それでも出来上がる頃には↓くらいに小さくなっちゃうんだから、不思議ですよねえ。ほうれん草と豚と卵ってなんでこんなに合うんだろうねバズレシピのほうれん草レシピはかなり少ないので、他にも出てくるといいなあ。ではまた次回。

至高のポパイ

バズレシピ Advent Calendar 2022 - Adventarの4日目です。朝ごはんにガツンと旨いものを食べたい日ってあるじゃないですか。そんな日に僕が重宝しているのが ねぎ塩ツナ油飯 です。youtu.be卵やツナ缶は家に常備しているので、あとは長ネギがあれば手持ちの調味料でだいたい作れます。卵の白身でスープを作るオプションもあるので、朝ごはんにもぴったりですね。旨みの暴力まあネギを刻むのはまあまあ手間なので、もうちょっと楽できないかなと思うところではありますが……これを食べると1日元気に過ごせるので、今後とも作っていこうと思います。

ねぎ塩ツナ油飯

バズレシピ Advent Calendar 2022 - Adventar3日目です。僕は新潟市の西区に住んでいるんですが、北区ではトマトの栽培が盛んで、トマトのシーズンになるとスーパーに新鮮なトマトが並びます。そんな環境で、2022年の夏〜秋にかけて何回かリピートしたのが、 ストラパッツァータ です。youtu.be必殺技の名前っぽいね。わかる。料理としては割とシンプルで、ニンニク仕立てのトマトソースと卵で作るスクランブルエッグという感じです。必殺！！！ストラパッツァータァ！！！熱したトマトが好きな人にはたまらねえんですよこれが。また、ニンニクの香りがうまいこと働いているのか、なぜか全く入れていないチーズのような香りがします。チーズ好きのワイ歓喜。レシピ通りに作ると「トマト1/2缶」という食材ローテに困る分量が出てくるので、だいたい2倍量で作っちゃいます。どうせ僕と妻にかかれば秒でなくなる。以上です！次回をお楽しみに！

ストラパッツァータ

バズレシピ Advent Calendar 2022 - Adventar の2日目です。冬になるとあったかいラーメンが食べたくなりますよね。というわけで冬季になるとリピしがちなレシピが、今回紹介する 30分で作る本格的な鶏醤油ラーメン です。youtu.be鶏もも肉ニンニク生姜長ネギ鰹節あたりの比較的常備している食材と、醤油などの調味料、それから中華麺があれば作れるので、材料調達の面ではかなり気軽に作れるレシピになっています。ごめん嘘。ハイミーという味の素社のマイナー調味料を使ってます。味の素 うま味だし・ハイミー 65g味の素Amazonまあスーパーにも売ってるものなので入手性はさほど悪くないはずです。何より、作っている間のビジュアルがめっちゃワクワクするんですよこれ。スープと鶏チャーシューを作っているところ（倍量・4人前）ラーメン好きにはたまりません。鶏チャーシューがかなりホロホロになるんですが、ホロホロすぎて上手く切れないのもご愛嬌です。上手にできましたーバズレシピの醤油ラーメンレシピの中では意外と手間がかからないほうのレシピなので、今後ともリピしていきたいと思います。ではまた次回！

30分で作る本格的な鶏醤油ラーメン

バズレシピアドベントカレンダーの遅れてきた1日目です。12/7に企画を思いついて書き始めてますが、日付だけ12/1にさせてください。adventar.org1日目は、おそらく2022年に僕が最も多く作った料理である、虚無ペペロンチーノです。目次目次虚無ペペロンチーノとは僕の虚無ペペロンチーノさらなる虚無を目指してマ・マー 早ゆでスパゲティ FineFast 2/3サイズ 1.6mmS&B おろし 生ニンニクまとめ虚無ペペロンチーノとは虚無ペペロンチーノは、バズレシピの 虚無シリーズ のひとつです。「ペペロンチーノ」と呼べるギリギリまで材料を削ぎ落として、手間を軽減したレシピになっています。bazurecipe.comyoutu.be実はリュウジと僕は同い年なので、僕も起き抜けはこんな感じなんだろうか……と楽しみながら見ています。僕の虚無ペペロンチーノ僕はタッパーで虚無ペペロンチーノを作ることが多いです。タッパーと虚無工程としてはざっくりと5分茹でパスタを半分に折ってタッパーにinおろしニンニク、オリーブオイル、コンソメ、輪切り唐辛子、塩をかける水を入れるレンチン追いオリーブを入れつつ混ぜて完成みたいな感じなので、本当に手間が少ないです。そして美味しい。最高。さらなる虚無を目指して現在でも月に2回くらいのペースでお昼ご飯に作っているのですが、省力化を考えると、元レシピの次の2点は面倒に感じるところです。パスタを折る生ニンニクをおろす特に後者の生ニンニクをおろす工程は、おろし金という洗い物が増えてしまいます。ズボラ飯として作りたいので、省力化したいですね。というわけで、愛用している食材をご紹介します。マ・マー 早ゆでスパゲティ FineFast 2/3サイズ 1.6mmまずは麺です。早ゆでスパゲティを愛用しています。www.nisshin-seifun-welna.comこのFineFastシリーズ、2020年ごろに食べたときには食感が悪くて全く食べる気にならなかったのですが、2022年のリニューアルで、食感が大きく改善されました。もう普通のパスタと遜色ないので、普通のパスタをほとんど買わなくなったくらいです。マ・マー 早ゆでスパゲティ FineFast | 研究開発 | 日清製粉グループ特に今回紹介する2/3サイズのものは、短いことから我が家の3歳児もそのまま食べることができ、1人飯だけではなく家庭での使用にも耐えるものになっています。また、我が家のタッパーに斜めですっぽり収まるので、サイズ感もバッチリです。タッパーにすっぽり収まるちなみにこのタッパーは 保存容器 楽ちんパック 角型 容量９５０ｍｌ クリアーブラック です。とまあ、取り回しがいいのはいいのですが、 虚無ペペロンチーノのレシピから、勝手にパスタを変えても大丈夫なの？ という疑問が浮かんできますよね。大丈夫なんです。 まず、このFineFast 3分茹で 1.6mmのスパゲティは、公式にレンジ調理ができます。www.nisshin-seifun-welna.com茹で時間は、 600W 7分 です。さて、それでは本家のレシピで使われている、マ・マー 5分茹で1.4mmをレンチン調理する場合の茹で時間はどのくらいなのでしょうか。公式には見つかりませんでしたが、目安を出してくれているレシピサイトがありました。www.tenukitchen.comこのサイトによれば、5分茹で1.4mmのレンチン時間は 600W 7〜8分 です。これは3分茹で1.6mmとほぼ一致します。つまり、レンチン調理する際の特性が 5分茹で1.4mmとかなり近い ことが期待できます。というわけで、リュウジのレシピのパスタ部分をFineFastに単純に置き換えても、美味しく食べることができます。レンチンする時間は変わりませんが、折る手間がなくなるだけでも少し気が楽ですね。出来上がりはちょっと太いペペロンチーノにはなりますが、これはこれで美味しいのです。S&B おろし 生ニンニクもう一つの省力化ポイントは おろしニンニクチューブ を使うことです。S&B お徳用おろし生にんにく 175g×5個お徳用チューブAmazonその効果は言わずもがなで、すりおろしニンニクを生成するための従来の工程である、生ニンニクの足下を切る・皮を剥く、すりおろす、という流れが、 チューブを絞る という一工程になるので、めちゃくちゃ楽です。洗い物も最低限にできる。最高。もちろん、至高シリーズ等の他の動画の中でリュウジがよく言っている通り、生ニンニクと比べるとチューブのニンニクはいくらか香りや味は弱いかもしれません。しかしチューブのニンニクも普通に美味しいのです。そして これは材料と手間を極限まで削ぎ落とす虚無レシピ なのですから、多少の味を犠牲にしてでも省力化に寄った技術選択をするのは、理に適ったことのはずなのです。実際、虚無ペペロンチーノの動画の中ではリュウジもチューブの利用にポジティブな立場を取っています。バズレシピの至る所に出てくる、すりおろしニンニクですが、味を1ランク下げてでも省力化したい時には、このチューブが大活躍するはずです。まとめというわけで、今年一番作ったので、研究の成果としてちょっと長めの記事になりました。次回から3行くらいで済ませたいです。

虚無ペペロンチーノ

React Router v6.4 が、破壊的変更を伴わないマイナーバージョンアップながら、機能追加の内容としてはかなり新しい世界観を追加してきたので、5 分くらい眺めて気づいたことをメモしておきます。!ろくに動作確認もせずに、Remix をちょっと齧った経験と、React Router のドキュメントを読んだだけの知識で書いているので、あんまり鵜呑みにせずに自分で調べながら読んでください。 Routing と Data Loading/Mutation の統合まずはリリースノートがこちら。https://remix.run/blog/react-router-v6.4そ...

React Router v6.4はClient Side Remix

伝わる技術記事を書くのって難しいですよね。今回は、私が技術記事を書くときに可能な限り実践していることを紹介します。 その記事において筆者と読者が持つべき課題感を共有する私が技術記事を書くときは、記事の初めに筆者と読者の課題感を共有する、ということを大切にしています。お金をもらっていないときは雑に本題から入ってしまうこともありますが、お金をもらって記事を書く場合は必ず実施している取り組みです。課題感とは何かというと、「どんな困りごとを解決しようとしたのか」ということです。課題感を記事の中で真っ先に提示することで、「この記事の中に現れるすべての要素は、その困りごとを解決へと導く方法...

技術記事を書くときに心がけているたった一つのこと

時間が流れるのは早いもので、GitHub Copilotが2022年6月21日に正式リリースされてから、2ヶ月が経ちました。会社でCopilot利用料が経費で落ちるようになったので、引き続き使っていきます。github.com当初は「コメントを書くとコードを自動生成してくれる」ツールとして有名になったと記憶していますが、2ヶ月使ってみた感想としては、ほとんどその使い方はしていません。コメントを参考情報の一つとして読んでくれていそうな挙動をするときはありますが、コード生成を目的としてコメントを書いたことは全くありませんでした。私個人の感想としては、 ちょっと強めのIntelliSense という感じです。今書いている近くにあるコードや、プロジェクト内のコードを参考にして、次に書きそうなコードをサジェストしてくれるツールとして重宝しています。例えば、5分前に書いたコードと、変数名やそこから生えているプロパティの名前は違っているものの、処理の大筋としては似ているコードを書いている場合などに、今いるスコープの中で使える変数や、そこから生えていそうなプロパティ（おそらく型情報を読んでいそう？）に合わせて、先に書いたコードの大筋に沿ったコードを生成してくれたりします。人によって体験が違う気がする私は比較的スムーズにCopilotに慣れることができたのですが、Twitterでタイムラインを見渡すと、そうでもない意見がそれなりに見られました。書いているコードとほとんど関係ない頓珍漢なサジェストばかりが出てくるどこかのリポジトリからコピペしたようなコードがサジェストされる特に後者の挙動は「著作権的にどうなの？」と物議を醸しているようですね。さて、Copilotをそれなりに使っている私が、なぜこの話題を他人事のように話しているかというと、特にそういった挙動に出会っていないためです。微妙に惜しいサジェストを出されて無視する（Escキーを押す）ことはあるので、前者に近い体験は全くしていないわけでもないのですが、「いったいどこを見て、そんなコードをサジェストしたんだ」と思うことは全くと言っていいほど無いのです。もしかして、見えている世界が違うのでは？と考えてみたところ、Copilotの利用開始時に適当に設定した項目のことを思い出しました。GitHubからのコピペを弾かれる設定GitHubの設定画面を漁ると、Copilotの設定画面があります。https://github.com/settings/copilot私の場合は、次のように設定してあります。nkznのcopilot設定設定項目は、次の二つです。Suggestions matching public codeAllowBlock ✅Allow GitHub to use my code snippets for product improvementsONOFF ✅Allow〜のほうは、よくある「製品の改善のために情報を共有する」の類ですね。手元のコードが送信されてしまうので、流石にこれはオフにしました。本記事で焦点を当てたいのは、 "Suggestions matching public code" のほうです。これは、CopilotさんがサジェストしようとしたコードがたまたまGitHub上の公開コードと一致した場合に、そのままサジェストとして出す（Allow）か、除外して別の候補を出す（Block）かを切り替える設定だと私は認識しています。ヘルプページにも記載があります。https://github.com/features/copilot#what-can-i-do-to-reduce-github-copilot-s-suggestion-of-code-that-matches-public-codeWhat can I do to reduce GitHub Copilot’s suggestion of code that matches public code?We built a filter to help detect and suppress the rare instances where a GitHub Copilot suggestion contains code that matches public code on GitHub. You have the choice to turn that filter on or off during setup. With the filter on, GitHub Copilot checks code suggestions with its surrounding code for matches or near matches (ignoring whitespace) against public code on GitHub of about 150 characters. If there is a match, the suggestion will not be shown to you. We plan on continuing to evolve this approach and welcome feedback and comment.かいつまんで読むと、「CopilotがサジェストしようとしたコードがGitHubで公開されているコードと一致（※空白文字は無視）した場合に、そのサジェストを実際に行うかどうか」の設定のようです。これをオフにしておけば、GitHub上のコードと完全一致したコードがサジェストから弾かれ、何かしらCopilotのアレンジが入ったコードがサジェストされることになります。前述した「頓珍漢なサジェスト」が出てくるのは、GitHub上のコードをそのまま出してしまった場合が多いのかなと思いますので、この設定をするだけでも、ある程度は快適になるのではないでしょうか。実際、私の手元では、プロジェクト内にあるコードをアレンジしたと思われるサジェストが出てくることが多いです。あまり大量のコードを生成してくれることはありませんが、次の1行に書こうと思っていたコードをそれなりの精度でサジェストしてくれるので、重宝しています。まとめGitHub Copilotの設定について紹介しました。ぶっちゃけると、 Allow にして使ったことがあるわけではないので、もしかしたら他の要因で妙なサジェストが出づらくなっている可能性もあり、本当にこの設定が支配的なのかはわかっていません。クラス名や変数名、関数名等の命名を適切に行なっておくと、サジェストの精度が高くなる気がするので、命名に気を遣っている人にはいいことがあるかもしれません。しらんけど。裏取りが全くできていない、個人の感想みたいな記事になってしまいましたが、とりあえず Block にしてない人は Block にして使用感を見てみてくださいという記事でした。※ 記事公開後、 Allow のままでも快適、というご意見もやはり見かけたので、そこまで支配的ではない可能性がある……宣伝株式会社モニクルでは、はたらく世代・子育て世代がお金の不安を手放せる手助けをするための金融サービス業をより広めるために、ソフトウェアエンジニアを募集しています。90秒だけお時間をいただいて、↓の動画を見ていただけると、どんなサービスをやっている会社なのかざっくりわかってもらえると思います。www.youtube.comマネイロにお金の相談をしにきてくださるだけでも嬉しいですし、もしこの記事を読んで会社自体にも興味を持っていただけたら、↓のCulture Deck（会社説明資料）を読んでみてください。 speakerdeck.comさらに興味を持ってもらえた方はMeetyで私と雑談しましょう！meety.netよろしくお願いします！

GitHub Copilotをたぶん最低限の挙動で使うための設定

React Router v6 で登場した <Outlet /> を活用すると、良い感じに共通レイアウトを組み込めて、さらに <React.Suspense> や React.lazy() を組み合わせると体験が良くなるのを見つけました。おそらく React Router v6 を利用する上での頻出イディオムになると思うので、自分用のメモとして残しておきます。最終的なサンプルコードはこちら。使用したライブラリは次のとおりです。見た目がしょぼいとテンションが下がるので MUI で装飾していますが、本筋とは関係ないので今回は特に触れません。react@18....

React Router v6のOutletとReact.lazyの組み合わせが便利

プロトタイピングしたツールを、身内へ気軽に公開したくなることってありますよね。Cloudflare Accessみたいなちゃんとしたソリューションをイチから導入するほどのモチベーションはなくて、Basic 認証が付いてればまあいっか、くらいの気軽さのやつです。近頃だと、筆者はフロントエンドプロジェクトを Vercel にデプロイすることが多いので、Vercel について調べてみました。Vercel には、主に Next.js から使うことを前提とした、Edge Middleware という仕組みがあります。これはページの表示前に割り込む形で通信結果に介入できるので、Basic 認証を...

VercelのMiddlewareを使って非Next.jsプロジェクトにBasic認証をかける

7月下旬からcovid19にかかってました。妻の助け、そして新潟市・新潟県の支援体制に支えられながら、今週後半に自宅療養を終える予定です。まだ終わってはいませんが、これがあったのは嬉しかったよ、というログを残しておこうと思います。軽症者の一例としてご覧ください。タオルたくさんすぐ食べられるもの水分ブリーズライトパルスオキシメーター布団の部屋干し設備＆スゴイッス県からの支援物資地味に嬉しかったものワンピース無料公開キャンペーン妻の手料理まとめタオルたくさん初日の時点で、妻が隔離部屋に清潔なタオルをいくつか差し入れてくれました。汗をかく機会が多かったので、これは助かりました。すぐ食べられるもの食欲は比較的早い段階で戻りましたが、家族の生活空間は可能な限り行かないようにしないといけないので、妻が差し入れてくれた食料にかなり助けられました。主にスティックパンとゼリー飲料でした。www.pasconet.co.jpinゼリー エネルギー マスカット味 (180g×6個)すばやいエネルギー補給 10秒チャージ ビタミンC配合 おにぎりおよそ1個分 エネルギー180kcal 森永製菓inゼリーAmazon水分エアコンがない部屋で自宅療養していたこともあり、水分の摂取には特に気を使いました。最初は妻に差し入れてもらっていたのですが、負担がバカにならないので、2日目に通販で麦茶を箱買いしました。伊藤園 健康ミネラルむぎ茶 650ml×24本健康ミネラルむぎ茶Amazon今も無限に麦茶を飲んでます。ブリーズライト快眠のお供に。鼻詰まりで眠れなくなる可能性が高かったので、ブリーズライトを毎日付けて寝ています。元々鼻のトラブルが多いので、常備していたのが功を奏しました。ブリーズライト クール レギュラー 肌色 鼻孔拡張テープ 快眠・いびき軽減 10枚入 【佐藤製薬】ブリーズライトAmazon今回使ったのは↑のクールタイプでしたが、万全を期すのであれば、強力に鼻孔を広げてくれるエクストラタイプを使ったほうが良いでしょう。ブリーズライト エクストラ レギュラー 肌色 鼻孔拡張テープ 快眠・いびき軽減 24枚入 【佐藤製薬】ブリーズライトAmazonパルスオキシメーター新潟県では、県医療調整本部からパルスオキシメーターが貸与されて、毎朝SpO2値を含む健康状態を報告することになっています。息苦しいな、と思ったときに測ってみて、98%になって「なんだ気のせいか……」となることが多かったです。余談ですが、大学の卒業研究が「Android + パルスオキシメーター」をテーマにしたものだったんですよね。blog.nkzn.netあれから12年ほど経って、パルスオキシメーターのお世話になるとは思いませんでした。ご縁ですねえ。布団の部屋干し設備＆スゴイッス隔離部屋からはなかなか出られないわけですが、寝ている間にはなかなかの量の汗をかくので、布団を敷きっぱなしというわけにもいきません。というわけで、日中は布団を部屋干ししています。布団を干すやつ＆スゴイッスこんな感じのやつを使ってます。アイリスオーヤマ 洗濯物干し 室内物干し タオルハンガー付き 布団も干せる 軽量 約5人用 幅約92~162×奥行約64×高さ約127.5cm CMB-92XRアイリスオーヤマ(IRIS OHYAMA)Amazonまた、布団を退けて空いたスペースでパソコンが触れるように、キャンプ用の椅子（スゴイッス）とフットレストを設置しました。【Amazon.co.jp 限定】 DOD(ディーオーディー) スゴイッス 高さ調整 4段階 焚き火 スタイルから ハイスタイル まで コットン素材 で 火の粉 に 強い チェア タンDOD(ディーオーディー)Amazonセノビィ フットレスト 足置き デスク下 【整体師が監修】 テレワーク用 足台 足枕 机の下 足置き台 （ブラック）セノビィAmazonこの環境でなんとかパソコン作業を再開できるようになりました。この記事もスゴイッスに座って書いています。県からの支援物資新潟県では、パックごはん等の食料品や除菌ウェットティッシュのような日用品などを、自宅療養者向けの支援物資として希望者に配布しています。www.pref.niigata.lg.jp私はもちろん外出できませんし、濃厚接触者になっている家族もあまり頻繁には買い出しに行けない状況になったので、お願いすることにしました。これが大人1人分の物資です。二箱届きました。支援物資1支援物資2食料品としては、ドライフルーツやドリンク、野菜ジュース、ゼリー飲料などのそのまま食べられるものだったり、乾燥海藻などの少し調理すれば食べられるものが入っていました。地味に嬉しかったもの我が家は手を洗えるような水盤が共用のキッチンと洗面所にしかなく、家族との接触をできるだけ避けたい私は手を洗う機会が少なくなっていました。そのため、手指の清潔を担保できるウェットティッシュが地味に嬉しかったです。アルコール除菌ウェットティッシュワンピース無料公開キャンペーン初めの数日間はパソコンを開く元気もなくて、iPadくらいしか使えなかったのですが、ちょうど時期が被ったのがワンピースの無料公開でした。game.watch.impress.co.jp魚人島からワノ国まではちょうど読んでなかったところだったので、読めてよかったです。いやほんと、これがなかったら2〜3日目は暇で死んでたと思う……妻の手料理胃に負担がかからないように、麺類を中心に食事を用意してくれた妻に感謝です。どれも美味しかった……まとめというわけで、自宅療養に入って嬉しかったものを並べてみました。雑多に書いてしまったので参考になるかは怪しいですが、皆様が発症したときの参考になれば幸いです。

covid19の自宅療養中にあって嬉しかったもの

私が所属する株式会社モニクルの開発チームでは、業務時間内に各個人の技術ブログを書いてもよいことになりました。2022 年 7 月現在の時点では、きちんとスプリントの中でストーリーポイントを付けたタスクにして、時間を確保することが推奨されています。アウトプットの習慣があるメンバーが多く見えるチームというのは、対外的にも魅力を説明しやすいです。今後のソフトウェアエンジニア採用を円滑に進めていくための施策の一環として、アウトプットを推奨していきます。 技術ブログまとめサイトはじめましたということで、メンバーの技術ブログをまとめた、monicle developers というサイトを作り...

開発チームの技術ブログまとめサイトを作って定期デプロイを設定した

社内の雑談用チャンネルとして #times_[人名] という命名規則があったのですが、このたび #zp-[人名] に変わりました。というお話。目次目次フルリモートと雑談times_nkznという無法地帯フォロワーが現れ始めたzp-nkznへの転生まとめ宣伝フルリモートと雑談COVID19の影響により、リモートワーク（テレワーク）が常態化する会社が増えてきました。ソフトウェアエンジニアの採用市場でも、フルリモートの働き方を常設している会社だけしか選べない、という方が増えてきているそうです*1。私が現在働いているモニクルは、ソフトウェアエンジニアやデザイナーの組織をフルリモート前提で構築しています。CTOの @gabu は札幌にいますし、私のチームメンバーは台湾と沖縄にいて、オンサイトでのコミュニケーションはそもそも選択肢に上りません*2。https://speakerdeck.com/monicle/about?slide=43メンバーが全国にいる（今は↑に加えて沖縄もいる）さて、フルリモートが可能になると、働く場所の制約がなくなったり柔軟に家事と仕事をスイッチしながら日常を過ごせたりと、メリットも多くなりますが、もちろんデメリットもあります。その中でも特に話題に上るのが「雑談の機会損失」です。モニクルではAroundによる常時接続のビデオチャットを常用しており、ソフトウェアエンジニアやデザイナーは勤務中の多くの時間でお互いの顔を画面の片隅に置きながら過ごしています。around.coログインは強制ではないのですが、単純に寂しさが薄れるのと、話しかけやすい、話しかけてもらいやすいというメリットがあるため、常駐している人が多いです。常時接続だと他人の環境音が気になったり、Webカメラ・マイクのスペックでストレスを抱えやすいところですが、次のようなツールを会社から全社に支給しているので、ストレスは最小限になっています。ノイズキャンセリングツールのKrispのライセンスそれなりにいいWebカメラそれなりにいいマイク詳しくはCTOが記事にしていたので、こちらをご覧ください。note.comそんな感じで、フルリモート勤務をストレスレスに過ごすためのツールはどんどん整備していく会社になっています。とはいえ、これだけ設備が揃っていても、実際に雑談が活発に行われるかどうかは別の話です。散発的に雑談は行われていますが、他の仕事をしている人の邪魔にならないかな、と気を使うので、Around上で雑談が発生するのは人数が少ない時が多くなりがちです。今思えば、ビデオチャット以外の雑談の機会が潜在的に求められていたように思います。times_nkznという無法地帯2010年代後半に「分報」という文化が盛り上がりました。私の観測範囲では↓の記事が火付け役だったように思います。craftsman-software.com日報の代わりとして、リアルタイムで個人的な業務メモを書いておくと、同僚・上司から状況を把握してもらいやすくなり、アドバイスをもらえる速度も上がる、といった業務効率化の文脈で流行り始めた文化だったように思います。私もそういった文脈は知らなかったわけではありませんが、根がツイ廃なので、社内Twitterが欲しいな、という邪な気持ちで、入社時にお世話をしてもらう場所だった #onboarding_nkzn チャンネルを #times_nkzn チャンネルにリネームしました。おかげ様で、timesの合間に仕事仕事の合間に楽しくtimesを投稿させてもらっています。my new gearな話題新潟自慢の話題（角上魚類は新潟の会社です！！！）だんだんと反応してくれる人が出てきて、雑談のハブとして機能するようになっていきました。Twitterとの使い分けとしては、若干の個人情報が混ざっても気にしなくてもいい場所、として重宝しています。timesには「Twitterには書けないけど同僚には知られてもいい個人情報」が気軽に書けるので重宝してます— なかざん💉💉💉 (@Nkzn) 2022年6月27日  フォロワーが現れ始めたそんな具合に、雑談のエントリーポイントの一つとして私のtimesがうまく回り始めたのですが、これを見た同僚が、新しくtimesを初めてくれました。社内Slackで同僚が「times_nkznが上手く回ってて楽しそうだったから」 というのを理由の一つにしてtimesチャンネルを開設したので、お祝いの言葉を贈りました pic.twitter.com/qp9VOpXSkU— なかざん💉💉💉 (@Nkzn) 2022年6月27日  私は私のためにサボって雑談していただけなので、誰かの役に立っていたとは思わず、嬉しいやら驚くやらという感じです。話を聞いてみると、そもそも私の入社より前に分報を運用しようとした歴史があったそうです。そのときは「リアルタイム日報」という業務効率化目的での運用を意識していたそうで、段々と疲れてしまって運用されなくなった、とのことでした。ここからの流れで、何人かの同僚が業務目的というよりは雑談目的のtimes運用を初めてくれて、雑談を始めるきっかけがかなり増えたように思います。zp-nkznへの転生ここでやっとタイトル回収です。雑談timesチャンネルが増えてきたことによって、CTOの中で「雑談timesがチームにもたらす好影響」への解像度が上がってきた折に、こんな気づきがあったようです。いい話。times とか分報が生まれた時代って「仕事の細かいつぶやき = 自分用のメモ & 誰かが突っ込んでくれるかもしれない」って意味合いだった気がするので、雑談主体の times は、もはやリネームが必要なのかもしれない / “弊社の執行役員に、#times_役員 なSlack分報を…” https://t.co/H5CCpzSiFw— がぶちゃん | 塚田翔也 | モニクルCTO (@gabu) 2022年7月15日  まあ惰性でtimesと呼んできたものの、元の分報文化とは似ても似つかない運用をしているので、「雑談times」を表す別の呼び方があってもいいよね、timesという名前のままだと分報文化を引きずって業務効率目的の話題しか書いちゃいけないんじゃないかと葛藤する人も出てくるよね、みたいな課題感なら私にもわかります。ここまで解像度が上がったことにより、これまで名前は知っていたものの概念が微妙にわからなかった、メルカリの #zp- という命名を完全に理解することになりました。ということを社内の times_gabu でもつぶやいたら「メルカリは zp- みたいだよ」と @Nkzn から教えてもらえて秒で解決しましたｗz: 雑談 p: パーソナルって意味だと思うけど、これを組み合わせた zp- いいな！ https://t.co/3d6qoT2ekY— がぶちゃん | 塚田翔也 | モニクルCTO (@gabu) 2022年7月15日  私が #times_gabu に貼ったのはこれ↓mercan.mercari.com元々、雑談グループチャンネルとしての #z- プレフィックスは営業メンバーにも認知されているので、その派生としての個人チャンネルに #zp- と名づけるのは全社的にも（timesよりは）受け入れられやすいだろう、ということで、雑談促進の施策として導入を進めることになりました。判断が早いまとめそんなわけで、 #times_nkzn 改め #zp-nkzn は今後とも適度なサボり場雑談のハブとして好き勝手な話をやっていきます。宣伝株式会社モニクルでは、はたらく世代・子育て世代がお金の不安を手放せる手助けをするための金融サービス業をより広めるために、ソフトウェアエンジニアを募集しています。90秒だけお時間をいただいて、↓の動画を見ていただけると、どんなサービスをやっている会社なのかざっくりわかってもらえると思います。www.youtube.comマネイロにお金の相談をしにきてくださるだけでも嬉しいですし、もしこの記事を読んで会社自体にも興味を持っていただけたら、↓のCulture Deck（会社説明資料）を読んでみてください。 speakerdeck.comさらに興味を持ってもらえた方はMeetyで私と雑談しましょう！meety.netよろしくお願いします！*1:某採用プラットフォームの営業さんから聞いた話*2:開発合宿くらいはそのうちやりたいね、と言っていますが

times_nkznが上手いことフルリモートの雑談を創出した結果、zp-nkznが生まれた話

ハッピーニューイヤー。2022年もよろしくお願いします。2021年を振り返ってみましょう。引き続きやっていること技術書典Web開発とCodeZine連載は引き続き取り組んでいます。2021年は技術書典11がオフライン・オンライン同時開催という暴挙に出たのがあって、なかなか精神的に追い詰められる初夏を過ごしていました。CodeZineは2020年末に始まったReactライブラリ連載を細々と続けています。どちらも2022年も続けていきます。techbookfest.orgcodezine.jp変わったこと5月末で10年間お世話になったウォーターセルを辞めて、OneMile Partnersに転職しました。ちなみに事業展開の都合で、11月には持ち株会社として新たに作られた株式会社モニクルに転籍しました。日本人のお金のリテラシーを底上げできるように頑張るのでよろしくね。blog.nkzn.net新しく始めたことウマ娘プリティーダービーにハマりました。そしてそれをきっかけにして、本物の競馬にもハマりました。予想はからっきしなので、もともと日本Androidの会で10年ほど前から親交があった予想屋マスターさんの力を借りながら、馬券購入を楽しんでいます。3〜5歳馬あたりの上位馬たちの名前は段々と見覚えがあるものになってきて、重賞レースを見るのが楽しみになってきました。住んでいる場所が新潟競馬場まで車で30分くらいのところなので、開催期間中は気軽に見に行けるのも嬉しいところです。コロナ前は子供向けのプリキュアショーなども行われていたので、またその頃に戻ってくれると子供たちも連れていきやすくなりますね。ウマ娘の元ネタの競走馬たちの子や孫が活躍する様子も見られ、オタクとしても満足感が高いです。5月に新潟県胎内市へ家族旅行に行った際、乗馬目的で松原ステーブルズさんにお邪魔したのですが、アグネスデジタルやマンハッタンカフェの子がいて地味に感動しました。夏にはキングヘイローの子も（色々あったようですが）仲間入りしたそうです。また行きたいですね。matsubarastables.webnode.jp2022年やりたいことせっかくハマったので、2022年は競馬に関するサービスやアプリを何か出せたらいいなあと思っています。あとは、証券外務員二種を取ってみたいなあ。プロメトリックで毎週試験が受けられるので、適度に勉強したらチャレンジしようと思います。

2021年を振り返る

Beer Advent Calendar 2021の5日目です。昨日はかんざむさんのバドワイザー メッシ缶でした。そういえばバドワイザーはなんだかんだで飲んだことないな……adventar.org今年は新潟らしいエチゴビールを飲むぞさて、今年はエチゴビールを飲もうと思います。日本第一号の地ビール醸造所であるエチゴビールについては2015年のアドベントカレンダーでお話ししたので、よろしければこちらもご覧ください。blog.nkzn.net新潟といえば米ですよね。エチゴビールにも、新潟らしさを出そうとしたのか、新潟米仕立てのビールがあります。それが、 こしひかり越後ビール です。田植えのイラストに郷土愛を感じるこしひかり越後ビール見た目には素直なピルスナーですが、原材料にはしっかりと「米」が明記されています。原材料にはしっかりと米が明記されていますただのスッキリ系かと思いきやどこかフルーティ実はお米をビールに入れるというのは、喉越しのいいスッキリしたビールに仕上げる際には時々ある手法なようで、そこまで独自性があることではないようです。となるとスッキリ系かなと思って飲んでみるのですが、これがどこかほっとするフルーティな味わいもあるのです。ある意味淡麗辛口の日本酒と近いかもしれません。新潟こしひかりから生まれた、ほっとする味わいのこしひかり越後ビール、皆様もいかがでしょうか。エチゴビール お試し 6缶 セットエチゴビールAmazon

🍺 こしひかり越後ビール 🍺

気分転換で下調べも何もせずに雑に書いた記事です。個別のライブラリについては間違ったことを言っている部分が多いと思うので、参考にしないでください。こんなツイートを見かけました。YouTube、yogaが使われてるんだ👀 pic.twitter.com/A9GVR7ByPb— Naturalclar(Jesse K.) #StopAsianHate (@natural_clar) 2021年11月17日  Yogaといえば、FacebookMeta社が作ったAndroid / iOS向けのレイアウトエンジンです。yogalayout.comReact Nativeのレイアウトエンジンでもありますが、まあ今回はReact Nativeの話はしません。YogaはAndroid向けのLithoやiOS向けのComponentKitといった形でも提供されており、ネイティブアプリのUI実装にも活用されている技術なので、YouTubeアプリで使われていることに大きな驚きはないのです。……が、やはりGoogleで採用されるには珍しいライブラリであることも事実なので、これはもっと怪しいライブラリが隠れているな？という直感が働きました。結論からいうと実際にやばかったので、目についたライブラリを並べて行こうと思います。Closure LibraryまずはGoogle謹製JavaScriptフレームワークとして古株の Closure Library さん。developers.google.com……おかしい……初手からおかしい……お前はネイティブアプリではないのか……？J2ObjC続きまして、「AndroidとiOSの両方から使えるライブラリを作りたい」という夢を持ったことがある人なら誰もが知っている J2ObjC です。developers.google.comJava言語で書かれたコードをObjective-C言語に変換するやつです。いわゆるトランスパイルツールですね。JavaScriptライブラリが出てきたあとだと、最終的にObjective-Cになる分だけまだ普通のツールに思えてきました。JavaScriptCoreお次はSafari / WebKitのJavaScriptエンジンである JavaScriptCore です。developer.apple.comまあClosure Libraryがあるんだから、JavaScriptを動かせる何かが出てくるのはなんとなくわかってた。iOS的にはほぼ標準ライブラリみたいなもんなんだから、特筆する必要はなかったと思うんだけど、なんで書いたんだろうなあ……jquery2JavaScriptライブラリ第2の刺客。言わずと知れた jQuery さんです。jquery.com今の最新はv3系だったと思うんですけど、わざわざ2って書いてあるのでv2なんですかね……どこで使ってるんだろ……LLVM次はコンパイラ基盤の LLVM さん。llvm.orgまあXcodeでビルドするときに使っているので、特に違和感はないのですが、他の異常さを際立たせるためにあえて置いておきます。quickjsさあ、今度は軽量JavaScriptエンジンの QuickJS だ！！！bellard.orgJavaScriptエンジン2つ目いただきました〜〜〜〜〜〜〜〜〜！！！！！！！！！！！なんで？？？？？？？？？？？？？？？？？？？？ES2020の仕様をほぼ網羅しつつも、ファイルサイズが小さく起動も高速という特長があるエンジンということで、そういうのが求められる場所に配置されたものと思われます。V8若き王者が帰ってきたッどこへ行っていたンだッ　チャンピオンッッ俺達は君を待っていたッッッ V8 の登場だ――――――――ッv8.devJavaScriptエンジン3つ目で〜〜〜す！！！いえ〜〜〜〜〜〜〜〜〜〜〜〜い！！！！！！！！！いやあ……どこに使ってるんだろ……まじでわからん……JavaScriptCoreとQuickJSがあったら大体のパターンいけるやろ……ええ……？まとめYouTubeアプリってガチガチのObjC/Swift製ネイティブアプリだと思ってたんですけど、JavaScriptエンジンを3つも積んでてjQueryやClosure Libraryまで登場するとなると、それなりのハイブリッドアプリなのかなあと認識を改めた次第であります。j2ObjCは5年前にちょっと調べたことがあったので、今でも元気にしているのが見れてちょっと嬉しかったです。おまけ：妄言というかアレなんですよね、React Nativeも「Yoga + JavaScriptCore」がレンダリングエンジン＋言語エンジンの構成なのを考えると、YouTubeアプリの中に「JavaScriptにビジネスロジックを書いてネイティブUIをレンダリングする」仕組みが作れそうな気がするんですよね。もしかしてどこかの画面はそういうフレームワークになっているのかなあ……

iOS版YouTubeアプリのOSSライセンスページが魔窟

会社の開発チームで常時接続に使っているAroundの月次？アップデートが来ていたので、リリースノートを流し読みします。new.around.coiOSアプリがビデオ通話に対応June 2021でリリースされたAndroid/iOSアプリでしたが、デスクトップアプリと同じルームへの参加はできるものの、ビデオ機能が開放されていませんでした。今回のアップデートで、ひとまずiOSアプリでビデオ機能を利用できるようになります。移植が単純ではなさそうなフェイストラッキング機能もちゃんと実装してくれたようで、頭が下がります。iPad版Aroundでカメラを有効にしてみたAndroid版はcoming soonです（察し）。画面共有のパフォーマンス改善「めっちゃファンが回ってたし重かったのでフルスクラッチで書き直したやで」とのこと。わいわい。画面共有中に配信者の画面内のAroundを「消さない」オプションCPUリソース節約のためのもう一つのアプローチとして、画面共有中に配信者の画面内のAroundを 消さない オプションが追加されました。配信者のaroundを消さないオプションぱっと見だとなんのことか分からない修正なので、例を挙げます。実は今まで、配信者が画面共有している画面内にAroundのUIがあっても、視聴者には見えなくなっていました。 配信者  視聴者     ここで、今回追加されたオプションをオンにします。すると、視聴者側にもAroundのUIが見えるようになります。 配信者  視聴者     標準の動作では、AroundのUIを配信対象から外すためにCPUリソースを消費していたようで、今回のオプションはその挙動をオフにする（＝配信者の画面に見えているままの見た目で配信する）ことで、CPUリソースの節約を図る新機能ということになります。今後の改善点1.0以降、リソース節約と安定性、複数プラットフォーム展開にフォーカスして頑張っているそうです。短期的にはパフォーマンスや質の改善を中心に改善していくとのこと。嬉しい。新規機能としては、ミーティングの録画機能を年内にリリースしたいとのことです。楽しみですね。

Aroundアップデート：September 2021 Editionまとめ

TL;DRAroundチームは顧客の気持ちがわかっていて最高大好きAroundのアップデートが来ました最近、会社のdevチームで、常時接続のコミュニケーションツールとしてAroundを利用しています。around.coAroundはさまざまな工夫により、ZoomやMeetに比べると精神的なストレスが少ない作りになっており、常時接続してもストレスになりづらくなっています。次の記事が詳しいです。japan.cnet.comさて、そんなAroundですが、6/12に大きめのアップデートが来ました。new.around.coざっくり眺めただけでも神アプデっぽさが出てたので、簡単に紹介します。概要モバイルアプリが出ましたLinuxアプリ（Beta）が出ましたHandoff機能の追加ミーティングを始めたときのデバイスとは別のデバイスでシームレスにミーティングを継続できるある時間まではPCでミーティングして、その後営業のために離席して車で移動を始めたりしても、スマホでミーティングを継続できるということモバイルアプリが出てきたタイミングならではという感じの新機能で嬉しいですねVoice Channels（音声のみの部屋）が作れるようになりましたMinimal Modeを使うとサムネイルのサイズを最小化して、できるだけ画面を隠さないようにできますメニューがネイティブ実装になりましたフィルターをTouch Barで選択できるようになったよ（Macのみ）Face Mask Modeをオンにすると、マスクをつけているときのくぐもった声がクリアに補正されるよ謎の技術じゃんAdd your team to multiple Rooms（まとめて招待）自分が入っているルーム一覧から任意の複数のルームを選んで、招待リンクを作成できます動作するプラットフォームにAndroid、iOS、Linuxが追加されるというビッグニュースに加え、ミーティングに参加したままプラットフォーム間の切り替えができるHandoff機能が同時にリリースされたことで、より「常にAroundと繋がっている」が実現しやすくなりました。PCから離席してキッチンにコーヒーを淹れに行く間も、スマホで雑談の続きを聞き続けることができそうです。今後追加される機能Vertical floating mode（顔が縦に並ぶよ！）ちょっと欲しかったやつAnnotations（共有スクリーンにお絵描きできるよ！）完全に！！！！！！！！欲しいやつ！！！！！！！！！Annotationsは早く来て欲しいですね。Slackの画面共有では画面上にマーカーが引けてめちゃくちゃ便利なのですが、おそらくそれに近いものになると思われます。仕事でモブプログラミングをしながら「ここ！ここです！ちくしょう、マーカーが引きたい！！！」みたいになってた*1ので、的確にペインポイントを押さえにきている印象です。まとめAroundチームは顧客のペインポイントをよく理解してる……しゅき……*1: https://pop.com/home の利用を検討していました

AroundのJune 2021 Editionが神アプデっぽい

2021年11月11日追記：株式会社モニクルに転籍しました。monicle.co.jpOneMile Partnersの親会社にあたる持ち株会社です。エンジニアリングやデザイン等、クリエイティブ系の部門はこちらに転籍となりました。この記事を読んで筆者の仕事に興味を持ってくださった方は、モニクルの名前で検索してみてください。よろしくお願いします。We are hiring!open.talentio.comはい、というわけでですね、昨日の退職エントリに引き続きまして、入社エントリです。OneMile Partnersとmoneiroなぜ入社したのかまとめといってもまだオンボーディングも終わっていない段階なので、業務内容について書くことは特にありません。簡単に会社紹介をしますね。OneMile Partnersとmoneiroこの度、OneMile Partners（ワンマイルパートナーズ）という会社で働くことになりました。onemile.co.jpmoneiro（マネイロ）というサービスを運営している会社です。moneiro.jpこのmoneiroは「資産のセレクトショップ」という謳い文句で、働く世代の資産運用を手助けするサービスです。お金のプロがニーズに合わせて株式や保険などの金融商品をいい感じに組み合わせられるよう、相談に乗ってくれます。難しいと思われがちな資産運用の敷居を可能な限り下げるためにかなり努力しているようで、グッドパッチさんの力を借りてガッツリとディスカッションをしながら、わかりやすい見せ方や導線について議論したそうです。goodpatch.com（ちょうど昨日リリースされた記事↑があるから出しとけって言われました）なぜ入社したのか「給料がよくなるから」というのはITエンジニアの転職においては珍しくもない理由なので、ここでは特に掘り下げません。話だけでもということで事業説明を聞いてみると、「手に入るお金は増えてきたけど、このお金をどう運用したら家族を幸せにできるかわからなくて悩んでいる一家の大黒柱の30代」は、メインターゲットのひとつらしいことがわかりました。つまり私です。日本人はお金に関するリテラシーが低い、という話はよく耳にしますし、自分もある程度お金の勉強をする中で「これはもっと早く知りたかったなあ」ということはたくさんありました。moneiroでお金のプロに相談することで、リテラシーの不足をある程度補えるようになるのであれば、これはかなり社会にとって良い影響があるはずです。前職で農業生産者さんを相手にしていたときや、Androidの初心者本を書いているときにも意識していたのですが、私はリテラシーが不足している層に補助輪のように寄り添うサービスで社会貢献をするのが割と好きなようで、moneiroが良い感じに琴線に触れたのでした。とはいえやはり、何より自分がターゲットユーザーであるというのは、事業を自分ごととして感じられる点で何より良いことだと思います。今までは本業と副業と子育ての合間の、あるかないかよくわからない余暇を使って家庭の資産運用について勉強していたわけですが、今後は仕事をしていれば事業のドメイン知識として資産運用を学ぶことができます。お得です。というわけで、事業がなかなか好みなのでした。他にも、居住地を変えずに新潟からフルリモートしてよいことや、あれこれと（給与以外にも）良い条件が重なったことから、転職を決めています。まとめというわけで、在宅勤務の会社から在宅勤務の会社に移るので、労働環境が何も代わり映えしない気がしますが、今日からワンマイルのなかざんとしてやっていきます。皆様よろしくお願いします。

OneMile Partnersに入社しました

このブログは「ナカザンドットネット」という名前ですが、これまではnkzn.infoというドメインでした。 実は、7年前まではnkzn.netだったのです。 blog.nkzn.net > どうも、nkzn.netの更新を忘れてて転売屋に取られた人です。 痛ましい事件でした…… かえってきたぞ！ このたび、nkzn.netを買い戻しました！ ご報告があります。2014年3月にドメイン更新を忘れていてドメイン転売業者に奪われ3000ドルの値段をつけられてから7年。ふと検索してみたら普通の値段に戻っていたので、 https://t.co/VogoPeouge を買い戻しました。気が向いたらブログのドメイン変えるかもしれません。 pic.twitter.com/vVCp40DQEA— なかざん (@Nkzn) 2021年4月26日  twitter.com 5月中はサボってしまったので、転職を機にブログのドメインをnkzn.netに戻しました。実に2629日（+α）ぶりです。この7年間で記事をたくさんシェアしてもらったので、nkzn.infoからも引き続き転送設定をしてあります。 これでようやく「どうしてナカザンドットネットなのにnkzn.netじゃないんですか？」と煽られなくて済む！やったぞ！ 引き続き、ナカザンドットネットをよろしくおねがいします。 余談 https://www.nkzn.net にポートフォリオを置きました。よろしければご覧下さい。

2629日ぶりにナカザンドットネットがnkzn.netになりました

TL;DR転職エントリです。TL;DR転職します新潟には残るの？思い出次は何するの？転職します本日、現職の最終出社日でした。2011年7月の創業から少し遅れて、2011年9月に3人目としてジョインした*1ところから数えて、10年近く在籍していました。次の会社は決まっていまして、明日、6月1日から新しい会社での勤務になります。友人から良いオファーをいただいたのがきっかけでの転職で、特に転職活動をしていたわけではなかったので、急な話になってしまい関係各所の皆様にはご迷惑をおかけしました。新潟には残るの？次の会社は東京に本社がありますが、私はフルリモートで新潟市の自宅から勤務します。2018年に家を建てたばかりなので離れ難いという理由もありますが、単純に新潟市の環境が住みやすいので、このまま住み続けるつもりでいます。母校の会津大学からも近いですしね。思い出前述の通り、転職活動をしていたわけではないので、転職が決まった時点で履歴書も職務経歴書も作っていませんでした。とはいえ良いタイミングではあるので、これまでの10年を振り返りがてら、職務経歴書を作ってみました。Next.jsとChakra UIとVercelの素振りも兼ねています。https://www.nkzn.net/ほとんど毎年、新しいプロダクトに関わっていたようです。振り返ってみると「お客さんの話を聞いたり企画の概要を聞いてMVPを作ってみる」「MVPをリリースできるようにチームに作業を割り振る」みたいなことを多くやっていたような気がします。タスクを割り振った後はチームメンバーにお任せなことも多かったので、僕個人の適性はいわゆる0→1よりももう少し小さい、0→0.5あたりにあるんだろうなあという肌感覚を持つようになりました。現実の課題をシステムで実装可能な粒度の課題に分割して、システム側の課題を主に扱う人たちの初速が出るようにするポジションです。0.5→1の間はスケジュールに入れ損ねた後出しのタスクを拾っていく、落穂拾いのようなことをやっていました。僕が話をしてきたお客さんは、農業ICTのアーリーアダプターということで情報感度が高めだったりロジカルな思考を得意にするようなやり手の生産者さんが多く、興味深く仕様の議論を深めることができました。お客さんの業務フローを整理していく中で「自分たちでは気づいていなかったけど、そういう整理をするだけでも業務の勘所が分かりやすくなった。まだシステムを作る前に言うのもおかしいけど、相談してよかった」と言ってもらえたときにはかなり嬉しかったですが、そういう対話が成立するお客さんに出会えた私のほうこそ嬉しかったりしました。Androidアプリエンジニアとして入社しましたが、人手不足だったこともあり、マネージャーとしてはサーバーやフロントエンドも含めた幅広い業務を扱わせてもらいました。おかげさまで、ツールが事業やチームにマッチするかどうかをよく考えるという、技術選択のキモでありつつも意外と経験しづらい視座を持つ機会を得られました。blog.nkzn.infoメガベンチャーの友人たちを地方IT企業から眺めていたからこそ得られた視座だったことを考えると、人生は面白いですね。次は何するの？まだあまり人数が多くないベンチャーに行きます。フロントエンド中心になりそうですが、たぶん何でもやることになります。こういう感じは久々なので楽しみです。ちなみに、近年はReact Nativeおじさんをやっていましたが、これまでの事業とこれまでのチームに合っていたからこその選択でした。次の会社でReact Nativeを選ぶかどうかはまた事業とチームを精査した上で考えることになります。事業とチームにマッチした技術選択をやり続けるのは変わりません。粛々とやっていきます。今後ともよろしくお願いします。*1:微妙に創業メンバーと言いづらいのがちょっと困ってた

退職します

追記：当初はglyphMapを使う記事として書いていましたが、ComponentPropsを使ったほうが楽そうなので、記事のタイトルを変更しました。記事の大筋は変わってません。React Nativeでアイコンを扱いたいとき、react-native-vector-iconsを使っている方は多いと思います。このライブラリは、Font AwesomeやIonicons、MaterialIconsやMaterialCommunityIconsなど、多彩なアイコン集をバンドルしています。おかげで、アプリ開発で要求されるアイコンの大部分をこのライブラリで賄える現場もあるのではないでしょうか。...

@expo/vector-iconsのアイコン名を型安全に扱う

本記事は、2018年に筆者が書いた「Web最新技術がてんこ盛りのreact-native-domから目が離せない」という記事の一部分を抜き出したものです。https://blog.nkzn.info/entry/2018/05/26/0203122018年の記事はproof of conceptなツールについて紹介していたものでした。そのため、時間が経てば陳腐化して読まれなくなりますし、私もそれでいいと思っています。ただ、一部分については2021年になっても参照してくれる方がいるような、それなりにまとまった特異なノウハウだったことがわかってきました。そこで、単独の記事として分離し、...

React DOMとReact Nativeの違い（2018）

シン・エヴァンゲリオン劇場版で四半世紀にわたる何かを精算した皆様、お疲れ様でした。おかげさまで私も公開初日に観ることができました。さて、シンエヴァほどの威力はないものの、年季の入ったダメージを与えてきそうな作品が後に控えていることをご存知でしょうか。「ドラえもん のび太の宇宙小戦争 2021」です。doraeiga.com旧作は1985年公開。アラフォー世代が子供時代に初めて聴いた武田鉄矢の歌が、劇中でレジスタンスの青年が歌う「少年期」だった人も多いのではないでしょうか。少年期〜青年期の時代に金八先生の平成シリーズがドンピシャでぶつかっていたこともあり、武田鉄矢やその歌声に大なり小なりの感情を持っているアラフォー世代が多いのではないかと私は思っています。さて、新劇場版である2021の主題歌はOfficial髭男dismが歌う「Universe」。YouTubeで公開されています。youtu.beこの感じだと劇中でレジスタンスが歌うシーンは……ないかなあ、どうかなあ。「少年期」が聴こえてこない宇宙小戦争を、いつの間にか大人になった私たちはどんな気持ちで眺めることになるのか。クソデカ感情を抱えていそうな自分に気がついたので、おそらくこの作品は観なければいけないのでしょう。3/13現在、公開延期中ですが、公開日が決まるのが楽しみです。映画ドラえもん のび太の宇宙小戦争【映画ドラえもん30周年記念・期間限定生産商品】 [DVD]発売日: 2010/09/03メディア: DVD少年期発売日: 2016/08/24メディア: MP3 ダウンロード

アラフォー世代よ、シンエヴァの次に待つのは「宇宙小戦争2021」だ

3/13追記：2/25に発売しました🎉　残念ながら無事に、とはいかず、電子書籍版にレイアウト崩れが見つかったために一時Kindle版を取り下げていました。この問題は3/3に復旧しています。Kindle版、プリントオンデマンド（ペーパーバック）版をそれぞれお楽しみください。【修正完了】大変長らくお待たせいたしました。先日、Kindle版『基礎から学ぶReact Native入門』に不具合が見つかり、データの修正作業を行っておりましたが、修正が完了したため、Kindle版の販売を開始しております。改めまして、この度は皆さまにご迷惑をおかけし大変申し訳ございませんでした。 pic.twitter.com/C9cXSRl4WD— CodeZine (@codezine) 2021年3月3日  本が出ます2021年2月25日に、翔泳社さんから電子書籍＋プリントオンデマンドで本を出すことになりました。プリントオンデマンド版基礎から学ぶReact Native入門 (CodeZine Digital First)作者:WINGSプロジェクト 中川 幸哉発売日: 2021/02/25メディア: オンデマンド (ペーパーバック)Kindle版基礎から学ぶReact Native入門作者:WINGSプロジェクト 中川 幸哉発売日: 2021/02/25メディア: Kindle版出版社公式ページwww.shoeisha.co.jp内容について内容としては、CodeZineで2018年から2020年にかけて連載していた「基礎からはじめるReact Native」を、2021年向けに加筆・修正したものになります。目次は次の通り。第1章　React Nativeとは何か？ ～基本の仕組みと使いどころを理解する第2章　Expoで始めるReact Native開発環境の構築第3章　Reactの基本を学ぼう ～コンポーネントの仕組みと作り方第4章　Reactの基本を学ぼう ～コンポーネントで動的な状態管理第5章　React Hooksの使い方を学ぼう ～関数コンポーネントの状態管理を行う第6章　React Nativeでアプリの見た目を整えよう ～スタイルでコンポーネントを装飾する第7章　React Nativeでアプリの見た目を整えよう ～スタイルでコンポーネントをレイアウトする第8章　UIライブラリで美しいデザインを手軽に利用する第9章　React Navigationで画面遷移を実現する第10章　React Nativeでメモアプリを作ろう ～セットアップと表示第11章　React Nativeでメモアプリを作ろう ～作成画面の構築と実データの利用第12章　静的型チェックを行うTypeScriptで品質を担保しよう第13章　リリース用のアプリファイルを用意しよう第1章では、React Nativeがビジネス上のどのような課題を解決するのかにフォーカスしました。React Nativeの「(not) for you」を伝え続けた2019年を振り返る - ナカザンドットネットでも触れたような内容です。というより、この第1章の元記事を書いたところから僕の2019年は始まりました。第2章ではExpoの仕組みと使い方に触れました。どちらかというとJavaScriptエンジニアをターゲットにした本なので、 react-native init で始めてもらうのはちょっと酷だなと思って、この選択にしています。第3〜5章では、React NativeというよりもReact自体の基礎的な解説に終始しました。念のためクラスコンポーネントの解説もしましたが、2019年時点で関数コンポーネントの時代が来ることは目に見えていたので、Hooksについても解説しています（紙面の都合で useState と useEffect だけですけどね）。第6〜7章はReact Nativeのスタイルについて広く取り上げた、本書の中でも渾身の章です。全体像を把握しづらいスタイルの各プロパティを「装飾」と「レイアウト」に分類することで、読者が理解しやすい解説になったのではないかと思います。この章はAndroidを支える技術＜I＞の第4章「Viewのツリーとレイアウト ──GUIシステムの根幹」で得た知見のおかげで書けたものです。有野さんには感謝しかない……第8〜9章はおすすめのライブラリ紹介です。React Native PaperもReact Navigationも、連載時からメジャーバージョンが1つか2つほど上がっていたので、修正には少々骨が折れました。第10〜11章は、8,9章で解説したライブラリを利用して、実際にアプリを作ってみるハンズオンになっています。実際のアプリ開発の流れを体験できる章になりました。第12章は少し寄り道して、TypeScriptについて取り上げました。JavaScriptだけでやってきた方にもTypeScriptの魅力が伝わるように、あまり深掘りせずに平易な解説を心がけたつもりです。みんなもっとライトな感じでTypeScriptをカジュアルに使ってくれ頼む……！！最終章となる第13章では、リリース用のaabファイルやipaファイルを用意する方法について解説しています。この手の本ではあるあるなのですが、Google Playの話とApp Storeの話をどちらもしないといけないので、大体紙面がキツキツになります（なりました）。そんなわけで普通にReactのライトな解説本としても読めるんじゃないかという本になりました。みなさん読んでみてください。追伸発売日の2月25日は34歳の誕生日です🎉刊行までなんとか辿り着いた僕を褒めてくれる方は、なんかこう……お褒めの物品をですね！　よろしくお願いします！https://www.amazon.jp/hz/wishlist/ls/2KL5657M8BDAQ?ref_=wl_share

電子書籍＋PODで「基礎から学ぶReact Native入門」が出ます（追記：出ました＆電子版トラブルの顛末）

はじめにエスビー 予約でいっぱいの店シリーズエスビー 予約でいっぱいの店のFormaggioシリーズ日清 青の洞窟シリーズ日清 青の洞窟 GRAZIA シリーズピエトロ おうちパスタシリーズマ・マー あえるだけパスタソースシリーズオーマイ 和パスタ好きのためのシリーズハインツ 大人むけのパスタシリーズニップン レガーロシリーズはごろも おさかなでPASTAシリーズエスビー サヴァ缶シリーズ洋麺屋ピエトロシリーズキューピー あえるパスタソースシリーズオーマイ まぜて絶品シリーズマ・マー PRO Tasteシリーズオーマイ レンジでシリーズオーマイ 濃いシリーズ特に印象に残っている・リピートしたやつこれからのパスタ生活はじめに私が勤めている会社は2020年3月から全社で原則テレワークになったので、かれこれ丸1年ほどテレワークを続けています。妻子は会社や園に行っているので、お昼ご飯は基本的に自炊することになりました。あまり手間もかけられないので、スパゲッティの乾麺を茹でて市販のパスタソースにあえる、簡単な食事を作るのが自然と習慣になりました。もともと子供の頃からボロネーゼが好きだったのでボロネーゼを中心に買っています。といってもあまりこだわりはなく、気が向くままにパスタソースを買い漁っているうちに、結構な種類のソースを食べるようになっていました。学生のときみたいに2人前98円みたいなパスタソースを毎日食べると外食に逃げてしまいそうだったので、あえて 1人前200〜400円程度 のレンジで、ちょっと良い商品を選んでいます。家でこれだけ美味しいものが食べれるなら外食に行く必要ないわ……と思えるランクを選ぶのがコツです。というわけで、1年間の締め括りに、これまで食べてきたパスタソースを紹介します。基本的には次の条件で並べています。原則として1人前ずつ食べられるもの（1人飯だからね）実際に食べたもの（食べてないものは紹介しないよ）これはダイレクトマーケティングなんですけど、アフィリエイト付いてるので、食べたくなったらこの記事の各リンクから買ってもらえると、僕が新しいパスタソースを買えるようになります。よろしくお願いします！！！エスビー 予約でいっぱいの店シリーズwww.sbfoods.co.jp一番食べたシリーズです。どこのスーパーでもそれなりの種類が売ってるので、自然と食べた種類が多くなってます。フライパンでオリーブオイルを加えて軽く炒める工程がオフィシャルに推奨されていて、一手間かけられるのがちょっと楽しいです。予約でいっぱいの店シリーズが好きすぎる人の引き出し pic.twitter.com/KcbRAjW121— なかざん (@Nkzn) 2020年12月6日  S&B 予約でいっぱいの店のボロネーゼ 145.5gメディア: 食品&飲料S&B 予約でいっぱいの店の生クリームボロネーゼメディチ家風 145.5g×5個メディア: 食品&飲料S&B 予約でいっぱいの店のアラビアータ 150.1gメディア: 食品&飲料S&B 予約でいっぱいの店のポモドーロ 155.5gメディア: 食品&飲料S&B 予約でいっぱいの店のラ･ベットラ流ペペロンチーノ 48.6g×5個発売日: 2015/08/03メディア: 食品&飲料S&B 予約でいっぱいの店のボンゴレ 95.1g×5個メディア: 食品&飲料S&B 予約でいっぱいの店のカルボナーラ 140g×5個メディア: 食品&飲料S&B 予約でいっぱいの店のポモドーロ 155.5g×5個メディア: 食品&飲料S&B 予約でいっぱいの店のいかすみソース　120gメディア: その他これは知見なんですけど、僕はいかすみが苦手なことがわかりました。S&B 予約でいっぱいの店の国産バジルのジェノベーゼ 110g×6個メディア: 食品&飲料今日のお昼ごはん。S&B 予約でいっぱいの店のアラビアータ。 pic.twitter.com/GYxowrkQkD— なかざん (@Nkzn) 2020年8月5日  予約でいっぱいの店のカルボナーラ pic.twitter.com/DXyL1RTUUD— なかざん (@Nkzn) 2020年9月18日  予約でいっぱいの店のいかすみソース〜 pic.twitter.com/zDyjM9Oqya— なかざん (@Nkzn) 2020年9月7日  エスビー 予約でいっぱいの店のFormaggioシリーズwww.sbfoods.co.jp近所では売ってなかったのですが、エスビーの直販サイトで美味しそうだったので買っちゃいました。ちょっとお高め。チーズが好きなのでどれも最高でしたね……SB 予約でいっぱいの店のFormaggio角切り牛肉の赤ワインソース 130.1g ×5箱発売日: 2019/08/12メディア: 食品&飲料SB 予約でいっぱいの店のFormaggioトリュフときのこのクリームソース 150g ×5箱発売日: 2019/08/12メディア: 食品&飲料S&B 予約でいっぱいの店のFormaggio サーモンのバジルソース 115g発売日: 2019/10/01メディア: 食品&飲料きのこはあんまり好きじゃないんだけど、チーズが死ぬほど好きなので、圧倒的なゴルゴンゾーラの味わいで優勝できた。予約でいっぱいの店の Ｆｏｒｍａｇｇｉｏ　トリュフときのこのクリームソースhttps://t.co/iyRJ9Q8kvQ pic.twitter.com/L6gnPtqTqQ— なかざん (@Nkzn) 2020年12月8日  予約でいっぱいの店のサーモンのバジルソースhttps://t.co/fyFUIzAnQh pic.twitter.com/LHj9PnYpI0— なかざん (@Nkzn) 2020年12月24日  日清 青の洞窟シリーズaodo.jpどこのスーパーでもそれなりの種類が売ってるシリーズその2。こちらはカルボナーラでお世話になることが多かった気がします。青の洞窟 香味野菜とハーブ引き立つボロネーゼ 140g×5個メディア: 食品&飲料青の洞窟 カルボナーラ 140g×10個メディア: 食品&飲料青の洞窟 あさりの旨味広がるボンゴレビアンコ 120g×5個メディア: 食品&飲料青の洞窟 ボンゴレロッソ 140g x 5個メディア: 食品&飲料青の洞窟 ペペロンチーニ 46g ×5袋メディア: 食品&飲料青の洞窟 ジェノベーゼ 56g ×5袋メディア: 食品&飲料日清 青の洞窟 GRAZIA シリーズaodo.jp青の洞窟の上位版です。濃厚で美味しかった。青の洞窟 GRAZIA ボロネーゼ 165g×5箱発売日: 2018/08/25メディア: 食品&飲料青の洞窟 GRAZIA カルボナーラ 160g×5箱発売日: 2018/08/25メディア: 食品&飲料青の洞窟の上位版を見つけたので作ってみたんだけど、バチクソ美味いな…… pic.twitter.com/GwU2mNNHgf— なかざん (@Nkzn) 2021年1月7日  青の洞窟 GRAZIA カルボナーラです。よろしくお願いします。#なかざんさんちの今日のごはん pic.twitter.com/lz4W2oj676— なかざん (@Nkzn) 2021年2月1日  ピエトロ おうちパスタシリーズwww.pietro.co.jpパスタソースというよりは調味料？　自分で肉や野菜を煮たり炒めてから混ぜるタイプのやつです。一手間かける時間があるときに楽しめるやつ。ピエトロ おうちパスタ ペペロンチーノ 180ml 2個セットメディア: その他ピエトロ おうちパスタシリーズ ペペロンチーノ https://t.co/UavFF0lWDo で、キャベツたっぷりスパゲッティを作りました先にパスタと一緒にキャベツを茹でておいて、茹で上がったら豚肉を炒めておいたフライパンに潜影蛇手🐍 そこにソースをビャッとしたら完成ね#なかざんさんちの今日のごはん pic.twitter.com/ptcaIzk6xA— なかざん (@Nkzn) 2021年1月13日  マ・マー あえるだけパスタソースシリーズwww.nisshin-foods.com今回のラインナップの中では安いほうのやつですが、味が濃厚でかなり好みでした。あえるだけだと調理してる感があんまりなくて楽しくないので、たまに買うだけになってます。マ・マー あえるだけパスタソース 深味ミートソース2人前 160g×5個発売日: 2017/02/23メディア: 食品&飲料マ・マー あえるだけパスタソース カルボナーラ 140g発売日: 2016/11/15メディア: 食品&飲料オーマイ 和パスタ好きのためのシリーズwww.nippn.co.jp今回のラインナップの中では安いほうのやつで、こちらもあえるだけのやつです。単純に高菜が好きというだけでした。オーマイ 和パスタ好きのための 高菜 (24.2g×2)×8袋入メディア: 食品&飲料ハインツ 大人むけのパスタシリーズwww.heinz.jpそれなりに見かけるけどあんまり見かけないやつ。美味しいには美味しい。ハインツ 大人むけのパスタ 牛肉とイベリコ豚の粗挽きボロネーゼ ×4箱メディア: 食品&飲料ハインツ 大人むけのパスタ オマール海老のトマトソース ×4箱メディア: 食品&飲料ニップン レガーロシリーズwww.nippn.co.jpなんかエレガントな味がする気がするので気が向くとたまに買うやつ。美味しいんだけどブランディングで買ってしまっている気もする……いや美味しいんやが……REGALO ボロネーゼの真実 120g×6個発売日: 2017/02/23メディア: 食品&飲料レガーロ ペペロンチーノの希望 75.3g×6個メディア: 食品&飲料REGALO ポモドーロの絶賛 140g×6個発売日: 2017/02/23メディア: 食品&飲料はごろも おさかなでPASTAシリーズwww.hagoromofoods.co.jp夏ごろに近所のウエルシアがやたらと推していたので買ってみたやつです。その後あんまり見かけなくなった。はちゃめちゃに美味しい。特にさんまが美味しい。僕に魚系パスタという新たな扉を開いて見せてくれた素晴らしいやつです。はごろも おさかなでPASTA さんまのペペロンチーノ 100g (2068) ×12個メディア: 食品&飲料はごろも おさかなでＰＡＳＴＡ まぐろのガーリック醤油 100g (2065) ×12個メディア: 食品&飲料はごろも おさかなでPASTA さばの塩レモンソース 100g (2067) ×12個メディア: 食品&飲料昼飯を考えるのが面倒でレトルトのパスタソースに逃げてると「学生時代から変わらんなこいつ」って思うんだけど、パスタソースにかける予算が当時の3倍くらいなので、今のほうが明らかに旨いものができあがる。これが生活水準の向上か…… pic.twitter.com/itXfm9lqsr— なかざん (@Nkzn) 2020年7月29日  エスビー サヴァ缶シリーズサヴァ缶パスタソースお魚系の扉を開いた僕が次に手を出したのがこのシリーズでした。それなり。エスビー食品 サヴァ缶とオリーブオイルのパスタソース 71.3G ×5箱発売日: 2020/02/10メディア: 食品&飲料エスビー食品 サヴァ缶とレモンバジルのパスタソース 65.5G ×5箱発売日: 2020/02/10メディア: 食品&飲料洋麺屋ピエトロシリーズwww.pietro.co.jpこれもなんだかんだで置いてあるお店が多い気がする。価格は300円台半ばと高いのですが、どれも味が深くて美味しい。洋麺屋ピエトロ 絶望スパゲティ 95g ×5個メディア: 食品&飲料洋麺屋ピエトロ パスタソース なすとひき肉の辛味スパゲティ 120g ×5個メディア: 食品&飲料キューピー あえるパスタソースシリーズwww.kewpie.co.jp今回のラインナップの中では安いほうのやつ。なかなか美味しい。キユーピー あえるパスタソース ミートソース フォン・ド・ヴォー仕立て (80g×2)×6個発売日: 2015/02/24メディア: 食品&飲料キユーピー あえるパスタソース カルボナーラ 濃厚チーズ仕立て (70g×2)×6個発売日: 2015/02/24メディア: 食品&飲料オーマイ まぜて絶品シリーズwww.nippn.co.jp「超にんにく」のフレーズが強すぎて思わず買ってしまった。にんにくは美味しい。オーマイ まぜて絶品 超にんにく ペペロンチーノ 54.5g ×8袋メディア: 食品&飲料マ・マー PRO Tasteシリーズwww.nisshin-foods.com見た目は「ザ・レトルト」という感じのパッケージですし、価格も控えめですが、味はなかなかのものです。ボロネーゼのコスパとしてはこれが一番良いので、見かけるとストックしておくことが多いです。マ・マーPRO TASTE ボロネーゼ3袋入り 420G発売日: 2019/09/10メディア: 食品&飲料うーん、お安めのボロネーゼ（3食で300円強）だったけど、ソースにオリーブオイル入れて炒めれば全然美味しくなるな…… pic.twitter.com/RqsPmuycfp— なかざん (@Nkzn) 2020年9月15日  アレンジでミートドリアを作ったこともありました。マ・マーのPRO TASTEボロネーゼを使って、かんたんミートドリアを作ったよ#なかざんさんちの今日のごはん pic.twitter.com/VOJuEY0jU0— なかざん (@Nkzn) 2021年1月15日  オーマイ レンジでシリーズwww.nippn.co.jp味とかコスパというより、調理が楽そう、という観点で買ってみました。めちゃくちゃ楽だし、味も及第点だったので、家族用にストックしておくかも。オーマイ レンジでミートソース 120g ×12袋メディア: 食品&飲料オーマイ 濃いシリーズwww.nippn.co.jpこれは原則から外れて2人前ずつのパックです。家族で食べるとき用に買っておくことが多いのですが、本当に味が濃くて美味しい……1人前ずつ売ってほしい……頼む……オーマイ 濃いカルボナーラ 260g×4個メディア: 食品&飲料オーマイ 濃いボロネーゼ 240g×4個メディア: 食品&飲料オーマイの濃いボロネーゼ https://t.co/zV6UARtfNp に大量のパルメザンチーズをかけて優勝しました。奥さんがケーキ買ってきてくれたのでデザートがある🍰#なかざんさんちの今日のごはん pic.twitter.com/bhAV8yBXjf— なかざん (@Nkzn) 2021年1月19日  特に印象に残っている・リピートしたやつ定番のボロネーゼ。常に2箱はストックしてます。S&B 予約でいっぱいの店のボロネーゼ 145.5gメディア: 食品&飲料お店に置いてある限りは買い続けたさんま。はごろも おさかなでPASTA さんまのペペロンチーノ 100g (2068) ×12個メディア: 食品&飲料めちゃくちゃ美味しいというわけではないのに定期的に食べたくなる絶望。洋麺屋ピエトロ 絶望スパゲティ 95g ×5個メディア: 食品&飲料この辺ですねえ。これからのパスタ生活そろそろ健康にも気を遣おうということで、ベースパスタに手を出し始めました。ボロネーゼやカルボナーラなら今のところ美味しく食べれています。オイル系だとどうなるかなあ。このリンクからベースフードの継続コースを注文すると500円引きになるそうです。チャレンジしてみたい方はいかがでしょうか。

2020年度に食べたパスタソース、17シリーズ44商品を紹介します

Apple SiliconのMacに対応した、Homebrew 3.0.0が2021.2.5にリリースされました。https://brew.sh/2021/02/05/homebrew-3.0.0/筆者は以前から手動インストールしてApple Silicon対応版のHomebrewを使っていたのですが、せっかく正式対応してもらえたので、いつもの install.sh でインストールし直すことにしました。その過程で、少しハマりポイントになりそうな箇所を見つけたので、備忘録として残しておきます。 うっかりRosetta 2の実行環境で /usr/local にインストールしそう...

Homebrew 3.0をApple SiliconなMacにインストールする際に/usr/localが出てきたら実行モードを見直そう

先日公開した記事が大きめの反響をいただけたようで、皆様ありがとうございました。blog.nkzn.info副都知事にシェアされた時にはどうしたものかと思いましたが、特に悪い炎上をすることもなく乗り切ることができました。今回は炎上を回避するために行った施策の話です。ブコメを非表示にできる記事を公開して割とすぐの時点で、はてなブックマークのコメント（いわゆるブコメ）で炎上しうる可能性を察知しました（経験則から来る勘なので、特定のコメントが気に入らなかったとかそういう話ではないです）。人類は自転車置き場の議論が大好きなので、全ての国民ではないにしても相当数の日本人が参加できる確定申告という話題を選んでしまった以上、本文とほとんど関係ない自分語りを始める人が出てくるのは止められませんし、そのブコメを見た人が後に続くことも止められません。そうなったらブコメを見なければいいだけなのですが、まあ悪評が存在していれば気になるのが人の性です。精神に余計なダメージを受けたくはないので、さてどうするか……そんな時にふと見つけたのが「コメント表示の設定」というメニューです。コメント表示の設定もしかしてブコメを他の人から見れないようにできる？と思い、リンクを踏んでみると、どうやら思った通りのもののようでした。コメント欄を非表示にできるはてなブログで記事を書いている場合、記事のオーナーであることをはてなブックマーク側でも確認できるので、こういった設定ができるようです。使っててよかったはてなブログ。これを設定したおかげで、ブコメ同士の相互作用を未然に防ぐことができ、2日間のプチバズを心穏やかに乗り切ることができました。ありがとうございました。ブコメが非表示になっているブコメを非表示にしてもホッテントリに掲載される程度には問題なく記事が拡散されたのは、とても良い経験になりました。今後、万人受けしそうなキャッチーな記事を書いたときは、必ずブコメを非表示にしておこうと心に決めました。コメントを見えるようにしますというわけで、話題の大きな波は過ぎ去ったので、ブコメを表示設定に戻すことにします。記事を読んでくださった皆様、ありがとうございました。

ブコメを非表示にしたら心穏やかに過ごせた話

（2021.1.31 14:27追記：この記事はマイナンバーカードを使った電子申告を前提にしているので、ID・パスワード方式で確定申告したい人にはあんまり役に立ちません）はじめに2021年からはスマホで電子申告特別定額給付金のときに技術的には可能であることが示されていた実際にやってみた本当に楽だった2021.1.31 11:00追記：マネーフォワード クラウド確定申告2021.1.31 14:14追記：普通のe-Taxも改善してきているらしいはじめに今年も確定申告の時期になりました。2020年は技術書典8疲れから4月になってから申請したのが記憶に新しいところです。会計を締めるまでには時間がかかりましたが、freeeが国税庁のe-Taxサービスに電子申告用バイナリデータをアップロードしてくれるmacOSアプリを用意してくれていたおかげで、e-Tax自体はとてもすんなり行きました。freeeの確定申告アプリすごいね。e-Taxのサイトに行かなくても済んじゃうのはとても体験がいいね。— なかざん (@Nkzn) 2020年4月2日  2019年ごろの記憶だと、国税庁が用意してるe-Taxワークフローがなかなか面倒だったので、これだけでも革命的に楽になりました。（最近は楽になってきたらしいタレコミをいただいたので、追記しておきました）2021年からはスマホで電子申告さて、年も明けたし早めに会計を締めておこう、と思った矢先に、freeeから新しいプロダクトのアナウンスがありました。www.itmedia.co.jpmacOSアプリに引き続き、スマートフォンアプリでの電子申告もサポートしてくれるようになります。これはかなりユーザー側の負担が減る作りになっていて、従来とは次のような違いがあります。      電子申告ファイルのアップロード方法  認証方法  必要な道具  2020年まで  デスクトップアプリでfreeeからダウンロードした電子申告ファイルをe-Taxにアップロードする  パソコンにカードリーダーを接続してマイナンバーカードを読み込ませて認証する  パソコン、マイナンバーカード、カードリーダー  2021年から  スマートフォンアプリでfreeeからダウンロードした電子申告ファイルをe-Taxにアップロードする  スマートフォンに直接マイナンバーカードを読み込ませて認証する  スマートフォン*1、マイナンバーカード なんとカードリーダーが不要になりました。カードリーダーを買い換えたところなのになんてことをしてくれるんだ！最高じゃないか！！特別定額給付金のときに技術的には可能であることが示されていた2020年の春に特別定額給付金が配布された際には、マイナンバーカードの電子証明書を利用してマイナポータルにログインできた人からの申し込みを優先的に受け付ける制度になっていました。その際にリリースされたのが、マイナポータルAPというアプリです。play.google.comマイナポータルAP内閣府番号制度担当室ユーティリティ無料apps.apple.comこれらのアプリは政府側で用意されたものではありましたが、技術的には政府が独占的に利用できるものではなさそうでした。AndroidやiOSのICチップ読み取り機能を利用してマイナンバーカード内のデータにアクセスし、公的個人認証サービスの公開された技術仕様に則ってユーザーからの暗証番号を利用していたはずです。e-Taxの電子申請でも、同様の電子証明書による電子署名を施した上で申請ファイルのアップロードを行う必要があり、従来はこの部分にパソコンとカードリーダーが必要になっていました。これがスマートフォンで代用できることになれば、e-Taxが楽になりそうだと、当時の私も期待していたようです。iPhone使ってマイナポータルにQRコードログインするの、はちゃめちゃに便利だったので、これeTaxのサイトにも実装してほしい。（画像は新潟市がまだ10万円の受付を開始していない様子です） pic.twitter.com/mqG1VC97ZG— なかざん (@Nkzn) 2020年5月7日  今年から利用できるようになったfreeeの電子申請アプリは、これに近い内容を実現してくれたことになります。やっほう。実際にやってみた※ 将来、内容が変更になる可能性があります。公式に解説されている手順についてはfreeeヘルプセンターの「【iOS】アプリで所得税の電子申告を行う」を参照してください。それでは、実際に申告が終わるところまでやってみたので、手順を追ってみましょう。まずは普通に「確定申告書類の作成」機能でデータ入力を済ませておきます。申告データを最後まで作っておく次に、電子申告に使うデバイスとして「スマートフォン」を選択します。スマートフォンによる電子申告を選択する「パソコン」を選ぶとカードリーダーが必要になる旨が表示されますが、今回は利用しません。バイバイカードリーダー。「電子申告に必要なアプリのインストール」で案内されているアプリは事前にスマートフォンに入れておきます。私はメイン機がiPhoneなのでApp Storeからインストールしました。さて次です。e-Taxの利用者識別番号*2やマイナンバーを入力したら、提出する書類の確認を行います。提出物を確認して、電子申告アプリを起動する確認したら、「電子申告アプリを起動する」のボタンを押します。すると、ここまでにまとめた申告内容をスマートフォンの電子申告アプリに引き継ぐためのQRコードが現れます。電子証明書の登録コードをスマートフォンで読み取る確定申告のデータ入力をパソコンから行っていた場合は上記のQRコードをスマートフォンのカメラアプリで読み取ることで、電子申告アプリに移動します（直接アプリを開いても何も起こりません）。スマートフォンからデータ入力を行っていた場合は、電子申告アプリに直接移動します。スマートフォンではQRコードが出ずに直接アプリが開くここからは電子申告アプリの操作になります。勝手にログインしてくれるわけではないので、電子申告アプリにもfreeeのアカウントを入力しましょう*3。ログインすると、確定申告書類データのダウンロードが始まります。そして、ダウンロードが終わると、マイナンバーカードとe-Taxの2種類のパスワードをそれぞれ求められます。マイナンバーカードのパスワードとe-Taxの暗証番号を入力する両方入力すると「マイナンバーカードの読み込みへ」のボタンが有効になるので、マイナンバーカードを用意しておきましょう。ここで「5回パスワードを間違えるとICカードがロック」と言われるのはかなり怖いですよね。「マイナンバーカードの署名用パスワード」も記憶に自信がありませんし「利用者識別番号に紐づく暗証番号」のほうもよく思い出せないので、両方のトライアンドエラーをするとなると5回以内で終わらせる自信がありません。ここで朗報です！　先にトライアンドエラーの回数に制限がない「利用者識別番号に紐づく暗証番号」のほうがチェックされて、そちらが通るまではマイナンバーカードのパスワードはチェックされません。心ゆくまで試しましょう。そして「利用者識別番号に紐づく暗証番号」が正しいことが確定してから、マイナンバーカードのパスワードにチャレンジしましょう。画面の指示に沿ってカードを読み取るだけです。ここは小細工なしで5回までしか試せないのでみんな頑張って……（最後は気合）2つのパスワードが無事に通ると、送信が実施されますので、しばらく待ちましょう。次の画面が表示されたら、電子申告アプリの今年の役目はおしまいです。お疲れ様！送信完了！ここからはfreeeの「確定申告書類の作成」機能に戻ります。下に進むとe-Taxの申告結果を確認できます。先程アプリで利用した「利用者識別番号に紐づく暗証番号」と同じ暗証番号を入力して「受付結果の確認」ボタンを押しましょう。受付結果を確認する「受付完了」が表示されていたら、e-Taxの提出作業は完了しています。やったね！！！！本当に楽だったカードリーダーとパソコンの相性問題などの困らされることなく、シュッと電子申請を実施できました。ありがとうfreee。これからも使い続けるよfreee。ここまで体験が良いと多少の値上げは許容してしまうよfreee。まだ一度も使っていないカードリーダーはメルカリに流すことにします。ありがとうさようならカードリーダー。（怖いので旧カードリーダーは手元に残しておきます）多少手間でもe-Taxにしたほうが総合でメリットが大きいと判断して3回目？の確定申告が終わりましたが、金銭的なメリットもさることながら、古臭いと言われがちな行政周りの手続きが少しずつ技術の力で改善されていく様子を見られるのは、なかなか楽しいですね。来年もe-Taxやっていくぞ！！！確定申告お疲れ様でした！2021.1.31 11:00追記：マネーフォワード クラウド確定申告私はfreeeユーザーなのでfreeeの話をしましたが、マネーフォワードにも同様の機能がありそうです。すでにマネーフォワードを利用している方は、こちらにチャレンジしてみてください。biz.moneyforward.com2021.1.31 14:14追記：普通のe-Taxも改善してきているらしいfreeeやマネーフォワードなどのサードパーティな業者を通さずに、政府・行政が用意したシステム（e-Taxウェブサイト、マイナポータル、マイナンバーカードなど）だけでe-Taxを行う方式も改善してきているというタレコミをいただきました。よさそう。誰か試してみてどのくらい楽になったか記事にしてほしい。 https://t.co/PNSBvTbQ4Y— なかざん (@Nkzn) 2021年1月31日  実際にやってみた方のご意見を伺ったところ、ルート証明書インストールといった一般の方には複雑そうな手間は少なくなってきているようでした。マイナンバーカードをiPhoneで読んで確定申告するやつ、去年の時点で既にあってやりました。フロー中に何度か読み込みが必要で微妙に面倒でしたが、e-Taxのサイト自体以前よりは使いやすくなってるようで？(去年が初確定申告でした)副業で経費ないみたいな感じであればかなり楽だと思いました— Masayoshi Wada (@masawada) 2021年1月31日  今年はそれで行きました。提出時に電子署名がいるのでe-taxサイトでもカードリーダーが必要になるのですが今年はBT経由でスマホを外部カードリーダとして使えました！（なおChrome対応は3月下旬でIE必須と気がつくのに3日調べました）— ゲン (@gen_sobunya) 2021年1月31日  これはこれで素晴らしいことなので、「昔より楽になってたぞ！えらいぞ国税庁！」というパッションが高まった方は是非とも記事を書いてみていただければ読みたいです。*1:マイナンバーの読み込みに対応した機種に限る*2:事前に申し込んでおく必要があります https://www.freee.co.jp/kb/kb-kakuteishinkoku/etax-number/ *3:起動するたびにIDとパスワードが再入力になるのが若干鬱陶しいですが、まあ我慢します