log - mex.busui.org

2021.08.16

Edit: By Default, the display property of div and span is inline not block and inline. The rest of the article is telling about the same thing. So skip this article and try to read another interesting article.

https://naveenda.medium.com/div-span-d4c496e61294

divとspanは同じだ！という記事だがコメントで死ぬほど叩かれている。div要素はデフォルトでdisplay:block だが、これはブラウザによって与えられたもので初期化すると display:inline 。なのでdivとspanは同じです。みたいな主張です。ふーんという感じなんですが。これはフェイクニュースだよクソったれみたいなのがコメントに並んでいたので一部抜粋していきます。

そもそもhtmlタグはスタイルを示すものではない。

HTML Living Standardを改めて眺めて勉強不足を痛感しました。外観に関する記述が一切ない。つまり h1要素がh2要素より小さいpxで表示されてもHTML Standardの仕様に違反していない。

なのでHTMLにおけるブロック/インラインは、cssの display:block 、display:inline といったdisplayの状態とは意味合いが異なる。

htmlタグはスタイルを定義しないとあるのでこちらもなるほどという感じ。あとHTML Living Standardではブロック/インラインって言葉はでてこず、これらはそもそもcssに文脈があるようです。HTML Living Standardにはフローコンテンツ/フレージングコンテンツといった定義がこの辺がcssの仕様の基礎になっていそうとは思ったけどちゃんと調べていない。

うーむこういうの勉強不足が如実にでる。わからないことがあったらHTML Living Standardをちゃんと読もう。

HTML

1 Introduction 2 Common infrastructure 3 Semantics, structure, and APIs of HTML documents 4 The elements of HTML 5 Microdata 6 User interaction 7 Loading web pages 8 Web application APIs 9 Communication 10 Web workers 11 Worklets 12 Web storage 13 The HTML syntax 14 The XML syntax 15

https://html.spec.whatwg.org/

2021.08.04

父が亡くなったので沖縄に帰省していた。葬儀、告別式、初七日、繰り上げ法要で四十九日まで終わり、東京に戻るために那覇空港に来ている。一応コロナウィルス禍での移動なので那覇空港で抗原検査を受けたのだが、そのために搭乗の三時間前から空港にいる。

急だったせいかあまり実父が亡くなった実感はない。離れて暮らしていた期間が長いからかも知れない。自分は中学校卒業してからは寮だったり一人暮らしだったりで実家でまともに暮らしていない。といってもコロナウィルス流行前は盆と正月は帰省していたので普通の社会人はこんなもんではと思う。もっと話しておけばよかったとか、もっと顔を見せておけばよかったとかそういう後悔はあんまりない。悲しみもそれほど深くはない。今のところは。自分が子供をもったらまた別の感情が生まれてくるのかも知れないけどたらればの話なのでなんでもいい。まぁもう少ししたら悲しくなるかもだし無理に悲しむこともないかと思っている。

遺影をiphoneのカメラで撮影したら、Googleフォトが勝手に3Dやらコラージュやらを提案してきたので笑ってしまった。そういうのじゃないから。

2021.07.19

青空文庫でちらっと古事記を読んで興味ね〜となった。なんでだろうな。

2021.07.16

pipeline-operatorがどうなってるのか気になり、そのままtc39のproposalsを見ていた。pipeline-operatorは2018に提案されてまだstage1だからもう仕様に入るのはもう少し先の話だと思う。

tc39/proposal-pipeline-operator

A proposal for adding the simple-but-useful pipeline operator to JavaScript. - tc39/proposal-pipeline-operator

https://github.com/tc39/proposal-pipeline-operator

新しく採択されたのを眺める。Promise.anyももう入ってくるらしい。

tc39/proposals

Tracking ECMAScript Proposals. Contribute to tc39/proposals development by creating an account on GitHub.

https://github.com/tc39/proposals/blob/master/finished-proposals.md

どういうシーンで使えるのかちょっと調べる

Promise.allSettled と Promise.any | blog.jxck.io

Promise.allSettled() と Promise.any() の仕様策定が進んでいる。両者は近いレイヤの仕様では有るが、作業の進捗には差がある。ここでは、これらがあると何が嬉しいのかを Promise.all(), Promise.race() の特徴を踏まえて解説する。 Promise.all(), Promise.race() は、いずれも複数の Promise をまとめて処理する Utility Method のようなものである。 all は全ての Promise が Resolve したら Resolve し、 race はどれか 1 つでも Resolve したら Resolve する Promise をそれぞれ返す。 const fetches = [ fetch('./page1.html'), fetch('./page2.html'), fetch('./page3.html'), fetch('./page4.html'), fetch('./page5.html'), ] // 全ての fetch が Resolve

