【GitHubの使い方入門】GitHub Pagesを使って世界中にサイトを公開しよう!アウトプットこそ学びだ!

Поделиться
HTML-код
  • Опубликовано: 29 окт 2024

Комментарии • 143

  • @shimabu_it
    @shimabu_it  4 года назад +28

    まだ文字小さいですかね〜・・・今後もいろいろ改善していきたいので改善ポイントあれば教えてください!
    またプログラミングはアウトプットが大事です。最初は恥ずかしいかもしれませんが、最終的に自分のポートフォリオにもなりますので、どんどんアウトプットしていきましょう!!

    • @かし-o1x
      @かし-o1x Год назад

      この動画の通りやりましたが、unityゲームをプレイ出来ませんでした。unityでは無理なんでしょうか?ブラウザにはunityのロゴが表示されるだけで何も読み込まれません

  • @aid_maido8354
    @aid_maido8354 4 года назад +100

    7:01~ master branch というものが「main」という名前に10月あたりで変更されてますので、mainをえらべばOK

    • @muscle_boy
      @muscle_boy 4 года назад +2

      ありがとうございます!助かりました!

    • @tsuba__zutomaro
      @tsuba__zutomaro 3 года назад +2

      神コメを伸ばせ!

    • @rairudo3483
      @rairudo3483 3 года назад +2

      ありがとうございます。ちょっとわからなくて困ってました

  • @ろくろ-p2r
    @ろくろ-p2r Год назад +1

    めっちゃ勉強しないとできないと思っていたポートフォリオサイトを実現することができました!!!

  • @なおなお-l1h
    @なおなお-l1h 4 года назад +9

    ITとは関係の無い仕事をしていますが、プログラミングに興味があって覚えていきたいので感謝です!

  • @daisukeexperience4507
    @daisukeexperience4507 4 года назад +2

    この回自分にとって神回となりました。
    調べてもいまいちわからず(調べ方が下手?)投げてたのが解決してしまいました。
    これでWEBサイト公開できるというのは知らなかったです。

    • @shimabu_it
      @shimabu_it  4 года назад +2

      GitHub Pagesはサクッと公開できるので便利ですよね!PHPとかRubyとかを使った動的なサイトはできませんが、フロントエンド系のものだったらGitHub Pagesは向いています!
      他にも似たようなサービスではNetlifyとかZEIT Nowとかがあって、そちらもいつか紹介したいなーと思っています😊

  • @やみー-w7r
    @やみー-w7r 4 года назад

    GitHubを使ってみようと1時間くらい記事を読みながらチャレンジしていたのですが、全然思うように使えませんでした。
    この動画のおかげでできなかったことができるようになりました。ありがとうございます!

  • @kzk851
    @kzk851 4 года назад +2

    無料でここまでわかりやすく教えてくれるのはありがたい。

  • @無の人-z2e
    @無の人-z2e Год назад +1

    しまぶーさんの説明本当に分かりやすかったです、github使い慣れたいと思ってたので助かりました。

  • @tomoki5487
    @tomoki5487 4 года назад +1

    無事にアップロードできました。
    非常にわかりやすかったです。
    ありがとうございます。

  • @祢音-d6p
    @祢音-d6p 4 года назад +2

    GitHubの活用方法、とてもわかりやすかったです😊
    ありがとうございます!

  • @ぽんた-k9e
    @ぽんた-k9e 3 года назад

    webサイト公開できました。ありがとうございます。

  • @kebab88
    @kebab88 4 года назад +4

    github登録はしていましたが、いまいちよく分かっていなかったです。
    端的に説明してもらえたので活用できそうです。感謝:)

  • @hausdorffm
    @hausdorffm 3 года назад

    アップロードできました。わかりやすい解説をありがとうございます。

  • @shin7441
    @shin7441 4 года назад +1

    説明がわかりやすく、話し方が聞き取りやすかったので、さっそくチャンネル登録させていただきました✨☺️
    今後も動画楽しみにしてます♬

    • @shimabu_it
      @shimabu_it  4 года назад +1

      ありがとうございます!
      今後も有益な動画をたくさん出していきます!✨

  • @YM-rs2yx
    @YM-rs2yx 4 года назад +3

    こういう動画とても助かります。

  • @okinayt4093
    @okinayt4093 4 года назад

    現在githubで困ってたところ、ホントに助かりました。gitは色んな方向から色んなやり方があってわけがわかりません笑
    またgitの動画をお願いします!

  • @中村允隆
    @中村允隆 3 года назад +2

    これはありがたい...

  • @irohach3310
    @irohach3310 6 месяцев назад +1

    最後に公開するときのgithub PagesがUIの変更でみつからなかったのですがどのようにアップロードしたらよいのか教えていただきたいです。。!!;;

  • @suno6255
    @suno6255 4 года назад

    すごくわかり易かったです! Github使い始めなので、ありがたいです。
    今、READMEづくりに苦戦しているので、ぜひ動画作ってもらいたいです。特にinstallation とset upをどう説明するのか教えてもらえたらありがたいです

  • @クラスの男子
    @クラスの男子 4 года назад +1

    いやー、歯切れも良いしわかりやすかったですよ~。

  • @とわパパ-z9n
    @とわパパ-z9n 4 года назад +2

    本当にわかりやすくて有難いです。

  • @チャトラン猫
    @チャトラン猫 4 года назад +2

    いつもわかりやすい動画ありがとうございます。
    4:44あたりのファイルを上げる部分で、ファイルのアップロードが出来ませんでした。
    作成したアプリを何度動かしてもだめです。
    何が原因でしょうか?

  • @ikkyu5295
    @ikkyu5295 3 года назад +1

    情報ありがとうございます😸
    公開したいーー!
    こんな風に公開するんだなぁ🤔

  • @TheShuu555
    @TheShuu555 4 года назад +1

    いつも参考にしてます。
    ターミナルの解説もお願いします!!

    • @shimabu_it
      @shimabu_it  4 года назад +1

      ターミナル解説はめちゃくちゃ教えることが多すぎて骨が折れそうですね。最低限のことは伝えたいなとは思っています!
      ちなみにiTerm派です!Macの標準ターミナルよりオススメです!

  • @ぶどう-r3f
    @ぶどう-r3f 6 месяцев назад +1

    リポジトリを公開しないとgithub pagesの設定画面は出てこないですか? 身バレは大丈夫ですか?

  • @稲熊琢椰-s4e
    @稲熊琢椰-s4e 4 года назад +2

    初めまして!非常に参考になる動画ありがとうございます!
    公開するにあたって"Edit"というボタンがなかったのですが、似たようなフォームが"About"というところにありましたので、こちらにリンクを張り付けて編集しました。
    この手順で問題ないでしょうか。
    どのみちリンクは見れるので正直どうでもいいかと思いますが、同じようなこと思った方がいたら。。。と思い質問させていただきました!

  • @takaxmusic
    @takaxmusic Год назад +2

    動画ありがとうございます。
    質問なのですが、現在のGitHubの設定画面に、GitHub Pagesというのがありません…
    自分の作ったサイトのURLをどのようにしたら取得できますか?
    教えていただければ幸いです。m(_ _)m

    • @shimabu_it
      @shimabu_it  Год назад +2

      今は結構UIが変わっているかもですね🥲
      少し分かりづらいかと思われますが、公式ドキュメントや、もしくは検索して出てきた最新の記事などを参考に進めていただけますと幸いです🙏
      docs.github.com/ja/pages/getting-started-with-github-pages/creating-a-github-pages-site

    • @takaxmusic
      @takaxmusic Год назад +1

      @@shimabu_it ありがとうございます!やってみます!
      先生の説明されていた画面とは違うので、戸惑っていました…
      わかりやすい動画を作って頂きありがとうございます。
      これからも参考にさせて頂きます!!

  • @たんぱん岬は歌う
    @たんぱん岬は歌う 4 года назад

    いつもわかりやすい説明参考にさせてもらってます!画像や動画が添付されていないページの公開の仕方は分かりました!画像とか動画が含まれている場合はどこに保存するとしっかり公開したweb上に反映されるのか知りたいです!

  • @日常ブログ-y5b
    @日常ブログ-y5b 3 года назад +1

    容量が25MB以上使っているvideoタグを使用しており、インストールできないのですが、何か方法はありますか?

  • @isseyinstablog8514
    @isseyinstablog8514 4 года назад +3

    先日しまぶーさんの動画を見て今週からプログラミングを始めた者です!
    Git Hub Pages のsourceにmaster branchがなく、mainとnoneの選択肢しかありません…。
    どのようにしたらmaster branchが出てくるのでしょうか…?

    • @dezalog
      @dezalog 4 года назад +1

      僕も出てきません。。しまぶーさん教えて下さい🙇‍♂️

    • @shimabu_it
      @shimabu_it  4 года назад +2

      たいへん遅くなり申し訳ございません!
      最近GitHubのデフォルトブランチがmasterからmainに変更されました。なのでそのままmainで進めちゃってOKです。詳しくはTwitter上でもやり取りしているので下記を参考にしていただけると!
      twitter.com/masaheroblog/status/1312866994195034114

    • @isseyinstablog8514
      @isseyinstablog8514 4 года назад +2

      しまぶーのIT大学 お忙しい所ご返事ありがとうございます‼︎
      確認します!!

    • @dezalog
      @dezalog 4 года назад +2

      @@isseyinstablog8514 お互い頑張りましょう!!

  • @adiean4556
    @adiean4556 4 года назад +2

    分かりやすいご説明ありがとうございます。いつも動画拝見させていただいてます。
    この動画を見ながら、作成したwebサイトをはじめてgithubにアップしたのですが、master branchを選択すると何やらよく分からないエラーが出てしまいます。直後に届いたメールには、
    The page build failed for the `master` branch with the following error:
    Unable to build page. Please try again later.
    と記載されています。一体何が原因なのでしょうか。ちなみに、作成したファイルにエラーがあるのかと思い、確認してみたのですが、特に見つかりませんでした。

    • @adiean4556
      @adiean4556 4 года назад +1

      解決できました。
      画像データの拡張子の部分でjpgをJPGと入力していたのが原因だったようです。ローカルでは普通に表示されていたので気づきませんでした…。

    • @shimabu_it
      @shimabu_it  4 года назад +1

      うおー返信が遅れてしまって申し訳ございません。
      早々に自己解決されたようで良かったです。特に分かりにくそうなエラーですが、よく気づかれましたね。そういう問題解決力がプログラミングでは活きるので、今後エラー出てもバンバン解決していきましょう😊

  • @とっとこs
    @とっとこs 4 года назад

    島ブーさんと同じやり方でやってみたのですが、ページが表示されません、、、
    私がwindiwsユーザーが原因なのかはわかりませんが、しまぶーさんの画面ではmaster branch となっているのですが、私の画面にはbranch: masterと表示されたりなど、githubにかかれているものが微妙に違うところがあります。なにか解決法があればご回答よろしくお願いします

  • @takano88keys
    @takano88keys 3 года назад

    はじめまして。
    わかりやすい動画ありがとうございます。
    gitがなかなか使えず苦労している一人です。
    この動画でようやく作成したものを公開することが出来きました。
    参考動画として、自分のブログにリンクを貼ってもよろしいでしょうか?

  • @吉田勇耶-c1u
    @吉田勇耶-c1u 3 года назад +3

    404 のエラーがでてしまうのですが、同じ現象が起きたかたで、解決した人がいたら教えてください!

  • @オールハイルルルーシュ-y4d

    7:06 master brunchが表示にならないのですが対処法などありますか?
    Windowsを使っているのですかMacと違うのでしょうか…

  • @古川-l1c
    @古川-l1c 3 года назад +1

    6:51 GitHub PagesってUpgradeプランになりました?(2021年1月時点)

  • @こっつん-h3v
    @こっつん-h3v 4 года назад +1

    毎回、勉強させて頂いています。とても詳しく分りやすい説明ですごく助かっています。
    動画では、GitHubにHTML、CSS、JSのファイルをアップされてますが、画像ファイルが複数ある場合も
    同じようにアップしていいのでしょうか?

    • @shimabu_it
      @shimabu_it  4 года назад

      コメントありがとうございます!嬉しいです😊
      はい!同じように画像ファイルを複数アップしても問題ないですよ!👍

    • @こっつん-h3v
      @こっつん-h3v 4 года назад

      @@shimabu_it
      早速のご回答、ありがとうございます。
      すみません、もうひとつ お願いします。
      GitHubにアップする際に動画では同じ階層のファイルを3つアップされていますが、
      違う階層のファイルをアップするにはどうしたらいいのでしょうか?
      例えば、同じ階層にあるHTMLやCSSのファイルと別のフォルダーにある複数の画像ファイルを
      一緒にアップする場合です。

  • @山下友紀-m7h
    @山下友紀-m7h 4 года назад

    リポジトリ名の右にPrivateと表示され、マスターブランチに設定できないのですが、対処方法を教えていただけませんか?privateからpublicに変更するために、Make this repository publicに、レポジトリ名を入力しても変更されなくて困ってます。よろしくお願いします。

  • @kenta3714
    @kenta3714 3 года назад

    22卒で、アプリ開発かweb開発の会社を考えています。ポートフォリオを見せるのに、GitHubだけで通用しますか?

  • @もりぞうきっころと
    @もりぞうきっころと 3 года назад

    質問です。
    リモートリポジトリにはアップできたのですが、imgが反映されないです。
    その場合の対処はどのようにしたらいいでしょうか。

  • @デイビッドベッカム-y7i
    @デイビッドベッカム-y7i 4 года назад

    とてもわかりやすい動画をありがとうございます!
    一つ質問なのですが、動画の通りやったところ、CSSが読み込まれません。自分なりにいろいろ調べたのですが、解決できませんでした。
    解決策あれば、ご教授頂けないでしょうか?

    • @デイビッドベッカム-y7i
      @デイビッドベッカム-y7i 4 года назад

      cssファイルは読み込めませんでしたが、HTMLファイルに直接styleタグで書き込む方法で解決できました!cssファイルが読み込まれないないのが何故かは分からずじまいですが…

  • @Star-qp7rv
    @Star-qp7rv Год назад +1

    リモートリポジトリに追加したファイルを削除する方法はありますか?(ファイルそのものじゃなくてリモートリポジトリにアップロードしたファイルを削除したい。)

    • @shimabu_it
      @shimabu_it  Год назад +1

      ファイルを削除して再度コミット&プッシュすると削除できるはずです!

    • @Star-qp7rv
      @Star-qp7rv Год назад

      @@shimabu_it ありがとうございます。

  • @spiderblue2246
    @spiderblue2246 4 года назад +1

    Github英語ばっかでよくわからないのでもっと関連動画上げて欲しいです!

    • @shimabu_it
      @shimabu_it  4 года назад +5

      リクエストありがとうございますー!GitHubはかなり難しいのでなかなか骨が折れますが、後々本気で講座を作る予定です。必ず講座にはしたいと思っているので、もう少しお待ちいただければと思います🙇‍♂️

  • @sS-dt5jm
    @sS-dt5jm 3 года назад

    vs codeを使っているのですが404エラーが出たり画像が表示されなかったりしてしまって
    同じやり方でやっているのですが何か思い当たる解決方法ありますか?
    色々調べているのですが全然だめで心がおれそうです...

    • @かす-u4r
      @かす-u4r 3 года назад

      解決出来ていたら申し訳ございません。
      コメント欄をもう少し下にスクロールすると解決方法載っていますよっ!私はそれで解決しました!

  • @yukio7160
    @yukio7160 3 года назад

    index.htmlでしか作成はできないのでしょうか?それ以外だと作成できません・・・

  • @佐々木康大-e4e
    @佐々木康大-e4e 4 года назад +1

    とてもわかりやすかったです。
    画像のほうが反映されません。
    どうしたらよいでしょうか。

    • @shimabu_it
      @shimabu_it  4 года назад

      ありがとうございます!
      おそらくパスがあっていないのが原因だと思いますが、
      こちらGitHubのリンクの方をいただくことってできますか?

    • @佐々木康大-e4e
      @佐々木康大-e4e 4 года назад +1

      @@shimabu_it
      申し訳ごさいません!
      解決しました!

    • @shimabu_it
      @shimabu_it  4 года назад

      @@佐々木康大-e4e おお、解決されたようで良かったです!自己解決が最も学びになりますからね!ナイスです👍👍

  • @keitant40
    @keitant40 4 года назад

    すみません。このやり方でやると、"404"が出てきてしまうのですが、これは、どうしたらいいんですか?

  • @日常ブログ-y5b
    @日常ブログ-y5b Год назад

    画像が反映されないのですが、原因は何かわかりますか?

  • @MAKI_FrontEndEngineer
    @MAKI_FrontEndEngineer Год назад +3

    6:52 のGitHub Pagesが見当たらないです。

    • @Chip6856
      @Chip6856 10 месяцев назад

      今はSettingタブ→左サイドバーの「Pages」を押すとGitHub Pages がでてくるみたいです!

  • @arimichi9486
    @arimichi9486 4 года назад

    続編を早くお願いします。

  • @user-lx5uf1vr7q
    @user-lx5uf1vr7q 4 года назад +1

    Yahooとかの大手ってめちゃんこ頭良い大学を出てないといくらプログラミング得意でも厳しい感じですか?

    • @shimabu_it
      @shimabu_it  4 года назад +2

      一切そんなことはありませんよ。私の同期に、偏差値30〜40の大学卒、高専出身、専門学校出身の方がいます。むしろ学歴に関しては他社と比べてもゆるい方だと思います。

  • @kaeru_no_channel
    @kaeru_no_channel 4 года назад +1

    CSSとhtmlと画像入れて、しまぶーさんの動画の通りにやってもエラー404のせいで表示ができないです、、

    • @しゅん-q3w
      @しゅん-q3w 4 года назад +1

      自分も表示ができなかったのでいろいろ試した結果、表示ができました。
      試したのは2つで
      ①最初の階層に全てのデータが入ったファイルを入れてしまっていた。
      →これを「index.html」が最初の階層に来るようにアップを変えました
      ②一度上げた後に再度「index.html」のファイルをアップ
      →①で解決しない時はなぜかmasterbranchに変更後に「index.html」のファイルをアップすると解決しました。
      ※masterbranchに変更後にアップをすると「 Commit directly to the master branch.」という選択肢が増えているのでそれ選んでアップすると表示ができました。
      どこかの記事をみたというよりは完全に独自でやっただけなのでできなかったらすいません(笑)

    • @kaeru_no_channel
      @kaeru_no_channel 4 года назад

      どいまる 自分の場合はindex.mdにしたら治りました!!

    • @しゅん-q3w
      @しゅん-q3w 4 года назад

      @@kaeru_no_channel そんな方法もあるんですね!試してみます、ありがとうございます!

  • @reo_apex9418
    @reo_apex9418 3 года назад

    cssが適用されませんどうしたらいいでしょうか...

  • @日常ブログ-y5b
    @日常ブログ-y5b 3 года назад +1

    こちらmastar branchが表示されないのですが、原因はわかりますか?

    • @shimabu_it
      @shimabu_it  3 года назад +1

      今はGitHubの仕様が変わってmainになっているかもです!
      master→mainとお考えください!

    • @日常ブログ-y5b
      @日常ブログ-y5b 3 года назад

      ありがとうございます!メイン→ルートで大丈夫ですかね?また友人にこのLPをお渡ししたいのですが、GitHubのこの作ったページをお渡ししても大丈夫だと思いますか?zipファイルでお渡ししようと思ったら、解凍できませんでした。

  • @今すぐ行動継続
    @今すぐ行動継続 3 года назад

    右上の緑のボタンnewが無いです。クロムでもエッジでも見つからなかった。

  • @mokeo4269
    @mokeo4269 3 года назад

    ええ、公開できないです。。生成されたURLを踏んでも404と出ます。。

  • @tm-lk6ik
    @tm-lk6ik 4 года назад +1

    phpなどのサーバサイドの処理を使ったサイトは公開できない感じですかね、、、?

    • @shimabu_it
      @shimabu_it  4 года назад +2

      できないです!GitHub Pagesのヘルプには下記文言があります!
      > GitHub Pages does not support server-side languages such as PHP, Ruby, or Python.
      訳: GitHub Pagesは、PHP、Ruby、Pythonなどのサーバー側言語をサポートしていません。
      GitHub Pages ヘルプ
      help.github.com/en/github/working-with-github-pages/about-github-pages

    • @倍速視聴ガチ勢
      @倍速視聴ガチ勢 4 года назад +1

      @@shimabu_it Bootstrapはどうなんでしょうか?

    • @shimabu_it
      @shimabu_it  4 года назад

      @@倍速視聴ガチ勢 BootstrapはGitHub Pages内で使うことができますよ!CSSやJavaScriptを使うのには問題ありません!

  • @soiiiso
    @soiiiso 2 года назад

    あれ、マインブランチが出てこない
    誰かわかる方いらっしゃるでしょうか...

  • @neirobiyori
    @neirobiyori 4 года назад +1

    すきよ=

  • @うたおとちゃんねる-f6b
    @うたおとちゃんねる-f6b 3 года назад

    変更した時の変更内容の書き方がわかりません〜

  • @太田啓夢
    @太田啓夢 Год назад

    デプロイ 6:41

  • @teximo9933
    @teximo9933 4 года назад +1

    ファイルをドラックしてアップロードしても404エラーになってしまうのはなぜ???

    • @shimabu_it
      @shimabu_it  4 года назад

      おや・・・何度やってもそうなりますか・・・?
      私も原因がつかめないのですが、対応していないファイルをアップロードしているとかでしょうか。
      動画とまったく同じようなファイルをアップロードしていますか?

    • @teximo9933
      @teximo9933 4 года назад

      @@shimabu_it 返信ありがとうございます🙇‍♂️雑な質問でしたので申し訳ないです。
      しまぶーさんとの一番の違いはmaster branchを選択し取得した
      リポジトリ名/で終わるリンクを同じように踏んでもうまく表示されないということです。
      ke3.github.io/practice_2/
      色々試した結果、リポジトリ名/text まで指定すると(text.htmlのtext)初めて正常に表示されました...。
      なので一応は解決したのですが、しまぶーさんのようにtextまで指定せず表示させるにはどうしたら良いのかご教示頂きたいです。

  • @なーさん-i2s
    @なーさん-i2s 3 года назад

    未だにSubversionとTortoiseSVNでレガシーしてます。いい加減、gitとgithubに移行せねば...

  • @ugh7509
    @ugh7509 4 года назад +2

    Cssが適用されない

  • @SKたよ
    @SKたよ 4 года назад +1

    cssが反映されないです...

    • @shimabu_it
      @shimabu_it  4 года назад

      うわー遅れちゃってごめんなさい😂おそらくCSSのパスが原因(ちゃんとlinkタグで読み込めていない)か、typo(ファイル名の打ち間違え)かと思うのですが、、、既に解決されましたか??

    • @SKたよ
      @SKたよ 4 года назад +1

      しまぶーのIT大学 返信ありがとうございます!linkタグの修正と言われたのでネットで調べてできました。ありがとうございます!

    • @shimabu_it
      @shimabu_it  4 года назад

      おお、すごいです!ググっての解決が1番力になるので、その調子です😂解決できたようで良かったです✨

  • @夕岐見
    @夕岐見 4 года назад +1

    マスターブランチが何故か選択できなかった。。。

    • @shimabu_it
      @shimabu_it  4 года назад +1

      あら、masterブランチ自体が存在しないか確認していただいていいですか?下記でブランチ一覧を見ることができます!
      github.com/自分のアカウント名/自分のリポジトリ名/branches

    • @夕岐見
      @夕岐見 4 года назад +1

      @@shimabu_it
      Master という文字はありましたが、branchは無さそうです

    • @shimabu_it
      @shimabu_it  4 года назад +1

      github.com/自分のアカウント名/自分のリポジトリ名/branches
      こちらに載っているものはすべてブランチなので、Masterというものがあればそれがブランチです。ちなみに最初の頭文字って大文字でしたか?おそらく小文字のmasterと書いているものがあるかと思いますが、それがあれば、masterブランチがあるということになります。またそこに黒背景白文字でDefaultと書いてあるかどうかもチェックをお願いします。
      上記があれば、おそらく動画通り、Settings→GitHub Pagesから「master branch」が選択できるはずなのですが...😥

    • @夕岐見
      @夕岐見 4 года назад +1

      @@shimabu_it
      返信を下さりありがとうございます。
      小文字のmasterはありますが、default はありません。(ページ内検索でもありません)

    • @shimabu_it
      @shimabu_it  4 года назад +1

      github.com/自分のアカウント名/自分のリポジトリ名/settings/branches
      なるほどなるほど、そしたら今度は↑のページをご確認いただきたいのです。「The default branch is set to ○○○」とあるはずですが、この○○○の部分はmasterになっていますか?