プログラミング入門ナビ by Proglus（プログラス）

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

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

You are here: Home / Archives for ツールの使い方

ツールの使い方

AWS Cloud9によるRuby開発環境構築 イントロダクション

By

AWS Cloud9（エーダブリューエス　クラウドナイン）によるRuby, Ruby on Rails開発環境構築のイントロダクションです。

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

概要

AWS Cloud9 によるRubyの開発の環境構築を行います。
AWS Cloud9を使うと、RubyやRuby on Railsなどサーバサイドでプログラムを実行する必要がある、Webアプリケーションの開発が、Webブラウザでできるものです。
AWS（アマゾンウェブサービス）の無償枠を利用して学習を行います。

動画で学習する

AWS Cloud9の画面

これが、cloud9の画面です。

後のレクチャーで説明しますが、
Atomのようなテキストエディタでプログラムを書くことができ、

ターミナルも利用できて、Linuxのコマンド （命令）を実行することもできます。
Linuxというのは、OS Operation Systemのことで、WindowsやMacのOS Xなどのようなものです。
Webサービスを公開するサーバのOSとしてよく使われます。

さらに、Rubyを始めとするサーバサイド側のプログラムを実行することもできます。

Webの開発環境構築の方法

・クラウド開発環境(Cloud9) を利用
・ローカルPC上に構築して利用

このレクチャーでは、受講生の皆さんのPC環境が様々で特定できないなかで、
環境によらずブラウザがあれば、すぐに開発の学習が始められるCloud9を利用しますが、
ローカルPCに必要なソフトウェアをインストールして、開発する方法もあることは覚えておいてください。

AWSとは アマゾン ウェブ サービス

AWSとは アマゾン ウェブ サービスの略です。
ECサイト大手のAmazonが提供する、クラウドコンピューティング サービスです。

AWSの起源は、社内の通販サイトのAmazonのビジネス課題を解決さするために、生まれました。
なのでECサイトのAmazonもAWSで動いている。

それを、社外にも売りだした、流れになります。

https://www.slideshare.net/horiyasu/20140703-geechs

月間 100 万以上のアクティブカスタマー に利用されています。

調査会社のsynergyによると、2016年第4四半期のクラウド市場（IaaSとPaaS）のAWSのシェアは40％以上。Google、マイクロソフト、IBMの3社合計のシェアでも20％強にすぎず、圧倒的なシェアを誇っています。

日本で、商用のWebサービスを公開する時、AWS等のクラウドサービスを使わないという選択は、技術面、コスト面、時間の面で、難しくなってきていると思います。

その信頼性は高く、

銀行

アメリカ政府

例えば、NASAが利用するくらいです。

クラウドのメリット

必要な時に、必要なだけ、低価格で IT リソースを利用できること。

クラウド以前

数週間・数ヵ月も前から、サーバーや他の IT インフラストラクチャを計画・調達

クラウド時代

即座に何百・何千ものサーバーを数分で起動し、迅速に結果を出すことができます

多くのWebエンジニア、インフラエンジニアは、物理サーバを見ることほとんどなくなりました。

Cloud9とは

  • ブラウザでIDE(integrated development environment , 日本語では、統合開発環境 ）を提供。
  • AWSがCloud9の買収を発表したのが2016年7月。
  • AWSが2017年12月にAWSと統合したサービスをリリース。

Cloud9の利用に必要なもの

  • AWS 登録用のメールアドレス
  • AWS 登録用のクレジットカード (無料枠の範囲内で使用すれば、課金されない）
  • AWS 登録用のユーザー認証用の電話番号
  • ブラウザ Google Chrome

サーバが、不正に利用されない観点から、クレジット・カード登録や、電話番号認証が行われるようになっているのは、面倒ですが、時代の流れなので、致し方ないところです。

ブラウザについて

Google Chromeをおすすめします。
以前 Cloud9を使って、Ruby on Railsの勉強会をやった時に、Chrome以外のブラウザを使っいて、動作がおかしかった方がいました。

おわりに

AWS Cloud9によるRuby開発環境構築のイントロダクションを行いました。
それでは、学習をすすめていきましょう。

オンライン講座「Web開発入門完全攻略コース」では、AWS Cloud9によるRuby, Ruby on Railsの開発環境構築方法を動画を使って学習できます。
無料プレビューを1時間分用意しています。ぜひご確認ください！

関連記事

AWS Cloud9を利用する時に気をつけるべき注意点

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

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

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

今すぐ詳細を確認する

macOSでスクリーンショット（画面キャプチャ）を撮る2つの方法

By

macOSでスクリーンショット（画面キャプチャ）を撮る方法について説明します。
たとえば、世界最大級のオンライン学習サイトUdemy（ユーデミー）でプログラミング学習する時に、Q&Aコーナーにスクリーンショットを添付すると、よりよいサポートが受けやすいです。

アジェンダ

次の2つについて説明します。
1) macOSの標準機能を使う方法
2) Skicthアプリを使う方法←おすすめ