https://blog.jxck.io/entries/2019-08-20/promise-allsettled-any.html

Promise.allSettled、かなり使いどころがありそう。

allSettled は、 all とは違い、個々が Resolve/Reject どちらになっても、最後までとにかく全て実行する。実行した結果を配列として Resolve するため、基本的に allSettled 自体は Reject しない。

したがって、 status: 'rejected' な結果だけをリトライすれば良い。完了したものを無駄にせず、効率よく簡単に実装することができるだろう。

Promise.anyはどうやって使うのかいまいちわからなかった。でもまぁ使われていくうちに誰かがかっちょいい利用シーンを見つけてくれると思う。

any は rece とは違い、 Resolve する前に Reject する Promise があっても無視し、最初にいずれかが Resolve するまで待つ。そして、全ての Promise が Reject した場合にのみ全体を Reject する。

従って、「最初に Resolve する Promise を待ちたい」という要件を満たす場合は、 any を使えばそれだけで良い。

2021.07.13

react-guiが話題になってた。なんか軽量でよく使われるhooksとコンポーネントまとめみたいな感じ。

React GUI

You can try React GUI from your browser using the official template on CodeSandbox.

https://ixrvy.sse.codesandbox.io/

The library integrates directly with the native DOM event system (i.e., it does not use React DOM’s synthetic event system); this provides excellent flexibility and performance, as well as broad compatibility with alternative renderers.

SyntheticEventではなくてネイティブなDOMEventを使うらしい。ていうかSyntheticEventってこんなにあったんだ。

合成イベント (SyntheticEvent) - React

このリファレンスガイドでは、React のイベントシステムの一部を構成する SyntheticEvent（合成イベント）ラッパについて説明します。詳細については、イベント処理ガイドを参照してください。イベントハンドラには、 SyntheticEvent のインスタンスが渡されます。これはブラウザのネイティブイベントに対するクロスブラウザ版のラッパです。 stopPropagation() と preventDefault() を含む、ブラウザのネイティブイベントと同じインターフェイスを持ちつつ、ブラウザ間で同じ挙動をするようになっています。何らかの理由で実際のブラウザイベントが必要な場合は、単に nativeEvent 属性を使用するだけで取得できます。合成イベントはブラウザのネイティブイベントとは別物であり、直接の対応があるわけでもありません。例えば onMouseLeave イベントの場合、 event.nativeEvent は mouseout イベントになっています。個々の対応については公開 API の範疇ではなく、常に変わる可能性があります。すべての SyntheticEvent オブジェクトは以下の属性を持っています。補足 v17 以降、 SyntheticEvent はプーリングされなくなったため、 e.persist() は何も行わなくなります。補足 v0.14 以降、イベントハンドラから false を返してもイベントの伝播は止まりません。代わりに、 e.stopPropagation() または e.preventDefault() を手動で呼び出す必要があります。 React は異なるブラウザ間でも一貫したプロパティを持つようにイベントを正規化します。以下のイベントハンドラはイベント伝搬のバブリングフェーズで呼び出されます。キャプチャフェーズのイベントハンドラを登録するには、イベント名に Capture を追加します。たとえば、キャプチャフェーズでクリックイベントを処理するには onClick の代わりに onClickCapture

https://ja.reactjs.org/docs/events.html#other-events

ReactのEventの仕組みはEvent delegationで実現されているらしいから、それをやめてネイティブなDOMEvent使うことでパフォーマンス向上するってことかしら。まぁ実際のコード見てみないとわからないんですが。

ReactがネイティブなDOMEventを使ってないの理由は↓。仮想DOMはそういうものなのかもしれん。preactはネイティブらしいけど。

Understanding React's Synthetic Event System

Alright, you perhaps already figured everything on your own, but as I asked myself the same questions, I figured I'd leave this here in case someone else is curious about not only using React but also getting an idea about how it works.

https://stackoverflow.com/questions/42327331/understanding-reacts-synthetic-event-system

2021.07.12

Core Web Vitalsについてあんまりちゃんと調べてこなかったので調べた。

