なんでもノート

なんでも書くノートみたいなブログ

2021-01-01から1年間の記事一覧

Setオブジェクトによる配列の要素の重複排除

JavaScriptのSetオブジェクトを使って簡単に配列の要素の重複を排除できることを知った。 const array = [1, 2, 3, 1]; const set = new Set(array); const uniqueArray = [...set]; console.log(uniqueArray); // [ 1, 2, 3 ] オブジェクトの重複も排除する…

Jestの.toBeDefined()マッチャー

Jestの .toBeDefined() マッチャーを知った。 最初見たときは何を検証しているのか分からなかったが、ドキュメントを読んだら当たり前すぎた。 https://jestjs.io/ja/docs/expect#tobedefined 変数が undefined ではないことを検証するには、.toBeDefined を…

優先度とか基準とか軸とか

ある楽なもの。 意思決定というほどのものでもないが、日々何かを決めている。意思決定や判断を繰り返すと疲れる。決断疲れという現象があるらしい。 ここでタイトルの優先度とか基準とか軸があると決断が楽になる。これらに従って機械的に判断すれば頭を使…

Next.jsのgetInitialPropsの実行順序

Next.jsのPage ComponentとCustom App ComponentとCustom Document ComponentのgetInitialPropsの実行順序を整理する。 // pages/index.tsx ... Home.getInitialProps = async (ctx: NextPageContext) => { console.log("Home.getInitialProps"); return { h…

GraphQL Directiveを使って三項演算子

GraphQLのDirectiveという機能を使って三項演算子を再現する。 実行環境にはhttps://graphql.org/learn/queries/#directivesを使う(いつか動かなくなってしまうかもしれない)。 例ではwithFriends variableの真偽値を変えることによって、friends.nameを取…

有名どころの漫画とアニメを押さえたい

自分が押さえられてない有名どころの漫画とアニメを押さえたい。具体的には以下の作品。 ハガレン デスノート まどマギ(今日観終わった) 宇宙兄弟 Fate あの花 キングダム サイコパス シャーマンキング ジョジョ カイジ どれも有名で面白いのだと思うが、…

Podcastと散歩

最近、Podcastを聞き始めた。聞いたのは以下の3つ。 Rebuild - Podcast by Tatsuhiko Miyagawa mozaic.fm fukabori.fm 上から順に存在を知った。きっかけは覚えていない。今のところfukabori.fmが長さと内容的に聞きやすい。タメになるし面白い。 主に外を歩…

ながらアニメをしないようにしたい

アニメを観ながら何かをしないようにしたい。例えば、考え事をしたり、スマホをいじったり。アニメを観ながら何かをすると、アニメの内容が頭に入ってこないことがある。観終わった後、面白かった…のか…?となることがある。せっかく最後まで見てもよくわか…

Gitのsubmoduleを理解するためのインデックス

※ 自分の頭の中にインデックスを貼るための備忘録的な記事です。 仕事でGitのsubmoduleを使っているが、なんとなく使っているので改めて理解しようと思った。 「Git submodule」で検索して1番上に出てきたGit submodule の基礎 - Qiitaがかなり分かりやすか…

続・WebP対応ブラウザを判定する

WebP対応ブラウザかサーバーサイドで判定する - なんでもノートでWebP対応ブラウザをサーバーサイドで判定する方法を調べた。Acceptヘッダーに image/webp が含まれているかどうかで判定する方法をまとめた。 これ以外にUser-Agentで判定する方法がある。Web…

技術記事カテゴリーを作った

azujuuuuuun.hatenablog.com 技術記事カテゴリーを作った。2021/08/17現在、14記事。増やしていきたい。

WebP対応ブラウザかサーバーサイドで判定する

