mex

prev
next

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
合成イベント (SyntheticEvent) - React
https://ja.reactjs.org/docs/events.html#other-events
合成イベント (SyntheticEvent) - React
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.
Understanding React's Synthetic Event System
https://stackoverflow.com/questions/42327331/understanding-reacts-synthetic-event-system
Understanding React's Synthetic Event System
 

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.
Web Vitals
https://web.dev/vitals/
Web Vitals
あと複数のgithubアカウントでsshするやりかた知らなかった。これを見たらいけました。
[備忘] 複数Githubアカウントでssh接続設定(config)を使い分ける手順 - Qiita
会社用とプライベート用など、複数のGithubアカウントを使い分ける際の設定方法をまとめました。 まず、ssh接続に使用する鍵をローカル環境で作成します。使用したいアカウント毎に、以下のコマンドで鍵ペアを作成します。 パスフレーズを設定する為、任意の文字列を2回入力します。 実行後、秘密鍵（ファイル名）と公開鍵(ファイル名.pub)が作成されます。 ...
[備忘] 複数Githubアカウントでssh接続設定(config)を使い分ける手順 - Qiita
https://qiita.com/yampy/items/24638156abd383e08758
[備忘] 複数Githubアカウントでssh接続設定(config)を使い分ける手順 - Qiita
 

ここ3ヶ月ほど、あすけんってアプリを使ってカロリーを気にしながら食事を摂っていたが、自分に合わなかったらしくてそれほど成果もでず、いちいち記録しないといけないめんどくささでストレスが溜まったのでやめた。体動かしたほうが自分としてはいいのかもしれない。本当はどっちもやったほうがいいのだろうけど。
食品まつりをよく聴いている。
食品まつり a.k.a foodmanの「Aru Otoko No Densetsu」
Apple Musicで食品まつり a.k.a foodmanの「Aru Otoko No Densetsu」を聴こう。"Kakon"や"Percussion"などの曲をストリーミングできます。
食品まつり a.k.a foodmanの「Aru Otoko No Densetsu」
https://music.apple.com/jp/album/aru-otoko-no-densetsu/1428407420
食品まつり a.k.a foodmanの「Aru Otoko No Densetsu」
あと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"などの曲をストリーミングできます。
DNAの「Last Live At CBGB's」
https://music.apple.com/jp/album/last-live-at-cbgbs/336598175
DNAの「Last Live At CBGB's」

時の崖っていうレーベルを最近聴いている。今のところ月一でオムニバスのようなリミックスのような作品をだしていてかなりいいです。安部公房の作品からレーベル名をとっているのも好き。
時の崖radioというのもdiscord上でやっていて、最後のほうちょっとだけ聴いてました。
時の崖 | tokinogake
Experimental trials hidden in daily life
時の崖 | tokinogake
https://www.tokinogake.com/
時の崖 | tokinogake
TOKINOGAKE
TOKINOGAKE. . xo
TOKINOGAKE
https://tokinogakecollective.bandcamp.com/music
TOKINOGAKE
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.
Ultimate_Collection hydrocycle on a lake, by 時の崖_tokinogake
https://tokinogake.bandcamp.com/album/ultimate-collection-hydrocycle-on-a-lake
Ultimate_Collection hydrocycle on a lake, by 時の崖_tokinogake
 

インゲボルク・バッハマンの「三十歳」という短編小説集を読んだ。オーストリアの作家らしいが自分はとくにオーストリア文学に興味があったわけではない。今年三十歳になり、三十歳っぽい本ないかなーと思って読んだ。アマゾンへのリンクを貼っていますが、実際は大田区馬込図書館で借りました。
三十歳 (岩波文庫)
Amazonでインゲボルク・バッハマン, 松永 美穂の三十歳 (岩波文庫)。アマゾンならポイント還元本が多数。インゲボルク・バッハマン, 松永 美穂作品ほか、お急ぎ便対象商品は当日お届けも可能。また三十歳 (岩波文庫)もアマゾン配送商品なら通常配送無料。
三十歳 (岩波文庫)
https://www.amazon.co.jp/dp/4003247213
三十歳 (岩波文庫)
もともとバッハマンは詩人だったらしく、ストーリを表現するというよりも風景を描写するだけみたいな文章が多い。そこまで詩に詳しくないのでこれが詩人だったためなのかはわからない。一人称、二人称、三人称が混在する作品や、登場人物の説明がまったくない作品があったりで、なんのことやらわからないまま読み終えてしまう人もいそう。
正直、表題作の「三十歳」は退屈だったけど、「すべて」、「人殺しと狂人たちのなかで」、「ゴモラへの一歩」はとても面白かった。とくに「すべて」は父親となった人やこれからなるであろう人は読んでみるといいかもしれない。
バッハマンに興味をもったので他の作品も読んでみようと思う。ちなみに一番有名なのはラブレターらしい。
バッハマン／ツェラン往復書簡 心の時
Amazonでインゲボルク・バッハマン, パウル・ツェラン, 中村朝子のバッハマン／ツェラン往復書簡　心の時。アマゾンならポイント還元本が多数。インゲボルク・バッハマン, パウル・ツェラン, 中村朝子作品ほか、お急ぎ便対象商品は当日お届けも可能。またバッハマン／ツェラン往復書簡　心の時もアマゾン配送商品なら通常配送無料。
バッハマン／ツェラン往復書簡 心の時
https://www.amazon.co.jp/dp/479176580X
バッハマン／ツェラン往復書簡 心の時