Web Vitals

Updated Optimizing for quality of user experience is key to the long-term success of any site on the web. Whether you're a business owner, marketer, or developer, Web Vitals can help you quantify the experience of your site and identify opportunities to improve.

https://web.dev/vitals/

あと複数のgithubアカウントでsshするやりかた知らなかった。これを見たらいけました。

[備忘] 複数Githubアカウントでssh接続設定(config)を使い分ける手順 - Qiita

会社用とプライベート用など、複数のGithubアカウントを使い分ける際の設定方法をまとめました。まず、ssh接続に使用する鍵をローカル環境で作成します。使用したいアカウント毎に、以下のコマンドで鍵ペアを作成します。パスフレーズを設定する為、任意の文字列を2回入力します。実行後、秘密鍵（ファイル名）と公開鍵(ファイル名.pub)が作成されます。 ...

https://qiita.com/yampy/items/24638156abd383e08758

2021.07.02

ここ3ヶ月ほど、あすけんってアプリを使ってカロリーを気にしながら食事を摂っていたが、自分に合わなかったらしくてそれほど成果もでず、いちいち記録しないといけないめんどくささでストレスが溜まったのでやめた。体動かしたほうが自分としてはいいのかもしれない。本当はどっちもやったほうがいいのだろうけど。

食品まつりをよく聴いている。

食品まつり a.k.a foodmanの「Aru Otoko No Densetsu」

Apple Musicで食品まつり a.k.a foodmanの「Aru Otoko No Densetsu」を聴こう。"Kakon"や"Percussion"などの曲をストリーミングできます。

https://music.apple.com/jp/album/aru-otoko-no-densetsu/1428407420

あとDNA。Apple MusicにCBGBでのライブ盤があった。なつかしくてDNA on DNAも買ってしまった。シンプルでミニマムでかっこいいですね。

DNAの「Last Live At CBGB's」

Apple MusicでDNAの「Last Live At CBGB's」を聴こう。"Newest Fastest"や"5:30"などの曲をストリーミングできます。

https://music.apple.com/jp/album/last-live-at-cbgbs/336598175

2021.06.25

時の崖っていうレーベルを最近聴いている。今のところ月一でオムニバスのようなリミックスのような作品をだしていてかなりいいです。安部公房の作品からレーベル名をとっているのも好き。

時の崖radioというのもdiscord上でやっていて、最後のほうちょっとだけ聴いてました。

時の崖 | tokinogake

Experimental trials hidden in daily life

https://www.tokinogake.com/

TOKINOGAKE

TOKINOGAKE. . xo

https://tokinogakecollective.bandcamp.com/music

Ultimate_Collection hydrocycle on a lake, by 時の崖_tokinogake

Ultimate_Collection hydrocycle on a lake by 時の崖_tokinogake, released 14 May 2021 1. intro 2. MdrM5 3. by the lake in the early morning 4. root canal edit 5. Chant 6. Thesis 7. Unfortunately, voluntary self-isolation strategies may inconvenience individuals, lead to economic losses or even contribute to moral conflicts (part 2) 8.

https://tokinogake.bandcamp.com/album/ultimate-collection-hydrocycle-on-a-lake

2021.06.19

インゲボルク・バッハマンの「三十歳」という短編小説集を読んだ。オーストリアの作家らしいが自分はとくにオーストリア文学に興味があったわけではない。今年三十歳になり、三十歳っぽい本ないかなーと思って読んだ。アマゾンへのリンクを貼っていますが、実際は大田区馬込図書館で借りました。

三十歳 (岩波文庫)

Amazonでインゲボルク・バッハマン, 松永美穂の三十歳 (岩波文庫)。アマゾンならポイント還元本が多数。インゲボルク・バッハマン, 松永美穂作品ほか、お急ぎ便対象商品は当日お届けも可能。また三十歳 (岩波文庫)もアマゾン配送商品なら通常配送無料。

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

もともとバッハマンは詩人だったらしく、ストーリを表現するというよりも風景を描写するだけみたいな文章が多い。そこまで詩に詳しくないのでこれが詩人だったためなのかはわからない。一人称、二人称、三人称が混在する作品や、登場人物の説明がまったくない作品があったりで、なんのことやらわからないまま読み終えてしまう人もいそう。

