You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Data-Science-For-Beginners/translations/ja/quiz-app
leestott c32bb6bc1a
🌐 Update translations via Co-op Translator
4 weeks ago
..
README.md 🌐 Update translations via Co-op Translator 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へのデプロイ

以下は、始めるためのステップバイステップガイドです:

  1. GitHubリポジトリをフォークする
    静的ウェブアプリのコードをGitHubリポジトリに保存してください。このリポジトリをフォークします。

  2. Azure Static Web Appを作成する

  • Azureアカウントを作成します。
  • Azureポータルにアクセスします。
  • 「リソースの作成」をクリックし、「Static Web App」を検索します。
  • 「作成」をクリックします。
  1. Static Web Appを構成する
  • 基本設定:

    • サブスクリプション: Azureサブスクリプションを選択します。
    • リソースグループ: 新しいリソースグループを作成するか、既存のものを使用します。
    • 名前: 静的ウェブアプリの名前を入力します。
    • リージョン: ユーザーに最も近いリージョンを選択します。
  • デプロイメントの詳細:

    • ソース: 「GitHub」を選択します。
    • GitHubアカウント: AzureにGitHubアカウントへのアクセスを許可します。
    • 組織: GitHubの組織を選択します。
    • リポジトリ: 静的ウェブアプリを含むリポジトリを選択します。
    • ブランチ: デプロイするブランチを選択します。
  • ビルドの詳細:

    • ビルドプリセット: アプリが構築されているフレームワークを選択します(例: React, Angular, Vueなど
    • アプリの場所: アプリコードが含まれるフォルダを指定します(例: ルートの場合は/)。
    • APIの場所: APIがある場合、その場所を指定しますオプション
    • 出力の場所: ビルド出力が生成されるフォルダを指定します(例: buildまたはdist
  1. レビューと作成
    設定を確認し、「作成」をクリックします。Azureが必要なリソースを設定し、リポジトリにGitHub Actionsワークフローを作成します。

  2. GitHub Actionsワークフロー
    Azureはリポジトリ内に自動的にGitHub Actionsワークフロー.github/workflows/azure-static-web-apps-.ymlを作成します。このワークフローがビルドとデプロイプロセスを処理します。

  3. デプロイの監視
    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を使用して翻訳されています。正確性を追求しておりますが、自動翻訳には誤りや不正確な部分が含まれる可能性があります。元の言語で記載された文書を正式な情報源としてお考えください。重要な情報については、専門の人間による翻訳を推奨します。この翻訳の使用に起因する誤解や誤解について、当社は責任を負いません。