• Skip to main content
  • Skip to primary sidebar

プログラミング入門ナビ by Proglus(プログラス)

プログラミング学習初心者のための情報メディア

本ページにプロモーションが含まれる場合があります

You are here: Home / Archives for Git

Git

【AWS Cloud9】Ruby on Railsのサンプルコードをチェックアウトして実行する方法

2022-09-14 By プログラミング入門ナビ編集部

サンプルコードをチェックアウトして実行する方法

この記事では、AWS Cloud9上でサンプルコードをGitHubからチェックアウトして、実行する方法についてご説明します。

この記事は、Udemyオンライン講座「はじめてのRuby on Rails入門-RubyとRailsを基礎から学びWebアプリケーションをネットに公開しよう」のサポート記事です。

なお、アクセス時期によっては実際のサイトと記事中の画像で表示が異なる場合があります。

サンプルコードをご自身のcloud9環境で実行する方法

rubyとrailsのバージョンが指定のバージョンであることを確認

cloud9のターミナル上にて、ruubyとrailsのバージョンを確認して下さい。
●rubyのバージョン確認

●railsのバージョン確認

※7.0.なんとかであれば、通常は問題ありません。
指定のバージョンでは無い場合は、過去のレクチャーでバージョンの設定に関して説明していますので、ご確認下さい。

動かしたいサンプルコードページのURLを取得

サンプルコードのアクセス方法は、レクチャー横の「リソース」からアクセス出来ます。

githubページの「code」をクリック。

タブが「HTTPS」になっていることを確認して、URLをコピーします。

git cloneを実行

cloud9のターミナル上に、サンプルコードを複製します。
rails_project ディレクトリ配下に、サンプルコードを配置したいので、rails_project ディレクトリでコマンドを入力します。

$ git clone [クローンしたいサンプルコードのURL]

サンプルコードがrails_project ディレクトリ配下にクローンされました。

プロジェクトディレクトリへ移動

cd コマンドを使い、チェックアウトしたプロジェクトのディレクトリに移動します。

例) rails7-qanda-sample-codeディレクトリへ移動する場合(実情に合わせて操作してください)

$ cd rails7-qanda-sample-code

rails サーバー起動

bundle insatall コマンドを実行します。
cloud9のターミナル上でコマンドを実行して下さい。

$ bundle install --without production

続いてデータベースを設定します。
cloud9のターミナル上でコマンドを実行して下さい。
●データベース作成

$ rails db:create

●マイグレーションファイルを実行

$ rails db:migrate

cloud9のターミナル上でコマンドを実行して下さい。

$ rails s

サンプルコードをcloud9上で実行することが出来ました。

特定のブランチをチェックアウトして実行する方法

レクチャー終了時のサンプルコードをチェックアウトして、cloud9環境で実行する方法です。

チェックアウトしたいブランチ名を特定する

対象レクチャーの「リソース」からGitHubへアクセスして、ブランチ名を確認します。

「branches」から、ブランチ名をコピーできます。

git checkooutを実行

cloud9のターミナル上で、特定のブランチをチェックアウトします。
git cloneコマンドでサンプルコードを複製した状態からはじめます。

git clone直後は、デフォルトブランチ(mainブランチ)が複製されます。
特定のブランチを指定して、チェックアウトコマンドを実行します。

$ git checkout 04-13-create-model

rails サーバー起動

bundle insatall コマンドを実行します。
cloud9のターミナル上でコマンドを実行して下さい。

$ bundle install --without production

cloud9のターミナル上でコマンドを実行して下さい。

$ rails s

特定のブランチをチェックアウトして、cloud9上で実行することが出来ました。

以上ご不明な点がございましたらUdemyのQ&Aコーナーへご連絡ください、何卒よろしくお願いします。

動画でプログラミング入門をしよう

オンライン学習サービスProglus(プログラス)でプログラミングを学び、創れる人になろう!

プレミアムプランを2週間無料体験しよう

今すぐ詳細を確認する

Filed Under: AWS Tagged With: AWS, Cloud9, Git, Ruby on Rails

初心者からWebエンジニアへ転職するために必要なスキルセットは?優先順位別に紹介!

2020-03-31 By プログラミング入門ナビ編集部

パソコンに向かう男性

