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

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

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

You are here: Home / Archives for Udemy

Udemy

オンライン講座「Vue JS入門決定版！jQueryを使わないWeb開発 – 導入からアプリケーション開発まで体系的に動画で学ぶ」

By

オンライン講座「Vue JS入門決定版！jQueryを使わないWeb開発 – 導入からアプリケーション開発まで体系的に動画で学ぶ」を、世界最大級のオンライン学習プラットフォームUdemy（ユーデミー）で公開中です。

Angular.js、React.jsに比べて学習コストが低い注目度抜群のJavascriptフレームワーク Vue.js！高度化するWeb開発のフロントエンド開発の課題を解決。Webエンジニア・Webデザイナーのためのスキルを身につけます。

はじめてのVue.js 3 入門！jQuery を使わないウェブ開発 - 導入からアプリケーション開発まで体系的に学ぶはじめてのVue.js 3 入門！jQuery を使わないウェブ開発 - 導入からアプリケーション開発まで体系的に学ぶ中村 祐太 Yuta Nakamura, Proglus （プログラス）Angular.js、React.jsに比べて学習コストが低い注目度抜群のJavaScriptフレームワーク Vue.js！高度化するWeb開発のフロントエンド開発の課題を解決。 4.2 (3614 ratings)122 lectures, 5 hours

主な学習項目

  • Vue JSを使うメリットがわかるようになります。
  • Vue JSの基本的な使い方を速習パートにより短時間で理解できるようになります。
  • TODO管理アプリ開発を通して、Vue JSによるアプリ制作の一連の流れを理解できるようになります。
  • Vue JSとBitcoin価格取得APIと連携した実践的な開発ができるようになります。
  • プログラミング関連記事検索APIを用いたリアルタイムサーチ開発を通して、実践的な開発ができるようになります。
  • Vue JSの詳細な機能についても理解できるようになります。

コース説明

このコースでは、人気急上昇中のJavaScriptフレームワークVue.js（ビュージェイエス）を、Webアプリケーション開発に役立つスキルとして学びます。

はじめてVue.jsを学ぶ方をターゲットにしています。

jQueryだけでは限界を感じていてステップアップしたい、Webエンジニア・Webデザイナーにおすすめです。

このコースでは、Vue.jsだけを体系的に、効率的に学習することができます。

JavaScriptを使った高度なUIのWebアプリケーションが増えるにしたがって、jQueryでの開発はメンテナンスが非常に難しい課題に直面しています。JavaScriptフレームワークの導入は必須となっています。

JavaScriptフレームワークといえば、React.js, Angular.jsがまず思い浮かぶ方が多いのではないでしょうか。

しかしながら、大規模なアプリケーション開発ではない場合、オーバースペックとなりメリットが活かしきれず、熟練したメンバーが揃えられないプロジェクトチームでは、その学習コストの高さから、開発スピードが低下してしまう懸念があります。

私は、React.jsは複数案件経験しているのですが、プロジェクトによっては相当苦労しました。限られた予算内で、サービスリリースを優先するために、泣く泣くReact.jsで書いたコードを捨てる苦い経験もしました。

そんな中で、Vue.jsは、

  • 学習コストが低い
  • 柔軟性がある
  • 高性能

といった、特徴を持っている、注目のJavaScriptフレームワークです。

Vue.jsのGItHubでのスター数は、よく比較に出されるフレームワーク、Angular.js, React.jsを抜きました。

Vue.jsは、ファイルを読み込むだけで、コードを書き始めることができますので、とても手軽に導入できます。

この導入の手軽さは、jQueryに近い感覚です。

利用するソフトウェア 等：

  • Vue.js 2.5.16  ・・・ 無料
  • Google Chrome   ・・・ 無料
  • テキストエディタ Atom（, 一部レクチャーでVisual Studio Code使用） ・・・  無料
  • jsFiddle （ブラウザで便利にJavaScriptの学習ができるWebサービス） ・・・  無料
  • macOS または Windows PC

動画でコース紹介動画を確認する

セクション一覧

  • はじめに
  • Vue.jsの基本的な使い方
  • 実践演習：TODO管理アプリの開発
  • 実践演習：Bitcoin価格表示アプリの開発 – API連携
  • テンプレート構文
  • 算出プロパティ
  • 監視プロパティ（ウォッチャ）
  • 実践演習：APIを用いたリアルタイムサーチ – 監視プロパティの理解を深める
  • クラスとスタイルのバインディング
  • 条件付きレンダリング
  • イベントハンドリング
  • フォーム入力バインディング
  • コンポーネント
  • トランジション
  • クロージング
  • ボーナスレクチャー：受講生限定クーポン

学習の流れを動画で解説

おわりに

Vue.jsのコードは書いていて、とても楽しいです。

