iwb.jp
Webサイト制作情報ブログ
- Website
- iwb.jp · all feeds from this site
- Feed URL
https://iwb.jp/feed/
Read it in your FeedListing reader
Or add to: Feedly Inoreader Raw feed
Latest posts
-
Ajvのスキーマ作成ツール「JSON to Ajv Schema Converter」
Ajvとは Ajv (Another JSON Validator)はJavaScriptで使われるJSON Schemaバリデーションを行うためのライブラリです。 以下のようにスキーマ(Schema)を作成して、GET 続きを読む The post Ajvのスキーマ作成ツール「JSON to Ajv Schema Converter」 first appeared on iwb.jp .
-
CSSのstickyで1枚目の表示領域が上に上がりながら2枚目以降を表示する方法
CSSのstickyで1枚目の表示領域を上げながら2枚目以降を表示 WebサイトのLP（ランディングページ）などで、スクロール時に1枚目の要素が上に固定されつつ、下から2枚目の要素が重ね重なるようにして固定が解除され、1 続きを読む The post CSSのstickyで1枚目の表示領域が上に上がりながら2枚目以降を表示する方法 first appeared on iwb.jp .
-
1分でできるNuxtとTanStack AIで作るJevのWebサイト
NuxtとTanStack AIをインストール 手軽に環境構築するためにNuxtとTanStack AIでWebサイトを構築します。 以下のコマンドでVue → Nuxtを選択しますが、Jevの結果を処理するファイルは別 続きを読む The post 1分でできるNuxtとTanStack AIで作るJevのWebサイト first appeared on iwb.jp .
-
PlaywrightでAuto-waitingを壊してしまう9つの最悪の書き方
PlaywrightのAuto-waitingとは Playwrightの最大の強みは、要素がクリック可能になるまで自動で待ってくれる「Auto-waiting（自動再試行）」の仕組みです。 この仕組みのおかげで、非同期 続きを読む The post PlaywrightでAuto-waitingを壊してしまう9つの最悪の書き方 first appeared on iwb.jp .
-
文字数のカウントが正確なWebサイトは少ないので注意
文字数のカウントが正確なWebサイトは少ない 普段何気なく利用しているお問い合わせフォームなどの文字数のカウンター。 実は、世の中のほとんどのWebサイトで文字数が正しくカウントされていません。 例えば、「吉𠮷👩🏾🚀👨 続きを読む The post 文字数のカウントが正確なWebサイトは少ないので注意 first appeared on iwb.jp .
-
Vitestで誤解の多いStub, Spy, Mock, Fakeの違いについて
4つのテストダブルの基本概念について Vitestを使ってテストを書いていると、「関数をダミーに差し替える」ための機能が多くて混乱することがあります。 特にStub、Spy、Mock、Fakeの4つは混同されがちです。 続きを読む The post Vitestで誤解の多いStub, Spy, Mock, Fakeの違いについて first appeared on iwb.jp .
-
WordPressでも使えるタブで切り替え可能なコードブロックの作成方法
タブで切り替え可能なコードブロックとは？ 答え: これのこと👇️ npm pnpm yarn Bun Logo bun コピーしました。 コピーしました。 コピーしました。 コピーしました。 最近、iwb.jp (Wor 続きを読む The post WordPressでも使えるタブで切り替え可能なコードブロックの作成方法 first appeared on iwb.jp .
-
Macをフリーズさせる凶悪なWebページ「The Deathray」
「The Deathray」とは？ WebページにアクセスするだけでMacの画面操作を完全に不能にする「The Deathray」と呼ばれる検証コードおよび仕組みを公開し、注目を集めています。 「The Deathray 続きを読む The post Macをフリーズさせる凶悪なWebページ「The Deathray」 first appeared on iwb.jp .
-
Next.jsやNuxtは匿名データを外部に送信する仕様なので注意が必要
Next.jsやNuxtは匿名データを外部に送信する モダンなWeb開発で広く使われているNext.jsやNuxtには、デフォルトで開発時の利用状況データを外部に自動送信する仕様が含まれています。 個人開発であれば気にす 続きを読む The post Next.jsやNuxtは匿名データを外部に送信する仕様なので注意が必要 first appeared on iwb.jp .
-
すべての組み合わせのテストコードはflatMapとmapで作成する
すべての組み合わせをflatMapとmapで作成 VitestやJestで「すべての組み合わせ」をテストしたいとき、各パターンを手作業で並べて書いているコードを見かけることがあります。 このようなコードは、手動で書いてい 続きを読む The post すべての組み合わせのテストコードはflatMapとmapで作成する first appeared on iwb.jp .
-
Vitest v4からv5への移行方法と破壊的変更の注意点
Vitest v5への移行方法と破壊的変更の注意点 v5では大幅なパフォーマンス向上や強力なデバッグツールの追加が行われました。 一方で、v5には破壊的変更が含まれているため、v4からの移行には注意が必要です。 劇的なパ 続きを読む The post Vitest v4からv5への移行方法と破壊的変更の注意点 first appeared on iwb.jp .
-
VitestやJestではtoEqualではなくtoStrictEqualを使うべき
VitestやJestのテストコードでtoEqualは不適切 VitestやJestのテストコードでオブジェクトや配列の検証を書く際、なんとなくtoEqualを使っているコードを良く見かけます。 toEqualには厳格に 続きを読む The post VitestやJestではtoEqualではなくtoStrictEqualを使うべき first appeared on iwb.jp .
-
NuxtはSSRかCSRの2択の設定だけでなくprerenderも必要
Nuxtはprerenderの設定も必要 Nuxtのレンダリング設定というと、多くの人がまず思い浮かべるのは の2択だと思います。 しかし実際には、Nuxtにはもう1つ重要な選択肢があります。それがprerender（事 続きを読む The post NuxtはSSRかCSRの2択の設定だけでなくprerenderも必要 first appeared on iwb.jp .
-
2027年度の新しいITパスポート試験のサンプル問題：解答と解説
2027年度の新しいITパスポート試験のサンプル問題 情報処理推進機構（IPA）は2027年度から開始を予定している新たな情報処理技術者試験・支援士試験に関するサンプル問題およびシラバス案の一部を公開しました。 今回の公 続きを読む The post 2027年度の新しいITパスポート試験のサンプル問題：解答と解説 first appeared on iwb.jp .
-
NuxtはpreprocessorMaxWorkersでコンパイルが倍以上速くなる
NuxtでSCSSのコンパイルが倍以上速くなる設定 Nuxt（Vue）プロジェクトで大量のSCSSを使っている場合、開発サーバーの起動やビルド時間が遅くなってしまうことがあります。 あまり知られていませんが、Nuxtでは 続きを読む The post NuxtはpreprocessorMaxWorkersでコンパイルが倍以上速くなる first appeared on iwb.jp .
-
NuxtでisNuxtMajorVersionのエラーが出たらnode_modulesなどを削除して直す
isNuxtMajorVersionのエラーが出ることがある pnpm dev (nuxt dev)を実行したときに、isNuxtMajorVersionのエラーが出ることがあります。 開発サーバー自体は一応起動するもの 続きを読む The post NuxtでisNuxtMajorVersionのエラーが出たらnode_modulesなどを削除して直す first appeared on iwb.jp .
-
Nuxt公式はreadBodyよりreadValidatedBodyを推奨している
NuxtのreadBodyとは readBodyはNuxtのserverディレクトリにおいて、クライアントから送信されたPOSTリクエストなどの「リクエストボディ（JSONデータなど）」を解析して取得するための非同期関数 続きを読む The post Nuxt公式はreadBodyよりreadValidatedBodyを推奨している first appeared on iwb.jp .
-
MacのChromeでアドレスバーに日本語が入力できないバグがある
Chromeでアドレスバーに日本語が入力できないバグ MacでGoogle Chromeを使っている際、アドレスバーで「かな」キーを押してもひらがな入力に切り替わらず、英語しか入力できなくなる問題が発生することがあります 続きを読む The post MacのChromeでアドレスバーに日本語が入力できないバグがある first appeared on iwb.jp .
-
NuxtのエラーはstatusCode → status, statusMessage → statusTextが推奨されている
Nuxt 4のエラーハンドリングのプロパティの変更 Nuxt 4（v4.3以降）では、エラー処理に関するプロパティ名がFetch API / HTTP仕様に合わせる形で見直されました。 statusCode → stat 続きを読む The post NuxtのエラーはstatusCode → status, statusMessage → statusTextが推奨されている first appeared on iwb.jp .
-
Nuxtでevent.context.paramsでパラメータを取得してはいけない
event.context.paramsとは Nuxt 4のevent.context.paramsは、サーバーAPIの動的ルートに含まれるパラメータを取得するためのオブジェクトです。 例えば、次のファイルがあるとします 続きを読む The post Nuxtでevent.context.paramsでパラメータを取得してはいけない first appeared on iwb.jp .