log - mex.busui.org

2021.05.26

最近読んだ本。マインドフルネス系の書籍はいままで忌避していたんですが、そろそろ三十路になるし食わず嫌い減らしたいなと思って手を出した。Kindle Unlimitedだったし......。

ブッダの言葉みたいなくだりはへぇ〜だったけど、かるい瞑想のやり方みたいなのも書いてありそれがとてもよかった。本書は欲望は人間の業からくる妄想と定義していて行動する前に心を整理しましょうねぇ、最近はコンプレックスや競争心、承認欲求が刺激される機会が多いですけど全部それあなたの妄想ですよねぇみたいな感じです。

反応しない練習あらゆる悩みが消えていくブッダの超・合理的な「考え方」

Amazonで草薙龍瞬の反応しない練習あらゆる悩みが消えていくブッダの超・合理的な「考え方」。アマゾンならポイント還元本が多数。一度購入いただいた電子書籍は、KindleおよびFire端末、スマートフォンやタブレットなど、様々な端末でもお楽しみいただけます。

https://www.amazon.co.jp/dp/B012EU8CD0

社会人になりたてくらいの頃、誕生日に母親からアドラー心理学の本を5、6冊送られたことがあって当時はまぁげんなりしつつ読んでたんですが、アドラー心理学は我慢せずに辛い現状から逃げようぜ！みたいな感じなので、マインドフルネス系の書籍はなんか本当に読む人の現状によって評価変わるなと思いました。

次は意識高めの自己啓発系ビジネス書でも読むか、世界のエリートはなんちゃら〜みたいな本。

2021.05.23

Blender全然やらんからとりあえずやってみたいチュートリアルをピックアップして年内にやるみたいな感じにするか。やる気がないな本当に。

2021.05.20

ducks module patternのいいところはめちゃくちゃ単純でわかりやすいっていうのにある。弊社のアプリケーションでも採用していてまぁうまくいっている。redux-toolkitのcreateSlice関数同様、ポータブルに扱えるのは機能を優先できるので重宝されるのだと思う。

erikras/ducks-modular-redux

I find as I am building my redux app, one piece of functionality at a time, I keep needing to add {actionTypes, actions, reducer} tuples for each use case. I have been keeping these in separate files and even separate folders, however 95% of the time, it's only one reducer/actions pair that ever needs their associated actions.

https://github.com/erikras/ducks-modular-redux

気になるところをあげるとするならば、あまりにもわかりやすくて簡単なので本来propsで渡せばいいのにわざわざstoreを経由していたり、ReactのContext APIで解決できるシーンでstoreをつかって結果としてContext APIを使うためのノウハウなんかが身につかないとかです。前者はレビューで指摘すればいいし、後者はContext API使うのを諦めたらいい。

Context APIは使用するコンポーネント(Consumer)を明示的に制限できるのが利点。これreduxのstoreに置くのは大袈裟だよな〜っていうstateを管理するのに使えるんですが、結構考慮することが多くて、弊社のアーキテクト的な人もあんまり理解できていないと思う。

余談ですが、Context API vs Reduxみたいな記事でContext APIは簡単！ProviderとuseContextわかれば使える！ってたまに見かけるんですが、前述のとおりContext APIをreduxのように使うのはいろいろと考慮が必要なのであれは嘘です。

2021.05.19

去年くらいからBlenderで3DCGをやっています。やったりやらなかったりしています。まぁ当然門外漢なので理解が及ばないところが多くて手が詰まりがちになるし、他にもやることがあるのでなんともいえない感じになっている。

3DCGを始めた目的は自分が音楽を作るにあたって良さげなアートワークが欲しいと思ったからなので、それを基にゴールを決めておく。

ぱっと見リアルな建物を作れるようになる

ぱっと見リアルな機械？っぽいものを作れるようになる

四角とか球体とかをモチーフにしない

2021.05.18

田村正和が亡くなってショックです。大学生のころに古畑任三郎シリーズを全部観てめちゃくちゃおもろかった。

