メインコンテンツへスキップ
見出し画像

GitHubって何? 〜古い地図が届いた日〜|GitHub入門講座 第1回


    第1回:GitHubって何?
    まずはアカウントを作ってみよう!
    英語と日本語の表記を切り替えてみよう!


    画像
    GitHubナニソレ講座、は~じま~るよ~🎵

    🔶この講座は、こんな人におすすめです


    ・『
    note統計ダッシュボード』や『赤柴のスキ発掘隊』のような、
    note記事のスキ数やアクセス数が自動でまとまる仕組みを見て
    『いいな、自分も欲しいな』と思ったことがある人

    ・『GitHubを使えばウェブ上でいろんな仕組みが作れるらしい』
    と聞いたことはあるけれど、
    GitHubが何なのかピンときていない人

    ・プログラミング経験はないけれど、
    『GitHub、ちょっとだけ触ってみようかな』と思ってくれた人

    📌エンジニア、プログラマの方へ📌
    この講座は、非エンジニアの赤柴が「初心者同士で学び合う」ために作ったものです。至らない点もあるかと思いますが、あたたかい目で見ていただけると嬉しいです。

    温かいご指摘は歓迎いたします✨️✨️


    画像

    🔶ストーリーの前にまずは読み方から


    前回、GitHubナニソレ講座をやりますと予告したときに
    みなさんから寄せられたコメントに多かったのが

    「そもそもギットハブなのかジットハブなのか分からない」
    「読み方からやってほしい」


    というお声でした😊✨️

    分かります、分かります。
    読み方は「ギットハブ」なんですが…


    だってGIFはジフって読むよね。
    じゃあなんてGitHubはギットハブなのよ?



    これが調べてみると面白かった!!😆🎶
    ですけど長くなるので、このネタは息抜き回用にとっておいて
    また今度書きますね✨️

    覚えられない??
    ではイメージで覚えましょう!


    (なるべく苦手な方に配慮したつもりですが、蛇が苦手な方は
    以下の画像は高速スルーしてください💦)

    🌸正しい読み方はギットハブ


    画像
    油でギトギトのハブだよ


    🌸間違えやすいのはジットハブ


    画像
    👆️よい子はまねしないでね🤣


    覚えたかな?
    余計ややこしくなったかな🤭

    次に講座のコンセプトと12回のタイトル一覧です。
    一応毎回書きます。

    そういうのいいから、早く内容を教えてという方は
    目次から
    💡GitHubって何? 〜古い地図が届いた日〜
    に飛んでくださいね!

    🔶講座のコンセプトと全12回タイトル一覧

    🔶講座コンセプト

    GitHubナニソレから始める初心者向け入門講座。
    ひとり用の脱出ゲームを作りながらGitHubの基本操作を覚え、
    最後にGitHub Actionsの自動化(毎日勝手に動く仕組み)を体験する。

    すべてブラウザ上のGitHub Web UI操作だけで完結し、ローカル環境構築(git・ターミナルなど)は一切不要。
    1回につき1つの操作・1つの概念に絞る「ワンステップずつ」を徹底しています。

    全体は3幕構成になっています。(謎解き→隠す→自動化)

    内容の複製、再販はお断りいたします🖐️

    🔶全12回タイトル一覧

    ✨️1・GitHubって何? ←👈️今回はここ!!
    2・リポジトリって何?
    3・フォルダを作るって何?
    4・ファイルをアップロードするって何?
    5・謎を解く回
    6・READMEって何?
    7・ファイルを編集する(コミットするって何?)
    8・privateって何?
    9・Secretsって何?
    10・GitHub Actionsって何?(その1:仕組みを置く)
    11・GitHub Actionsって何?(その2:動かして脱出成功)
    12・おまけ:脱出のごほうび「毎日育つ相棒」誕生

    毎週金曜日公開予定です✨️


    🔶この講座のゴール


    この講座のゴールは、GitHubを
    「なんだか怖くてよく分からないもの」から
    「一度は自分の手で触ったことがあるもの」に変えることです。

    プログラミングができるようになることや、
    いきなり自分でツールを作れるようになることまでは目指していません。
    ただ、12回を終える頃には、
    GitHubの画面を見ても身構えなくなっているはずです😊✨️


    画像


    前置きが長くなりました。

    では今日のストーリーにまいりましょう✨️
    たくさんの方にGitHubの楽しさを知ってほしいので、
    第1回であるこの記事は無料で公開しました!!

    次回、第2回からは有料公開・拡散無料とさせていただきます。

    赤柴は以前、
    Xのアカウントをなぜか凍結されたので🤣
    もうXはしない!と言っていましたが

    なんと、自分もアカウントを持っていないと
    noteの仕様では
    拡散無料の設定ができないんですね😮

    投稿と同時に
    Xに拡散希望のポストを飛ばすためみたいです。
    そりゃそうか…

    なのでこのたびセカンドアカウントを作りました!!
    以前フォローしてくださっていた方、お久しぶりです🙇
    解凍ではなく転生を選びました🤣

    あんまり積極的にポストしないかもしれませんが…
    (いや、そこはがんばろうよ?)
    良かったらぜひフォローお願いいたします🙏


    次回の記事からは
    ぜひリツイートしてくださいね🙌✨️✨️

    もちろんリツイートではなく購入いただいても
    とってもうれしいです🎵

    画像
    やっと本題だよ~!

    🔶今回のスタートとゴール

    🔶スタート

    GitHubにまだ登録していない状態

    🔶ゴール

    ログインして、自分のプロフィール画面が開けた状態

    💡GitHubって何? 〜古い地図が届いた日〜


    画像
    なんだろう…?

    ある朝、あなたのもとに一通の茶封筒が届く。
    差出人の名前はどこにもない。
    中に入っていたのは、
    ボロボロに擦り切れた一枚の地図と、たった2行のメモだけ。

    「全部のミッションをクリアしたら、かわいいごほうびをあげよう」
    「まずは通行証を手に入れて、あの倉庫の中に入ること」

    画像


    これから12回にわたって、あなたはこの地図の続きを追いかけながら、「GitHub」という道具を少しずつ使えるようになっていきます。
    プログラミング経験は一切不要です。

    画像
    冒険? ワクワクするね✨️

    💡今日の言葉:GitHubって何?


    GitHubは、世界中のエンジニアが「自分の作ったものを保管したり、みんなで一緒に育てたりする」ために使っている、大きな倉庫のようなオンラインサービスです。

    読み方覚えていますか? ギットハブですよ~

    難しく聞こえますが
    「ネット上の倉庫に自分専用の部屋と棚を持つ」
    くらいのイメージで大丈夫です。

    今日はこの倉庫に入るための「通行証」
    つまりアカウントを作るところから始めます。無料枠で作れます。
    さあ、一緒にやってみましょう!!

    ※赤柴はパソコンのブラウザ版を使用しています。

    画像
    まず最初のミッション、いってみよう!


    💡今日のワーク


    ✨️GitHub(github.com)にアクセスして、
    無料アカウントを作成してみましょう✨️

    画像
    地図をクリックすると、「あの倉庫(GitHub公式サイト)」に飛びます


    1・公式サイトトップページです

    画像
    矢印がへなちょこでごめんなさい。Googleアカウントでサインインするときは右上から
    メールアドレスとパスワード設定で登録するならどちらからでもOK

    2・サインイン画面です

    画像
    メールアドレスとパスワードを自分で設定してもOK
    GoogleアカウントでサインインしてもOK


    3・初回は二段階認証が求められます

    画像


    4・二段階認証成功!

    画像
    一応復旧コードはダウンロードしておいてくださいね


    5・復旧コードダウンロード

    画像
    テキストファイルでダウンロードされます。保存しておきましょう。


    画像
    さまざまな困難を乗り越えた赤柴たち(イメージです)


    6・英語? 日本語? どっちにする?

    画像
    英語表記の例。アレルギーのある方は日本語表記にしてね🤣

    たぶんほとんどの方は自動翻訳で日本語表記になると思います。
    こんな感じです👇️

    画像
    時々日本語がおもしろいんですよね。「家」って🤣


    画像

    ところで、英語と日本語って、どこで切り替えるの??

    💡日本語⇔英語の切り替え方

    まず画面の右上に注目(Chromeの場合)

    画像

    ずらりとリストが並んだ下のほうに「翻訳…」があります

    画像

    翻訳をクリックすると右上にこんな窓が開きます

    画像

    自分の好きな設定にします

    画像

    📌赤柴メモ📌
    Claudeとやりとりしていると、Claudeの指定する英語が
    GitHub画面の翻訳の日本語と食い違って分からなくなるので
    赤柴は英語表記にしています🤔

    まぁ、なんとなく読めればOKということで🤣

    画像
    倉庫の通行証を手に入れたよ✨️

    いかがでしたか?
    アカウント作成までできれば
    今回は成功です!!

    画像
    やったね!!

    🔶次回へ

    通行証は手に入りました。

    次回は、倉庫の中に「部屋」を実際に作っていきます✨️

    画像
    はー、ひとやすみ☕🍪

    🔶9月18日 次の記事を公開しました!


    今回はここまで。
    おつかれさまでした🙌✨️✨️


    ここが分かりにくかった
    スマホだとやり方が違うみたい…
    などなど
    気づいたこと、分からなかったこと
    ぜひコメントでシェアしてください!!

    お互いに学び合いましょう✨️

    もちろん
    できたよー✨
    アカウント作ったよ!!
    のコメントも大歓迎です!!


    📝赤柴のダッシュボード、こっそりのぞいてみる…?👇️

    画像
    ダッシュボードの作り方はこちら

    🍄はしゃもさんの「推し庭」を推しています🍄

    ✨️挿絵はnoteビジュアルGPTを使用しています✨️
    ✨️サムネイル画像はSAMUNEPRESSです✨️

    画像
    赤柴のサイトマップは画像をクリックしてね

    ✨️サイトマップはナオユキさんのサイトマップ作成サービスです✨️

    画像
    ChatGPTCreativeClubに加入しています🎨


    画像

    🌱初コメント大歓迎です🌱

    🍄スキしたらクリックして庭を育ててみませんか🍄

    この記事が参加している募集

     
     
    やってみたから、わかることがある。 週3回以上、試行錯誤を記録中🐾 💻GitHub超初心者入門講座 📷アオイの写真帖 ☕ひとやすみノート AI・絵本づくり・note企画の舞台裏も 迷いも失敗も、次の誰かのヒントに。 自営業。R8司法書士試験合格。 15キロの柴犬と山奥暮らし。

    あなたへのおすすめ