|
4 weeks ago | |
---|---|---|
.. | ||
README.md | 4 weeks ago |
README.md
クイズ
これらのクイズは、データサイエンスカリキュラム(https://aka.ms/datascience-beginners)の講義前後に行うクイズです。
翻訳されたクイズセットを追加する
翻訳されたクイズを追加するには、assets/translations
フォルダ内に対応するクイズ構造を作成してください。オリジナルのクイズはassets/translations/en
にあります。クイズは複数のグループに分かれています。適切なクイズセクションに番号を合わせるようにしてください。このカリキュラムには合計40個のクイズがあり、番号は0から始まります。
翻訳を編集した後、翻訳フォルダ内のindex.js
ファイルを編集し、en
の規則に従ってすべてのファイルをインポートしてください。
次に、assets/translations
内のindex.js
ファイルを編集して、新しい翻訳ファイルをインポートします。
その後、このアプリ内のApp.vue
のドロップダウンを編集し、言語を追加します。ローカライズされた略語を言語フォルダ名と一致させてください。
最後に、翻訳されたレッスン内のすべてのクイズリンクを編集し、ローカライズをクエリパラメータとして含めるようにします。例: ?loc=fr
。
プロジェクトセットアップ
npm install
開発用のコンパイルとホットリロード
npm run serve
本番用のコンパイルと最小化
npm run build
ファイルのリントと修正
npm run lint
設定のカスタマイズ
Configuration Referenceを参照してください。
クレジット: このクイズアプリのオリジナルバージョンに感謝します: https://github.com/arpan45/simple-quiz-vue
Azureへのデプロイ
以下は、始めるためのステップバイステップガイドです:
-
GitHubリポジトリをフォークする
静的ウェブアプリのコードをGitHubリポジトリに保存してください。このリポジトリをフォークします。 -
Azure Static Web Appを作成する
- Azureアカウントを作成します。
- Azureポータルにアクセスします。
- 「リソースの作成」をクリックし、「Static Web App」を検索します。
- 「作成」をクリックします。
- Static Web Appを構成する
-
基本設定:
- サブスクリプション: Azureサブスクリプションを選択します。
- リソースグループ: 新しいリソースグループを作成するか、既存のものを使用します。
- 名前: 静的ウェブアプリの名前を入力します。
- リージョン: ユーザーに最も近いリージョンを選択します。
-
デプロイメントの詳細:
- ソース: 「GitHub」を選択します。
- GitHubアカウント: AzureにGitHubアカウントへのアクセスを許可します。
- 組織: GitHubの組織を選択します。
- リポジトリ: 静的ウェブアプリを含むリポジトリを選択します。
- ブランチ: デプロイするブランチを選択します。
-
ビルドの詳細:
- ビルドプリセット: アプリが構築されているフレームワークを選択します(例: React, Angular, Vueなど)。
- アプリの場所: アプリコードが含まれるフォルダを指定します(例: ルートの場合は/)。
- APIの場所: APIがある場合、その場所を指定します(オプション)。
- 出力の場所: ビルド出力が生成されるフォルダを指定します(例: buildまたはdist)。
-
レビューと作成
設定を確認し、「作成」をクリックします。Azureが必要なリソースを設定し、リポジトリにGitHub Actionsワークフローを作成します。 -
GitHub Actionsワークフロー
Azureはリポジトリ内に自動的にGitHub Actionsワークフロー(.github/workflows/azure-static-web-apps-.yml)を作成します。このワークフローがビルドとデプロイプロセスを処理します。 -
デプロイの監視
GitHubリポジトリの「Actions」タブに移動します。
ワークフローが実行中であることが確認できます。このワークフローは静的ウェブアプリをAzureにビルドおよびデプロイします。
ワークフローが完了すると、提供されたAzure URLでアプリが公開されます。
ワークフローファイルの例
以下は、GitHub Actionsワークフローファイルの例です:
name: Azure Static Web Apps CI/CD
on:
push:
branches:
- main
pull_request:
types: [opened, synchronize, reopened, closed]
branches:
- main
jobs:
build_and_deploy_job:
runs-on: ubuntu-latest
name: Build and Deploy Job
steps:
- uses: actions/checkout@v2
- name: Build And Deploy
id: builddeploy
uses: Azure/static-web-apps-deploy@v1
with:
azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN }}
repo_token: ${{ secrets.GITHUB_TOKEN }}
action: "upload"
app_location: "quiz-app" # App source code path
api_location: ""API source code path optional
output_location: "dist" #Built app content directory - optional
追加リソース
免責事項:
この文書はAI翻訳サービスCo-op Translatorを使用して翻訳されています。正確性を追求しておりますが、自動翻訳には誤りや不正確な部分が含まれる可能性があります。元の言語で記載された文書を正式な情報源としてお考えください。重要な情報については、専門の人間による翻訳を推奨します。この翻訳の使用に起因する誤解や誤解について、当社は責任を負いません。