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...
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...
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...
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...
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...
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...
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...
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...
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...
Slidev
https://sli.dev/https://github.com/slidevjs/slidevSlidev でスライドを作成してみました。 環境 Windows 10 Pro node v14.60.0 感想 NTFS 上にプロジェクトを配置するのであれば、Windows のnode を利用するのがよいかもしれない。WSL のnode ではファイルの更新がうまく検知されないみたい。 npm init slidev でプロジェクトを作成するとnode_modules フォルダで260MB消費された。プロジェクトは一つだけにした方がよさそう。 生成されたslides.md は使用せず、このフォルダ下にスライド群(.md)を作っていくのがよいかもしれない。 PDF にエクスポートするにはnpm i -D playwright-chromiumしておく。npx slidev export...