{"id":17108323,"url":"https://github.com/kato83/javascript-introduction","last_synced_at":"2026-01-04T08:51:27.348Z","repository":{"id":219447263,"uuid":"749070493","full_name":"kato83/javascript-introduction","owner":"kato83","description":"JavaScript 入門","archived":false,"fork":false,"pushed_at":"2024-01-28T14:40:36.000Z","size":314,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-29T04:41:23.411Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/kato83.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-01-27T14:00:52.000Z","updated_at":"2024-01-27T16:01:13.000Z","dependencies_parsed_at":"2024-01-27T15:46:05.652Z","dependency_job_id":"9dcd3cb7-e682-4ad1-be9d-4dab4b27931d","html_url":"https://github.com/kato83/javascript-introduction","commit_stats":{"total_commits":11,"total_committers":1,"mean_commits":11.0,"dds":0.0,"last_synced_commit":"f441f7d905432da807bb6057c17115b08b7a558a"},"previous_names":["kato83/javascript-introduction"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kato83%2Fjavascript-introduction","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kato83%2Fjavascript-introduction/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kato83%2Fjavascript-introduction/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kato83%2Fjavascript-introduction/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kato83","download_url":"https://codeload.github.com/kato83/javascript-introduction/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245168899,"owners_count":20571804,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-10-14T16:05:02.804Z","updated_at":"2026-01-04T08:51:27.295Z","avatar_url":"https://github.com/kato83.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# JavaScript 入門\n\n## 講座補足資料\n\n**[Wiki ページ](https://github.com/kato83/javascript-introduction/wiki) を参照してください。**\n\n## 開発環境構築\n\n### Node.js のインストール\n\nWindows PowerShell に以下コマンドを入力して Node.js をインストールしてください。\n\n\u003e [!TIP]\n\u003e Windows PowerShell にて `node -v` コマンドを叩いて **v18以降かつ長期サポート (LTS)** のNode.jsがPC上で動作するようにします。  \n\u003e 既にインストールされている場合は作業をスキップして問題ありません。  \n\u003e 2024-01-27時点でv18未満のバージョンが入っている場合はサポートが切れているので再インストールを実施してください。\n\n```\n\u003e winget install \"Node.js LTS\"\n```\n\n\u003cdetails\u003e\n\u003csummary\u003e実行後に標準出力される内容一例\u003c/summary\u003e\n\n```\n\u003e winget install \"Node.js LTS\"\n見つかりました Node.js LTS [OpenJS.NodeJS.LTS] バージョン 20.10.0\nこのアプリケーションは所有者からライセンス供与されます。\nMicrosoft はサードパーティのパッケージに対して責任を負わず、ライセンスも付与しません。\nダウンロード中 https://nodejs.org/dist/v20.10.0/node-v20.10.0-x64.msi\n  ██████████████████████████████  25.3 MB / 25.3 MB\nインストーラーハッシュが正常に検証されました\nパッケージのインストールを開始しています...\nインストールが完了しました\n```\n\n\u003c/details\u003e\n\n**Windows PowerShell のウィンドウを閉じ、再度開いたうえ** で以下コマンドでエラーが出ていないことを確認してください。\n\n```\n\u003e node -v\n```\n\n\u003cdetails\u003e\n\u003csummary\u003e実行後に標準出力される内容一例\u003c/summary\u003e\n\n```\n\u003e node -v\nv20.10.0\n```\n\n\u003c/details\u003e\n\n### Microsoft Visual Studio Code (VSCode) のインストール\n\n\u003e [!TIP]\n\u003e Windows PowerShell にて `code -v` コマンドを叩いてバージョン情報が返ってきたらインストール済みなので作業をスキップして問題ありません。\n\nWindows PowerShell に以下コマンドを入力して Node.js をインストールしてください。\n\n```\n\u003e winget install -q vscode --scope machine\n```\n\n\u003cdetails\u003e\n\u003csummary\u003e実行後に標準出力される内容一例\u003c/summary\u003e\n\n```\n\u003e winget install -q vscode\n既存のパッケージが既にインストールされています。インストールされているパッケージ...をアップグレードしようとしています\n利用可能なアップグレードが見つかりませんでした。\n構成されたソースから入手できる新しいパッケージ バージョンはありません。\n```\n\n\u003c/details\u003e\n\n#### （任意） VSCode の日本語化実施\n\n以下画像を参考に検索窓に `japanese` と入力して候補に出てくる日本語化プラグインをインストールしてください。  \nインストールが完了したら **VSCode の再起動を実施** し、メニューなどが日本語化されていることを確認してください。\n\n![VSCode 日本語プラグイン詳細画面にてインストール](.common/2024-01-28_00h43_02.png)\n\n### Google Chrome のインストール\n\n入っていると思いますが [Google Chrome - Google の高速で安全なブラウザをダウンロード](https://www.google.com/intl/ja_jp/chrome/) からダウンロード及びインストールが可能です。\n\n### 開発資材のダウンロード\n\n以下画像を参考にZIPファイルをダウンロードしてください。\n\n![Gitリポジトリの Code を押下し Download ZIP をクリックして開発資材をダウンロード](.common/2024-01-27_23h52_14.png)\n\nダウンロードしたZIPファイルは任意の場所に解凍してください。  \n解凍したファイルが今後授業でプログラミングを実施する作業フォルダになります。\n\n### 解凍したフォルダを VSCode で開く\n\n解凍したフォルダにて `Shift` + `右クリック` で `Code で開く` という項目があるので、それを押下すると VSCode が起動します。\n\n\u003e [!NOTE]\n\u003e このフォルダを信用しますか？という旨のポップアップが表示されたら `信用する` のボタンを押下してください。\n\u003e ポップアップが表示されなければ問題ないですが、信用しない旨のボタンを押下すると閲覧モードになってしまって編集ができなくなるおそれがあります。\n\n### VSCode 上のターミナルでサーバーを立ち上げる\n\nVSCode のウィンドウに表示されているターミナルで以下のコマンドを実行してください。  \n`npm run start` でブラウザが起動されることを確認してください。\n\n```\n\u003e npm i\n\u003e npm run start\n```\n\n![Ctrl + Shift + @ で VSCode 上でターミナルを起動可能](.common/2024-01-28_00h50_21.png)\n\n`npm run start` コマンドを叩いた際にネットワーク系のポップアップウィンドウが表示されたら `表示数を増やす` を押下したうえで `プライベートネットワーク` のみチェックを付けて `許可` を押下してください。\n\n![Node.js のネットワークアクセスをプライベート上のみ許可する](.common/2024-01-28_00h15_56.png)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkato83%2Fjavascript-introduction","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkato83%2Fjavascript-introduction","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkato83%2Fjavascript-introduction/lists"}