はじめに

オフィスの机とパソコン

Webエンジニアへの転職、やることが多くて何から始めたらいいか悩んでしまいますよね。

ひとまずプログラミングの学習を始めたはいいものの「これだけでいいのだろうか」「あれもやっておくべき?」など、考え始めるときりがありません。

この記事では、Webエンジニアに最低限必要なスキルセットとして何を押さえるべきかについて、講師のおすすめを紹介します。

Webエンジニアリングの全体像

オフィスで話し合う男性と女性

まずはWebエンジニアの仕事ではどういったことをするのか、ざっくりと見てみましょう。

Webサイト制作時の役割分担として、フロントエンドとサーバーサイド(バックエンドとも呼ばれます)があります。

フロントエンドはWebサイトがユーザからどう見えるかを司るユーザーインターフェイス部分の実装です。

サーバーサイドはその名の通り、Webサイトが動くサーバー上で必要な機能の実装部分となっています。

また、どちらの場合も、基本的な開発ツールを使いこなせるようにしておくことも重要です。

Webエンジニアへの転職後はこのいずれかもしくは両方を担当することになります。

全体の動きを把握するためにも、まずは次項以降のスキルセットを一通り身に付けて簡単なWebサイトを開発してみるのがおすすめです。

フロントエンド

webデザイン

最初に、フロントエンド開発に必要なスキルセットを紹介します。ブラウザ上で簡単に挙動が確認できるので、まずはフロントエンドから入ると理解が進みやすいです。

HTML + CSS

文章や画像など、Webページの見た目を記述するための言語がHTML、そのレイアウトを制御するのがCSSです。

Webエンジニアリングにおいて一番基礎の部分であり、初心者の方でも学校の授業等で触れたことがあるかもしれません。

新HTML入門

WE05-CSS入門

JavaScript

Webサイトには、ユーザがただ読んだり見たりするための静的なコンテンツだけではなく、アンケートやファイルアップロードなどユーザが操作するコンテンツもありますね。

このようなコンテンツではユーザの操作に応じた動的な処理が必要で、これを記述するための言語がJavaScriptです。

実に世界の95%以上のWebサイトでJavaScriptが使用されており、初めて学ぶのに適しています。

WE09-JavaScript入門

Bootstrap

HTML、CSS、JavaScriptはいずれもプログラミング言語ですが、自分でデザインも実装も行うとなると手間がかかります。

Bootstrapは、表示先のウィンドウサイズに合わせてレイアウトを動的に変化させるレスポンシブデザインなど、定番のレイアウトを簡単に実装するためのCSSフレームワークです。

これを覚えればデザイン性の高いサイトをサクサクと作れるようになります。

WE08-Bootstrap4 入門

サーバーサイド

サーバールーム

フロントエンドを一通り理解したら、サーバーサイドの技術を身に付けましょう。サーバー環境を構築し、実際に動かしながら学んでいくのが良いでしょう。

SQL

一定以上の規模であれば、データベースを使わないWebサイトはほとんどないと言っても過言ではありません。例えばECサイトならば顧客情報や商品情報を管理するのに必要です。

SQLはデータベースを操作するためのプログラミング言語で、こちらも習得することを推奨します。

後述するスクリプト言語のフレームワーク等ではActiveRecordという仕組みが導入されており、オブジェクト(アプリケーション内の実体)とデータベースをスムーズに繋ぐORM(Object-Relational Mapping)が可能です。

この機能を用いればSQLを意識することなくデータベースを扱うことはできますが、不具合が発生した際のデバッグやパフォーマンスを上げるためのチューニングはSQLを知らなければ難しいでしょう。

SQ01-SQL入門

Ruby

サーバー側の処理を記述するためのスクリプト言語にはPerl、PHP、Python、Java等様々なものがありますが、中でもおすすめしたいのがRubyです。

日本人のまつもとゆきひろ氏が開発された言語ということもあり、日本語のドキュメントが充実していて人気が高く、後述する通り便利なフレームワークもあるため初心者の学習に適しているといえます。

RB01-新・Ruby入門

Ruby on Rails

Rubyでの開発を簡素化するために、よく使われる機能等をまとめて使いやすくしたフレームワークがRuby on Railsです。