1) macOSの標準機能を使う方法

macOSが標準でスクリーンショットを撮る方法を提供しています。
追加でアプリのインストールが不要なメリットがあります。

画面全体のスクリーンショットを撮る方法

1.「shift + command (⌘) + 3」キーを押す。
1. スクリーンショットがデスクトップに .png ファイルとして作成される

画面の選択した部分のスクリーンショットを撮る方法

  1. 「shift + command + 4」キーを押す。
  2. ポインタが十字型に変わる。
  3. スクリーンショットの撮影範囲の始点となる位置に十字ポインタを移動し、そのままドラッグして範囲を選択する
  4. マウスまたはトラックパッドのボタンを放す。取り消すには、ボタンを放す前に「escape (esc)」キーを押す。
  5. スクリーンショットがデスクトップに .png ファイルとして作成される。

ウインドウのスクリーンショットを撮る方法

  1. 「shift + command + 4」キーを押す。
  2. ポインタが十字型に変わる。
  3. スペースキーを押す。
  4. ポインタの形がカメラに変わる。
  5. カメラポインタを目的のウインドウに移動して、そのウインドウをハイライトする
  6. マウスまたはトラックパッドをクリックする。取り消すには、クリックする前に「escape (esc)」キーを押す、
  7. スクリーンショットがデスクトップに .png ファイルとして作成される。

2) Skicthアプリを使う方法

macOSが提供するスクリーンショットを撮る方法は、ショートカットを覚える必要もありますし、複雑で、慣れるまで使い勝手がよくありません。
そこで、Evernoteが提供する画像編集アプリSkitch（スキッチ）を使うと便利です。
無料で使えます。
以前はmacOSとWindows版があったのですが、今はmacOSのみサポートしています

Skitch

ショートカットを覚えなくても、macOSのメニューに表示されるSkitchアイコンをクリックすることで、スクリーンショットが撮れます。ショートカットも使えます。

画像編集機能

簡単な画像編集ができます。

  • 矢印を入れる
  • テキストを入れる
  • 四角形や線を書く。
  • モザイクを入れる
  • トリミングする

といったことが、簡単操作で可能です。

Photoshopのように、1pxまで精密に加工することはできませんが、
実務上、スクリーンショットをもとに何かを説明するには、Skitchで十分なことが多いです。

おわりに

macOSでスクリーンショット（画面キャプチャ）を撮る方法について説明しました。

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

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

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

今すぐ詳細を確認する

macOSにHomebrewでインストールしたMySQL5.7, MySQL8.0をアンインストールする方法

By

macOSにHomebrewでインストールしたMySQL5.7またはMySQL8.0をアンインストールする方法について説明します。

この記事は、オンライン講座「はじめてのSQL・データ分析入門 – データベースのデータをビジネスパーソンが現場で活用するためのSQL初心者向コース」のサポート記事です。

想定する状況

  • MySQLが不要になったため、macからMySQLを完全に削除したい。
  • MySQLの調子がおかしいいので、一回削除して、再インストールしたい。
  • MySQL5.7をアンインストールしてから、MySQL8.0をインストールしたい。
  • MySQL8.0をアンインストールしてから、MySQLの過去のバージョンをインストールしたい。

MySQLのアンインストール手順（macOS, Homebrew）

1)データのバックアップ

あとの手順ですべてのデータが削除されるため、保存したいデータがある場合バックアップを取得します。
保存したいデータが無い場合は省略可。

