JSConf JP 2024に参加してきました。

Javascript Conference

はじめに 2024/11/23に開催されたJSConf JP 2024に参加してきました。そこで参加できたセッションについて、まとめとノートしたこと（少ないですが...）、感想をアウトプットさせていただきます。 jsconf.jp アクセス会場：九段坂上KSビル〒102-0073 東京…

2024-11-01

JavaScriptにおける再代入可能な変数の扱い方

Javascript

目次調べたものとは？結果まず問題あるのか？再代入可能な変数の状態管理における注意点より良い状態管理の例 JavaScriptでの状態管理のための代替アプローチクロージャを用いた変数のカプセル化：オブジェクトやクラスを利用した管理：関数引数で状…

2024-10-30

Vue Fes Japan 2024に行ってきました

Javascript Vue.js Conference

vuefes.jp 前回の記事 kostum.hatenablog.jp 2024/10/29に昨年も参加したVue Fes Japan 2024に参加してきました。ということで、今年も参加したセッションでメモしたノートをアウトプットさせていただきたいと思います。（本当は共有と言いたいところです…

2024-09-29

FormKitコンポーネントをStorybookに表示させる方法

Vue.js Nuxt.js

目次環境と使用ライブラリ、フレームワーク設定方法終わりにおはこんにちばんわ。今回は、Vue.jsのフォームライブラリであるFormKitをStorybookで使う（表示させる）方法を共有させていただきます。 formkit.com storybook.js.org 内容は非常に簡単なも…

2024-09-06

音楽メタ情報 - ID3v2、VorbisComment、Windows Media Metadata、id3チャンク、APEv2 -

目次調べたものとは？音楽ファイルに対応するタグ情報の種類タグ情報について ID3v2 仕様 Header SyncsafeInteger ExtendedHeader Frame フレームでの文字列表現 XINGHeader MPEGフレームヘッダ参考 VorbisComment 仕様参考 Windows-Media-Metadata Hea…

2024-08-31

FLACの仕様について調べた

Note FLAC

目次調べたもの FLACとは Features FormatOverview メタデータオーディオデータブロッキングインターチャンネルデコリレーションモデリング残留符号化フレーミングその他 Format 範囲アーキテクチャ定義ブロッキングチャンネル間のデコリレーシ…

2024-08-05

Yjs(リアルタイム共同編集を実現するためのアルゴリズムとデータ構造)について調べてみた

Javascript

目次調べたものとは？ CRDTとは CRDT CAP定理 CRDTの理論データタイプの種類について Commutative-Replicated-Data-Type(Operation-Based) Convergent-Replicated-Data-Type(State-Based) 実例 Webアプリケーションへの実装終わりに参考調べたものとは…

2024-07-31

ObsidianのnoteをJavaScriptで解析する

Javascript Obsidian

前提準備方法終わりにおはこんにちばんは obsidian.md Obsidian、使いやすいですよね。私も、同僚に教えていただき使ってみたところ、使いやすく、メモなどに使っています。このObsidianでは、コミュニティプラグインを用いることで、JavaScriptを実行…

2024-07-30

IndexedDB APIを知る② ~ IndexedDBを使う ~

Javascript Web documentation Note

前の記事基本パターンストアを作成および構築するデータベースを開くハンドラーの生成データベースを作成またはデータベースのバージョンを更新するデータベースを構築するキージェネレータを使用するデータの追加、読み取り、削除データベースにデ…

2024-07-29

Nuxt2 のこれからと Nuxt3からNuxt4へ

Nuxt.js

おはこんにちばんわ。表題の件についてまとめようと思います。が、すでに先人の方がまとめてくださっていますので、それを参照するだけになります。 Nuxt2の今後について nuxt.com こちらにあるように、2024-06-30以降、Nuxt2はメンテナンスされなくなりま…

2024-07-28

IndexedDB APIを知る①

Web documentation Note Javascript

IndexedDB API 主な特徴 IndexedDBデータベース IndexedDB IndexedDB APIは、ほとんどが非同期 IndexedDBは多くのリクエストを使用する IndexedDBはDOMイベントを使って、結果が利用可能になったことを通知する IndexedDBはオブジェクト指向 IndexedDBはSQL…

2024-07-27

msw + NextAuth.js(+ Next.js)で、認証チェック時にリダイレクトさせるときの注意点

Next.js TypeScript

NextAuth.jsを使ってログインチェック時に、ログインしていなかったら（セッションが存在していなかったら）サインイン画面にリダイレクトさせるように実装していました。このとき、APIモックにmswを使っていたのですが、SSR時に以下のエラーが発生して、か…

2024-07-26

e18eを知ってみた

Javascript

おはこんにちばんわ。今回は、「e18e」というプロジェクトについて興味を持ったので、深掘りしていきたいと思います！ READMEやdocs配下のmarkdownを日本語に訳しながら見ていきたいと思います。 github.com e18eとは？ Contributing Credits cleanup コン…

2024-06-09

自動テストを実装してみた

Javascript Next.js TypeScript Web 自動テスト Jest

はじめに自動テストの基礎知識についてはここでは述べません。テストコードを書くときに注意したことについて、まとめました。環境ライブラリ・フレームワークバージョン TypeScript v5.2.2 React.js v18 Next.js v14.0.4 jest v29.7.0 testing-library/…