これを使うとコード量が少なく開発スピードが上がるため、実際の開発現場では必ずといっていいほど導入されています。

RR01-新・Ruby on Rails入門

サーバー構築技術(1)heroku

サーバーの構築や運用についても学ぶ必要があります。サーバー用の機器を購入して自宅で構築する方法もありますが、手軽に始められるPaaS(Platform as a Service)を活用するのが良いでしょう。

herokuではハードウェアの準備やOSのインストール等を行わず、アプリケーションのデプロイに集中できるので習得スピードを早められます。

heroku

サーバー構築技術(2)AWS

もう一つのおすすめはAmazon社が提供するAWSです。導入している企業が多いため、習得しておくと良いでしょう。

認定試験もあるので、転職活動を有利に進めるために取得を目指すのも良いかもしれません。

Amazon Web Service

開発基本ツール

オフィスで向かい合う同僚たち

開発に欠かせない基本ツールの使い方も習得する必要があります。Webエンジニアに限らず全てのエンジニアに必須のスキルです。

Git/GitHub

Gitはソースコードのバージョン管理システムです。

開発を進めていくとコード量が膨大になり複雑になってきますよね。

後から不具合が起きた場合の対応のため、どのバージョン以降から発生したのかを確認・修正したり、別の機能を派生的に追加したりする目的でソースコードを管理する必要があります。

ローカル環境で使用するバージョン管理システムとしては、SubversionやCVSといったものも有名ですが、より便利なGitが現在の主流です。

また、Gitのクラウド版であるGitHubは数千万人規模のユーザが利用しており、ソースコードの公開やそれを通した交流の場となっています。

WE16-Git / GitHub入門

Linux

サーバー環境はLinux上に構築されることが多いため、基本的なLinux操作方法について学ぶ必要があります。

まずは重要なコマンドを覚えることから始めると良いでしょう。

LS01-はじめてのLinuxサーバ(ローカル環境編)

まとめ

学習に励む女性

Webエンジニアになるために必要なスキルセットについてご紹介しました。初心者の方におすすめの講座情報も掲載していますので、ぜひチェックしてみてください。

学習方針確認のお助けになれば幸いです。

動画でプログラミング入門をしよう

オンライン学習サービスProglus(プログラス)でプログラミングを学び、創れる人になろう!

プレミアムプランを2週間無料体験しよう

今すぐ詳細を確認する

Filed Under: エンジニアへの道 Tagged With: AWS, Bootstrap, CSS, Git, GitHub, Heroku, HTML, JavaScript, Linux, Ruby, Ruby on Rails, SQL, Web開発, プログラミング入門, プログラミング学習

【git】 xcrun: error: invalid active developer path (macOS)

2019-02-11 By プログラミング入門ナビ編集部

macOSで、git(など)の開発ツールを利用しようとする時に、下記エラーがでることがあります。
特に、macOSのバージョンアップに伴い、現象が発生します。
この記事では対応方法について説明いたします。

この記事は、オンラインプログラミング学習講座「Web開発入門完全攻略コース」のサポート記事です。

エラー内容

$ git
xcrun: error: invalid active developer path (/Library/Developer/CommandLineTools), missing xcrun at: /Library/Developer/CommandLineTools/usr/bin/xcrun

原因

Command Line Tools がインストールされていない。

対応

Command Line Toolsをインストールする

ファイルをダウンロードする(要Apple ID)

https://developer.apple.com/download/more/

検索窓で、Command Line Toolsで検索。dmgファイルをダウンロード。
通常のソフトウェアと同様に、インストールを行います。

確認

$ git
usage: git [--version] [--help] [-C ] [-c =]
           [--exec-path[=]] [--html-path] [--man-path] [--info-path]
           [-p | --paginate | --no-pager] [--no-replace-objects] [--bare]
           [--git-dir=] [--work-tree=] [--namespace=]
           <command></command> []

・・・(略)・・・

gitコマンドが使えるようになりました。

おわりに

この記事では、macOSでgitコマンド等の開発ツールが利用できない場合の対応について説明しました。

確認環境

macOS 10.14

動画でプログラミング入門をしよう

オンライン学習サービスProglus(プログラス)でプログラミングを学び、創れる人になろう!