昨日のエラーについて根本的な原因はわからんけども直接の原因と回避策はわかった。別の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...
Protocol error (Runtime.callFunctionOn): Target closed. · Issue #6610 · puppeteer/puppeteer
https://github.com/puppeteer/puppeteer/issues/6610
Protocol error (Runtime.callFunctionOn): Target closed. · Issue #6610 · puppeteer/puppeteer
Puppeteerで次ページへの遷移を待つ - Qiita
Puppeteer で次ページへの遷移を待つ場合の書き方について。 新規ウインドウが開かないような通常の遷移を待つ場合、以下の書き方が決まり文句だという認識です。 ページ遷移を待ち受けてからページ遷移を実行して両方の完了を待つ、という処理です。 Promise.all() を使わない変形として次のような書き方も可能です（私は最初の例の方が見やすいと思いますが）。 ...
Puppeteerで次ページへの遷移を待つ - Qiita
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
Puppeteerで次ページへの遷移を待つ - Qiita
ページ遷移の際、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")
);
対策を施したコード
検証はここ終わりです。なぜなら今朝になって元のコードでもテストが落ちなくなったからです。レスポンスの遅延か？また発生したらまとめます。
 

最近悩まされているエラー。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...
Error: Protocol error (Runtime.callFunctionOn): Target closed. · Issue #1175 · puppeteer/puppeteer
https://github.com/puppeteer/puppeteer/issues/1175
Error: Protocol error (Runtime.callFunctionOn): Target closed. · Issue #1175 · puppeteer/puppeteer

そういえば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.
Start building with the Notion API
https://developers.notion.com/
Start building with the Notion API
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.
splitbee/notion-api-worker
https://github.com/splitbee/notion-api-worker
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.
splitbee/react-notion
https://github.com/splitbee/react-notion
splitbee/react-notion
 
話を変えます。
最近はすこぶる仕事が捗っている。どんどんとタスクを消化している。緊急な仕事をやりつつ重要な仕事も進めている。優秀ですね。理由はわかっていてあんまりおおっぴらに書けないですが、まぁとにかくめちゃくちゃ気持ちよく仕事ができています。お仕事楽しい。
そしてここ２、３日、屁がすごいでる。なんかの病気か？本当に尋常じゃなくてずっとブーブーやってます。リモートワークで本当によかった。

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

最近は電子音楽をよく聴いている。よかったやつを載せておきます。多いけどこれでも絞った感じです。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
Drone Studies 3, by peeq / nankotsuteacher
https://nankotsuteacher.bandcamp.com/album/drone-studies-3
Drone Studies 3, by peeq / nankotsuteacher
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.
June 2021, by TOKINOGAKE
https://tokinogakecollective.bandcamp.com/album/june-2021
June 2021, by TOKINOGAKE
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
Adolescence and Old, by Shota Okubo
https://waveformant.bandcamp.com/album/adolescence-and-old
Adolescence and Old, by Shota Okubo
Phrases, by Eventless Plot
Phrases by Eventless Plot, released 10 March 2021 1. side A 2. side B 3.
Phrases, by Eventless Plot
https://eventlessplot.bandcamp.com/album/phrases
Phrases, by Eventless Plot
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.
Totem, by Matt Atkins
https://falt.bandcamp.com/album/totem
Totem, by Matt Atkins
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.
Music for Acoustic Instruments & Feedback, by Vanessa Amara
https://vanessaamara-poshisolation.bandcamp.com/album/music-for-acoustic-instruments-feedback
Music for Acoustic Instruments & Feedback, by Vanessa Amara
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.
Holy Endings, by Lighght
https://lighghtmusic.bandcamp.com/album/holy-endings
Holy Endings, by Lighght

今日で三十歳になりました。とくに感慨はないです。
二十五歳を超えてから時間の経つスピードが増しているように思ったけど、二度の転職、結婚、引越しをやっているのでそのせいかもしれない。
三十歳になる直前に電動シェーバーが壊れたので今髭が伸びまくっている。妻に縄文人みたいだねって言われた。

