Neutralinojs + Nuxt3 + MMD + Audio
https://github.com/mrdoob/three.js/blob/dev/examples/webgl_loader_mmd_audio.htmlhttps://github.com/ktkr3d/neutralinojs-nuxt3 MMD の音声再生付きサンプルが掲載されていたのでNuxt3 に移植してみました。カメラ用のVMDでカメラアングルが目まぐるしく展開します。 利用させていただいたデータ。 PMD: hololive さん、桃鈴ねね公式mmd_ver1.0 VMD: hino さん、WAVEFILE 音声:ラマーズP さん、WAVEFILE まだ途中です。今日はここまで。 構築 クローン npm install -g @neutralinojs/neugit clone https://github.com/ktkr3d/neutralinojs-nuxt3.gitcd neutralinojs-nuxt3/nuxt3-srcnpm install モデル https://3d.nicovideo.jp/works/td78505...
Neutralinojs + Nuxt3 + Three.js
https://threejs.org/https://github.com/ktkr3d/neutralinojs-nuxt3Nuxt3 でThree.js を利用して3Dオブジェクトを描画してみました。 https://github.com/mrdoob/three.js/blob/dev/examples/webgl_loader_mmd.htmlhttps://github.com/ktkr3d/neutralinojs-nuxt3 MMD のサンプルが掲載されていたのでNuxt3 に移植してみました。PMDファイルとVMDファイルは以下の階層に配置します。 nuxt3-src/public/miku/miku_v2.pmd nuxt3-src/public/vmds/wavefile_v2.vmd 適当に組み込んだら動きました。まだ途中です。今日はここまで。 PMD: Lat さん、Lat式ミクVer.2.31 VMD: せっけんP さん、恋愛サーキュレーション モーション 構築npm inst...
Neutralinojs + Nuxt3 + Vuetify3
https://next.vuetifyjs.com/en/components/cards/ Nuetralinojs + Nuxt3 でVuetify3 のCards を使ってみました。 環境 Windows 10 Pro node v16.13.1 npm 8.1.2 neutralinojs v4.6.0 vue 3.2.37 nuxt 3.0.0-rc.4 vuetify 3.0.0-beta.5 sass 1.53.0 手順 プロジェクトの作成 npm install -g @neutralinojs/neugit clone https://github.com/ktkr3d/neutralinojs-nuxt3.gitcd neutralinojs-nuxt3/nuxt3-src プラグインのインストール npm install vuetify@3.0.0-beta.5npm install sassnpm install Vuetify3 のリリース前ならvuetify@next、リリースされたらvuetify@latestでもよい。 plug...
Neutralinojs + Nuxt3
https://github.com/ktkr3d/neutralinojs-nuxt3https://github.com/neutralinojs/neutralinojshttps://v3.nuxtjs.org/Neutralinojs でNuxt3 を使ってみました。Windows 10 (x64)、Ubuntu 22.04 (x64)、Ubuntu 22.04 (arm64)で動作しました。 環境 Windows 10 Pro node v16.13.1 npm 8.1.2 neutralinojs v4.6.0 vue 3.2.37 nuxt 3.0.0-rc.4 再利用するためのリポジトリと使い方npm install -g @neutralinojs/neugit clone https://github.com/ktkr3d/neutralinojs-nuxt3.gitcd neutralinojs-nuxt3/nuxt3-srcnpm installnpm run generatecd ..neu updateneu run 私が導入した手順neu...
Neutralinojs + Vue3
https://github.com/ktkr3d/neutralinojs-vuehttps://github.com/neutralinojs/neutralinojshttps://neutralino.js.org/docs/how-to/use-a-frontend-library/ Neutralinojs でVue3 を使ってみました。React を導入する手順を参考にしてVue3 に置き換えてみました。Windows 10 (x64)、Ubuntu 22.04 (x64)、Ubuntu 22.04 (arm64)で動作しました。 環境 Windows 10 Pro node v16.13.1 npm 8.1.2 neutralinojs v4.6.0 vue 3.2.37 再利用するためのリポジトリと使い方https://github.com/ktkr3d/neutralinojs-vue npm install -g @neutralinojs/neugit clone https://github.com/ktkr3d/neutralinojs-vue...
Tauri
https://github.com/tauri-apps/tauri Tauri を試してみました。 環境 Ubuntu 22.04 LTS amd64 node v18.4.0 npm 8.12.1 npm-run-tauri 1.0.0 cargo 1.61.0 (a028ae4 2022-04-29) rustc 1.61.0 (fe5b13d68 2022-05-18) rustup 1.24.3 (ce5817a94 2021-05-31) 構築 Node.js のインストール ~/.bashrcexport N_PREFIX=$HOME/.nexport PATH=$N_PREFIX/bin:$PATH $ . ~/.bashrc$ sudo apt install nodejs npm$ sudo npm install n -g$ sudo apt purge nodejs npm$ n latest Tauri 前提ライブラリのインストール $ sudo apt update$ sudo apt install libwebkit2gtk-4....
CHUWI Hi 10 Go
https://www.chuwi.com/jp/product/items/Chuwi-Hi10-Go.html CHUWI Hi 10 Go + Ubuntu 22.04 CHUWI Hi 10 Go の新旧スペック比較Hi 10 Go は一つの型式で2つのスペックがあるようです。 旧 Hi 10 Go 新Hi 10 Go CPU Celoron N4500 Celeron N5100 イヤフォンジャック あり なし スタイラス 対応 非対応? カバーキーボードのファンクションキー修飾配置も若干異なるみたいです。 ハード仕様 CPU Celeron N5100 Memory 6GB Storage 128GB Display 10.1 Resolution 1920*1200 Weight 600 g 気になる仕様 背面カバーは意外と重いので普段は取り外し キーボード キーボードは意外と打ちやすい US 配列左 Alt キーを無変換モード、右 Alt キーを変換モードに割り当てます Insert キーがないv...
Argos GNOME 42 Support
https://github.com/ktkr3d/argosGNOME Shell Extension のArgos をGNOME Shell 42 で実行できるようにしてみました。 環境 Ubuntu 22.04 Jammy GNOME Shell 42.beta 構築$ git clone https://github.com/ktkr3d/argos.git$ mkdir -p ~/.local/share/gnome-shell/extensions$ cp -r argos/argos@pew.worldwidemann.com ~/.local/share/gnome-shell/extensions X11 の場合は[Alt]-[F2] でrしてから拡張機能を有効化 パッチの内容argos_gnome42.patch argos_gnome42.patchdiff --git argos@pew.worldwidemann.com/button.js argos@pew.worldwidemann.com/button.jsindex 3565603..8...
Draw.io on code-server
WSL 上で実行しているcode-server でdraw.io integration 拡張を利用する方法を考えてみました。 はじめに以下の挙動になりました。 利用ホスト OS URL Draw.io の状態 ローカル Windows http://localhost:8080 有効 ローカル Windows http://127.0.0.1:8080 有効 ローカル Windows http://192.168.11.2:8080 無効 リモート Windows/Linux http://192.168.11.2:8080 無効 リモート Windows/Linux http://server:8080 無効 localhost 指定の場合に有効になるようです。利用するOS(localhost) の特定ポートをWSL のcode-server のポートに転送してあげればよいようです。 構成 構築 ローカルWindows の設定 WSL 上で以下を実行しておく。 #!/bin/bashIP=$(ip -f inet -o...
Development Environment on WSL
https://github.com/coder/code-server WSL にこっそり開発環境を構築しようと思います。Microsoft Store が利用不可、インターネットアクセスに認証プロキシが存在する環境とします。 実現する機能 WSL2 (Ubuntu 20.04, systemd 有効化) Code Server (Web版Visual Studio Code)をPWA化 Code Server の拡張機能 Japanese Language Pack (日本語化) Project Manager Activitus Bar Draw.io (図形エディタ) Gitea (Git リポジトリ管理) SliDev (スライド) 環境 項目 値 認証プロキシ環境 http://hoge:fuga@100.100.100.100:8080 ローカルホスト: OS Windows 10 Pro + WSL2 ローカルホスト: WSL WSL2 (Ubuntu 20.4) ローカルホスト: Microsoft Store 利用不可 ロー...