$ mysqldump -u root -p -x --all-databases > dump.sql

※ dump.sqlは任意のファイル名を設定。トラブル防止のため、日本語は使わないほうが無難です。

2)MySQLの停止

$ mysql.server stop

3) HomebrewでMySQLをアンインストール

$ brew uninstall mysql

4)データを削除

$ rm -rf /usr/local/var/mysql/

5)念の為、関連ファイルを削除

※存在しないファイル・ディレクトリがある可能性もあります。

$ sudo rm /usr/local/mysql
$ sudo rm -rf /usr/local/var/mysql
$ sudo rm -rf /usr/local/mysql*
$ sudo rm ~/Library/LaunchAgents/homebrew.mxcl.mysql.plist
$ sudo rm -rf /Library/StartupItems/MySQLCOM
$ sudo rm -rf /Library/PreferencePanes/My*

6) MySQLの環境設定を削除

※存在しないファイル・ディレクトリがある可能性もあります。

$ rm -rf ~/Library/PreferencePanes/My*
$ sudo rm -rf /Library/Receipts/mysql*
$ sudo rm -rf /Library/Receipts/MySQL*
$ sudo rm -rf /private/var/db/receipts/*mysql*

7) MySQLコマンドが利用できないことを確認

$ mysql --version

下記のような感じで表示されればOK

-bash: /usr/local/bin/mysql: No such file or directory

補足

MySQL8.0のインストールしたい場合

MySQL8.0をインストールしたい場合は、関連記事を参照してください。

データベースの復元(インポート)

復元が必要ない場合は省略してください。

$ mysql -u root -p < dump.sql

※dump.sql は、バックアップしたSQLのファイル名。

おわりに

macOSにHomebrewでインストールしたMySQL5.7, MySQL8.0をアンインストールする方法について学習しました。

UdemyでSQL入門講座を公開中

世界最大級のオンライン学習プラットフォームUdemy（ユーデミー）にて、SQL初心者向けのオンライン講座を公開中です。

ベストセラーコースにも選ばれたことがある人気のコースです。
ぜひ、ご利用ください。

「はじめてのSQL・データ分析入門 – データベースのデータをビジネスパーソンが現場で活用するためのSQL初心者向コース」

エクセル作業からのステップアップ！データベースのデータを取得し、効果的にレポーティングしたいビジネスパーソンにおすすめ。データベースを操作する言語SQLを短期間で身につけビジネスの現場で使うための実践型カリキュラム。MySQL使用。

Bestseller はじめてのSQL ・データ分析入門 -データベースのデータをビジネスパーソンが現場で活用するためのSQL初心者向コースはじめてのSQL ・データ分析入門 -データベースのデータをビジネスパーソンが現場で活用するためのSQL初心者向コース中村 祐太 Yuta Nakamura, Proglus （プログラス）MySQL 使用。エクセル作業からのステップアップ！データベースのデータを取得し、効果的にレポーティングしたいビジネスパーソンにおすすめ！データベースを操作する言語SQLを短期間で身につけビジネスの現場で使うための実践型カリキュラム。 4.4 (6986 ratings)144 lectures, 7 hours

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

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

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

今すぐ詳細を確認する

LAMP環境とはなにかプログラミング入門者向けに説明します

By

LAMP環境とはなにかプログラミング入門者向けに説明します。

この記事は、「Linuxサーバー構築運用入門」のサポート記事です。

動画で学習する

LAMP（ランプ）とは

Linux・Apache・MySQL・PHP（または、Python、または、Perl）
の頭文字をとったものです。

Webアプリケーションを開発する環境として人気のあるオープンソースソフトの組み合わせです。

LAMPのL

Lは、この講座でもインストールした、サーバでよく使われるOSのLinuxです。

LAMPのA

Aは、Apacheです。Apacheは、 Webサーバのソフトウェアです。
インターネットで、Webサイトを公開するためによく使われるソフトウェアです。

LAMPのM

Mは、MySQLのMです。
オープンソースのリレーショナルデータベースです。
データベースというのは、例えば、会員制サイトでユーザーのメールアドレスや名前などのデータを効率的に保存して利用できる仕組みです

LAMPのP

Pは、PHP （または、Python またはPerl）の頭文字です。
オープンソースのプログラミング言語です。

それぞれ、シェアも高いですし、流行廃りが早いこの業界で、少なくとも10年弱くらいこの組み合わせは使われているので、Webサービスをつくる時の、技術選択として定番で安心感があります。

私はエンジニア採用担当にも従事していたのですが、応募条件としてLAMP環境での開発経験がある方というのは、いれていました。

実際に、エンジニアの転職サイトを、見て見ると応募条件にLAMP環境での開発経験がある人を募集している企業が多いことが分かると思います。

LAMPを使う3つのメリット

  • コストが抑えられる（オープンソースでライセンス費用が掛からない）
  • 学習しやすい（意欲に加えてインターネットとPCが有れば、開発環境が整う。学習コストも低めだと思います。）
  • 汎用性が高い（特定の企業の製品に依存しにくい。たとえばのイメージですが、特定の会社のデータベース製品を使うした場合、あわせて、そのデータベースが動くサーバもその会社の製品を使わないと、ライセンス料が割高になってしまうとか、企業の都合の縛りが緩い。）

デメリット

自分たちで情報収集をして良い悪いを見極めて自己責任で利用する必要があります。
販売されている製品、たとえばOSでいうとWindowsとか、MacOS とちがってサポートありません。

手厚いサポートが必要な場合はサーポートサービス提供している会社から、有料購入することもできます。

とはいえ、デメリットよりメリットの方が格段に多きいので、多くの会社で使われています。

おわりに

この記事では、LAMP環境とはなにかプログラミング入門者向けに説明しました。

オンライン講座、Linuxサーバー構築運用入門 （CentOS7, PHP7, Apache, MySQL, WordPress対応）では、Linuxの操作に慣れていない方向けに、コマンドの使い方から始まり、最終的にはLinuxサーバを設定してhttps対応の独自ドメインのオリジナルブログが公開できるように説明します。

動画で丁寧に説明していますので、ぜひご利用ください。

Bestseller はじめてのLinuxサーバー構築運用入門 - Linuxコマンドを基礎から学ぶはじめてのLinuxサーバー構築運用入門 - Linuxコマンドを基礎から学ぶ中村 祐太 Yuta Nakamura, Proglus （プログラス）Linuxコマンド操作を基礎から学習してLAMPを構築できる. Linux, Apache MySQL(MariaDB), PHP, WordPressのインストールを実施. 4.4 (1950 ratings)99 lectures, 5 hours

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

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

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

今すぐ詳細を確認する

UdemyのQ&A機能の使い方について説明します(unofficial)

By

世界最大級のオンライン学習サイトUdemy（ユーデミー）の、Q&A機能の使い方について説明いたします。

下記Udemyコースのサポート記事です

UdemyのQ&A機能について

学習を進めていくうえで、分からないことが発生したらQ&A機能を使って質問をすることができます。
講師や、先に学習が進んでいる受講生が学習をサポートします。
これが書籍などで独学する場合との大きな違いです。

UdemyのQ&Aへコメントする際のポイント

質問をする場合は、適切なサポートが受けられるように、具体的な記述を心がけてください。
画面キャプチャを貼り付けると有効な場合があります。
もしコースの不備を見つけましたら、お手数ですがコメントをいただけると助かります。

操作手順

Q&Aを参照するボタンをクリック

Q&A は、動画を視聴する画面の、画面下にある「Q&Aを参照する」ボタンをクリック

新しく質問ボタンをクリック


他の受講生がすでに質問している場合は、過去のコメントがないか確認しましょう。
新しく質問ボタンをクリックすることで、投稿画面へ進むことができます。

質問を投稿

タイトルと、本文を入力して、「質問を投稿する」ボタンを押すと、投稿が行えます。
リンク、画面キャプチャを添付することもできますので活用しましょう。
コードを囲む機能もあります。

補足

Udemyのサイトは、日々進化していますので、詳細についてはヘルプページを参照してください。

UdemyのQ&A機能の使い方を動画で学習する

おわりに

このレクチャーでは、Udemyのコースを学習をする中で利用できる、Q&A機能について説明しました。

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

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

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

今すぐ詳細を確認する