正直、表題作の「三十歳」は退屈だったけど、「すべて」、「人殺しと狂人たちのなかで」、「ゴモラへの一歩」はとても面白かった。とくに「すべて」は父親となった人やこれからなるであろう人は読んでみるといいかもしれない。

バッハマンに興味をもったので他の作品も読んでみようと思う。ちなみに一番有名なのはラブレターらしい。

バッハマン／ツェラン往復書簡心の時

Amazonでインゲボルク・バッハマン, パウル・ツェラン, 中村朝子のバッハマン／ツェラン往復書簡　心の時。アマゾンならポイント還元本が多数。インゲボルク・バッハマン, パウル・ツェラン, 中村朝子作品ほか、お急ぎ便対象商品は当日お届けも可能。またバッハマン／ツェラン往復書簡　心の時もアマゾン配送商品なら通常配送無料。

https://www.amazon.co.jp/dp/479176580X

2021.06.18

昨日のエラーについて根本的な原因はわからんけども直接の原因と回避策はわかった。別のissueとQiita記事がヒントになった。

Protocol error (Runtime.callFunctionOn): Target closed. · Issue #6610 · puppeteer/puppeteer

Steps to reproduce Tell us about your environment: Puppeteer version: 5.5.0 Platform / OS version: macOS 10.15.7 URLs (if applicable): - Node.js version: v14.15.0 What steps will reproduce the problem? Please include code that reproduces...

https://github.com/puppeteer/puppeteer/issues/6610

Puppeteerで次ページへの遷移を待つ - Qiita

Puppeteer で次ページへの遷移を待つ場合の書き方について。新規ウインドウが開かないような通常の遷移を待つ場合、以下の書き方が決まり文句だという認識です。ページ遷移を待ち受けてからページ遷移を実行して両方の完了を待つ、という処理です。 Promise.all() を使わない変形として次のような書き方も可能です（私は最初の例の方が見やすいと思いますが）。 ...

https://qiita.com/hnw/items/a07e6b88d95d1656e02f#%E6%AC%A1%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AE%E8%A6%81%E7%B4%A0%E3%81%AE%E5%87%BA%E7%8F%BE%E3%82%92%E5%BE%85%E3%81%A4

ページ遷移の際、page.waitForSelectorを使い、次のページにしかない要素の出現を待って遷移が完了したかどうかを確認しているのだけど、このときに Protocol error (Runtime.callFunctionOn): Target closed.が発生しているようにみえた。

要は↓のような感じのコード。page.gotoだけじゃなくてclickで画面遷移する場合も同様に発生する。


await page.goto("https://......");
await page.waitForSelector("#kokonisikanaiID"); //ここでエラー

エラーになっていたコード

↓のようにすると Protocol error (Runtime.callFunctionOn): Target closed. は発生しなくなる。なぜこれでエラーがでなくなるのかはさっぱりだが、Promise.allで解消するところをみるとおそらく実行順序が原因なのだと思う。この辺のテストを見ても参考になりそう


await Promise.all(
	page.goto("https://......"),
	page.waitForSelector("#kokonisikanaiID")
);

対策を施したコード

検証はここ終わりです。なぜなら今朝になって元のコードでもテストが落ちなくなったからです。レスポンスの遅延か？また発生したらまとめます。

2021.06.17

最近悩まされているエラー。issueに解消方法書いてあるがこれではちょっと解決しなかった。

Error: Protocol error (Runtime.callFunctionOn): Target closed. · Issue #1175 · puppeteer/puppeteer

I'm running into this error after 22 intervals. Node.js 8 + Puppeteer on Debian. try { await page.evaluate(async () => ( new Promise((resolve, reject) => { try { const maxScroll = Number.MAX_SAFE_INTEGER; let lastScroll = 0; const interv...

https://github.com/puppeteer/puppeteer/issues/1175

2021.06.15

そういえばNotion APIが公開されていた。このブログではNotion内のコンテンツを取得するのにsplitbee社が作った非公式なAPIを使っている。まぁもともとNotionのAPIをこっそり叩く方法はみんな知っていたし、notion-blogとかもそういう類だったと思う。

Start building with the Notion API

Connect Notion pages and databases to the tools you use every day, creating powerful workflows. Get started Aggregate data from many sources into your team's workspace. Spend less time context switching, and increase visibility across the software and services you rely on.

https://developers.notion.com/

splitbee/notion-api-worker