この楽しさは理屈では説明が難しいので、まずはコードを書いて体感してください。

詳細は無料プレビュー動画を30分用意しましたので、ぜひご覧ください！

それでは、皆さんとコースの中でお会いできることを楽しみにしています。

はじめてのVue.js 3 入門！jQuery を使わないウェブ開発 - 導入からアプリケーション開発まで体系的に学ぶはじめてのVue.js 3 入門！jQuery を使わないウェブ開発 - 導入からアプリケーション開発まで体系的に学ぶ中村 祐太 Yuta Nakamura, Proglus （プログラス）Angular.js、React.jsに比べて学習コストが低い注目度抜群のJavaScriptフレームワーク Vue.js！高度化するWeb開発のフロントエンド開発の課題を解決。 4.2 (3614 ratings)122 lectures, 5 hours

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

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

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

今すぐ詳細を確認する

MySQL Workbench : 左側メニュー（ManagementとSchemes）が消えたときに元に戻す方法

By

MySQL Workbenchを使っているときに、いつのまにか、左側メニュー（ManagementとSchemes）が消えてしまうときがあります。
左側メニュー（ManagementとSchemes）を、元に戻す方法について説明します。

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

左側メニュー（ManagementとSchemes）が表示されている状態

左側メニュー（ManagementとSchemes）が非表示となっている状態

元に戻す方法

MySQLのメニューや設定から元に戻す方法が見当たらないため、下記の方法をつかって対応します。

画面キャプチャで、ピンクの線で示した領域に、マウスオーバーすると、

マウスカーソルが、下矢印のような形に変わります。

その状態で、線をクリック>押下したまま、下方向へドラッグしてください。

これで解決します。

おわりに

この記事では、MySQL Workbenchを使っているときに、いつのまにか、左側メニュー（ManagementとSchemes）が消えてしまうとき、元に戻す方法について学習しました。

UdemyでSQL入門講座を公開中

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

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

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

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

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

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

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

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

今すぐ詳細を確認する

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

By

Webアプリケーションのデータ管理によく使われるRDBMSである、MySQL(マイエスキューエル)とは何かについて学習します。

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

動画で学習する

MySQLの公式サイト

これがMySQLの公式サイトです。

最新情報やドキュメントといった情報が入手できます。

ドキュメント

ドキュメントは、ドキュメントをクリックして、

MySQL 5.7
Reference Manual
をクリックします。

記事執筆時点では、MySQL5.7のドキュメントの日本語訳が無いため、
英語が苦手な方は、5.6 Japaneseを選択すると日本語のドキュメントを参照できます。
基本的な部分では大きく差はありませんので、多くの場合で役に立つと思います。

ドキュメントを読めば学習はできるのですが、初めて学ぶ際には難しいと思いますので、
このコースでは、動画を使って学習するのもおすすめです。

MySQLとは

オープンソースのRDBMS(リレーショナル・データベース・マネジメントシステム）と呼ばれるものの一つ。
MySQL Community Editionを無料で利用できる。
2010年からオラクル社が開発元
シェアが高い。（実績、信頼性、実用レベルの性能、使えるエンジニアが多い等）

MySQLのシェアについて、

参考情報となりますが、db-engines.comの調査によると、

1位はOracle, 2位は、MySQL, 3位は、Microsoft SQL Serverとなっています。
オープンソースで無料で使える製品では、MySQLが1位なので、実務で見かける機会も多いと思います。

MariaDB

最近では、MySQLから派生した、MySQLと基本的な部分で互換性がある、MariaDB（マリアディービー）というRDBMSが使われることもあります。

#MySQLのバージョン」
MySQLのバージョンについて説明します。
記事執筆時点で実務で見かける機会が多いバージョンとしては、5.6, 5.7です。
ver 5.6 からパフォーマンスが大きく向上したので、ver 5.6以降を使うことが多いと思います。
また、2018年4月に、ver 8.0がリリースされました。
システムの肝となるデータベースに、実績があまりない新しいメジャーバージョンが使われるようになるには、時間が必要ですが、徐々にMySQL8.0の利用も進んでいくと考えられます。

  • 2010年 ver 5.5 ： あまり使われなくなってきた。
  • 2013年 ver 5.6 ：パフォーマンスが大きく向上した。
  • 2015年 ver 5.7
  • 2018年 ver 8.0 ： 最新の安定バージョン(2018/7現在)

おわりに

この記事ではWebアプリケーションのデータ管理によく使われるRDBMSである、MySQL(マイエスキューエル)とは何かについて、学習しました。

UdemyでSQL入門講座を公開中

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

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

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

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

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

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

オンライン学習サービス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.3 (6635 ratings)144 lectures, 7 hours

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

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

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

今すぐ詳細を確認する