警察は別に好きじゃないんだけど刑事ドラマは結構好き。最近は警視庁捜査一課長やってると観てしまう。熱心なファンではないので食卓についたときにやってたら観るみたいな感じ。たいてい犯人の登場シーンは見逃しているから、クライマックスで犯人がでてきても誰かわからない。だから驚きも爽快感もない。じゃあなんで観ているかというと泥臭い人海戦術でしらみつぶしに手掛かりを捜すシーンが好きだから。様式美があり、あのシーンが出てくるとああもう終わりだなと思う。あと内藤剛志が帰宅して妻とのやりとりの最中(もしくは猫の様子から)、ハッとなにか思いつくのも好き。
木曜ミステリー『警視庁・捜査一課長season5』｜テレビ朝日
2021年4月8日（木）スタート【毎週木曜】よる8:00～放送　テレビ朝日 木曜ミステリー『警視庁・捜査一課長season5』公式サイト。"叩き上げの男"大岩純一捜査一課長と熱き刑事たちが被害者の無念を晴らすため、東京全土を疾走する！シリーズ誕生10年目、《魂の訓示》《東京一斉大捜査》などシリーズの醍醐味はそのままに――最強ミステリーが木曜よるに帰って来る！
木曜ミステリー『警視庁・捜査一課長season5』｜テレビ朝日
https://www.tv-asahi.co.jp/ichikacho5/
木曜ミステリー『警視庁・捜査一課長season5』｜テレビ朝日

アップダウン奏法についての動画みている。こういうのちゃんと意識したことなかった。意識しろよ。近所にスタジオ見つけたので練習します。
アップダウン奏法の練習法【BPM200の壁を越えたい人向け】
こんにちは。ドラム講師の山北弘一です。ご視聴誠にありがとうございます。《ドラムレッスン動画を無料プレゼント中》こちらから受け取れます。→https://stickcontrol.jp/lp/ドラムの上達に欠かせない「脱力」と「スピードアップのコツ」について、55分間におよぶ動画の中でわかりやすく学ぶことができます...
アップダウン奏法の練習法【BPM200の壁を越えたい人向け】
https://www.youtube.com/watch?v=oIhGg-pJhQ8
アップダウン奏法の練習法【BPM200の壁を越えたい人向け】
ユリイカがレイハラカミ特集をやってたので買って読んでいる。
www.seidosha.co.jp
http://www.seidosha.co.jp/book/index.php?id=3567
特集と関係ない「新しい動物文学の誕生」っていう記事が面白かった。大江健三郎の「飼育」、「人間の羊」を引用して、人間を動物のように表現する技法が生み出す効果について紹介している。物語を食べるっていうシリーズで赤坂憲雄って人がやってるらしい。

コンビニを利用しまくっている。夕ご飯以外はコンビニで買ったものを飲み食いしていてほぼコンビニ人間になっている。マネーフォワードを見ると一日2~3回ほど利用していて一度で300~800円くらい使っていた。節約しよう。
とりあえず6月はコンビニの利用回数を減らします。タバコをやめたので抵抗がすくない。一週間くらい続けてみてどれくらい節約できたかチェックしてみます。
  • アイスコーヒやアイスティー、麦茶は作り置きしておく。
  • 朝昼晩はできるだけ作る。朝は喫茶店のモーニングでもよい。
話を変えます。
先日、ファミコン探偵倶楽部 消えた後継者 クリアしました。久々にゲームを頭からケツまでやった。すげー長く感じた。
ファミコン探偵倶楽部 消えた後継者 | Nintendo Switch | 任天堂
2021年5月14日(金)発売、Nintendo Switch『ファミコン探偵倶楽部 消えた後継者』の公式サイトです。
ファミコン探偵倶楽部 消えた後継者 | Nintendo Switch | 任天堂
https://www.nintendo.co.jp/switch/aw3ca/famitan1/index.html
ファミコン探偵倶楽部 消えた後継者 | Nintendo Switch | 任天堂
後半。登場人物が手紙を書くシーンがあるんですが、その手紙を読み上げるセリフに合わせて手紙を書く手が動いたり止まったりしてめっちゃ凝ってんなと感動しました。まぁゲームめっちゃやってる人からしたら当たり前かもしれないですが。あとシナリオも面白い。