WebP対応ブラウザかどうかをサーバーサイドで判定する方法を調べた。 判定方法 Webサービス上の画像変換とWebPの利用について | メルカリエンジニアリング が分かりやすかった。 おそらく最も一般的なのがAcceptヘッダーを使う方法だと思います。 ...(中略…

transitionendイベントとanimationendイベント

最近transitionendイベントとanimationendイベントを知った。 transitionendイベントはCSSトランジッションが終わったときに発生する。 HTMLElement: transitionend イベント - Web API | MDN 最初書いたときはtransitionedとタイポした。過去形を表すedでは…

新型コロナウィルスワクチン接種2回目の副反応の記録

2021/07/29(木)に新型コロナウィルスのワクチンの2回目の職域接種を受けてきた。2021/07/30(金)に副反応が出たので記録を残す。 2021/07/29 16:45 ワクチン接種 モデルナ社のワクチン 前回より注射が痛かった 刺さりどころが良くなかった気がする 2021/07/30…

Reactのイベントハンドラの命名

Reactのイベントハンドラの命名規則はプロジェクト、実装者によってかなりばらつきがあるように思う。以下、今まで見たことがある命名一覧(例:削除ボタンのclickイベントハンドラ)。 onClick onClickDelete onClickDeleteButton onDeleteButtonClicked ha…

Reactのコンポーネントのpropsの露出は控えめに

Reactのコンポーネントのpropsの露出は控えめにした方がいい気がする。ここでpropsの露出とは、子コンポーネントのpropsや子要素の属性を親コンポーネントのpropsにそのまま定義することを言う。現時点では「気がする」レベル。 新しいコンポーネントを作成…

注意書き

※ このブログの内容は個人的見解であり、主観や自分が置かれている環境によるものが多いです。「こういう意見もあるんだ」程度のあくまで参考として読んでいただけると幸いです。

自分が出したPRのコードにコメントしすぎない

PR = プルリクエスト。GitHubのPRの話。 自分が出したPRのコードにコメントをすることがある。レビュアーがレビューしやすいように補足説明している。自分以外でもこのようなPRを見かける。 それ、PRではなくコードにコメントを残すべきでは? と、ふと思っ…

ネクストアクションは実効性が高く明確なものにする

振り返りの方法 - なんでもノート で ネクストアクションは教訓ベースのものではなく、なるべく実行可能なものにする と書いた。「実行可能な」を「実効性が高く」に変更し、「明確な」を追加した。 ネクストアクションの実効性を高くする ネクストアクショ…

振り返りの方法

仕事でよく振り返りをする。プロジェクトやスプリントの終わりにその期間中の出来事を振り返っている。 個人でも1週間に1回振り返りをしている。振り返った内容を上司との1 on 1で話したりする。 フレームワークとしてはチームでKPT(Keep・Problem・Try)を…

文末を句点で終わらせない

仕事でSlackでテキストコミュニケーションをするとき、文末を句点で終わらせないようにしている(メールや真面目な文章を書くときは句点を使う)。 テキストコミュニケーションの場合、当たり前だが相手がどんな表情で文章を書いているかわからない。そのた…

レベルを上げすぎない方がいい

内容を端的に表現する良いタイトルが思いつかなかった。 チーム開発 ある程度の規模 工数にあまり余裕がない 人が流動的 上記のようなプロジェクトにおいてはコーディング、プログラミングのレベルを上げすぎない、時には落とした方がいいと最近感じている。…

反応することを心がけている

Slackの話。 自分へのメンション、もしくは自分が関連するメッセージが来た場合、以下のように反応することを心がけている。 一読してなるべくリアクションをつけるようにする タスクが発生した場合はブックマークに追加する(これはタスク管理の文脈) リア…

仕事部屋を隔離したい

在宅勤務をしている。仕事部屋兼リビング兼ダイニング兼寝室となっている。 社用パソコンやスマホが目に入り、退勤してもいつの間にか脳みそが仕事モードに切り替わってしまう。昼休憩も仕事のことを考えていることが多い。 この部屋はリビングよりもダイニ…

Amazonプライムデーで買い物をした

Amazonプライムデーで買い物をした。以下、買った物一覧。 習慣の力〔新版〕 (ハヤカワ文庫NF)作者:チャールズ デュヒッグ早川書房Amazon スイッチ!作者:チップ・ハース,ダン・ハース早川書房Amazon いつも「時間がない」あなたに 欠乏の行動経済学 (早川書…

「きょう」の変換候補が便利

自分のMacとiPhoneでは「きょう」の変換候補に「2021/06/22」が出る。なにかと日付を記入することが多いのでとても便利。仕事で同僚が画面共有中で使っているのを見て知った。人のショートカット動作には学べるものがある。ちなみに「あした」、「あさって」…

ボディメンテを最近飲んでいる

www.otsuka.co.jp たまたまコンビニで見かけて健康に良さそうで気になったから買ってみた 毎日飲んでも身体に悪くないおいしい飲み物を常に探している エナジードリンクのような中毒性がある味ではないが、ちびちび飲むにはちょうどいいくらいの味 しばらく…

髪を染めて

去年の12月に人生で初めて髪を染めた。先月また髪を染めた。 高校から大学まで弓道をしていたので髪を染めたことがなかった。高校の弓道部は染髪禁止で大学では明るすぎなければOKだったが、なんとなく髪の毛を染めないで弓道をしていたかった。 弓道をしな…

Switchを買った

3月中旬にSwitchを買った。夢中になれるものが欲しくてゲームに手を出した。モンハン2Gで生活リズムを崩壊させた経験があるので、ゲームから距離をとっていた。 スプラトゥーン2と桃鉄とアルティメットチキンホースを買った。 スプラトゥーンをやりたくてSwi…

3/8からのトピック

2021/03/08からブログを書いていなかった。仕事が忙しくなり、めんどくさくなってサボっていた。書かないといけないわけではないし、書けなかったわけでもない。書きたくなったら書こうと思う。以下、3/8からのトピック。 髪を染めた(人生2度目) バレンタ…