プレミアムプランを2週間無料体験しよう

今すぐ詳細を確認する

Filed Under: ツールの使い方 Tagged With: Git, Udemy, プログラミング入門

【GitHub】push declined due to email privacy restrictions と表示されてpushできない

2018-09-14 By プログラミング入門ナビ編集部

GitHubに”push declined due to email privacy restrictions”のエラーが表示され、pushできないときの解決方法についてプログラミング入門者向けに説明します。

この記事は、オンラインプログラミング学習講座「Web開発入門完全攻略コース」サポート記事です。

エラーメッセージ

$ git push -u origin master
Counting objects: 29, done.
Delta compression using up to 8 threads.
Compressing objects: 100% (27/27), done.
Writing objects: 100% (29/29), 5.47 KiB, done.
Total 29 (delta 2), reused 0 (delta 0)
remote: Resolving deltas: 100% (2/2), done.
remote: error: GH007: Your push would publish a private email address.
remote: You can make your email public or disable this protection by visiting:
remote: http://github.com/settings/emails
To git@github.com:your_user_name/example.git

原因

eメールアドレスを非公開としている(GitHubのパブリックリポジトリにプッシュするする時に、e-mailアドレスが公開されないようにするため)
クライアント側において、git config のuser.emailに、GitHubが指定しているアドレスを設定していない。

解決手順

1) git config で、user.emailに、GitHubが指定しているアドレスを設定を設定する。

$ git config --global ID+username@users.noreply.github.com

※ “ID+username”の部分は、GitHubの管理画面から取得する
GitHub > Personal settings > Emails > Primary email address

2) CommitのAuthorをリセットする

$ git commit --amend --reset-author

おわりに

この記事では、GitHubに”push declined due to email privacy restrictions”のエラーが表示され、pushできないときの解決方法について説明しました。

Udemyでオンライン講座を公開中!

オンライン講座「Web開発入門完全攻略コース」では、Gitの使い方を始めとした、プログラミング入門について動画を使って学習できます。
無料プレビューを1時間分用意しています。ぜひご確認ください!

参照サイト

Private emails, now more private – GitHub

動画でプログラミング入門をしよう

オンライン学習サービスProglus(プログラス)でプログラミングを学び、創れる人になろう!

プレミアムプランを2週間無料体験しよう

今すぐ詳細を確認する

Filed Under: ツールの使い方 Tagged With: Git, GitHub, プログラミング入門

Gitの環境構築・初期設定をプログラミング入門者向けに説明します

2018-06-29 By プログラミング入門ナビ編集部

Git(ギット)の開発環境構築・初期設定についてプログラミング入門者向けに学習します。

この記事は、オンライン講座「Web開発入門完全攻略コース」のサポート記事です。

開発環境としてはAWSのCloud9を無料枠で利用します。
リモートリポジトリとしてGitHub(ギットハブ)のフリープランを利用します

動画でGitの環境構築・初期設定を学習する。

Gitのバージョンを確認

Cloud9を開いてください

それではGitのバージョンを確認してみましょう

$ git --version

として enter キーを押してください
Gitのバージョンが表示されました

git version 2.13.6

ここではGitとバージョン2.13.6にて動作確認をしています
学習のタイミングによってはバージョンが異なる可能性があります
バージョン2.13.6以上であれば学習に支障はないと思います。

Gitの初期設定

それでは初期設定を行いますGitで利用をする名前を設定します
英字で登録します あとのレクチャーで説明していきますが

学習に利用するGitHubの無料プランのリモートリポジトリはインターネットに公開されるので
気にされる方は個人を特定できる情報を入れないほうが良いと思います

$ git config --global user.name "nakamura"

enter キーを押します 次に各自のメールアドレスを設定します

$ git config --global user.email "example@example.com"

入力したら enter キーを押します

Gitで利用するテキストエディタの設定

次にgitで使用するテキストエディタを設定します
デフォルトではnanoというテキストエディタを使用する設定になっているのですが
少なくとも日本ではマイナーな存在なので vim(ヴィム)というよく使われるテキストエディタを使うように設定します

$ git config --global core.editor 'vim -c "set fenc=utf-8"'

ここで日本は文字化けしないように文字コードとして utf 8を指定しています