A serverless wrapper for the private Notion API. It provides fast and easy access to your Notion content. Ideal to make Notion your CMS. We provide a hosted version of this project on https://notion-api.splitbee.io . You can also host it yourself. Cloudflare offers a generous free plan with up to 100,000 request per day.

https://github.com/splitbee/notion-api-worker

さらに言えばsplitbeeは上述のAPIと組み合わせてreact-notionという簡単にNotionっぽく作れちゃうreact componentを提供しているので、公式のAPIを使うには自前でデザインとか色々凝ってやったるでっていうモチベーションが必要になってくるのだった。

splitbee/react-notion

A React renderer for Notion pages. Use Notion as CMS for your blog, documentation or personal site. react-notion was developed by Splitbee. Splitbee is a fast, reliable, free, and modern analytics for any team. This package doesn't handle the communication with the API. Check out notion-api-worker for an easy solution.

https://github.com/splitbee/react-notion

話を変えます。

最近はすこぶる仕事が捗っている。どんどんとタスクを消化している。緊急な仕事をやりつつ重要な仕事も進めている。優秀ですね。理由はわかっていてあんまりおおっぴらに書けないですが、まぁとにかくめちゃくちゃ気持ちよく仕事ができています。お仕事楽しい。

そしてここ２、３日、屁がすごいでる。なんかの病気か？本当に尋常じゃなくてずっとブーブーやってます。リモートワークで本当によかった。

2021.06.10

Rustの本読んでるけどトレイトの導出がさっぱり理解できないです。

2021.06.09

最近は電子音楽をよく聴いている。よかったやつを載せておきます。多いけどこれでも絞った感じです。Bandcampサイコー。

thecollectionartaud.bandcamp.com

https://thecollectionartaud.bandcamp.com/album/tca-50-idmmxxi-l

Drone Studies 3, by peeq / nankotsuteacher

Drone Studies 3 by peeq / nankotsuteacher, released 11 April 2021 1. Sea of Tranquility 2. Sea of Dreams Experiments on overtone structure based on several ratios. This album is a sequel to "Drone Studies" & "Drone Studies 2". https://nankotsuteacher.bandcamp.com/album/drone-studies https://nankotsuteacher.bandcamp.com/album/drone-studies-2

https://nankotsuteacher.bandcamp.com/album/drone-studies-3

June 2021, by TOKINOGAKE

June 2021 by TOKINOGAKE, released 04 June 2021 1. 062_[057_pq+035_kh]_fd-edit 2. 033_nz 3. 053_pq29_ay31_fd42_a043_pq50_ik-edit 4. 039_035_kh_a0-edit 5. 052_035_kh_nz-edit 6. 064_kg 7. 038_033_nz_kh-edit 8. 061_a0 9. 046_044_026_pq_me-edit_me-edit 10. 059_036_sf_fd-edit 11. 051_027_ik[+028+030+031+032]me-edit(all) 12. 063_[26_32_33_35_36_37_40_56_57_61]_ik-edit 13. 047_037_nz_fd-edit 14.

https://tokinogakecollective.bandcamp.com/album/june-2021

Adolescence and Old, by Shota Okubo

Adolescence and Old by Shota Okubo, released 10 May 2021 1. Bustle 2. Adolescence and Old 3. Respond to his own feeling 4. Around the Underpass 5. Reveal 6. Toy Piano 7. Zingibar

https://waveformant.bandcamp.com/album/adolescence-and-old

Phrases, by Eventless Plot

Phrases by Eventless Plot, released 10 March 2021 1. side A 2. side B 3.

https://eventlessplot.bandcamp.com/album/phrases

Totem, by Matt Atkins

Totem by Matt Atkins, released 06 June 2021 1. Totem 1 2. Totem 2 3. Totem 3 Matt Atkins is an improvising percussionist and visual artist who uses electronics, objects and tape loops in his work.

https://falt.bandcamp.com/album/totem

Music for Acoustic Instruments & Feedback, by Vanessa Amara

Music for Acoustic Instruments & Feedback by Vanessa Amara, released 28 May 2021 1. Bells 2. Piano & Accordion I 3. Accordion 4. Piano & Two Tape Loops 5. Pipe Organ 6. Piano & Accordion II 7. Cembalo & Carillon 8.

https://vanessaamara-poshisolation.bandcamp.com/album/music-for-acoustic-instruments-feedback

Holy Endings, by Lighght

