Usage | tonal
tonal is a music theory library. Contains functions to manipulate tonal elements of music (note, intervals, chords, scales, modes, keys). It deals with abstractions (not actual music or sound). tonal is implemented in Typescript and published as a collection of Javascript npm packages. It uses a functional programing style: all functions are pure, there is no data mutation, and entities are repres
Vue / Vite 関連ライブラリー名の読み方 2024
Vue/Vite 関連のライブラリー名の読み方は間違えられやすいものが多く、混乱を招くことがあります。この記事では、2024 年現在における Vue/Vite 関連ライブラリーの正式な読み方や由来をまとめ、正しい知識を共有することを目的としています。 Vue フロントエンド UI フレームワークのひとつ。 「ヴュー」と読む（口語だと「ビュー」と発音することが多い）。 Vue（発音は /vjuː/、view と同様） https://ja.vuejs.org/guide/introduction.html#what-is-vue Pinia Vue 公式の状態管理ライブラリー。 「ピーニャ」と読む。スペイン語で「パイナップル」を表す単語 piña に由来。 「ピニア」ではない。 Pinia (pronounced /piːnjʌ/, like "peenya" in English) htt
｢それって感想ですよね｣は理屈がおかしい…｢屁理屈で論破してくる人｣を一発で黙らせるシンプルな返し方 ｢論破したがる人｣からわが身を守る方法
意見は、価値観と理屈でできている 意見とは、ある事実を自分の「価値観」で評価し、そこに「理屈」を伴わせた言葉です。価値観は事実に対する評価で、理屈とは意見の理由です。 では、あなたの理屈（意見の理由）が強固であれば、相手はあなたの価値観を受け入れざるを得なくなり、あなたは議論に有利になるでしょうか。 それは「単純にそう言えない」というのが私の考えです。 というのも、ある物事について賛成の立場をとる人と反対の立場をとる人は、往々にして同じことを問題にしており、しかも同じくらい理屈の筋が通っている場合が多いからです。 「同性婚」で考えてみましょう。賛成派も反対派も問題にしているのは、次のように、「①結婚制度の意味や存在意義」、「②結婚制度における人権や平等」といったことで一致しています。 同性婚賛成派……「①結婚制度とは、望んだ相手と家族という1つの共同体を形成することを保証するものである。し
イベント駆動コンテンツ
Webアプリケーションの効率を再定義するBEAR.Sundayの分散キャッシングフレームワーク 2024/3/9にPHPerKaigi 2024 でイベント駆動コンテンツ（Webアプリケーションの効率を再定義するBEAR.Sundayの分散キャッシングフレームワーク）という40分のトークを行いました。 最初のスライド 「まず、スライドをご覧ください。雲から楽しそうな物がぶら下がっているのをクマが見ています。これは何の象徴でしょうか。」 トークの冒頭でこのような呼びかけを行いました。 これから話すことは分散キャッシングなので、家の中に出現したクラウドからサービスが提供されているということを表しています。 このクマの視線はぶら下がっているサービスではなく、クラウドに向いています。つまり、サービスを生み出す仕組みを注視しているのです。 これは、常に問題の本質を見つめるという姿勢の象徴になっていま
Promise.withResolvers によるイベントの Promise 化 | blog.jxck.io
Intro Promise.withResolvers() は、 Stage 4 であり ES2024 の候補となった。 すでにブラウザでの実装も進んでいるため、その活用方法を解説する。 イベントの Promise 化 JS では、非同期処理 API は長らくイベントリスナベースで定義され、それを組み合わせるフロー制御で処理されてきた。 しかし、 Promise が定義されて以降は、標準 API も Promise を返すようになり、 async/await によって処理されるのが一般的になってきた。 結果、イベントリスナベースの API を Promise 化するような場面も増えた。 例えば以下のようなものだ。 async function request() { return new Promise((resolve, reject) => { document.querySelect
タブやアコーディオンの非表示コンテンツにはhidden="until-found"を使うべし ｜ TAKLOG
タブやアコーディオンの非表示コンテンツにはdisplay:noneがよく用いられますが、hidden="until-found"を利用するほうがメリットがあります。 hidden=“until-found”で非表示にしたコンテンツはページ内検索でアクセスできるuntil-foundはhidden属性に新たに追加された属性値です。 hidden - HTML: ハイパーテキストマークアップ言語 | MDN 従来のhidden属性とは違い、until-found"属性値を指定した場合はブラウザのページ内検索やページ内リンクでそのコンテンツが検出された場合、自動でhidden属性が取り除かれて表示することができます。 従来のdisplay:noneを使用した非表示ではコンテンツ内にページ内検索でマッチすべきワードがあったとしても検出できませんでしたが、hidden="until-found"を使
JavaScript である値がオブジェクト型であることを判定する変なテク
TC39の活動で有名なJordan Harbandが作成した下記issueで知ったのでメモ。 前提として、次のコードによって x がオブジェクト型であることを判断できる。JavaScriptにおける null は typeof の結果が "object" になるという有名な変な挙動がカバーされている。 function isObjectA(x) { return (typeof x === "object" && x !== null) || typeof x === "function"; }
ゼロからはじめるPython(114) HTMLからPDFを作成するツール「wkhtmltopdf」が開発終了・代替ライブラリのxhtml2pdfとWeasyPrintを試してみよう
HTMLからPDFを作成するツール「wkhtmltopdf」が開発終了・代替ライブラリのxhtml2pdfとWeasyPrintを試してみよう HTMLからPDFを作成するwkhtmltopdfの開発が終了し、今年に入って多くの配布サイトで非推奨のツールとなった。筆者も長らくお世話になっており、どのライブラリに乗り換えるのか悩んだので、今回はwkhtmltopdfの代替ライブラリを紹介する。 wkhtmltopdfに替わるxhtml2pdfとWeasyPrintを試してみよう なぜwkhtmltopdfの開発は終了したのか？ HTMLから手軽にPDFを作成できる「wkhtmltopdf」は、とても便利だった。簡単なHTMLタグを書くだけでPDFを作成できた。内部でQtライブラリのブラウザ機能であるWebkitを利用していたため、基本的にChromeやEdge/Safariなどのモダンブラウ
ジェットエンジンを作れる国と作れない国との差は、このわけのわからない無理難題を解決する能力の有無にある。
リンク Wikipedia ロケットエンジン ロケットエンジンとは推進剤を噴射する事によってその反動で推力を得るエンジンである。ニュートンの第3法則に基づく。 同義語としてロケットモータがある。こちらは固体燃料ロケットエンジンの場合に用いられるのが一般的である。 たとえば化学ロケットのロケットエンジンは、燃料（と酸化剤など）の化学反応＝燃焼による高温、高圧のガスを噴射する事によってその反動で推進力を得る。通常、エネルギー源と噴射する物質の双方を指して（ポピュラーな化学ロケットでは同一ということもあり）推進剤と言う。燃焼室の化学反応で得られた圧力はロケ 2 users
Prettierを使わない理由
この記事はPrettierを使用している人を非難したり、脱Prettierを推奨する事を目的としていません。 こういった考え方もあるということをひとつの意見としてご覧いただければ幸いです。 勘違いしている人が多そうなので追記します。 Prettierを使わないというのは私が独断で決めた事ではないです。 チームが発足する際の技術選定で合意は取れていますし、私が関与していない別のチームでも同様にPrettier無しで開発しています。 私達のチームはメンバー同士を互いに信頼していますし、細いスタイルで喧嘩を始めるようなメンバーは居ないので安心してください。 はじめに Prettierはコードフォーマッターとして広く使われているツールです。 コードスタイルに関する議論をなくすことを目的としており、ESLintとは異なりデフォルト設定のままですぐに使えるのが特徴です。 さらに、PrettierはJS
viteがなぜESBuildとrollupを使うのか等.md
viteがなぜESBuildとrollupを使うのか等.md viteがなぜESBuildとrollupを使うのか等.md ※この記事はWIPです。また単なる調査した結果なのでこれをきっかけにご自身で調査することをお勧めします rollupとviteの関係をまとめる viteはdev build時にESBuildを使っている viteはproduction build時にrollupを使っている 2つがなぜ分かれているかというと それぞれのシーンで求められている仕事に違いがあるため dev時 dev時はすぐに修正を更新しなくてはいけないため、ESbuildは素早くトランスパイルしてブラウザが持つNative ES Moduleにわたし、ESModuleは高速に依存関係を動的に解決していく。viteはすべての依存をESModuleにして一度すべての依存をbuildして.viteないのキャッシ
JavaScript PrimerのES2024対応を手伝ってくれるContributorとSponsorを募集しています
JavaScript PrimerのES2024の対応を進めていく予定なので、 対応を手伝ってくれるContributorとjsprimerというプロジェクトを支援してくれるSponsorを募集しています。 追記(2024-03-22): Contributorを希望する方は集まりました。ありがとうございます！ JavaScript Primerスポンサーは引き続き募集しています！ Gold Sponsors Supporters 3行サマリー ES2024の対応を6月末までにやるマイルストーンを切りました ES2024の対応を手伝ってくれるContributorを募集しています Open Collectiveを始めたので、プロジェクトを支援してくれるSponsorを募集しています jsprimerのES2024対応 jsprimerは毎年のECMAScriptの仕様改定にあわせてメジャー
GitHub、Copilotでより高い精度のコードを生成させる方法を指南。関連ファイルを開く、トップレベルのコメントを書くなど
GitHub、Copilotでより高い精度のコードを生成させる方法を指南。関連ファイルを開く、トップレベルのコメントを書くなど 記事の中で、プログラマが意図したコードを高い精度で生成AIに生成させるためのテクニックがいくつも紹介されています。これらのテクニックはCopilotに限らず、生成AIを用いてコードを生成させる際の参考になると思われます。 この記事では、紹介されているテクニックのポイントをまとめてみました。 GitHub Copilotでよりよいコードを生成するためのポイント 生成AI活用の基本として説明されたのは、大規模言語モデルを用いた生成AIでは、コンテキスト（文脈）に基づいて予測を行うように設計されているため、生成AIに対する入力やプロンプトがコンテキストに富んでいるほど良い出力が得られる、という原則です。 それゆえ、GitHub CopilotおよびGitHub Copi
スキルの掛け算・ソフトウェアに「呑み込まれた」世界で開発の魅力を発信する【株式会社アンドパッド・柴田博志】
スキルの掛け算・ソフトウェアに「呑み込まれた」世界で開発の魅力を発信する【株式会社アンドパッド・柴田博志】 2024年3月28日 株式会社アンドパッド フェロー 柴田 博志 2022年11月に株式会社アンドパッドに入社。OSS プログラマー、Ruby コミッタ、Ruby, RubyGems, Bundler, Rake, ruby-build など多数の OSS のメンテナ、ruby-lang.org の root 管理者としてプログラミング言語 Ruby の開発を支える基盤を統括している。株式会社アンドパッドの技術広報および Ruby の開発をフルタイムの業務として担当。 こんにちは、株式会社アンドパッドでフルタイムでプログラミング言語Rubyの開発と技術広報を担当している柴田です。今回はエンジニアのキャリアパスの新しい選択肢としての技術広報の面白さについてご紹介します。 keyboar
ブルシットジョブをやるくらいなら、ナマコを獲りに行こうぜ！
フリーランスのライター。 なんだか自宅でパソコン1台でマイペースに稼いでるイメージがあるだろう。 実際はそこまで気楽な稼業でもないが、確かに、毎日決まった満員電車に乗り、自分の体内時計を無視することを強いられ、余計な電話を取り、オフィスではなんとなく笑顔でいなければならない、そんな世界とは違う。 特に余計な電話、余計な人間関係はかなり削がれてコンパクトになる。 自分あての電話しかかかってこないし、居住地に関係なく仕事をしていると連絡のメインはチャットツールである。 わたしは比較的穏やかな性格、というか「イラッとしたり怒ったりするエネルギーがもったいない」という考えの持ち主だが、それでもわたしをかなり強くイラつかせる人が時々いる。 直接会話していなくてもストレスになるのだから、オフィスでこれらの人々が隣に座っていた日にはたまらないだろう。心から同情する。 わたしなりのライター観 納品した原稿
TypeScript5.4の新機能をピックアップ - RAKUS Developers Blog | ラクス エンジニアブログ
はじめに こんにちは。フロントエンド開発課に所属している新卒1年目のm_you_sanと申します。 3月6日にTypeScript5.4がリリースされました。 そこで、今回は個人的に気になった機能についてピックアップして紹介したいと思います。 はじめに 型の絞り込み NoInfer まとめ 型の絞り込み 関数クロージャ内の型の絞り込みの挙動が少し変わりました。 以下のgetUrlsでは、まず始めにtypeof演算子を使用して、第一引数のurlがstring型かどうかを確認しています。 string型であった場合、URLのインスタンスを生成します。 その後、map関数内でURLのプロパティであるsearchParamsを使用しています。 function getUrls(url: string | URL, names: string[]) { if (typeof url === "str
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「XZ Utils」にバックドア、オープンソースエコシステム全体の信頼を揺るがす事態に／0.5秒の遅延からたまたま発覚、数年をかけた周到なやり口が明るみに
GitHub - antfu/eslint-flat-config-viewer: A visual tool to help you view and understand your ESLint Flat config.
バックエンドとの統合 | Vite
東京には勉強ガチ勢が集うスタバがいくつかあるんだけど、コーヒー飲みに行っても気がついたら「本くらい読むかあ」という気持ちなる