このコマンドで、~/.gitconfig に設定が書かれます。
に設定が書かれています それでは設定を確認してみましょう

$ less ~/.gitconfig

lessは テキストファイルの内容を閲覧するためのコマンドです

テキストエディタの設定と名前の設定と eメールの設定が書かれています。アルファベットのqキーをおして

less を終了します

Git学習用のディレクトリの作成

次にGitの学習用にディレクトリの作成を行いますターミナルで 今 ~/enviroment ディレクトリにいることを確認します。
この表示になっていない方は

$ cd ~/enviroment

としてエンターキーをおします。

git_repositoriesといういうリポジトリを作成します

$ mkdir git_repositories

エンターキーをおします

作成したディレクトリの中に移動します

$ cd git_repositories

エンターキーをおします。

このディレクトリgit_repositoriesにローカルリポジトリを作成して学習していきます。

おわりに

オンライン講座「Web開発入門完全攻略コース」では、GitとGitHubの使い方について動画をつかって丁寧に説明しています。
無料プレビューを用意しています。ぜひご利用ください!

動画でプログラミング入門をしよう

オンライン学習サービスProglus(プログラス)でプログラミングを学び、創れる人になろう!

プレミアムプランを2週間無料体験しよう

今すぐ詳細を確認する

Filed Under: ツールの使い方 Tagged With: Cloud9, Git, Udemy

  • Go to page 1
  • Go to page 2
  • Go to Next Page »

Primary Sidebar

Proglus(プログラス)

Twitter

Follow @programmingnavi Tweets by programmingnavi

最近の投稿

  • 【05/02更新】Udemyプログラミング入門講座等の割引クーポン配布
  • AWSのパブリックIPv4アドレス有料化について 2024/2より
  • 【CSS】Google Fontsの利用方法について解説します!新UIに対応2023年11月更新
  • 【SQL】XAMPPのMySQLがXAMPPがポートの競合で起動できない問題について解決方法を解説します!
  • 【Colab】–NOMAL– と表示されて、ショートカットキー(ctrl+c)でコピーができない場合の解決方法を解説します!

カテゴリー

  • AIの使い方
  • Arduino入門
  • AWS
  • その他
  • エンジニアのしごと
  • エンジニアへの道
  • ツールの使い方
  • ニュース
  • プログラミング入門
  • 電子工作入門

タグクラウド

AI AWS AWS Cloud9 Cloud9 CodeWing CSS Emmet GCP Git GitHub Heroku HTML JavaScript li Linux macOS MySQL MySQL Workbench node.js Nuxt.js ol Proglus Python Ruby Ruby on Rails SQL Udemy Visual Studio Code Vue.js Web開発 Windows インストール エラー エンジニア オンライン学習 サーバー スクリーンショット セール プログラミング プログラミング入門 プログラミング学習 ユーデミー 初心者 未経験 機械学習

アーカイブ

  • 2025年5月
  • 2024年1月
  • 2023年11月
  • 2023年9月
  • 2023年8月
  • 2023年7月
  • 2023年5月
  • 2023年4月
  • 2023年2月
  • 2023年1月
  • 2022年12月
  • 2022年11月
  • 2022年10月
  • 2022年9月
  • 2022年8月
  • 2022年7月
  • 2022年4月
  • 2022年3月
  • 2022年2月
  • 2022年1月
  • 2021年10月
  • 2021年9月
  • 2021年8月
  • 2021年6月
  • 2021年4月
  • 2021年3月
  • 2021年1月
  • 2020年12月
  • 2020年11月
  • 2020年10月
  • 2020年9月
  • 2020年8月
  • 2020年7月
  • 2020年5月
  • 2020年4月
  • 2020年3月
  • 2020年2月
  • 2020年1月
  • 2019年11月
  • 2019年9月
  • 2019年7月
  • 2019年6月
  • 2019年5月
  • 2019年4月
  • 2019年3月
  • 2019年2月
  • 2019年1月
  • 2018年12月
  • 2018年11月
  • 2018年10月
  • 2018年9月
  • 2018年8月
  • 2018年7月
  • 2018年6月
  • 2018年5月
  • 2018年4月
  • 2018年3月

検索

Copyright © 2025 · programmingnavi.com ・About・プライバシーポリシー