Coding Puzzle - Meta Questでプログラミング学習

3D空間でコードブロックを掴んで組む、プログラミング学習アプリ「Coding Puzzle」を作っています🧩
Meta Quest / 初心者OK / Python・JS・HTML・CSS
VRでの学習の様子とQuestの小ネタを毎日投稿↓

[Coding Puzzle - Meta Questでプログラミング学習 @CodingPuzzle_ja]

VR/MRで学ぶCoding Puzzle。freeCodeCampベースでPython/JS/HTML/CSSを3Dパズルで習得。コード実行＆制作。14言語対応。1日1ステップ無料、サブスクで全解放。7日無料体験。※freeCodeCamp非公式

https://t.co/QkJL7EvLjQ

[Coding Puzzle - Meta Questでプログラミング学習 @CodingPuzzle_ja]

パススルーで作業するとき、部屋を明るくしたほうがきれいに見えます。

暗いとパススルーのノイズが増えて、輪郭が溶ける。照明を1段上げるだけで、浮かべたパネルの文字がはっきりします。

#Quest3

[Coding Puzzle - Meta Questでプログラミング学習 @CodingPuzzle_ja]

Questを持っている方に聞きたいのですが、買ってから3か月後もまだ開いているアプリは何個ありますか。

自分は2個でした。作る側としては、ここが一番怖いところです。

[Coding Puzzle - Meta Questでプログラミング学習 @CodingPuzzle_ja]

海外のユーザーから、こんなレビューをもらいました。

「レッスンというよりゲームのような感じで、圧倒されることなくプログラミングに興味を持ってくれた」

AIがコードを書く時代でも、コードを読める力は残ると思っています。その入口を楽しくしたかったので、一番うれしい感想でした。

[Coding Puzzle - Meta Questでプログラミング学習 @CodingPuzzle_ja]

最初はキーボード入力もVR内でやらせる設計でした。

テストしたら、ほぼ全員が3分で離脱しました。

VRで文字を打つのは苦行���す。だから全部、ブロックを掴んで置く方式に作り替えました。

[Coding Puzzle - Meta Questでプログラミング学習 @CodingPuzzle_ja]

「写経は意味がない」とよく言われますが、意味があるのは自分で置く部分だけだと思っています。

自分で選んで、自分で並べる。この操作が入ると残る。コピペと写経の差はそこだけです。

だからブロックを掴んで置く形にしました。

[Coding Puzzle - Meta Questでプログラミング学習 @CodingPuzzle_ja]

座ってやるVRで一番効いたのは、ヘッドストラップより椅子の背もたれの角度でした。

10度倒すだけで首の負担がかなり減ります。学習や作業でかぶるなら、ストラップを買い替えるより椅子を変えたほうが体感が変わります。

#MetaQuest3

[Coding Puzzle - Meta Questでプログラミング学習 @CodingPuzzle_ja]

VR学習アプリで一番悩んだのは「座って���きるか」でした。

立って動くVRは5分で疲れる。でも学習は30分続けてほしい。

なので操作対象を全部、座ったまま手が届く範囲に置いています。腕を上げ続けない設計です。

[Coding Puzzle - Meta Questでプログラミング学習 @CodingPuzzle_ja]

プログラミングの入門で最初につまずくのは、文法ではなく環境構築だと思っています。

Pythonを入れて、パスを通して、エディタを設定して……ここで半分が消える。

「被った瞬間に始ま���」状態を作りたくて、VRを選びました。

[Coding Puzzle - Meta Questでプログラミング学習 @CodingPuzzle_ja]

@EHys99032 11まで落ちるのは描画負荷というより、VRAMが溢れてシステムメモリに退避しているときの落ち方に近いです。セーフティでアバターの表示上限を下げるか、一度ワールドを移動すると戻るはずです。ドライバより先にVRAMの使用量を見ると原因が早く割れます。

[Coding Puzzle - Meta Questでプログラミング学習 @CodingPuzzle_ja]

