はじめに 2025/11/16に開催されたJSConf JP 2025に参加してきました。 jsconf.jp アクセス 会場：グラントウキョウサウスタワー 東京都千代田区丸の内1-9-2 Timetable jsconf.jp 目次 横断組織が向き合うVisual Regression Testing — Chromaticは使い続ける…
キーノート by Evan you in FitFits with hacomonoトラック at 10:10 去年よりもダウンロード数が増えてきている。 Alien Signal もう成熟したフレームワークだと思っている。 安定性とエコシステムの安定。 内側から改善。内部の再実装。 パフォーマンスの…
目次 要件 実践 必要なもの Ubuntuのインストールのための準備 UbuntuOSのインストール 初期設定 SSH おまけ さらなるおまけ RAID1設定 WindowsPCの共有設定 終わり 参考 こんにちは。 自宅NASサーバを構築したいと思いました。 色々と調べながらやってみた…
はじめに 2024/11/23に開催されたJSConf JP 2024に参加してきました。 そこで参加できたセッションについて、まとめとノートしたこと（少ないですが...）、感想をアウトプットさせていただきます。 jsconf.jp アクセス 会場：九段坂上KSビル 〒102-0073 東京…
目次 調べたものとは？ 結果 まず問題あるのか？ 再代入可能な変数の状態管理における注意点 より良い状態管理の例 JavaScriptでの状態管理のための代替アプローチ クロージャを用いた変数のカプセル化： オブジェクトやクラスを利用した管理： 関数引数で状…
vuefes.jp 前回の記事 kostum.hatenablog.jp 2024/10/29に昨年も参加したVue Fes Japan 2024に参加してきました。 ということで、今年も参加したセッションでメモしたノートをアウトプットさせていただきたいと思います。 （本当は共有と言いたいところです…
目次 環境と使用ライブラリ、フレームワーク 設定方法 終わりに おはこんにちばんわ。 今回は、Vue.jsのフォームライブラリであるFormKitをStorybookで使う（表示させる）方法を共有させていただきます。 formkit.com storybook.js.org 内容は非常に簡単なも…
目次 調べたものとは？ 音楽ファイルに対応するタグ情報の種類 タグ情報について ID3v2 仕様 Header SyncsafeInteger ExtendedHeader Frame フレームでの文字列表現 XINGHeader MPEGフレームヘッダ 参考 VorbisComment 仕様 参考 Windows-Media-Metadata Hea…
目次 調べたもの FLACとは Features FormatOverview メタデータ オーディオデータ ブロッキング インターチャンネルデコリレーション モデリング 残留符号化 フレーミング その他 Format 範囲 アーキテクチャ 定義 ブロッキング チャンネル間のデコリレーシ…
目次 調べたものとは？ CRDTとは CRDT CAP定理 CRDTの理論 データタイプの種類について Commutative-Replicated-Data-Type(Operation-Based) Convergent-Replicated-Data-Type(State-Based) 実例 Webアプリケーションへの実装 終わりに 参考 調べたものとは…
前提 準備 方法 終わりに おはこんにちばんは obsidian.md Obsidian、使いやすいですよね。 私も、同僚に教えていただき使ってみたところ、使いやすく、メモなどに使っています。 このObsidianでは、コミュニティプラグインを用いることで、JavaScriptを実行…
前の記事 基本パターン ストアを作成および構築する データベースを開く ハンドラーの生成 データベースを作成またはデータベースのバージョンを更新する データベースを構築する キージェネレータを使用する データの追加、読み取り、削除 データベースにデ…
おはこんにちばんわ。 表題の件についてまとめようと思います。 が、すでに先人の方がまとめてくださっていますので、それを参照するだけになります。 Nuxt2の今後について nuxt.com こちらにあるように、2024-06-30以降、Nuxt2はメンテナンスされなくなりま…
IndexedDB API 主な特徴 IndexedDBデータベース IndexedDB IndexedDB APIは、ほとんどが非同期 IndexedDBは多くのリクエストを使用する IndexedDBはDOMイベントを使って、結果が利用可能になったことを通知する IndexedDBはオブジェクト指向 IndexedDBはSQL…
NextAuth.jsを使ってログインチェック時に、ログインしていなかったら（セッションが存在していなかったら）サインイン画面にリダイレクトさせるように実装していました。 このとき、APIモックにmswを使っていたのですが、SSR時に以下のエラーが発生して、か…
おはこんにちばんわ。 今回は、「e18e」というプロジェクトについて興味を持ったので、深掘りしていきたいと思います！ READMEやdocs配下のmarkdownを日本語に訳しながら見ていきたいと思います。 github.com e18eとは？ Contributing Credits cleanup コン…
はじめに 自動テストの基礎知識についてはここでは述べません。テストコードを書くときに注意したことについて、まとめました。 環境 ライブラリ・フレームワーク バージョン TypeScript v5.2.2 React.js v18 Next.js v14.0.4 jest v29.7.0 testing-library/…
プロジェクト進行 演習で身につく要件意義の実践テクニック UMLモデリングのエッセンス 第3版 標準オブジェクトモデリング言語入門 リファクタリング リーダブルコード プリンシパル オブ プログラミング FrontEnd Javascriptパターン 優れたアプリケー…
こんにちは。 今回、GoogleのChromeにおいて、Third Party Cookieをブロッキングするテストが始まるという記事を見て、どうゆうことなのか気になったので、色々と調べてみました。 ※ 以下の内容については、私が独自で調べた結果を記載しています。私自身、…
環境 技術 バージョン React.js ^18 Next.js 14.0.3 Storybook ^7.6.6 svgr ^8.1.0 Webpack @ Storybook 5 問題 Storybookを起動すると、ビルドは成功するが、Failed to execute 'createElement' on 'Document': The tag name provided ('static/media/publi…
vuefes.jp 2023/10/28に、Vue.jsのカンファレンスであるVue Fes Japan 2023に参加してきました。 こういった技術カンファレンスに参加するのは、（エンジニアとしては）初めてなので、学んだこと、感じたことを皆さんに共有できれば良いかな、と思います。 …
目次 序 前の記事 序 言語別のスタートガイドでは、開発環境のセットアップから、Dockerを使用した言語固有のアプリケーションのコンテナ化を開始するまでのプロセスを解説。 新しいDockerfileを作成する方法、Dockerイメージに何を含めるのか、Dockerイメー…
目次 1. Getting started チュートリアルを始める Docker ダッシュボード コンテナとは コンテナイメージとは 2. サンプルアプリケーション アプリの取得 アプリのコンテナイメージのビルド アプリケーションコンテナの起動 3. アプリケーションの更新 古い…
目次 Docker platform 何ができるのか アプリケーションの高速かつ安定したデリバリー レスポンシブなデプロイメントとスケーリング 同一ハードウェアでより多くのタスクを実行可能 アーキテクチャ Docker デーモン（dockerd） Docker クライアント（docker…
前の記事 kostum.hatenablog.jp 目的 Web Storage APIの仕様を知る。 結果 基本概念 Storageオブジェクトは、keyとvalueの組み合わせで、ページを読み込んでも存在し続ける。 keyは常に文字列で、これらにアクセスするには、オブジェクトと同様に、またはSto…
目的 Web Storage APIの仕様を知る。 結果 Web Storege API Coookieを使用するよりも直感的な方法で、keyと値のペアを保存できる仕組み Web Storageには以下の２つの仕組みがある。 sessionStorage ページのセッション中（ページの読み込みや復元を含む、ブ…
目的 Cookieの仕様を知る。 結果 Cookie サーバーがブラウザに送信するデータ ブラウザーに保存される その後のリクエストと共に同じサーバーへ送信される 一般的には２つのリクエストが同じブラウザから送信されたものであるかを知るために使用される 以下…
前の記事 kostum.hatenablog.jp 目的 docsifyでドキュメントのページを作成する。 結果 ページの作成 ディレクトリの構造に合わせて、URLパスが生成されます。 サイドバーの作成 自分で作成したサイドバーを使いたい場合、_sidebar.mdをdocs配下に作成し、in…
目的 docsifyを使って、ドキュメントをサイト生成する。 結果 docsifyとは ドキュメントをウェブサイト生成する。 GitBookのように、静的なHTMLファイルを生成するのではなく、マークダウンを読み込み、パースし、ウェブサイト上に表示する。 特長 HTMLをビ…
環境 javascript 問題 完全数とは, その数の真の約数の和がそれ自身と一致する数のことである. たとえば, 28の真の約数の和は, 1 + 2 + 4 + 7 + 14 = 28 であるので, 28は完全数である. 真の約数の和がその数よりも少ないものを不足数といい, 真の約数の和が…