Holy Endings by Lighght, released 26 March 2021 1. there are parts of my soul i don't dare speak 2. And The Snow Decided To Stop Falling And Instead Rise For We Were Not Deserving 3. care2kno 4. sought, kept 5. St. Bliss 6.

https://lighghtmusic.bandcamp.com/album/holy-endings

2021.06.06

今日で三十歳になりました。とくに感慨はないです。

二十五歳を超えてから時間の経つスピードが増しているように思ったけど、二度の転職、結婚、引越しをやっているのでそのせいかもしれない。

三十歳になる直前に電動シェーバーが壊れたので今髭が伸びまくっている。妻に縄文人みたいだねって言われた。

2021.06.03

警察は別に好きじゃないんだけど刑事ドラマは結構好き。最近は警視庁捜査一課長やってると観てしまう。熱心なファンではないので食卓についたときにやってたら観るみたいな感じ。たいてい犯人の登場シーンは見逃しているから、クライマックスで犯人がでてきても誰かわからない。だから驚きも爽快感もない。じゃあなんで観ているかというと泥臭い人海戦術でしらみつぶしに手掛かりを捜すシーンが好きだから。様式美があり、あのシーンが出てくるとああもう終わりだなと思う。あと内藤剛志が帰宅して妻とのやりとりの最中(もしくは猫の様子から)、ハッとなにか思いつくのも好き。

木曜ミステリー『警視庁・捜査一課長season5』｜テレビ朝日

2021年4月8日（木）スタート【毎週木曜】よる8:00～放送　テレビ朝日木曜ミステリー『警視庁・捜査一課長season5』公式サイト。"叩き上げの男"大岩純一捜査一課長と熱き刑事たちが被害者の無念を晴らすため、東京全土を疾走する！シリーズ誕生10年目、《魂の訓示》《東京一斉大捜査》などシリーズの醍醐味はそのままに――最強ミステリーが木曜よるに帰って来る！

https://www.tv-asahi.co.jp/ichikacho5/

2021.06.02

アップダウン奏法についての動画みている。こういうのちゃんと意識したことなかった。意識しろよ。近所にスタジオ見つけたので練習します。

アップダウン奏法の練習法【BPM200の壁を越えたい人向け】

こんにちは。ドラム講師の山北弘一です。ご視聴誠にありがとうございます。《ドラムレッスン動画を無料プレゼント中》こちらから受け取れます。→https://stickcontrol.jp/lp/ドラムの上達に欠かせない「脱力」と「スピードアップのコツ」について、55分間におよぶ動画の中でわかりやすく学ぶことができます...

https://www.youtube.com/watch?v=oIhGg-pJhQ8

ユリイカがレイハラカミ特集をやってたので買って読んでいる。

www.seidosha.co.jp

http://www.seidosha.co.jp/book/index.php?id=3567

特集と関係ない「新しい動物文学の誕生」っていう記事が面白かった。大江健三郎の「飼育」、「人間の羊」を引用して、人間を動物のように表現する技法が生み出す効果について紹介している。物語を食べるっていうシリーズで赤坂憲雄って人がやってるらしい。

2021.06.01

コンビニを利用しまくっている。夕ご飯以外はコンビニで買ったものを飲み食いしていてほぼコンビニ人間になっている。マネーフォワードを見ると一日2~3回ほど利用していて一度で300~800円くらい使っていた。節約しよう。

とりあえず6月はコンビニの利用回数を減らします。タバコをやめたので抵抗がすくない。一週間くらい続けてみてどれくらい節約できたかチェックしてみます。

アイスコーヒやアイスティー、麦茶は作り置きしておく。

朝昼晩はできるだけ作る。朝は喫茶店のモーニングでもよい。

話を変えます。

先日、ファミコン探偵倶楽部消えた後継者クリアしました。久々にゲームを頭からケツまでやった。すげー長く感じた。

ファミコン探偵倶楽部消えた後継者 | Nintendo Switch | 任天堂

2021年5月14日(金)発売、Nintendo Switch『ファミコン探偵倶楽部消えた後継者』の公式サイトです。

https://www.nintendo.co.jp/switch/aw3ca/famitan1/index.html

後半。登場人物が手紙を書くシーンがあるんですが、その手紙を読み上げるセリフに合わせて手紙を書く手が動いたり止まったりしてめっちゃ凝ってんなと感動しました。まぁゲームめっちゃやってる人からしたら当たり前かもしれないですが。あとシナリオも面白い。

