VROID衣装の作りかた（こだわり編）｜おにちく
こんにちわ、VtuberのおにちくTRAINです。 衣装を作っている点数は、公開できないものやまだ出来ていないものなどをあわせて40点以上にあります。さほど多くない方だと思いますが、VROIDを使い始めてから月間1点は確実につくっています。 毎月なにかしらのイベントがあるためそのたびに衣装を新調してる感じです。こだわりを持って作っているので大量生産できませんが。一着ずつ愛着があります。 衣装作りというTPO合わせ、つまりBUFF「TPO」とは、 Time（時間）、Place（場所）、Occasion（場面）の頭文字を取った略語 時と場所と場合を合わせるということです。 「ドレスコード」というものです。 これを合わせることは、空気を読んだりなどの社会人の嗜み的なことを言うつもりはありません。 その空間にある地形効果を得られるという考え方 パワーアップバフがもらえる感じです。 衣装を考えるまえ
)
初心者ガイド (やる事まとめ) - VRChat 日本wiki
VRChat 日本wiki Quest・HTC viveほかVR機器対応ゲーム『VRChat』のwikiです。ここでは基本説明と自作アバターの追加方法などを載せていきます。 トップページページ一覧メンバー編集 初心者ガイド (やる事まとめ) 最終更新： note5r 2022年01月07日(金) 17:54:40履歴 Tweet VRChatとは プレイの始め方 VRChatアカウントの作成 一緒に遊ぶプレイヤーを探す SNSで探す イベントから探す ログイン後 VRChatの終了の仕方とクイックメニューについて 操作方法 ゲームの負荷を軽くする その他 VRChatとは ユーザーが作成したワールド（3D仮想空間）のインスタンス（チャットルームのようなもの）で交流ができるソーシャルVRサービスです。 「VR」と名称に含まれていますが、VR機材を使用せずプレイすることも可能です。 ※PCはW
Wallaby.jsを使ってフロントエンド開発のテストを効率化しよう - Findy Tech Blog
Findy Team+でフロントエンドエンジニアをしている 川村(@peijun333)です。 Findy では、フロントエンドのコード品質と安定性を確保するために Jest などのテストフレームワークを積極的に活用しています。通常、Jest は CLI から実行してテスト結果をコンソールで確認しますが、コマンドを用意する手間や、テスト経過のデバッグのために都度 console.log などでその内容を確認しなければならずとても不便です。 そこで、今回はテストの自動化とリアルタイムなフィードバックを提供する JavaScript の統合テストツールである Wallaby.js を紹介します。Wallaby.js を導入することで、開発効率の向上が期待できます。 Wallaby.js とは？ 前提条件 VS Code でテストの修正 Wallaby.js はリファクタリングに強い スナップシ
Nuxt3のAuto-imports機能 (components/composables) を拡張する
はじめに Nuxt3 には Auto-imports 機能というありがたい機能があります。/components、/composables直下のファイルや Vue3 API であるref、computedなどが import 不要で利用でき非常に便利です。 下記記事では「Pinia で Auto-imports できないか？」という点で調査を行いました。 本記事では機能のベースになっているunjs/unimportの README も見ながらcomponents、importsオプションを拡張していきます。 実際の利用ケースを考えながら拡張していきます。 対象ユーザー nuxt.config.ts のcomponents、importsオプションを拡張したい人 Vitest、Storybook で利用するunplugin-auto-importの設定を拡張したい人 unjs/unimpor
playwright（Node.js） で E2E テスト！
const { chromium, devices } = require('playwright'); (async () => { const browser = await chromium.launch(); const page = await browser.newPage({ ...devices['iPhone 11 Pro'] }); await page.goto('https://m.yahoo.co.jp'); await page.screenshot({path: './screenshot.png', fullPage: true}); await browser.close(); })() 各 API について 全て書くと多すぎるので、使えそうなものだけまとめてみます。 playwright playwright.chromium Chromium ブラウザ
Playwrightチートシート - Qiita
import { chromium } from 'playwright'; const browser = await chronium.launch({ headless: false }); 参考：Playwright - BrowserType - headless Cookieを取得 Cookieの取得はbrowserContext.cookies()を利用します。 なお、引数にURLとしてstringまたはstring[]が渡せます。 指定した場合は指定したURLのCookieを、 指定しない場合はブラウザが保持するすべてのCookieを取得できます。
入門者でも安心、Playwrightで驚くほど簡単にブラウザテストを行う | アールエフェクト
本文書ではブラウザを利用したテスト自動化ツールを利用した経験がない人、これから Playwright を使ってみたいという人を対象に Playwright の基本的な操作方法について説明を行っています。Vue と React のプロジェクトでの Playwright の利用方法についても後半に説明しています。 Playwrightとは Playwright は WEB アプリケーションのテストを自動化するオープンソースのテストツールです。Playwright ではユーザが実際にブラウザを利用して WEB アプリケーションの操作を行う代わりにプログラムを通してブウラザ(Chromium、Firefox、WebKit)を動かすことで WEB アプリケーションのテストを行います。ツールを利用しない場合は機能を追加/更新する度に開発者がブラウザでページを開き動作確認を行う必要があります。Playw
PlaywrightでカスタムURLスキームへの遷移をテストする
こんにちは。メディアサービス開発部Webアプリケーション開発課の奥川です。ニコニコ漫画のバックエンド開発を担当しています。 ニコニコ漫画ではe2eテストに Playwright を導入しており、OpenID Connectでの認証フローやAPIテストなど主にiOS/Androidアプリとの連携部分の検証に利用しています。 アプリ連携ではカスタムURLスキームを用いてアプリを起動することがあり、この際に意図通りのURLやパラメータを応答できているかを確認したいテストケースが存在します。カスタムURLスキームとは、 http:// や https:// の代わりに example:// のような独自のプレフィックスを用いて特定のアプリを直接起動できるURLパターンです。これにより、ウェブページや他のアプリから特定のアプリ内の特定のページや機能を直接呼び出すことが可能になります。 Playwri
Playwright | Yuuniworks Note
--- Getting Started --- Installation Playwright は E2E テストのためのツール とにかくマルチ マルチブラウザ(含むモバイル) マルチ OS マルチ環境(Local or CI) ヘッドレス or ヘッドフル チートシート yarn create playwright Playwright の導入時に一回だけ叩くコマンド npx playwright test テストの実行 npx playwright test --debug デバッグモードでテストを実行 ワーカーが 1 つだけになったうえ、Playwrite inspector を用いた 1 ステップごとの実行になる npx playwright test --trace on Trace を記録しつつテストを実行 npx playwright show-report HTML レ
Nuxt 3 における script setup の基本的な使い方と FAQ
2022年11月16日 Nuxt 3.0.0 (stable) がリリースされました（日本時間11/17） Announcing 3.0 • Nuxt この記事はベータリリース時に初稿を公開しましたが、本リリース版に対応するため加筆修正しています。 Vue.js 3.2 で導入された <script setup> ですが Nuxt 3 でも利用可能です。 <script setup> の基本的な使い方 Composition API ではあらたに setup() が利用できるようになりました。 Component 作成時において props 等の解決が行われた時点で呼ばれます。 呼び出し側の Component （親 Component ）で定義された情報のみアクセスでき Options API でいう this にアクセスすることはできません。 その setup() の簡易な書き方（糖衣
エンジニア向けFigmaの使い方を徹底解説 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
続いてそれぞれのユースケースについて、具体的な使い方を解説します。 Figmaの使い方・操作方法 デザインをもとにコーディングする場合 ‐ Dev mode Dev modeの利用がおすすめです。現在ベータ版で公開されており、2024年中に有料プランのみ使用可能となります。 主な機能として、作成したデザインをもとにコードを自動で生成させることができます。CSS、iOSのSwiftUI、AndroidのXMLなどに対応しています。 具体的な使い方は次のとおりです。今回はログイン画面を例にしています。 画面をセクションで囲む セクション名の右横のコードアイコンをクリック Open in Dev modeでDev modeに切り替える コード化したいコンポーネントを選択すると、右側のInspectでコードを参照できる ワイヤーフレームを作成する場合 ‐ コンポーネント機能 コンポーネント機能を利
Testing · Get Started with Nuxt
Nuxt offers first-class support for end-to-end and unit testing of your Nuxt application via @nuxt/test-utils, a library of test utilities and configuration that currently powers the tests we use on Nuxt itself and tests throughout the module ecosystem. InstallationIn order to allow you to manage your other testing dependencies, @nuxt/test-utils ships with various optional peer dependencies. For e
Vue 3 Migration Guide
Vue 2 support will end on December 31st, 2023. Learn more about Extended LTS if upgrading to Vue 3 isn't feasible before the EOL date. This guide is primarily for users with prior Vue 2 experience who want to learn about the changes between Vue 2 and Vue 3. This is not something you have to read from top to bottom before trying out Vue 3. The recommended way to learn Vue 3 is by reading the new do
Nuxt3環境にStorybook7を導入するにあたって詰まった内容を共有します
Nuxt3 + Storybookで環境を構築したので、その時の対応した内容になります。 各種パッケージのバージョン ※重要なパッケージのみ記載しています。 "nuxt": "3.0.0" "storybook": "^7.0.25" "storybook-addon-nuxt": "1.3.3" "react": "18.2.0" "react-dom": "18.2.0" 基本的な導入をするにあたり、参考にした記事 基本的な導入についてはVue3 + Storybookで問題ないため、ここでは説明しません。 以下の記事を主に参考にしました。 詰まった場所 1. Nuxt.jsでAuto Importを使用している場合、読み込みを行ってくれない Nuxt.jsでAuto Importを使用している場合、「storybook画面上のエラー」のようなエラー画面になってしまいます。 <temp
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
初心者からずっと使い続けたいPlaywrightスクリプトチートシート - Qiita
Playwright Test | Playwright
Bing
plugins/ · Nuxt Directory Structure
components/ · Nuxt Directory Structure
Suno AI
