立体グリグリ Vibe Coded Vesion 1.03

簡易Webアプリとしてこれからも「立体グリグリ」をみなさんに使っていただくために、Vibe Coded Version 1.0 を正式に公開します。立体グリグリは、第三角法による正投影図の学習のために、1996年頃に川俣純がMS-DOS上で動作するアプリケーションとして開発しました。このバージョンは、バイブコーディングにて30年後の2026年5月にChatGPT5.5と共に制作したものです。CC BYとします。もともと立体グリグリはワイヤーフレーム表示だったのですが、STLファイルを読み込めるようにしてみました。ただし、STLファイルを作成することはできません。TinkercadなどのツールでSTLファイルを作成し、そのファイルを読み込ませてみてください。隠れ線の表示などもほぼできます。
guriguri.htmlをダブルクリックすることでWindowsでもMacでも問題なく使っていただけます。iPadから使う場合は、guriguri.htmlをWeb上においてあげる必要があります。私の方でGitHub上においておきました。https://jkawamata.github.io/rittai-guriguri-ipad/　こちらのURLからならWindowsでもMacでもiPadでも気軽に使っていただけます。STLファイルやワークシート、過去の立体グリグリ生徒作品など関連ファイルについては、この記事の下の方にあるZIPファイルにまとめて提供します。

★こんな使い方ができます。

◎その１　ネットにつながったiPadがあれば、上記URLをサファリで読み込み、ホーム画面に追加することで、まるでインストールしたアプリのように使えます。立体を手で動かせます。拡大縮小はピンチアウトとピンチインです。新しい立体はつくれませんが、ほぼほぼiPadだけでの運用が可能です。ただし、ネットに接続する環境が必須となります。

◎その２　立体グリグリが動いているWindowsかMacかiPadなどがあればDualShock4をペアリングすることで操作が可能です。操作説明も添えます。例えば、授業中に立体グリグリを電子黒板に写しながら、先生がDualShock4を手にもって、わからないと言われた時にその立体を操作できます。立体を26個ほど内蔵STLとして入れてあります。ワークシート等練習問題も公開します。

◎その３　立体グリグリ自体は、データ量の多いSTLは読み込めませんが、自作したような簡単な立体であればSTL形式で読み込むことができます。とりあえずTinkercadでSTLをつくって表示することを想定して座標の向きをあわせました。これで、授業をされる先生が見せたい立体をTinkercadなりで作成して、立体グリグリで見せることが可能です。

◎その４　立体グリグリvibe codedは、CC BYにて配布します。プログラムもhtmlファイル１つで動くようにつくりました。ぜひご自身の要望に応じて立体グリグリを改変して使っていただいて問題ありません。再配布する時にはCC BYを守って配布お願いします。https://creativecommons.org/licenses/by/4.0/deed.ja
そして、私がChatGPT5.5とバイブコーディングしたように、みなさんもぜひバイブコーディングで追加機能を実装してみてください。例えば、黒画面に白線ではなくて、白画面に黒線にしてほしいとか、そんな変更は一瞬だと思います。改変をしやすいように全ての関連ファイルをここにCC BYとして提供します。この文書のタイトル下のURLからでなくても、WindowsやMacならば、guriguri.htmlをダブルクリックするだけでも動きます。この方法ならばローカルで動かせるので、ネット環境も必要ありません。

＊1996年当時、立体グリグリの開発にあたり、技術教育研究会編の製図テキスト（1981〜）から着想を得ました。
＊立体グリグリWindows版共同開発者の平田敦先生のpython版立体グリグリや、大阪教育大学の光永法明先生による卒論での立体グリグリWeb版開発の取り組みなど多くの先生方が、立体グリグリを必要とし続けてくださったことに感謝します。
＊2025年に石川県の近藤昌也先生が技術教室グループで投稿したバイブコーディングを用いた立体グリグリ開発の取り組みに刺激を受けました。

関連ファイルをZIPファイルで提供します。
Guriguri_vibe_coded_V1_03
↑ここからダウンロードしてください。guriguri.htmlをダブルクリックすると動きます。

気軽に使いたい場合やiPadで使いたい場合は、以下のURLからお願いします。
https://jkawamata.github.io/rittai-guriguri-ipad/

”