2021.05.29

Rustの本を読んでいる。トレイトって馴染みないなぁ。

実践Rustプログラミング入門

Amazonで初田直也, 山口聖弘, 吉川哲史, 豊田優貴, 松本健太郎, 原将己, 中村謙弘, フォルシア株式会社の実践Rustプログラミング入門。アマゾンならポイント還元本が多数。初田直也, 山口聖弘, 吉川哲史, 豊田優貴, 松本健太郎, 原将己, 中村謙弘, フォルシア株式会社作品ほか、お急ぎ便対象商品は当日お届けも可能。また実践Rustプログラミング入門もアマゾン配送商品なら通常配送無料。

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

以下は雑なメモ。

RustはGCを持たない。所有権、借用、ライフタイムとプログロミング言語でメモリ管理を行う。

スコープを出た途端に破棄することを言語レベルでサポートしていることです。

Rustのメモリ管理って面白い - Qiita

Rust という言語に初めて触れてみて、これのメモリ管理戦略って面白いなと思ったのでちょっと書いてみます。まだ真剣に見始めて実質1日くらいなので大いに勘違している可能性もありますが、自分の理解のためにもまとめてみます。なお、言語の成り立ちとか特徴とかはググると色々出てくると思いますが、個人的に乱暴にまとめてしまうと ...

https://qiita.com/ksato9700/items/312be99d8264b553b193#%E3%82%B9%E3%82%B3%E3%83%BC%E3%83%97%E3%81%A8%E5%80%A4%E3%81%AE%E5%AF%BF%E5%91%BD

ゼロコスト抽象化を追求、抽象化の機能を追加のコストなく使用できる(静的ディスパッチ)。

hacolab.hatenablog.com

https://hacolab.hatenablog.com/entry/2019/07/12/235747

関連関数は型から関数を呼ぶ形式で定義される関数のこと。

The Rust Programming Language 日本語版

メソッドは関数に似ています: fnキーワードと名前で宣言されるし、引数と返り値があるし、どこか別の場所で呼び出された時に実行されるコードを含みます。ところが、メソッドは構造体の文脈(あるいはenumかトレイトオブジェクトの。これらについては各々第6章と17章で解説します)で定義されるという点で、関数とは異なり、最初の引数は必ず self になり、これはメソッドが呼び出されている構造体インスタンスを表します。 Rectangleインスタンスを引数に取る area関数を変え、代わりに Rectangle構造体上に area メソッドを作りましょう。リスト5-13に示した通りですね。ファイル名: src/main.rs #[derive(Debug)] struct Rectangle { width: u32, height: u32, } impl Rectangle { fn area(&self) -> u32 { self.width * self.height } } fn main() { let rect1 = Rectangle { width: 30, height: 50 };

https://doc.rust-jp.rs/book-ja/ch05-03-method-syntax.html#%E9%96%A2%E9%80%A3%E9%96%A2%E6%95%B0

2021.05.28

React Hook APIの不満について述べた記事。依存関係が変更されたかどうかを参照でしか比較しないのが不満らしい。個人的には基本型以外をhook内で扱わないようにしています。特定の関心事に集中できていればローカル変数がCustom Hook内で登場してもあまり気にならない...と思うけど、続きの記事を読んでいくにつれて何を問題としているのかよくわからなくなってきた。

Frustrations with React Hooks - LogRocket Blog

Before I detail my frustrations with React Hooks, I want to state for the record that I am, for the most part, a fan of React Hooks. I often hear that the main reason for the existence of Hooks is to replace class components.

https://blog.logrocket.com/react-hooks-frustrations/

続きの記事

Solutions to frustrations with React Hooks - LogRocket Blog

One of my previous posts, Frustrations with React Hooks, got an incredible amount of views and topped hacker news at one point. The post also got lots of comments, some of which have changed how I view Hooks and given me a completely new and positive way of viewing them.

https://blog.logrocket.com/solutions-to-frustrations-with-react-hooks/

Solutions to frustrations with React Hooks - LogRocket Blog

正直、現状のReact Hook APIにはかなり満足していて記事で述べられている問題点に関してはあまり意識できない。ただこれは自分がプログラミングパラダイムへの理解が浅いことにあるかもしれない。のでその辺勉強しようと思います。