Open dynamis opened 5 years ago
status: チュートリアルをすぐに更新する前に慶応大学の講義で試験利用して知見を貯めてから再検討。
@kou029w さん情報:
CodeSandbox 用のリポジトリを別途用意せずとも、既存リポジトリの特定ディレクトリのコードをインポートして編集開始する機能があった https://codesandbox.io/docs/importing#import-from-github
package.json があるディレクトリなら何処でも直接指定して
https://codesandbox.io/s/github/chirimen-oh/chirimen-raspi3/tree/master/gc/path/to/dir
のような URL で import が可能 (編集して保存した瞬間にフォークが出来るから編集開始画面になる)
現状だと polyfill, drivers を含む必要があるため gc ディレクトリに package.json をおいてインポートリンクを使って編集・実行画面に誘導したくなるが、import した配下の特定ディレクトリ・ファイルをオープンするところまで指示できないし、ファイルが一杯すぎて初心者に辛くなる
polyfill, drivers が npm 管理になって package.json から読み込んで node_modules 配下にある状態に出来れば js で import 'chirimen-polyfill' または html タグの script src=node_modules/chirimen-polyfill/polyfill.js などとするだけで、個別の example のディレクトリだけを codesandbox に import 可能になる。
todo checklist:
depends: https://github.com/chirimen-oh/chirimen-raspi3/issues/71
note: 比較的初心者さんの多い塩尻でチュートリアルを実施した際には、開発環境 (エディタ) が複数出てくることが分かりにくいというフィードバックを結構頂きました。
codesandbox だけにするのは raspi4 を待つべきかも知れませんが、jsbin/jsfiddle 両方があるのは jsbin のサービスが止まっていることがあるからとかいった経緯で、当面 jsbin に統一しておいて jsfiddle やローカルの vscode や csb については /js/editor.md あたりに独立したエディタ説明ページを作って参照させる形にした方が良いと思います。
r.chirimen.org のサンプルコードリンクを default jsbin から csb に切り替えました。
jsbin / jsfiddle の課題がいくつかあり codesandbox なら解消されそう:
但し codesandbox にも懸念はある