コードインタビューというものを知った。一行ごとにどのような目的でこのコードを書いたのか、説明を求められるらしい。本来はコーディング試験で行うらしいが、自分のコードを人に質問する際にこれを意識しておこうと思う。

Get ready for your React Interview

All interviews are daunting. I know how do you feel searching for every possible interview tips and expected questions. After a few interviews, I got my first dev job, and I want to share what I've learned throughout the journey. I hope it helps.

https://dev.to/hannahchoi/prepare-your-first-react-interview-57b6

Angular開発者からReactを使ってみた感想記事。これを見るとReactはやはりフレームワークではなくてライブラリなのだなと思う。ディレクトリ構成に悩むところとか、学習曲線が小さいところとか。ルーティングなんかはNext.js使ってればいいとは思う。

コンポーネントの粒度を細かくしようとすると途端に難しくなる。Atomic Designを使うにしてもちょっと工夫しないと難しそう。そもそもAtomic DesignをReactで使うとなるとcssは使えないのでデザイナーさんとの調整をしないといけない(css modulesを使えばいいのか?)。

React: thoughts from an Angular developer

After two years working with Angular I was assigned to a project where the frontend stack was React, Next.js and Chakra UI. I started without any prior React experience nor knowledge. After three months in this project I've decided to put my thoughts of this technology change into a post.

https://dev.to/cloudx/react-thoughts-from-an-angular-developer-hbb

Redux ToolKitを実は一度も使ったことがない。user guideを軽くさらってみたら非同期処理はMiddlewareに任せる(redux-thunkを使ってる)らしいとかしかわからなかった。createSlice関数とかはいまいちよくわからん。というかhookでいいんじゃんかなぁ。なんかアプリケーション作るか。

Usage Guide | Redux Toolkit

The Redux core library is deliberately unopinionated. It lets you decide how you want to handle everything, like store setup, what your state contains, and how you want to build your reducers. This is good in some cases, because it gives you flexibility, but that flexibility isn't always needed.

https://deploy-preview-1016--redux-starter-kit-docs.netlify.app/usage/usage-guide

Get to know Redux in 2021

Redux is something you really need to know if you are going to do anything professionally with JS and especially React. For some time it seemed quite complex with a lot of boilerplate so I mostly used MobX and more recently React context.

https://dev.to/semirteskeredzic/get-to-know-redux-in-2021-226c

幽霊屋敷の恐怖血を吸う人形を観ながらいろいろ作業している。この時代のホラー邦画の音楽はドローンっぽくていいですね。吸血鬼？役の女性はウルトラマンセブンにも出演してたりするらしい。

幽霊屋敷の恐怖血を吸う人形

https://www.amazon.co.jp/gp/video/detail/B00L7OE4RI/ref=atv_dp_share_cu_r

2021.05.13

Bandcamp Fridayの日本人アーティスト特集を聴いています。Satomimagae、Mikazuki Bigwaveが登場していて嬉しい。あと一番最初に載っているeffe、初めて聴いたけどかっこいい。

Support Japanese Artists on Bandcamp This Friday: May 2021 Edition - OTAQUEST

Bandcamp 's decision to waive their revenue shares on the first Friday of every month (meaning creators get all the sales from their offerings on the platform over a day-long period) started over a year ago, when COVID-19 morphed into a pandemic and disrupted nearly every society on the planet.

https://www.otaquest.com/support-japanese-artists-on-bandcamp-this-friday-may-2021-edition/

Bandcamp Friday自体は多分5月7日で終わりだったらしい。まぁあんまり気にせずに購入していたけれどまた再開したら嬉しい。Bandcamp偉大だわ。

void city, by effe

void city by effe, released 25 April 2021 1. a certain song 2. void city 3. sayo no uta (feat. sea-no) 4. diary of amber 5. record : area00XX (feat. sea-no) 6. waning moon 7. anonymous toys 8. retroposon (2021 remake ver.) 9. spider's thread 10. bouquet to nothingness (feat.