@SCHOKA77 据え置きで使うなら、家の中の決まった場所に固定して「1回数分で終わるもの専用」にすると余らなくなります。長い体験を入れると、被る前に面倒になって結局起動しなくなるので。寝室に置いて動画専用機にするのも現実的で、この2つは用途が被りません。

[Coding Puzzle - Meta Questでプログラミング学習 @CodingPuzzle_ja]

@konohapple1192 @pipipi_VRChat @MCPlay321_VRC 配信で使うなら、Meta Questのスマホアプリからブラウザにキャストする形を先に試しておくと楽です。画質は落ちますが配線が要らないので、始めたばかりのうちはこれで十分回ります。慣れてからOBSの取り込みに切り替えると手戻りが少ないです。

[Coding Puzzle - Meta Questでプログラミング学習 @CodingPuzzle_ja]

@kimu_anime 被ったままパススルーで探すのが一番早いです。コントローラーは��池が入っていればペアリングが生きているので、設定のコントローラー画面を開いておくと、見つけて動かした瞬間に反応が出て確定できます。

[Coding Puzzle - Meta Questでプログラミング学習 @CodingPuzzle_ja]

@machimitsu_VRC 被れるかどうかは床の面積より、腕を伸ばして一回転できるかで決まります。箱は膝から下の高さに積むと、同じ面積でも被れるようになります。座って遊ぶ前提ならガーディアンを座った状態で取れば���必要な半径はさらに小さくて済みます。

[Coding Puzzle - Meta Questでプログラミング学習 @CodingPuzzle_ja]

@ususio_sodium スティックの引っかかりのほうは、3のコントローラー用のリング型アタッチメントがサードパーティで出ているので、物理的に服との距離を作る手があります。ロストは3だとIMUで短時間粘るぶん、完全に見失うより「戻ってきたときにズレている」形で出やすいです。

[Coding Puzzle - Meta Questでプログラミング学習 @CodingPuzzle_ja]

@kono_sakuragi ビジターからニューユ���ザーへは、メール認証を済ませたうえで少し遊んでいると自動で上がります。上がるとアバターまわりでできることが増えるので、遊び始める前にメール認証だけ先に済ませておくと後で詰まりません。

[Coding Puzzle - Meta Questでプログラミング学習 @CodingPuzzle_ja]

@M7839 標準のホーム空間は選べる数が少ないので、環境ごと変えたいならVirtual DesktopやImmersed側の空間を使うほうが自由度が高いです。逆に、机の位置を動かしたくないならパススルーのまま実際の机の上にウィンドウを固定する形が一番作業が続きます。

[Coding Puzzle - Meta Questでプログラミング学習 @CodingPuzzle_ja]

@siyo_vrc PC更新のあとだと、OpenXRのランタイムがMeta側とSteamVR側でどちらを使うか入れ替わっていることがあります。SteamVRの設定からOpenXRを現在のランタイムに設定し直すと認識されることが多いです。それでも駄目ならUSBの挿し口を変えるのも効きます。

[Coding Puzzle - Meta Questでプログラミング学習 @CodingPuzzle_ja]

@mha_kd_ 酔いは操作の上手さより設定で減ります。移動を瞬間移動に、旋回を角度固定のスナップに変えると、体が動いていないのに視界だけ流れる時間が消えるので効きます。慣れてから滑らか移動に戻すと、そのころには酔わなくなっています。

[Coding Puzzle - Meta Questでプログラミング学習 @CodingPuzzle_ja]

@rin_nyao それ、ハンドトラッキングとコントローラーの自動切り替えが誤作動しているときの症状に近いです。設定で自動切り替えをオフにして手動固定にしておくと再発しなくなるので、切ったままにしておくのは正解だと思います。

[Coding Puzzle - Meta Questでプログラミング学習 @CodingPuzzle_ja]

@haw_ami 右スティックより先に、Metaボタン長押しのビューのリセンターを試す価値があります。リセンターはそのときの目の高さを基準にす��ので、少し伸び上がった姿勢でやると牌を見下ろす形になって捨て牌が見えるようになります。