DEV Community: Shoichi Okaniwa

セマンティックバージョニングがよくわかるクイズ12問

Shoichi Okaniwa — Sat, 18 Apr 2026 14:47:49 +0000

Introduction

I organized a seminar on semantic versioning for beginners using package management tools. The quiz format we used was well-received, so I am sharing the materials from that session.

By answering these questions, you will gain a good understanding of how semantic versioning works!

Give it a try!

What is Semantic Versioning?

This is one way to assign version numbers, often abbreviated as SemVer.

npm, a package management tool for Node.js, is a well-known example of using semantic versioning.
Learn more here.

For detailed specifications of semantic versioning, please refer to the following page:
https://semver.org/lang/en/

In this article, we will refer to the page mentioned above as the "specifications."

Semantic Versioning Quiz

Question 1: Which of the following version formats is correct according to semantic versioning?

[ ] 0.01.0
[ ] 0.1.3.1
[ ] 1-1-0
[ ] 1.2.a
[ ] 3,9,2
[ ] 2.-1.3
[ ] 0.11.0

Answer and Explanation
Correct answer: 0.11.0

According to the specifications:

> A normal version number MUST take the form X.Y.Z where X, Y, and Z are non-negative integers and MUST NOT contain leading zeroes. X is the major version, Y is the minor version, and Z is the patch version. Each element MUST increase numerically. For example: 1.9.0 -> 1.10.0 -> 1.11.0.

Explanation for each choice:

[ ] 0.01.0: Incorrect because leading zeroes are not allowed.
[ ] 0.1.3.1: Incorrect because the format must be X.Y.Z.
[ ] 1-1-0: Incorrect because the format must be X.Y.Z.
[ ] 1.2.a: Incorrect because X, Y, and Z must be non-negative integers.
[ ] 3,9,2: Incorrect because the format must be X.Y.Z.
[ ] 2.-1.3: Incorrect because X, Y, and Z must be non-negative integers.
[x] 0.11.0: Correct.

Question 2: A bug was found in version 1.1.9! After fixing the bug, what will the version number be?

[ ] 1.1.9.1
[ ] 1.1.10
[ ] 1.2.0

Answer and Explanation
Correct answer: 1.1.10

According to the specifications:

> Patch version Z (x.y.Z | x > 0) MUST be incremented if only backward-compatible bug fixes are introduced. A bug fix is defined as an internal change that fixes incorrect behavior.

Explanation for each choice:

[ ] 1.1.9.1: Incorrect because the format must be X.Y.Z.
[x] 1.1.10: Correct as the patch is incremented for a bug fix.
[ ] 1.2.0: Incorrect since no new functionality was added.

Question 3: A new path (new feature) was added to the Web API in version 1.2.5! The existing features have not changed. What will the version number be?

[ ] 1.2.5.1
[ ] 1.2.6
[ ] 1.3.0
[ ] 1.3.5
[ ] 2.0.0

Answer and Explanation
Correct answer: 1.3.0

According to the specifications:

> Minor version Y (x.Y.z | x > 0) MUST be incremented if new, backward-compatible functionality is introduced to the public API. It MAY include patch level changes. Patch version MUST be reset to 0 when minor version is incremented.

Explanation for each choice:

[ ] 1.2.5.1: Incorrect because the format must be X.Y.Z.
[ ] 1.2.6: Incorrect because a new feature was added, not a bug fix.
[x] 1.3.0: Correct as new functionality means incrementing the minor version.
[ ] 1.3.5: Incorrect because patch version must be reset when the minor is incremented.
[ ] 2.0.0: Incorrect as the change is backward-compatible.