https://effexxx.bandcamp.com/album/void-city-2

Hanazono, by Satomimagae

Hanazono by Satomimagae, released 23 April 2021 1. Hebisan 2. Manuke 3. Suiheisen 4. Tsuchi 5. Houkou 6. Uzu 7. Kaze 8. Numa 9. Ashi 10. Ondo 11. Kouji 12. Uchu 13. Dango (Bonus Track) Satomimagae's Hanazono is an invitation to revel in your immediate and imagined surroundings, to make time and space for guileless curiosity and garden variety enchantment.

https://satomimagae.bandcamp.com/album/hanazono

魔法戦線 METROPOLIS.exe - Album, by ミカヅキBIGWAVE

魔法戦線 METROPOLIS.exe - Album by ミカヅキBIGWAVE, released 10 April 2021 1. METROPOLIS.exe 2. 電月街夜 Neon Light 3. 愛 2 MUCH 4. Route 134 5. I'll Never Stop 6. Cyber Patrol 7. Mystica 8. Please Call Me 9. Never Forget You 10. Final Shot!! 11. 魔法戦線 CODE:MKZK 12.

https://mikazukibigwave.bandcamp.com/album/metropolis-exe-album

話変えます。これ今日知って衝撃だった。

Index as a key is an anti-pattern

So many times I have seen developers use the index of an item as its key when they render a list. todos.map((todo, index) => ( ));} It looks elegant and it does get rid of the warning (which was the 'real' issue, right?). What is the danger here?

https://robinpokorny.medium.com/index-as-a-key-is-an-anti-pattern-e0349aece318

こっちは日本語

Reactのkey propに配列のindexを使うことが良くない理由

Reactの mapを使う時、 keyエラーをなくすため index を使ったことがあります。しかし最近それがanti-patternだということを知りましたので、その理由をまとめました。そういえばそもそもkeyって何で必要だったけ... ？と、ふいと思ってしまいました。何となくは知ってますが、明確にしたいのでこの部分から始めましょう。まずはこのサンプルコードをご覧ください。 fruitsという配列を map メソッドを使ってpタグに入れてる簡単なコードです。これだけ見たら問題なさそうに見えますし、画面にもちゃんとでます。しかし、console窓を確認したらこういうエラーが起きてました。 Warning: Each child in a list should have a unique "key" prop.

https://zenn.dev/luvmini511/articles/f7b22d93e9c182#2.-index%E3%81%8C%E5%8D%B1%E9%99%BA%E3%81%AA%E7%90%86%E7%94%B1

この辺はマジでちゃんと調べてなかったので次から気をつけます。Reactの公式ドキュメントもっとちゃんと読もう。

差分検出処理 - React

React は、各更新で実際に何が変更されるべきかを人間が心配する必要がないように、宣言型の API を提供しています。これによりアプリケーションの作成が大幅に容易になるわけですが、React の中でこの処理がどのように実装されているのかはよく分からないかもしれません。この章では React の "差分" アルゴリズムについて、コンポーネントの更新を予測可能なものとしながら、ハイパフォーマンスなアプリケーションの要求を満たす速度を得られるように、私たちが行った選択について説明します。 React を使う際、 render() 関数をある時点の React 要素のツリーを作成するものとして考えることができます。次回の state や props の更新時には、 render() 関数は React 要素の別のツリーを返します。React はそこから直近のツリーに合致させるように効率よく UI を更新する方法を見つけ出す必要があります。あるツリーを別のものに変換するための最小限の操作を求めるというアルゴリズム問題については、いくつかの一般的な解決方法が存在しています。しかし、最新のアルゴリズムでもツリーの要素数を n として O(n 3) ほどの計算量があります。 React でそのアルゴリズムを使った場合、1000 個の要素を表示するのに 10 億といったレベルの比較が必要となります。これではあまりに計算コストが高すぎます。代わりに、React は 2 つの仮定に基づくことで、ある程度近い結果を得ることができる O(n) ほどの計算量のアルゴリズムを実装しています。異なる型の 2 つの要素は異なるツリーを生成する。開発者は key プロパティを与えることで、異なるレンダー間でどの子要素が変化しない可能性があるのかについてヒントを出すことができる。実際に、これらの仮定はほとんど全ての実践的なユースケースで有効です。

