ut.code(); Starter

ut.code(); Starter は、ut.code(); によって作られた Web プログラミングを学ぶための入門教材です。 さらに、高度な内容は ut.code(); Learn で学ぶことができます。

目次

• 開発
  • 要件
  • 環境構築
  • 開発用サーバーの起動
  • ディレクトリ構成
  • カスタムコンポーネント
  • コミットの前に
• 貢献

開発

要件

• Node.js
• npm

環境構築

npm ci

開発用サーバーの起動

npm start

ディレクトリ構成

docs フォルダ下に作られたファイルは自動でホスティングされます。 index.mdx というファイルを編集することで、変更ができます。編集したい階層にある index.mdx ファイルを選んで編集してください。 index.mdx は Markdown を拡張した MDX という非常に簡単な形式で書かれています。

カスタムコンポーネント

ut.code(); Learn では、次のカスタムコンポーネントが定義されています。

• Term - 用語にポップアップの説明を付ける
• Answer - 解答例を折りたたんで隠す
• ViewSource - GitHub と CodeSandbox で解答例を表示するボタンを表示する

コミットの前に

コミットの前に、

npm run format

でフォーマットして、

npm run build

でビルドが通ることを確認してください。

ライセンス

ut.code(); Learn は MIT license でライセンスされています。 Copyright © 2023 ut.code();.

貢献

Issue や Pull request などはいつでもお待ちしています。

リリースについて

GitHub の Release を作成すると GitHub Pages にデプロイされます。