diff --git a/src/web/app/common/views/components/othello.room.vue b/src/web/app/common/views/components/othello.room.vue
index 60fdb32a4..49f199f72 100644
--- a/src/web/app/common/views/components/othello.room.vue
+++ b/src/web/app/common/views/components/othello.room.vue
@@ -24,6 +24,11 @@
 
 	<div class="rules">
 		<mk-switch v-model="game.settings.is_llotheo" @change="onIsLlotheoChange" text="石の少ない方が勝ち(ロセオ)"/>
+		<div>
+			<el-radio v-model="game.settings.bw" label="random" @change="onBwChange">ランダム</el-radio>
+			<el-radio v-model="game.settings.bw" :label="1" @change="onBwChange">{{ game.user1.name }}が先行</el-radio>
+			<el-radio v-model="game.settings.bw" :label="2" @change="onBwChange">{{ game.user2.name }}が先行</el-radio>
+		</div>
 	</div>
 
 	<footer>
@@ -129,6 +134,14 @@ export default Vue.extend({
 				settings: this.game.settings
 			});
 			this.$forceUpdate();
+		},
+
+		onBwChange(v) {
+			this.connection.send({
+				type: 'update-settings',
+				settings: this.game.settings
+			});
+			this.$forceUpdate();
 		}
 	}
 });