https://ja.reactjs.org/docs/reconciliation.html#keys

2021.05.12

ストリート・ピアノについて感じていること｜Hitomi Nishiyama 西山瞳｜note

こんな記事を読みました。ストリート・ピアノが流行し出してから、ずっとうっすらと思っていることを書きます。まず、ストリート・ピアノについて、駅や様々なところに文化的なものが置いてあることは素晴らしいことだと思います。 ...

https://note.com/hitominishiyama/n/n820a287f4c41

こういった文章を読むたびに音楽家は音楽を過大評価しすぎなのではと思ってしまう。音楽が単なるエンターテイメントコンテンツとしての振る舞いを求められる場面は多々あり、ストリートピアノもその一つで公園に置かれた遊具と変わらないと個人的には思っている。本来、駅はホームレスに庇を貸すための施設ではなく、駅を利用している人間の大多数はホームレスではない。大多数に向けてのサービスを展開されるたびに毎回毎回ホームレスへの配慮を求めるようになると結果的に駅構内からのホームレス排除につながるのでは。客ではないので。

まぁ実際のところ馬車道駅は去年の夏頃から「周辺住民の苦情」を基に駅構内にホームレス排除の張り紙なんかをしているみたいなので、駅とかストリートピアノとか関係なくてそういう地域性なんだと思います。

ホームレス「排除」の張り紙　馬車道駅、揺らぐ人権意識　 | カナロコ by 神奈川新聞

社会 | 神奈川新聞 | 2020年7月23日(木) 05:00 ...

https://www.kanaloco.jp/news/social/entry-418649.html

2021.05.08

昨日の夜から愛知県に来ています。友人宅からこの日記を書いている。昨晩は土曜ロードショーのタイタニック(前編)を見つつ酒を飲んで終わった。

今朝は近所の喫茶店にモーニングを食べにいきました。小倉トーストは食わず、バターが塗られた普通のトーストを食べました。あとなぜか茶碗蒸しも付いてきた。喫茶店に分煙は存在していなかったが、コロナウイルス対策で入り口のドアも窓もすべて開放していて煙はあまり気にならなかった。壁紙は天井に近づくほど分厚く黄ばんでいて趣がありました。

隣席の高齢者は昔はこんな集まれるとこなかったからいいわよねぇ犬山は名古屋で勤めている人たちには人気なんですみたいな話をしていて、前の席の高齢者はコロナウイルスワクチン接種の予約をガラケーでしていた。隅の席で陣取るヤンキーっぽい感じのお兄ちゃんたちはタバコ片手にソシャゲの話で盛り上がっていて、なんかメデューサがどうとか灼熱で森を焼くとかマーマンをゾンビでぶっ倒したと大声で喋っていた。盛り上がりすぎて店員のお婆さんが若干機嫌悪くなってました。

今、自分は昼寝から起き、友人は二日酔いでダウンしていました。そろそろ名古屋に向かおうと思います。

2021.05.04

昔広告で見かけた性欲の強い坊主のレディースコミック。読んだことはないけど広告だけ印象に残っている。ふとした時に思い出してなんだったかな〜となってしまうのでここにリンクを貼っておく。

https://www.cmoa.jp/title/80408/

2021.05.02

スクラムについていろいろな悩みを聞いたりしている。弊社ではスクラムをやっているわけではないので聞くだけ。スクラムとは，なぜスクラムをやるのか、スクラムが有効なシーン、スクラムが力を発揮しないシーン。そもそもリリース日がビジネスサイドで固定された場合、スクラムは使えるのか？ウォーターフォールなのでは？ウォーターフォールではスクラムは機能しないのか？

2021.05.01

