プログラミング学習初心者のための情報メディア
自宅でオンライン動画を使い、自分のペースで学習しませんか？
世界最大級の学習プラットフォームUdemy(ユーデミー)で使える、期間限定の割引クーポンを配布します。
2025/05/02（金）より1ヶ月
下記リンクを経由すると、Udemyコースが割引価格で受講できます。
このコースが気に入ったら、ぜひレビュー投稿をお願いいたします。
オンライン学習サービスProglus（プログラス）でプログラミングを学び、創れる人になろう！
プレミアムプランを2週間無料体験しよう
今すぐ詳細を確認する
この記事では、無料でWebサイトの公開が可能なGitHub Pagesへ、GitHubのアカウント作成から、Webサイトの公開と削除するところまでを解説します。
この記事は、オンライン講座「ウェブ開発入門完全攻略コース – HTML/CSS/JavaScript. プログラミングをはじめて学び創れる人へ！」とProglus「新HTML入門」のサポート記事です。
なお、アクセス時期によっては実際のサイトと記事中の画像で表示が異なる場合があります。
GitHubのページへアクセスし、「Sign up」をクリック。
登録するメールアドレスを入力し、「Continue」をクリック。
パスワードを入力し、「Continue」をクリック。
任意のユーザ名を入力し、「Continue」をクリック。
「製品のアップデートやお知らせをメールで受け取りますか？」と質問があり、受け取りたい場合は入力欄に「y」、受け取りたくない場合は「n」を入力し、「Continue」をクリック。
ロボットではないかと尋ねられるので、「検証する」をクリック。
検証が終わったら、「Create account」をクリック。
登録したメールアドレス宛に確認用のコードが送信されるので、コードを入力。
登録完了できました。
左上のマークをクリックすると、ログインした状態で作成したアカウントのトップページが表示されます。
ログインした状態でGitHubのトップページ(https://github.com/)から、「＋」のアイコンのボタンをクリック。
「New repository」をクリック。
Repository nameにリポジトリの名前を入力します。
ここでは「my-site-repository」としておきます。
GitHubでソースファイルを管理する場合、自分だけが見れるPrivateと、ほかの人も見ることができるPublicがあります。
今回は外部へ公開するため、チェックボックスを「Public」としておきます。
一番下まで行き、「Create repository」をクリックすると、リポジトリが作成されます。
「my-site-repository」というリポジトリが作成されました。
作成したリポジトリのページから、「uploading an exsiting file」をクリックして、アップロードのページに移動します。
アップロードしたいファイルやフォルダを枠内へドラッグアンドドロップします。
アップロードが終わったら、「Commit changes」をクリックして保存します。
リポジトリのページへ行くと、アップロードされていることが確認できます。
「Settings」をクリック。
左項目の「Pages」から、「None」で「main」をクリック。
「Save」をクリックして保存します。
保存すると、以下の画像のようにURLを取得できます。
URLをクリックし、アップロードしたサイトが表示されればOKです。
作成したサイトが無事公開されました！
ページの公開でアクセスしたリポジトリのページから、「Settings」をクリックして一番下まで行き、「Danger Zone」の「Delete this repository」をクリックします。
確認フォームに太字の「ユーザ名/リポジトリ名」を入力した後に下のボタンを押すと、リポジトリを削除してサイトを削除することができます。
今回はGitHubのアカウントの作成から、作成物をWebサイトへ公開 / 削除 するところまでを解説しました。
ご不明点は、Udemy、Proglus（プログラス）内に設置したQ＆Aコーナーにてお知らせください。
オンライン学習サービスProglus（プログラス）でプログラミングを学び、創れる人になろう！
プレミアムプランを2週間無料体験しよう
今すぐ詳細を確認する
今、世界最大級のオンライン学習サイトUdemy（ユーデミー）が、プログラミング学習にとてもおすすめです。
なぜかというと、ITの最先分野に精通したエキスパートのオンライン講座を、安価（セール時には1講座、千円台〜）に受講できるからです。
動画を見るだけでなく、実際に手を動かしながら学ぶスタイルなので、実務で使えるスキルが身につきます。
独学とちがって、コースを受講する中で発生した不明点はQ&A形式で講師が手厚くサポートするので、安心です。
書籍で独学もできるけれど、著者に質問はできないですよね。
毎月定額で発生するサービスと違って、一度購入したコースは、無期限に視聴できるのもメリットです。仕事が忙しくても、自分のペースで学習することができます。
安心の30日間返金保証があるので、気軽にコースを受講し始めることができます。※iOSアプリからの購入は対象外
購入してみたものの、思ってた内容と違ったと思ったら、30日以内に返金すれば、なにもリスクはありません。
思い立ったが吉日！今すぐ、確認しましょう。
Udemyは、なんと世界で2,000万人以上が利用している巨大プラットフォームです。
米国シリコンバレー発祥のUdemyは、学びたい人と教えたい人をつなぐCtoCの学習マーケットプレイスです。
海外発のサービスなので心配される方もいると思いますが、
日本では、あの教育サービス大手で、こどもちゃれんじや進研ゼミを手がける、 ベネッセが事業パートナーとして運営しているので安心ですよ。
サポートも日本語で丁寧な対応を受けられるんです。
1つでも当てはまると感じた方は、ぜひチェックしてみましょう！
プログラミング入門ナビ編集部が選んだ、Udemyのおすすめのコースを紹介します。
価格は参考価格です。詳細はUdemyのサイトでご確認ください！
よって、世界最大級のオンライン学習サイトUdemy（ユーデミー）は、これからプログラミングを学ぶ方にも、今学んでいる方にもおすすめのサービスです。
学習したいテーマが決まっている方も、何か始めたいけどどこから始めたらいいかわからない方まで、 あらゆる方に応じたコースを熱意ある講師が公開していますので、ぜひチェックしてスキルアップにつなげましょう！
オンライン学習サービスProglus（プログラス）でプログラミングを学び、創れる人になろう！
プレミアムプランを2週間無料体験しよう
今すぐ詳細を確認する
Windows環境にXAMPP（ザンプ）を使って、MySQL（正確には、基本的な部分で互換性があるMariaDB）をインストールする方法について説明します。
MySQL Workbenchのインストール方法と、設定についても説明します。
仕様変更が発生しやすい傾向があるため、あえてテキスト教材にしています。
①： 公式のWindows版 MySQLサーバー インストーラーでは、原因不明のトラブルが多発することを確認しているため、本コースでは利用しません。
②：他の先生等の講義等でMySQLサーバーをインストールしている場合アンインストールを推奨
すでにインストール済みのMySQLサーバーは、削除することを推奨します。同居させた場合には、不具合の報告があるためです。
アンインストール方法については、どのような手順でインストールしているかによって異なるため、指導を受けた先生にご確認をいただくようにお願いいたします。
あくまで参考情報となりますが、一般的なMySQLサーバーのアンインストール手順について、サポート記事を用意しています。
MySQL 5.7 for Windowsのアンインストール方法
XAMPPのトップページを開きます。
XAMPP
ダウンロード > 「Windows向け XAMPP」ボタンをクリックします。
最新版のXAMPPでは32bit版Windowsのサポートを行っていないようです。
本講座では、XAMPPをMySQLサーバーとして使用するのみで、XAMPPのバージョンの違いによって講座が続けられない、といった可能性は低いです。
また以下の7.2.12版のXAMPPに関しては32bit版のインストーラーで動作確認が取れているため、こちらをダウンロードしてお使いいただくようお願いいたします。
https://sourceforge.net/projects/xampp/files/XAMPP%20Windows/7.2.12/
もし講座を続ける上で何かエラーなどが生じた際はUdemyやProglus内の会員向けQ＆Aコーナーにてご連絡ください。
ブラウザの設定を変更していなければ、「ダウンロード」フォルダに、ダウンロードされます。
ネットワークの状況等などの要因により、ダウンロード完了までに1時間弱程度かかる場合もあります。
ダウンロードに失敗する場合は、時間を開けて、再度試します。
ダウンロードしたファイルをダブルクリックして、インストーラーを起動します。
Windowsの設定によっては、ユーザーアカウント制御ダイアログが出ます。
「はい」をクリックしてインストールを進めます。
XAMPPは、UACの影響を受けるたため、C:¥Program Files (x86)にインストールしないでください。又は、UACを無効にしてくださいというような意味です。
UACをOFFにするのは、あまり好ましくないため、Cドライブ直下などにインストールします（後述）
OKボタンを押します。
NEXTボタンをクリックします。
使わないコンポーネントのチェックは外しておくのがおすすめです。
ここでは、下記を選択します。
それ以外はチェックを解除します。
ただし、チェックを解除できない項目については、そのままでOKです。
尚、現在phpMyAdmin（MySQL の管理ツール）はカリキュラムでは使いませんが、トラブルシューティングに使う場合があるため、チェックを入れておきます。
選択ができたら、Nextボタンをクリックします。
特別な事情がなければ、デフォルト設定のC:¥xampp にインストールします。
Nextボタンをクリックします。
日本語の選択肢が無いため、”English”を選択して”Next”ボタンクリック
このMySQLの学習には直接関係しないため、チェックを外します（任意）。
Nextボタンをクリックします。
Nextボタンをクリックすると、インストールが開始されます。
「YES」を 押してインストールを行い、様子をみてください。
例えば、Windows10 ＋ マカフィー の環境で、ダイアログが表示される報告があります。
インストールがうまく行かない場合は、一時的にウィルス対策ソフトを停止させて、インストールを実施する必要がでてきます。
しばらく時間が掛かります。
標準でインストールされる、Apache(Webサーバ)について、通信が行えるように、Windows Defender ファイアウォールの設定を行います。
プライベートネットワークを選択して、アクセスを許可する をクリックします。
このあと、XAMPPのコントロールパネルを起動するか聞かれているので、チェックを入れて、
Finishボタンを押します。
使用言語を聞かれるので、英語（アメリカ国旗）を選択して、Nextボタンをクリックします。
コントロールパネルが表示されました。
MySQLの設定を行うために、Configボタンをクリックします。
設定ファイルである、my.iniを選択します。
メモ帳が開くので、下の方へスクロールして UTF 8 Settingsの、collation_serverと、character_set_serverについて編集します。
補足：見つからない場合は、メモ帳の検索機能で”collation_server”で探します。
#collation_server=utf8_unicode_ci #character_set_server=utf8
↓下記のように変更(行コメントを意味する”#”を削除して設定を有効にする）
collation_server=utf8_general_ci character_set_server=utf8
日本語を使うための設定です。
変更したら、ファイルを保存して、メモ帳を終了します。
Startボタンを押して、MySQLを起動します。
画像のように、MySQLのタイトルがグリーンになっていれば、MySQLが起動して使える状態です。
PID(s)の値は、環境により異なります。
補足として、MySQLを停止したい場合は、Stopボタンをクリックします。
xampp-control.iniへのアクセスが拒否されましたと表示される場合がありますが、学習には問題ない場合がありますので、OKボタンを押して進めてください。
Ecxeption EacccessViolationが発生して、XAMPPが起動できない場合、または、挙動がおかしい状態で起動した場合は、
一旦、XAMPPを終了してから、
XAMPPを、「管理者権限で実行」 を試してください。
XAMPPを起動するときに、XAMPPを 右クリック > 管理者として実行
「管理者権限で実行」 すると、ServiceにXマークが表示される場合がありますが、これはエラーの表示ではないため、学習には関係がありません。無視してください。
MySQL Workbenchのインストールがまだの方は、インストールを行います。
MySQL Workbenchは、GUI(グラフィカルインターフェイス)を使って、SQLの実行などが出来るソフトウェアです。
MySQL Workbenchを起動するには、下記をインストールする必要があります。
Microsoft .NET Framework 4.5 ページ から ファイルをダウンロード
インストーラーの指示に従ってインストールを行います
すでに、インストール済みの方は、このように表示されます。もしインストール済み表示がされない場合は、続行をしてインストールを行ってください。
補足: 日本語表示の場合は、翻訳にもよりますが「Visual Studio 2022 の Microsoft Visual C++ 再頒布可能パッケージ」のように表示されているはずです。
こちらのサイト「Microsoft Visual C++ Redistributable for Visual Studio 2022」へ遷移して、ファイルをダウンロード。
x64・・・ 64bit環境の方
x86・・・ 32bit環境の方
お使いの環境が、32bit, 64bitわからない場合は、マイクロソフトのサイトやPC販売元のサイトなどを参照してください。
Windows7, 8の方「自分のパソコンが 32 ビット版か 64 ビット版かを確認したい」
Windows10の方「インストールされているWindows 10が32ビットか64ビットか確認する方法」
MySQL Workbenchをダウンロードします。
開く「MySQL Workbench」
重要：コースで動作確認済みのバージョン(MySQL Workbench 8.0.29)を利用します。
最新バージョンなど、コース指定以外のバージョンでは、トラブルが発生して学習が始められません。
ダウンロードしたMySQL Workbenchのインストーラーをダブルクリックで起動します。
MySQL Workbenchが起動しました。
図のように設定して、TestConnectionボタンをクリックします。
Conection Warningが出ます。
XAMPPでインストールされるMySQLは、MySQLと互換があるとされるMariaDBとう製品がインストールされます。
そのため、警告がでます。
基本的には、基礎的な部分の使用であれば、MySQLと同様に利用できますので、警告は無視します。
Continue Anywayボタンをクリックします。
このように表示されれば、MySQLへのテスト接続は成功です。
OKボタンを押します。
OKボタンをクリックして、接続します。
警告は無視して、Continue Anywayボタンをクリックします。
このような画面が表示されればOKです。
設定したアイコンをクリックします。
学習を進める中でエラーが発生した場合には、下記記事を参照してください。
10,000人超える指導経験から、トラブルシューティングは概ねパターン化されています。
MySQL WorkbenchからMySQLサーバーへの接続時やSQLファイルを取り込み時にエラーが発生した時の対処方法
世界最大級のオンライン学習プラットフォームUdemy（ユーデミー）にて、SQL初心者向けのオンライン講座を公開中です。
ベストセラーコースにも選ばれたことがある人気のコースです。
ぜひ、ご利用ください。
「はじめてのSQL・データ分析入門 – データベースのデータをビジネスパーソンが現場で活用するためのSQL初心者向コース」
エクセル作業からのステップアップ！データベースのデータを取得し、効果的にレポーティングしたいビジネスパーソンにおすすめ。データベースを操作する言語SQLを短期間で身につけビジネスの現場で使うための実践型カリキュラム。MySQL使用。
オンライン学習サービスProglus（プログラス）でプログラミングを学び、創れる人になろう！
プレミアムプランを2週間無料体験しよう
今すぐ詳細を確認する
先日、ある方から「プログラミング学習には何が必要ですか？ 」という、ご質問をいただきましたので説明します。ぜひ皆さんの学習環境の整備にも活用してください！
チャンネル登録もお願いします！
パソコンとインターネット環境があれば、どこでもプログラミング学習ができます。ファミレスやカフェ。ネットがつながれば動画で学習を進められます。
パソコンは、macOSでもWindowsでもOK。
ただし、ウェブサービスを作りたい方で、これからパソコンを買うのであれば、macOSがおすすめです。開発環境の構築がしやすく、開発者のmacOS利用者も多いからです。
たまにスマホやタブレットPCでプログラミング学習ができますか？という質問をされますが、一般的な学習環境とは言えないため、おすすめしていません。（スマホやタブレットPCでプログラミング学習することは、不可能ではありませんが、自分で問題解決できる方に限ります。）
プログラミング学習では、週に15時間以上確保することをおすすめしています（学習レベルにより個人差があります）。1日あたりにすると約2時間です。
しかし、プログラミング学習は手段であって、あなたの目標を達成することが最終目標です。生活する上でどうしても必要な時間以外は、プログラミング学習の時間にあてることでより早く目標が達成できます。
IT企業に就職すれば、給料を得ながら学習・スキルアップができます。学習だけのフェーズは、少しでも早く卒業したほうが良いでしょう。
プログラミングが流行っているからなんとなく学習している、学習すること自体が目的になっている。そんな方は、挫折します。
しっかりと目的を持ってプログラミングを学習しましょう。例えば、IT企業に就職して年収をアップしたい、手に職を付けたいなど。もっと便利なwebサービスを自分で作って公開したいというものもあります。
プログラミング学習はあくまで手段。プログラミングを学んだ先にある目的をしっかりと設定して学習しましょう。
プログラミング学習に必要なものは、
１．パソコンとインターネット環境
２．十分な学習時間
３．プログラミング学習の明確な目的
です。
プログラミング学習の教材を探している方は、動画の説明欄に私の講座のURLを掲載していますので、ぜひご利用ください。
チャンネル登録もぜひよろしくお願いします。
オンライン学習サービスProglus（プログラス）でプログラミングを学び、創れる人になろう！
プレミアムプランを2週間無料体験しよう
今すぐ詳細を確認する