Rustの本を読んでいる。トレイトって馴染みないなぁ。
実践Rustプログラミング入門
Amazonで初田 直也, 山口 聖弘, 吉川 哲史, 豊田 優貴, 松本 健太郎, 原 将己, 中村 謙弘, フォルシア株式会社の実践Rustプログラミング入門。アマゾンならポイント還元本が多数。初田 直也, 山口 聖弘, 吉川 哲史, 豊田 優貴, 松本 健太郎, 原 将己, 中村 謙弘, フォルシア株式会社作品ほか、お急ぎ便対象商品は当日お届けも可能。また実践Rustプログラミング入門もアマゾン配送商品なら通常配送無料。
実践Rustプログラミング入門
https://www.amazon.co.jp/dp/4798061700/
実践Rustプログラミング入門
以下は雑なメモ。
RustはGCを持たない。所有権、借用、ライフタイムとプログロミング言語でメモリ管理を行う。
スコープを出た途端に破棄することを言語レベルでサポートしていることです。
Rustのメモリ管理って面白い - Qiita
Rust という言語に初めて触れてみて、これのメモリ管理戦略って面白いなと思ったのでちょっと書いてみます。まだ真剣に見始めて実質1日くらいなので大いに勘違している可能性もありますが、自分の理解のためにもまとめてみます。 なお、言語の成り立ちとか特徴とかはググると色々出てくると思いますが、個人的に乱暴にまとめてしまうと ...
Rustのメモリ管理って面白い - Qiita
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
Rustのメモリ管理って面白い - Qiita
ゼロコスト抽象化を追求、抽象化の機能を追加のコストなく使用できる(静的ディスパッチ)。
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 };
The Rust Programming Language 日本語版
https://doc.rust-jp.rs/book-ja/ch05-03-method-syntax.html#%E9%96%A2%E9%80%A3%E9%96%A2%E6%95%B0

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.
Frustrations with React Hooks - LogRocket Blog
https://blog.logrocket.com/react-hooks-frustrations/
Frustrations with React Hooks - LogRocket Blog
続きの記事
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.
Solutions to frustrations with React Hooks - LogRocket Blog
https://blog.logrocket.com/solutions-to-frustrations-with-react-hooks/
Solutions to frustrations with React Hooks - LogRocket Blog
正直、現状のReact Hook APIにはかなり満足していて記事で述べられている問題点に関してはあまり意識できない。ただこれは自分がプログラミングパラダイムへの理解が浅いことにあるかもしれない。のでその辺勉強しようと思います。

ぼけと利他という連載を読んでいます。おもしろい。
答えを手放す（村瀨孝生） | みんなのミシマガジン
おもしろいを1日1本！　ミシマ社のウェブ雑誌「みんなのミシマガジン（通称ミシマガ）」。村瀨 孝生／伊藤 亜紗の『ぼけと利他』のページです。
答えを手放す（村瀨孝生） | みんなのミシマガジン
https://www.mishimaga.com/books/boketorita/002547.html
答えを手放す（村瀨孝生） | みんなのミシマガジン

最近読んだ本。マインドフルネス系の書籍はいままで忌避していたんですが、そろそろ三十路になるし食わず嫌い減らしたいなと思って手を出した。Kindle Unlimitedだったし......。
ブッダの言葉みたいなくだりはへぇ〜だったけど、かるい瞑想のやり方みたいなのも書いてありそれがとてもよかった。本書は欲望は人間の業からくる妄想と定義していて行動する前に心を整理しましょうねぇ、最近はコンプレックスや競争心、承認欲求が刺激される機会が多いですけど全部それあなたの妄想ですよねぇみたいな感じです。
反応しない練習 あらゆる悩みが消えていくブッダの超・合理的な「考え方」
Amazonで草薙龍瞬の反応しない練習 あらゆる悩みが消えていくブッダの超・合理的な「考え方」。アマゾンならポイント還元本が多数。一度購入いただいた電子書籍は、KindleおよびFire端末、スマートフォンやタブレットなど、様々な端末でもお楽しみいただけます。
反応しない練習 あらゆる悩みが消えていくブッダの超・合理的な「考え方」
https://www.amazon.co.jp/dp/B012EU8CD0
反応しない練習 あらゆる悩みが消えていくブッダの超・合理的な「考え方」
社会人になりたてくらいの頃、誕生日に母親からアドラー心理学の本を5、6冊送られたことがあって当時はまぁげんなりしつつ読んでたんですが、アドラー心理学は我慢せずに辛い現状から逃げようぜ！みたいな感じなので、マインドフルネス系の書籍はなんか本当に読む人の現状によって評価変わるなと思いました。
次は意識高めの自己啓発系ビジネス書でも読むか、世界のエリートはなんちゃら〜みたいな本。
 

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

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.
erikras/ducks-modular-redux
https://github.com/erikras/ducks-modular-redux
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のように使うのはいろいろと考慮が必要なのであれは嘘です。
prev
next