GWが始まった。今年もまぁだらだら過ごしていつの間にか終わってるみたいな感じだろうと思っていたが、結構セッションや遊びの予定が入った。ありがたいことですね。

去年はどう過ごしていたのかなと日記を振り返ってみたけれど記録してないし、カレンダーにもジム以外の予定は入っていなかったので本当に何もしていなかったらしい。一回目の緊急事態宣言中だったと思うしそうですね。

ここ最近、仕事以外ではまったくコードを書いていない。これは意識して書かないようにしていて、仕事中にキャッチアップする時間を作ってやっている。これは多分いい傾向だと思っている。まぁやりたくなったらやると思います。

2021.04.26

今まさに自分はコンフォートゾーンにいるわけだけど、こっからどうしたらいいかなという感じである。

コンフォートゾーンの横側に出ると自己理解が進む - Life with IT

2021/04/16 自分があまり苦労しなくても居続けられる場所、いわゆるコンフォートゾーンですが、よく「コンフォートゾーンの外に出ないと成長しない」と言われますよね。確かにそれは同意なのですが、僕はそのコンフォートゾーンの外に上方向と横方向の2種類があって、同じスキルの周辺をもっと強くしていくのが上方向だとすると、別ジャンルに目を向けていくのが横方向だと思っています。 ...

https://l-w-i.net/o/20210416_01.txt

2021.04.16

Bluetile Loungeがデモを一曲bandcampで発表していた。このまま活動を続け2ndも再発して欲しい。

Last Men, by Bluetile Lounge

Last Men by Bluetile Lounge, released 07 April 2021

https://bluetilelounge.bandcamp.com/track/last-men

先ほど見つけたいいバンド。しかしもう解散していそう。人生にはこういったことが多すぎないか。

Good Night & Good Morningの"Key Studies"

曲・5:38・2012 · Apple Musicのサブスクリプションに登録すると利用できます。無料で体験する。

https://music.apple.com/jp/album/key-studies/512644206?i=512644313

最近、日本語歌詞のスロウコアを聴いてみたくて探しています。さっぱり見つかりません。日本のスロウコアバンドです！って明言しているバンドがそもそもなかなかいない。ようやく一つ見つけたと思ったらEnglishで歌っていた。どうもSSWとかエモに全部括られているのではと思っていますが。

2021.04.15

FLoCとかサードパーティクッキーについて調べた。

サードパーティクッキーは、ユーザが閲覧するつもりのないサーバから発行されたクッキーのこと。

例えば、訪問したウェブサイトAがサーバXから画像などのリソースをとってくるようブラウザに指示すると、ブラウザとサーバX間で通信が発生し、サーバXからブラウザへクッキーを発行することができる。この時、サーバXから発行されたクッキーはユーザが閲覧するつもりのないサーバ(ウェブサイト)から発行されたクッキーため、サードパーティクッキーと呼ばれる。

ウェブサイトAを配信しているサーバから発行されたクッキーはユーザが意図して閲覧したウェブサイトなのでファーストパーティクッキーと呼ばれる。

サードパーティクッキーの問題点としては、複数サイトからCookieを付与することでユーザの行動履歴を把握できてしまうこと。例えば、サーバXからウェブサイトA、B、C、Dへサードパーティクッキーを発行していた場合、クッキーの有無で「Aを見た後、C、その後にDを見た」といった形でサーバXは判断できてしまうので、プライバシーリスクがある。

このサードパーティクッキーの仕組みはSafariやFirefoxはデフォルトではブロックされていて、サポートしているのはChromeだけ、それも2022年で終わりみたいです。まぁここまではなんとなく知っていた話。

そんな2020年で終わるサードパーティクッキーの代わりにGoogleが開発しているのがFLoC。

FLoCはFederated Learning of Cohortsの略称で直訳するとコホートの連合学習。

難しいのでどのようなシステムかは以下の記事から引用する。

Googleに騙されてはいけない：FLoCは邪悪なアイデアである | P2Pとかその辺のお話R