Question 4: At the early stage of development, what is the safest initial version number? (It's also a matter of convention)

[ ] 0.0.0
[ ] 0.0.1
[ ] 0.1.0
[ ] 1.0.0

Answer and Explanation
Correct answer: 0.1.0

According to the specifications:

> In the early stages of development, version numbers can safely start at 0.1.0 and increment minor version for each subsequent release.

Explanation for each choice:

[ ] 0.0.0: There's no harm here, but the specifications suggest starting at 0.1.0.
[ ] 0.0.1: There's no harm here, but the specifications suggest starting at 0.1.0.
[x] 0.1.0: Correct as per the specifications.
[ ] 1.0.0: Incorrect since the software is not yet public.

Question 5: After refactoring version 1.2.7, the processing speed doubled! The API specification hasn't changed. What will the version number be?

[ ] Remain 1.2.7
[ ] 1.2.7.1
[ ] 1.2.8
[ ] 1.3.0
[ ] 2.0.0

Answer and Explanation
Correct answer: 1.2.7 or 1.3.0

According to the specifications:

> Minor version Y (x.Y.z | x > 0) MAY be incremented if significant new functionality or improvements are added internally, even with compatible API.

Explanation for each choice:

[x] Remain 1.2.7: Correct; no external change.
[ ] 1.2.7.1: Incorrect because the format must be X.Y.Z.
[ ] 1.2.8: Incorrect as there's no bug fix.
[x] 1.3.0: Correct if internal changes warrant a version increment.
[ ] 2.0.0: Incorrect since backward compatibility is maintained.

Question 6: You're developing both a mobile app and a Web API. The Web API, version 0.3.5, is only used by the mobile app. The mobile app is now released on the App Store! What will the Web API version be?

[ ] Remain 0.3.5
[ ] 0.3.6
[ ] 0.4.0
[ ] 1.0.0

Answer and Explanation
Correct answer: 0.3.5 or 1.0.0

According to the specifications:

> Version 1.0.0 defines a public API. It should be released if the software is used in production or if significant dependencies exist.

Explanation for each choice:

[x] Remain 0.3.5: Correct if no public use.
[ ] 0.3.6: Incorrect as no bug fix.
[ ] 0.4.0: Incorrect as no change in functionality.
[x] 1.0.0: Correct if the API is now public via the App Store.

Question 7: You changed a feature specification in version 1.12.6! It's no longer backward-compatible. What will the version number be?

[ ] 1.12.7
[ ] 1.13.0
[ ] 2.0.0
[ ] 2.1.0
[ ] 2.12.0

Answer and Explanation
Correct answer: 2.0.0

According to the specifications:

> Major version X (X.y.z | X > 0) MUST be incremented if any backward-incompatible changes are introduced to the public API. Minor and patch versions MUST be reset to 0.

Explanation for each choice:

[ ] 1.12.7: Incorrect as major version must increase with incompatibility.
[ ] 1.13.0: Incorrect as major version must increase with incompatibility.
[x] 2.0.0: Correct for backward incompatibility.
[ ] 2.1.0: Incorrect; minor and patch reset with major change.
[ ] 2.12.0: Incorrect; minor and patch reset with major change.

Question 8: You changed a feature in version 0.3.6! It's no longer backward-compatible, but we are still in early development where frequent changes are expected. What's a prudent version number?

[ ] 0.4.0
[ ] 1.0.0

Answer and Explanation
Correct answer: 0.4.0

According to the specifications:

> Major version zero (0.y.z) indicates development. Changes can occur at any time. Do not assume stability.

> 1.0.0 should be released if the software is used in production or is stable and relied upon.

Explanation for each choice:

[x] 0.4.0: Correct for early development, using a minor increment.
[ ] 1.0.0: Incorrect as it's still in early development.

Question 9: A bug was found in 1.5.2! You've fixed it and added a new feature without changing existing specifications. What's the version number now?

[ ] 1.5.3
[ ] 1.6.0
[ ] 1.6.1
[ ] 2.0.0

Answer and Explanation
Correct answer: 1.6.0

According to the specifications:

> Minor version Y (x.Y.z | x > 0) MUST be incremented if backward-compatible functionality is added. Patch version should be reset.

Explanation for each choice:

[ ] 1.5.3: Incorrect as minor must increase with functionality.
[x] 1.6.0: Correct for adding functionality.
[ ] 1.6.1: Incorrect as patch resets with a minor increment.
[ ] 2.0.0: Incorrect since changes are backward-compatible.

Question 10: After releasing version 2.6.3, a bug was immediately found and fixed in 30 seconds! What's the new version?

[ ] Remain 2.6.3
[ ] 2.6.4

Answer and Explanation
Correct answer: 2.6.4

According to the specifications:

> Once a versioned package is released, the contents must not be modified. Any errors must be corrected in a new version.

Therefore, even if quickly adjusted, the version should be 2.6.4.

Question 11: You deprecated an API in version 1.14.3. What's the new version?

[ ] 1.14.4
[ ] 1.15.0
[ ] 2.0.0

Answer and Explanation
Correct answer: 2.0.0

According to the specifications:

> If any public API is deprecated, the major version must increase due to loss of backward compatibility.

Explanation for each choice:

[ ] 1.14.4: Incorrect since backward compatibility is lost.
[ ] 1.15.0: Incorrect since backward compatibility is lost.
[x] 2.0.0: Correct as major version increases with deprecation.

Question 12: You plan to deprecate an API in version 1.11.1 but haven't done so yet. Documentation will mention this upcoming change. What's the version number?

[ ] Remain 1.11.1
[ ] 1.11.2
[ ] 1.12.0
[ ] 2.0.0

Answer and Explanation
Correct answer: 1.12.0

According to the specifications:

> If a public API is scheduled to be deprecated, you must increase the minor version.

Explanation for each choice:

[ ] Remain 1.11.1: Incorrect since deprecation is planned, warranting a version change.
[ ] 1.11.2: Incorrect since the minor version must increase with deprecation plans.
[x] 1.12.0: Correct, as planned deprecation means bumping the minor version.
[ ] 2.0.0: Incorrect since changes are still backward-compatible.

Conclusion

The quiz format sparked quite an excitement at my workplace. Feel free to challenge your colleagues too.

If there's any mistake in this quiz, please let me know.

Thank you for participating.

gccのDocker公式イメージ使ってC++でHelloWorldしてみた

Shoichi Okaniwa — Fri, 17 Apr 2026 15:04:02 +0000

Introduction to Handling C++ Code

In our ongoing web service project, we need to work with C++ source code. Our goal is to ensure that this code compiles and runs in a Linux environment using GCC inside a Docker container. We are not using make or focusing on minimizing the environment size for now.

You can find the sample code created for this purpose here.

Searching for a Docker Image

Searching for GCC on Docker Hub revealed an official image available here.

We'll use this image (although there might be a lighter one available).

Creating the C++ Source Code

Let's create a simple Hello World! program in C++.

#include <iostream>

int main()
{
    std::cout << "Hello world!" << std::endl;
}

Creating a Script for Compiling and Executing

Here's a script to compile the C++ file. Place it in the same directory as your .cpp file.

#!/bin/bash

# Compile
g++ hello.cpp -o hello

# Execute
./hello

Creating `docker-compose.yml`

After pulling the official Docker image, we'll use it to execute build.sh.

version: '3'
services:
  gcc-cpp-sample:
    image: 'gcc:9.2'
    volumes:
      - ./cpp:/src/cpp
    working_dir: /src/cpp
    command: ./build.sh

Ensure the cpp folder is at the same level as docker-compose.yml, and place hello.cpp and build.sh inside it.

Execution!

By executing the command:

docker-compose up

the message Hello World! was successfully displayed!

Sample Code

You can find the sample code here. In addition to what's covered in this article, it also includes compiling and executing C language programs.

Conclusion

Returning to GCC after about 10 years was a great mental exercise.

This article was created with reference to the following resources. Thank you for the clear and informative articles.

Additionally, if you're concerned about the size of the official Docker image, you may want to consider Alpine Linux for a lighter environment. Here's a comprehensive guide:

Docker + C Language Environment: Lightweight Alpine Linux is Good

iPhoneのSafariで表示しているページをMacのSafariでデバッグする

Shoichi Okaniwa — Thu, 16 Apr 2026 15:44:57 +0000

Debugging Web Pages Viewed on iPhone

While accessing the website under development with Safari on iPhone, I noticed it wasn't functioning correctly. Web browsers on Windows and Mac displayed it correctly, indicating an issue specific to iPhone.

Upon researching, I found using Mac's Safari the simplest method for iPhone debugging and decided to give it a try successfully. To avoid forgetting, I've outlined it here.

Steps for iPhone

First, open the Settings app. Navigate to Safari → Advanced → and toggle Web Inspector ON.

Then, open the page you wish to debug in Safari on your iPhone.

Connecting iPhone and Mac

Connect your iPhone and Mac via USB.

If prompted with "Trust This Computer?" on the iPhone, tap Trust and input your passcode.

Source: https://support.apple.com/ja-jp/HT202778

Steps for Mac

First, launch Safari.

Hover over the Develop menu in the menu bar.

If Develop is not visible, go to the menu bar's Safari → Preferences → Advanced and enable Show Develop menu in menu bar.

Hover over the Develop menu, and you’ll see the iPhone device name listed. Hover over it to display the URLs of the pages open in Safari on your iPhone. Select the page you wish to debug.

This will open the Web Inspector window.

You can now proceed with debugging.

Conclusion

I'm glad this could be done easily.

Node.jsで発行したS3の署名付きURLへアップロードすると403エラーになる

Shoichi Okaniwa — Wed, 15 Apr 2026 15:11:23 +0000

Handling 403 Errors When Uploading to S3 Signed URLs with Node.js

I encountered challenges uploading files to Amazon S3 using signed URLs with Node.js. So, here’s a rundown to avoid the same issues in the future.

I referred to this article on generating signed URLs with Node.js:
{AWS(CloudFront+S3)+Node.js} Delivering Private Content Using Signed URLs

Successfully Generated Download Signed URLs

Generating signed URLs for downloading worked smoothly with the following code:

import AWS from 'aws-sdk';

// AWS authentication details

// Create S3 instance
const s3 = new AWS.S3();

// Generate download URL
const downloadUrl = await s3.getSignedUrl('getObject', {
  Bucket: 'your-bucket-name',
  Key: 'your-object-name',
  Expires: 60,
});

Encountering Issues with Upload Signed URLs

Using a similar approach, I generated upload signed URLs, which were created successfully.

import AWS from 'aws-sdk';

// AWS authentication details

// Create S3 instance
const s3 = new AWS.S3();

// Generate upload URL
const uploadUrl = await s3.getSignedUrl('putObject', {
  Bucket: 'your-bucket-name',
  Key: 'your-object-name',
  Expires: 60,
});

However, when attempting to upload a file using the generated URL, I received a 403 status code. The response body looked like this:

<?xml version="1.0" encoding="UTF-8"?>
<Error>
    <Code>SignatureDoesNotMatch</Code>
    <Message>The request signature we calculated does not match the signature you provided. Check your key and signing method.</Message>
    <AWSAccessKeyId>hoge</AWSAccessKeyId>
    <StringToSign>hoge</StringToSign>
    <SignatureProvided>hoge</SignatureProvided>
    <StringToSignBytes>hoge</StringToSignBytes>
    <RequestId>hoge</RequestId>
    <HostId>hoge</HostId>
</Error>

In short, it indicated an issue with the signing method.

Utilizing Signature Version 4

After further investigation, I discovered an issue:
Node.js pre-signed URL for PUT response is 'signature does not match'

As per this issue, use signature version 4 when generating the URL.

// Create S3 instance
const s3 = new AWS.S3({
  signatureVersion: 'v4',
});

// Generate upload URL
const uploadUrl = await s3.getSignedUrl('putObject', {
  Bucket: 'your-bucket-name',
  Key: 'your-object-name',
  Expires: 60,
});

By testing uploads with the above code, I successfully uploaded files!

Conclusion

I'm relieved to have resolved this issue. Special thanks to the following articles for their clear explanations:

Removing Only the First Line of a Multi-Line String in JavaScript

Shoichi Okaniwa — Tue, 14 Apr 2026 15:18:22 +0000

Encountering a CSV File with an Unusual First Line

I came across a CSV file like the one below. (This is not actual business data.)

hogehoge
name,value,count
りんご,100,2
バナナ,150,4

In this scenario, there's an unwanted string in the first line that isn't in CSV format. I needed to remove it before processing the CSV data. Let's assume the line breaks are LF.

Removing Only the First Line of a Multi-Line String

Surprisingly, I couldn't find many articles on this topic, so I'm documenting it before I forget.

This can be achieved with a combination of indexOf and substr.

// Define a multi-line string (In reality, this would be read from a file)
const inputString = `hogehoge
name,value,count
りんご,100,2
バナナ,150,4`;

// Find the position of the first line break
const firstRowEndPos = inputString.indexOf('\n', 0);

// Extract the string starting from the position after the first line break
const outputString = inputString.substr(firstRowEndPos + 1);

// Display the result
console.log(outputString);

In Conclusion

It was relatively simple to implement. If you also need to consider CR, it might become a bit more complex.

Copy Firebase Environment Variables to Bash

Shoichi Okaniwa — Mon, 13 Apr 2026 15:21:07 +0000

Introduction

Firebase functions allow you to set environment variables. For an easy-to-understand guide on setting them, please refer to this article: How to Set Environment Variables in Firebase.

I wanted to use these environment variables in Bash as well, so I devised a command to copy them.

Example of Environment Variables

Assume the following environment variables are registered in Firebase functions:

{
  "hoge": {
    "client_id": "fuga"
    "client_secret": "piyo",
  }
}

The goal here is to copy the client_id and client_secret into Bash.

Installing jq

To parse JSON, we need the command-line tool jq.

# Mac
brew install jq

# Windows
choco install jq

# Ubuntu
apt-get install jq

# CentOS
yum install jq

Registering in Bash Environment Variables

You can register them with the following command:

export $(firebase functions:config:get | jq -r '.hoge' | jq -r 'keys[] as $k | "export \($k)=\(.[$k])"')

Replace hoge with the appropriate value as needed.

This method was inspired by the article Export JSON key:value to environment variables.

Verifying Bash Environment Variables

$ echo ${client_id}
fuga

$ echo ${client_secret}
piyo

The variables were successfully copied.

Conclusion

The following articles were invaluable references. Thank you for the clear guidance.

IoT Setup in My Home

Shoichi Okaniwa — Sun, 12 Apr 2026 14:46:55 +0000

IoT Setup in My Home

I often get asked about the configuration of IoT devices in my home, so I've created a diagram to illustrate it.

The diagram shows two instances of Wi-Fi, though they represent the same device. I structured it this way to depict the flow of data from left to right.

Nature Remo

Thanks to Nature Remo, I can control devices like projectors and air conditioners that are not IoT-compatible via infrared. I highly recommend it!

IFTTT

Most IoT products come with their own smartphone apps for precise control. However, to manage multiple IoT products collectively, I've consolidated all controls using IFTTT.

By setting up scenarios like leaving home, returning home, or bedtime within IFTTT, and registering the control actions for various IoT products there, it becomes incredibly convenient.

Voice Chat on Discord with VOICEROID Transformed Speech

Shoichi Okaniwa — Sat, 11 Apr 2026 14:41:16 +0000

Introduction

I experimented with converting my voice using VOICEROID while chatting on Discord. Initially, I couldn't hear the transformed voice myself, so I researched how to enable this. I hope this is helpful for those starting as machine-voiced VTubers.

Setup Overview

The setup process involves the following steps:

Record your voice via a microphone
Convert the voice to text using Yukari-net
Use VOICEROID to generate audio from the text
Input the audio into VB-AUDIO
Set this as the input device on Discord

Preparations

It's assumed that you have set up the flow from Microphone to Yukari-net to VOICEROID.

This article was extremely helpful:

https://ariemonn.net/entry/2018/01/22/131410

Installing Virtual Audio Device

Install the virtual audio device VB-CABLE from:

https://www.vb-audio.com/Cable/

This guide was beneficial:

https://arutora.com/archives/20180516223000/

Configuring Virtual Audio Device

Next, in VOICEROID, go to Options → Others → Audio Device and select CABLE Input (VB-Audio Virtual Cable).

Then, in Discord, click the gear icon → App Settings → Voice & Video → Input Device and choose CABLE Output (VB-Audio Virtual Cable).

This allows you to converse with the VOICEROID voice on Discord. However, you still can't hear the transformed voice yourself yet.

Listening to Your Transformed Voice

On Windows 10, right-click the speaker icon 🔈 in the notification area (task tray) → Sound → Recording tab → right-click on CABLE Output → Properties → Listen tab → check Listen to this device.

Now, you can hear the transformed voice.

Conclusion

By substituting the Discord setting with VRChat, you can also converse in VR worlds!

How to Install Corretto 8 on Windows

Shoichi Okaniwa — Fri, 10 Apr 2026 14:54:54 +0000

Introduction

I might transition from OracleJDK to Amazon Corretto, so I documented the steps for installing Corretto 8 on Windows 10. This method likely works for Windows 7 as well.

For Mac installations, this article was helpful: [Java] Installing Amazon Corretto 8.

What is Corretto?

Corretto is a JDK implemented by Amazon, verified by the Java community and compatible with the Java SE standard. It can be used on Amazon Linux 2, Windows, and Mac, with more OS support on the way.

What is Corretto 8?

Amazon Corretto 8 is a JDK for Java 8, with free support expected until at least June 2023.

Downloading the Installer

The Corretto 8 installer is available here.

For my Windows 64bit environment, I downloaded amazon-corretto-8.202.08.2-windows-x64.msi. For Windows 32bit, download from Windows x86.

The JRE version lacks a compiler, so the JDK version is necessary for development (though JRE includes the JVM and API).

Running the Installer

Double-click the installer to start the wizard and follow the on-screen instructions.

At this point, the installation is complete. By default, it's installed at:

C:\Program Files\Amazon Corretto\jdk1.8.0_202

Setting Environment Variables

For Command Prompt

First, check JAVA_HOME. It should be automatically added to your system environment variables by the installation. If JAVA_HOME existed before, its value gets overwritten.

Verify the setup with:

echo %JAVA_HOME%

It should display C:\Program Files\Amazon Corretto\jdk1.8.0_202.

Add the following to the start of the Path system environment variable:

%JAVA_HOME%\bin

Skip this if you had previously added another JDK.

For Git Bash

If using Git Bash, manually set its environment variables. Open %USERPROFILE%\.bash_profile in a text editor (create it if absent).

Add these at the end and save:

# Java
export JAVA_HOME='/c/Program Files/Amazon Corretto/jdk1.8.0_202'
export PATH=$PATH:${JAVA_HOME}/bin

Restart Git Bash and verify by running:

echo $JAVA_HOME

It should display /c/Program Files/Amazon Corretto/jdk1.8.0_202.

Checking the Java Version

Check your Java version in Command Prompt or Git Bash with:

java -version

If this displays correctly, your installation was successful. Congratulations!

openjdk version "1.8.0_202"
OpenJDK Runtime Environment Corretto-8.202.08.2 (build 1.8.0_202-b08)
OpenJDK 64-Bit Server VM Corretto-8.202.08.2 (build 25.202-b08, mixed mode)

Switching to Another JDK

To switch, change the JAVA_HOME system environment variable to the path of another JDK.

For example, if OracleJDK is installed at C:\Program Files\Java\jdk1.8.0_172, set JAVA_HOME to this path to enable OracleJDK over Corretto.

Conclusion

Installation was straightforward, and tests on existing Java projects ran without issues.

Resolving Unknown Errors When Changing Device Mode in OpenVR Input Emulator

Shoichi Okaniwa — Thu, 09 Apr 2026 15:27:25 +0000

Introduction

OpenVR Input Emulator is a tool that extends SteamVR's input system. I encountered an error when attempting to assign the movement of a VIVE tracker to a VIVE controller.

First, I opened the settings page of OpenVR-InputEmulator in SteamVR.

Here, when I set Device Mode to Swap with and clicked Apply, the following message appeared:

Set Device Mode
Could not set device mode: Unknown error

Operating Environment

The error occurred under the following conditions:

Windows 10 64bit
SteamVR 1.2.10
OpenVR Input Emulator 1.3

Investigation

I found a report of the same issue here:
https://github.com/matzman666/OpenVR-InputEmulator/issues/134

Following the link leads to this pull request:
https://github.com/matzman666/OpenVR-InputEmulator/pull/130

Apparently, applying a patch developed by volunteers to SteamVR resolves the issue. Note: This patch seems to be for Windows 10 64bit only.

Solution

Stop SteamVR

First, stop SteamVR if it's running! This is crucial!

Apply the Patch to SteamVR

Next, download and unzip driver_vrinputemulator_release_hopefully.zip mentioned in the pull request conversation.

Inside, there is a folder named driver_vrinputemulator, which should be placed in C:\Program Files (x86)\Steam\steamapps\common\SteamVR\drivers\driver_vrinputemulator.

Note: If you have changed the default installation location of SteamVR, adjust the placement accordingly.

If you have a folder named 00vrinputemulator directly under drivers, it should be removed. (Ensure to back it up just in case.)

Disable Safe Mode

Then, launch SteamVR. An alert appeared for me:

SteamVR in Safe Mode
Due to a recent crash, SteamVR is currently operating in safe mode. In this mode it will only load trusted drivers to avoid compatibility issues.

This indicates SteamVR started in safe mode because of a recent crash and is loading only trusted drivers to avoid issues.

In this state, the newly placed driver_vrinputemulator may not load correctly. Disable safe mode by clicking Disable Safe Mode in the dialog. This restarts SteamVR.

That's it for the process!

If It's Still Not Working...

It's possible that OpenVR-InputEmulator isn't installed correctly. In my case, keeping SteamVR running while installing OpenVR-InputEmulator caused it not to work properly.

After uninstalling OpenVR-InputEmulator, restarting my PC, stopping SteamVR, and reinstalling OpenVR-InputEmulator, it worked on my PC.

Conclusion

Thanks to the volunteers who created the patch, I was saved.

Trace Modeling in VRoid with Transparent Windows

Shoichi Okaniwa — Wed, 08 Apr 2026 15:17:25 +0000

This article is the 21st entry for the VTuber Tech #1 Advent Calendar 2018.

Introduction

If you are creating 3D avatars for VTuber or VRChat, you might be using VRoid Studio. I've started learning it myself and found this tutorial helpful: sleepfreaks Movie Site | How to Use VRoid Studio. They mention using Fluid Browser for image transparency on Mac, so I looked for a Windows alternative.

What is VRoid Studio?

VRoid Studio is a PC application for creating humanoid 3D character models. Even without artistic skill, I can make cute characters with it. It's offered for free by pixiv. Check it out here: pixiv | VRoid Studio. For detailed tutorials, this article might be helpful: Creating Characters with VRoid. The official site also provides many resources: VRoid Studio Tips and Techniques.

Making Windows Transparent

Suppose you want to model a face using reference images. Open a face image in Windows 10's Photos app.

Then open VRoid Studio in another window.

By setting the transparency of VRoid Studio to 50%, it looks like this:

With layered reference images, you can trace the model, making the task easier, a technique known as trace modeling.

Using Glass2k for Transparency

There are various ways to create transparent windows, but I'll introduce Glass2k, the only free software I found for Windows 10. On Mac, you could use Afloat.

Visit the official site: Glass2k : Chime Softwares (English site). Click Glass2k - Beta Version 0.9.2: 54 kb under the Download >> section to get Glass2k.exe.

Since it's an EXE file, run a virus scan to be safe. Double-click Glass2k.exe to open this window:

Ensure Transparency Popup: Right Click: is set to + Alt, save, and close.

Launch VRoid Studio. With its window active, press Alt + right-click.

You'll see this dialog:

Select a transparency level like 50%, and the Photos app behind becomes visible. You've successfully made the VRoid Studio window transparent!

Disabling Window Transparency

To disable, repeat Alt + right-click and select No Glass-Effect from the dialog.

Auto-Starting Glass2k

Closing Glass2k with a PC shutdown requires a startup entry for auto-start on next boot.

Copy Glass2k.exe to this folder for automatic startup:

%USERPROFILE%\AppData\Roaming\Microsoft\Windows\Start Menu\Programs\Startup

Conclusion

After a few tweaks, here’s what I've achieved. I've aligned facial contours and eye positions more closely.

I plan to fine-tune the eye shapes and more.

Reference Sites

These sites were helpful:

Four Strategies to Integrate Markdown into a Word-Centric Workplace

Shoichi Okaniwa — Tue, 07 Apr 2026 15:16:09 +0000

Introduction

How do you handle documentation at work? If you're a Qiita user, you might frequently use Markdown. At my workplace, the norm was to write documents in Word. Recently, we've switched to using Markdown, and I'd like to share what steps we took in this process.

Note: This article does not intend to criticize Microsoft Word or claim Markdown is superior. The workplace described is a software engineering department dealing with technical documents. Please read with this context in mind.

Strategy 1: Taking Meeting Minutes in Markdown

Initially, our workplace didn't have a habit of recording meeting minutes. I started taking notes on my own and distributing them post-meeting, which was well-received, leading me to continue as the meeting scribe. I initially used plain text files but later switched to Markdown. When distributing these notes, I included:

The file extension is .md, but it’s just a text file. You can view it with your preferred text editor. However, if you use a Markdown-compatible editor, it’s easier to read. Feel free to try it.

Strategy 2: Creating Allies

Thanks to my efforts with the meeting minutes, a colleague became interested in Markdown. We pledged to promote its usage together. Now, they are even more enthusiastic than I am.

Strategy 3: Finding a User-Friendly Editor

Initially, I recommended various extensions for editors like Atom, VSCode, and Eclipse to colleagues. However, they voiced concerns such as:

Editing and viewing split-screen was cumbersome
Vertical monitors made viewing difficult
Styles messed up when exporting to PDF/HTML
Difficulty remembering syntax for creating tables or inserting images

To solve these issues, we found the perfect editor—Typora. Here's a helpful article about it: Why Doesn't Everyone Use Typora for Markdown Writing?.

When opened in Typora, the Markdown file looks like this:

Strategy 4: Conducting a Markdown Workshop

After gradually using Markdown for various documents such as README files over a year, all members acknowledged its existence. We conducted a workshop to introduce Markdown. It was well-received with positive comments like:

"It's lighter than Word."
"Useful for PCs without Office installed."
"We can deliver PDFs to clients after conversion."

The workshop successfully integrated Markdown into our documentation culture. I'm glad we persevered!

Bonus

Recently, we adopted HackMD, which allows collaborative editing for meeting notes.

Here's a useful article about HackMD: HackMD: A Revolutionary and User-Friendly Markdown Editor. The colleague who first joined me in promoting Markdown set up the HackMD environment, greatly enhancing our note-taking efficiency.

Note: The goal was to reduce lengthy document creation times in Word, due to manual syntax highlighting, page adjusting, and change logging. Markdown's features like automatic code block coloring, lack of page concepts, and version control with Git made it an appealing alternative. However, for rich document expressions or external documentation, we still use Word and include change logs when necessary.

DEV Community: Shoichi Okaniwa

セマンティックバージョニングがよくわかるクイズ12問

Introduction

What is Semantic Versioning?

Semantic Versioning Quiz

Question 1: Which of the following version formats is correct according to semantic versioning?

Question 2: A bug was found in version 1.1.9! After fixing the bug, what will the version number be?

Question 3: A new path (new feature) was added to the Web API in version 1.2.5! The existing features have not changed. What will the version number be?

Question 4: At the early stage of development, what is the safest initial version number? (It's also a matter of convention)

Question 5: After refactoring version 1.2.7, the processing speed doubled! The API specification hasn't changed. What will the version number be?

Question 6: You're developing both a mobile app and a Web API. The Web API, version 0.3.5, is only used by the mobile app. The mobile app is now released on the App Store! What will the Web API version be?

Question 7: You changed a feature specification in version 1.12.6! It's no longer backward-compatible. What will the version number be?

Question 8: You changed a feature in version 0.3.6! It's no longer backward-compatible, but we are still in early development where frequent changes are expected. What's a prudent version number?

Question 9: A bug was found in 1.5.2! You've fixed it and added a new feature without changing existing specifications. What's the version number now?

Question 10: After releasing version 2.6.3, a bug was immediately found and fixed in 30 seconds! What's the new version?

Question 11: You deprecated an API in version 1.14.3. What's the new version?

Question 12: You plan to deprecate an API in version 1.11.1 but haven't done so yet. Documentation will mention this upcoming change. What's the version number?

Conclusion

gccのDocker公式イメージ使ってC++でHelloWorldしてみた

Introduction to Handling C++ Code

Searching for a Docker Image

Creating the C++ Source Code

Creating a Script for Compiling and Executing

Creating docker-compose.yml

Execution!

Sample Code

Conclusion

iPhoneのSafariで表示しているページをMacのSafariでデバッグする

Debugging Web Pages Viewed on iPhone

Steps for iPhone

Connecting iPhone and Mac

Steps for Mac

Conclusion

Node.jsで発行したS3の署名付きURLへアップロードすると403エラーになる

Handling 403 Errors When Uploading to S3 Signed URLs with Node.js

Successfully Generated Download Signed URLs

Encountering Issues with Upload Signed URLs

Utilizing Signature Version 4

Conclusion

Removing Only the First Line of a Multi-Line String in JavaScript

Encountering a CSV File with an Unusual First Line

Removing Only the First Line of a Multi-Line String

In Conclusion

Copy Firebase Environment Variables to Bash

Introduction

Example of Environment Variables

Installing jq

Registering in Bash Environment Variables

Verifying Bash Environment Variables

Conclusion

IoT Setup in My Home

IoT Setup in My Home

Nature Remo

IFTTT

Voice Chat on Discord with VOICEROID Transformed Speech

Introduction

Setup Overview

Preparations

Installing Virtual Audio Device

Configuring Virtual Audio Device

Listening to Your Transformed Voice

Conclusion

How to Install Corretto 8 on Windows

Introduction

What is Corretto?

What is Corretto 8?

Downloading the Installer

Running the Installer

Setting Environment Variables

For Command Prompt

For Git Bash

Checking the Java Version

Switching to Another JDK

Conclusion

Resolving Unknown Errors When Changing Device Mode in OpenVR Input Emulator

Introduction

Operating Environment

Investigation

Solution

Stop SteamVR

Creating `docker-compose.yml`