aria-label を使ったら怒られた div に alia-label を指定したら Markuplint でエラーが発生した。 <markuplint> error: ロール「generic」では、ARIAプロパティ「aria-label」は許可されていません (wai-aria) aria-label について developer.mozilla.org 要素が読み上</markuplint>…

謎ポエムの日。 この世界のすべてのものごとをみるときに、自分がどのように捉えているのかを言語化する。 自分の認識をそのまま文章にするので、かなり分かりづらいと思う。 一年以上から整理できないかを考えていて、結局整理できなかったので、諦めて出し…

最近 React を書いていて、これまで主に書いていた Vue.js よりも難しいな～と思うことが多かった。 何が難しいと感じているのか、その一部を言語化してみた。 難しさを一言で ここに React の関数コンポーネントを用意。 const AppComponent = (props) => {…

せっかく作ったので供養。 書き方 前提 Vue.js 3.4 以上 コード <script setup lang="ts" generic="T"> import { ref } from 'vue' // 子コンポーネント読み込み import ChildComponent from 'ChildComponent' // options defineOptions({ inheritAttrs: false }) // ---------------------------…

結論 type Head<T> = T extends [infer U, ...infer _] ? U : never type Tail<T> = T extends [infer _, ...infer U] ? U : never type NecessaryAndSufficientLoop<Union, Arr extends any[]> = Arr extends [] ? [Union] extends [never] ? [] : never : [ Head<Arr> extends Union ? Head<Arr> : ne</arr></arr></union,></t></t>…

その方法とは…… 「仕事を減らす」 ことだ。 仕事を減らすメリット 1. 進捗率が上がる 2. 一つのことに集中するので成果が出やすい 3. 時間ができる 仕事を減らすために 「自分が最優先」というマインドを持つ 「できません」と言う勇気を持つ 人に頼る 休職…

雑に考えてみた。 フロントエンドのコードレビューを前提としているが、観点自体はそれにとどまらないはず。 かっこ内には代表的な概念を書いた。 大観点 コード 設計 機能要件 非機能要件 テキスト スコープ 中観点の例 コード 読みやすいか 正しく書かれて…

この記事は何？ 「あいまい言葉」をまとめたもの。 あいまい言葉とは？ 自分が独自に定義した単語で、「意味が何通りにも取れる・意味が曖昧で何を言っているのかわからない」となりがちな言葉を指す。 ビジネス上であいまい言葉を使うときには注意が必要で…

色々な業務（に限らない）には「なぜ」＝理由がある。 それを考えることで、業務のレベルを飛躍的に向上させられる。 『「なぜ」を考える』とは 自分が「○○をやろう」と思ったときや、「○○のタスクをお願いします」と言われたときに、その理由を突き止めるこ…

実は date-fns で事足りるというケースが多いよ、という話。 date-fns-tz はどういうライブラリ？ date-fns-tz の README より引用。 Working with UTC or ISO date strings is easy, and so is working with JS dates when all times are displayed in a us…

仕事において、自分が名言だなって思った言葉をリスト化する。 定期的に見直して思い出すことで強くなれる。 事実とそれ以外を分けて話す 「なぜ」を考える 具体と抽象 相手の時間を使わせるな ロジカルシンキング・テクニカルライティング ロジックツリー …

なぜやるのか SPA は、新しいコードがデプロイされた後もリロードしない限り古いコードで動き続ける。 例えば古い API を廃止したいのに、古いコードで使い続けているユーザーがいると困る。 新しいコードがあったら新しいコードを使うようにするための方法…

読んだ本 THE MODEL（MarkeZine BOOKS） マーケティング・インサイドセールス・営業・カスタマーサクセスの共業プロセス Kindle版 - Amazon アフィリエイトリンク SLG（Sales-Led Growth：セールス主導の営業手法）の教科書って言われているらしい（？） ま…

使いやすい（個人の感想）（人による） 考えたこと せっかく <dialog> があるので使いたい props に boolean を渡したらダイアログが開閉する もちろんモーダルで テキストだけ設定すれば使えるようにしたい フォームなどを表示できるように slot も渡せるようにした</dialog>…

を作ったのでご紹介。 先人がいそうだけど、自分なりに考えて作ったので残しておく。 コード Playground Link type Num = `${1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 0}` type Token = `${Num | "-" | "+"}` type IsInt<N extends string> = N extends Num ? true : N extends `$</n>…

エンジニアたるもの、こういうところにも気を配って然るべき やりがちなのでメモの意味も込めて togetter.com JavaScript, TypeScript Firefox Facebook YouTube Twitter Homebrew ESLint Stylelint GitHub callback（一般名詞） Salesforce Datadog UI Flow…

何がしたかったのか Git でコミットをする前に、コミットに使われるユーザーの名前を表示したかった。 なぜ？ 会社の PC で、会社のリポジトリだけでなく自分の個人リポジトリにもアクセスしている。 具体的には、dotfiles を GitHub で管理しているのでそれ…

今回読んだ本はこれ エンジニアリング組織論への招待 ～不確実性に向き合う思考と組織のリファクタリング Kindle版 - Amazon アフィリエイトリンク Chapter 1 - 思考のリファクタリング 個人の話 「エンジニアリング」とは 「実現の科学」といえる 要求に含…

コードレビューをするときに、「これは明らかに一回のコードレビューで見られる量じゃない」という PR が飛んでくることがある。 いい感じに評価できないかと思って、いい感じの計算式を作ってみた。 PR の複雑度を減らしたほうがいい理由 レビュワーの負担…

いつもは Vue.js をやってるけど、たまには他のものも触ってみたい。 React も触ってるけど、もっといい感じのやつがほしい。 と思っていたところにいい感じのやつを発見（前から知ってたけど）。 SolidJS とは View ライブラリ。 React みたいに JSX を使う…

まえがき 仕事をしていく中で、「先週何やってたっけ」や「何か改善したかったんだけど忘れた」と思うことが多々あった。 そこで、「毎月振り返りをやる」というアクション案が出た。 個人でやったことを振り返り、思ったことなどをメモしておこうという作戦…

エンジニアとして仕事をする中で、ドキュメントを書くということが非常に重要であると度々感じていた。 これまでドキュメントライティングを学んできた中で役に立った記事や書籍、そしてキーワードとおすすめの学習順を紹介する。 キーワード ロジカルシンキ…

WCAG 2.1 を読んで超短縮してまとめたものです Abstract WCAG とは Web Content Accessibility Guidelines の略 このガイドラインには、ウェブコンテンツをよりアクセシブルにするための推奨事項が載っている なぜ WCAG があるのか このガイドラインに従うと…

フロントエンドのコードをいじるときは、だいたいこういう流れでやるとよさそうというのを書いたものです。 あくまで「自分はこう思う」という一例です。 特にフロントエンド開発をするとき固有の事情について記載してあります。 フレームワークは Vue.js で…

「英語の学び方」を学ぶ記事。 エンジニア向けに作ったけど誰にでも刺さる内容になってた。 いちばん大事なこと 楽しむ 「勉強」と捉えてしまうと楽しくない。 そして続かない。 後述するが、英語学習は日々のトレーニングが重要なので、モチベーションを保…

複数のプロパティをまとめて指定できるショートハンド。 自分も気軽に利用していたが、詳しく調べてみると気をつけなければいけない仕様が結構あり、なるべく使わないほうがいいのではないかと感じた。 対象 あらゆるショートハンドプロパティ。 all, animat…

基本的にほとんどコピペで動くようになっているはず Slack に Webhook 通知する const sendWebhook = (webhookUrl, payload) => { const options = { method: 'post', contentType: 'application/json', payload: JSON.stringify(payload), } UrlFetchApp.fe…

BFF（Backend for Frontend）という言葉を気軽に使っているが、結局なんなのか分かってなかったので、ちゃんと本を読んで理解してみた。 読んだ本 マイクロサービスアーキテクチャ 第2版 単行本（ソフトカバー） - Amazon アフィリエイトリンク 雑な要約 「1…

国語の教科書のように最初から最後まで本を読んでいると、一冊読むのに凄まじい時間を消費してしまう。 そんなことをせず、効率的に本を読んで知識を仕入れるための方法を解説する。 忙しい人は「TL; DR」だけ読んだらいいけど、全部読んだほうが時短できる…

本 【この1冊でよくわかる】 ソフトウェアテストの教科書 [増補改訂 第2版] 単行本（ソフトカバー） - Amazon アフィリエイトリンク TL; DR ソフトウェアテストの目的 ソフトウェアの欠陥を取り除く ソフトウェアがユーザーの要求を満たせるようにする ソフ…