ご承知の通り、クッキーの死を嘆く必要など微塵もない。サードパーティクッキーは20年以上に渡り、ウェブ上の不気味で胡散臭い、数十億ドル規模の広告監視産業の要であった。だが、その基盤に暗雲が立ち込めるようになったことで、最大手のプレイヤーはなんとか窮地を脱しようとしている。 ...

https://p2ptk.org/privacy/3290

FLoCを有効にしたブラウザは、ユーザの閲覧習慣に関する情報を収集し、その情報からユーザを「コホート」またはグループに割り当てる。似たような閲覧習慣を持つユーザは「似たような」という定義に沿って同じコホートにグループ化される。各ユーザのブラウザは、どのグループに属しているかを示すコホートIDをウェブサイトや広告主と共有する。この提案によると、少なくとも数千人のユーザが各コホートに所属することになる（が、そのように保証されているわけではない）。

このFLoCも新たなプライバシーリスクをもたらすとして批判されている。どのようなリスクがあるかは説明できる気がしない。上の記事が詳しいのでそちらを参照。まあでもユーザの大規模監視が必要になる可能性が高いらしく、一種のディストピア感がする

引用記事以外の参考

サードパーティークッキー

www.itmedia.co.jp

https://www.itmedia.co.jp/news/articles/1812/13/news016.html

www.law.co.jp

https://www.law.co.jp/%E3%82%AF%E3%83%83%E3%82%AD%E3%83%BC%E3%81%AE%E4%BB%95%E7%B5%84%E3%81%BF.pdf

FLoC

Googleが開発予定のクッキー代替技術FLoC（フロック）について解説しよう - nununi | awoo Japan

実はこうしたフロックのような連合学習コホート分析は、我々awooの人工知能によってすでに搭載されている。宣伝にはなるが、宣伝すべきものなので紹介したい。プライバシー問題は世界中で話題になっていて、実際に法規制も始まっている。有名なところだとヨーロッパ諸国で対応が始まっているGDPR（General Data Protection ...

https://www.nununi.jp/floc_nocookie_technology/

【一問一答】「連合学習」とは？：プライバシーを重視したウェブ広告技術 | DIGIDAY［日本版］

今日のパブリッシャーと広告主にとって、もっとも緊急かつ避けられない問題は、サードパーティのCookieに依存せずにデジタル広告のエコシステムを再構築する方法を見つけ出すことです。その方法を探る過程で、数多くの回避策や代替技術が登場しました。 Googleは、ウェブの発展を支えてきた広告モデルを維持するため、 ...

https://digiday.jp/brands/what-is-federated-learning/

2021.04.14

Event.currentTargetとEvent.targetの違いを勘違いしていた。

currentTargetはイベントリスナーが紐づいているオブジェクトです。targetは実際にイベントが発火したオブジェクト。

例えば下の例だと灰色の部分(div)にclickイベントが紐づいてるので、ボタンを押した時はEvent.targetはinput要素、Event.currentTargetはdiv要素。

2021.04.12

エヴァンゲリオン新劇場版序破QをAmazon Primeで観直した。自分はエヴァンゲリオンにそこまで思い入れはなくて、テレビシリーズやAIrは10年前にTUTAYAで借りてこれってどういうことなの？の気持ちで観続けて疑問は何も解消せずに観終わった人間。シン・エヴァンゲリオン劇場版:||(これなんて読むの？)を観ようと思っているけど、まぁよく理解できないまま終わると思う。やっぱりノマドランド観ようかな。

最近、やながみゆき(yanagamiyuki)って人をの曲をよく聴いている。いわゆるボカロP、いまでもこんな言い方するのかな。自分は世代的にはボカロ曲がちょうど流行っていた頃に青春を過ごしていたはずだけどほとんど聴いたことがなかった。友人たちから話題をふられたこともなかったから、沖縄までは届いてなかったんだと思う。初音ミクってこんな感じなんですね。

yanagamiyuki

twitter / @yanagamiyuki niconico /https://www.nicovideo.jp/mylist/24938656