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

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

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

You are here: Home / Archives for 2018

Archives for 2018

Vue.jsの基本的な使い方 イントロダクション

By

注目度抜群のJavaScriptフレームワーク「Vue.js」入門オンラインコース『「Vue JS入門決定版！jQueryを使わないWeb開発 – 導入からアプリケーション開発まで体系的に動画で学ぶ」』 Vuejsの基本的な使い方のセクションのイントロダクションです。

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

Vue.jsを動画で学ぶ

説明

このセクションでは、Vue.jsの基本的な使い方について、速習を行います。

機能の詳細については、あとのセクションで個別に説明します。
まずは、細かいことよりも、Vue.jsの全体像についてコードを書いて習得することを目的としています。

学習環境としては、JavaScriptの学習に便利なWebサービス jsFiddleを利用します。
無料で使えて、ユーザー登録も必須ではありません。

jsFiddleを使わないで、テキストエディタを使って開発する方法についても、補足説明いたします。

このセクションの学習カリキュラム

  1. イントロダクション
  2. JSFiddle 画面説明
  3. Vue.jsの読み込み
  4. Vue.jsの開発バージョンと本番バージョン
  5. Vueインスタンスの作成
  6. ルートのテンプレートを作成
  7. データバインディングとは
  8. Vue.js入門 テキストのデータバインディング
  9. dataオプションにオブジェクトや配列要素を設定
  10. jsFiddle 便利な設定
  11. jsFiddle ソースコードの保存
  12. エラーを自力で解決する方法
  13. ディレクティブとは
  14. 属性のデータバインディング v-bind
  15. 条件分岐 v-if
  16. 条件分岐 v-show
  17. 繰り返しの描画 v-for
  18. オブジェクトの繰り返し描画 v-for
  19. イベントの基本 v-on
  20. 双方向データバインディング v-model
  21. コンポーネント
  22. トランジション
  23. 演習：Vue.jsの基本的な使い方のまとめ①
  24. 演習：Vue.jsの基本的な使い方のまとめ②
  25. 補足：テキストエディタを使った開発
  26. consoleからObj操作

おわりに

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

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

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

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

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

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

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

今すぐ詳細を確認する

【JavaScript】変数の宣言var, const, let の違いについて

By

変数の宣言var, const, let の違いについて、プログラミング入門者向けに説明いたします。

主に、「動作の違い」、「利用できるJavaScriptのバージョンの違い」2点が挙げられます。

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

① 動作の違い

var ・・・「再宣言」も「再代入」も可能

例)

var num = 10; // OK
num = 11; // OK
var num = 12; // OK

let・・・ 「再宣言」が不可

例)

let num = 10; // OK
num = 11; // OK
let num = 12; // NG

const ・・・ 「再宣言」も「再代入」も不可

例)

const num = 10; // OK
num = 11; // NG
const num = 12; // NG

②利用できるJavaScriptのバージョンの違い

  • var・・・すべてのJavaScriptバージョンで利用できる。

  • let, const ・・・ES2015以降で利用できる。インタネットエクスプローラーなど、対応していないブラウザがあるため、公開時にES5のコードに変換するなど配慮が必要になる場合がある。

おわりに

この記事では、変数の宣言var, const, let の違いについて、プログラミング入門者向けに説明しました。

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

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

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

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

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

今すぐ詳細を確認する

MySQL 5.7 for Windowsのアンインストール方法について解説

By

MySQL 5.7 for Windowsのアンインストール方法について説明します。

単純に「アプリケーションの追加と削除」から削除するだけだと、再インストール時にトラブルが発生して対処が困難となりますので、注意してください。

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

注意事項

  • データベースのデータはすべて削除されます。必要に応じてバックアップを取ってください。
  • 検証環境にはWindows10を利用しています。Windows7, 8では、OSのUIなど違うところがある可能性があります。

大まかな流れ

  1. サービスを停止
  2. 管理者権限でコマンドプロンプトを実行
  3. MySQLアプリケーションの削除
  4. プログラムの追加と削除 を使って関連ファイル削除
  5. Program Files内のMySQLフォルダを削除
  6. ProgramData内のMySQLフォルダを削除
  7. PCの再起動

サービスを停止

サービス　アプリを起動

「管理ツール」 > 「サービス」 を起動。

MySQL57 停止

MySQL57を右クリック

停止

停止済み

MySQL57の状態が、「実行中」ではなく、 空白になっていればOKです。

管理者権限でコマンドプロンプトを実行

右クリック、管理者で実行

MySQLの削除

cdコマンドを使って、MySQLフォルダ内のbinフォルダに移動

C:\Users\yourusename>cd "C:\Program Files\MySQL\MySQL Server 5.7\bin"

入力したら、エンターキーを押す。

MySQL57を削除

C:\Program Files\MySQL\MySQL Server 5.7\bin>mysqld --remove MySQL57

入力したら、エンターキーを押す。

MySQLアプリケーションの削除

“Service successfully removed.”と表示されればOKです。

プログラムの追加と削除 を使って関連ファイル削除

ログラムの追加と削除 を起動

MySQL Server 5.7　をアンインストール

「MySQL」のキーワードで検索

MySQL Server 5.7　 アンインストール

MySQL関連のものを削除

同様に、 「MySQL 〇〇〇〇◯」 は、全てアンインストールする

すべてなくなればOK

Program Files内のMySQLフォルダを削除

パスは、

C:\Program Files\MySQL\MySQL Server 5.7

ProgramData内のMySQLフォルダを削除

パスは、

C:\ProgramData\MySQL\MySQL Server 5.7

ProgramDataフォルダは隠しフォルダ

ProgramDataフォルダが表示されていない方は、Windowsの設定を確認してください。

PCの再起動

念の為となりますが、PCを再起動します。

おわりに

この記事では、MySQL 5.7 for Windowsのアンインストール方法について学習しました。

UdemyでSQL入門講座を公開中

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

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

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

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

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

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

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

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

今すぐ詳細を確認する

Herokuアカウントの新規作成方法

By

Railsアプリケーション等を簡単にインターネットに公開できるクラウドサービスHerokuのアカウント作成方法について説明いたします。
この記事は、Ruby on Railsを使いWebアプリケーションを開発して公開するのサポートと記事です。

HerokuのWebサイトを表示

Heroku
このURLから登録します。

新規登録ボタンをクリック

必要事項を記入

必要事項を記入します。

迷いそうな点について補足すると、
役職は、学習用途であれば「趣味でのご利用」、
主な開発言語は、「Ruby」、としておけば問題ないでしょう。

メールアドレス確認

登録したメールアドレスに、確認メールが届きます。
記載されたURLをクリックして、確認を完了させます。

パスワード

セキュアなパスワードを設定します。

Herokuへようこそ


アカウント作成が完了しました。
ボタンをクリックします。

ログイン完了

ログインが完了しました。

おわりに

オンライン講座「Ruby on Railsを使いWebアプリケーションを開発して公開する」では、
汎用性が高くPythonやPHPと同様に人気のあるRubyを使ってWebアプリ作成に挑戦します。
基礎からAWSでの開発環境構築、Herokuを使ってWebアプリをインターネット上で公開するまでを体系的に学びます。

＞＞ いますぐ確認する

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

コース紹介動画

Bestseller はじめてのRuby on Rails入門-RubyとRailsを基礎から学びウェブアプリケーションをネットに公開しようはじめてのRuby on Rails入門-RubyとRailsを基礎から学びウェブアプリケーションをネットに公開しよう中村 祐太 Yuta Nakamura, Proglus （プログラス）Rails7対応。汎用性が高くPythonやPHPと同様に人気のある Rubyを使ってWebアプリケーション開発に挑戦しよう。基礎からAWSでの開発環境構築、Renderを使ってインターネットに公開するまでを体系的に学べる 4.4 (1878 ratings)157 lectures, 9 hours

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

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

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

今すぐ詳細を確認する

オンライン講座「よくわかるRuby on Rails入門-RubyとRailsを基礎から学びWebアプリケーションをネットに公開しよう」リリースのお知らせ

By

オンライン講座「よくわかるRuby on Rails入門-RubyとRailsを基礎から学びWebアプリケーションをネットに公開しよう」を、世界最大級のオンライン学習プラットフォームUdemy(ユーデミー)にて公開を開始しました。

コース概要

汎用性が高くPythonやPHPと同様に人気のあるRubyを使ってWebアプリ作成に挑戦しよう。
基礎からAWSでの開発環境構築、Herokuを使ってWebアプリをインターネット上で公開するまでを体系的に学ぶ。

Ruby on Railsとは？、Webアプリケーションをより効率的に作るための、Webアプリケーションフレームワークの一つです。

Ruby on Railsは、複雑なWebアプリケーションを効率的に開発できるメリットから、民泊予約サイトのAirBnB（エアービーアンドビー）や、ソースコード管理サービスGitHub（ギットハブ）、 クラウドファンディングのKickstarter（キックスターター）など、有名スタートアップ企業でも採用されています。

オープンソースであり、無償で利用できることから、多くのエンジニアに利用されて目に触れれることで、日々進化が行われています。品質が高く維持されていることも特徴です。

Webアプリケーションフレームワークとは？ Web開発における、共通した作業にともなる労力を軽減、Webアプリケーションを少ないコードで開発できるように作られたものです。

Rubyとは？Webアプリケーションフレームワーク、Ruby on Railsでも使われるプログラミング言語です。 オブジェクト指向、シンプルな文法、強力な標準ライブラリ国際標準として規格化が行われているといった特徴があります。まつもとゆきひろ氏が開発した日本初のプログラミング言語です。世界中で利用されていますが、日本でも利用者が多く、日本語の情報が豊富にあるメリットがあります。

学習のスタイル

体験型の学習スタイルを取っています。
ただ動画を見るだけではなく、講師の操作を動画で見ながらご自身で体験してスキルを身につけていただきます。
演習問題に取り組むことで、スキルを定着させます。

対象の受講生

  • プログラミング入門サイトを1周したくらいのWeb開発初心者
  • 基礎は学習したが、Webサービスの実際の作り方と公開の仕方がわからない。
  • ポートフォリオサイトを作ってWeb系の企業に転職したい

このコースで達成できること

  • Ruby on RailsとRubyを使った実践的な開発スキル
  • Ruby on RailsとRubyの違いを理解
  • Webサービスを公開する方法
  • クラウドサービス、HerokuのPaaS(Platform as a Service)を使って自分のサービスをネット上に公開する方法を学ぶ
  • AWS Cloud9を使った開発環境の構築
  • Web系の企業転職の際に魅力的に映るポートフォリオサイトの作成

カリキュラム

  1. イントロダクション
  2. 開発環境構築（クラウド開発環境 AWS Cloud9・1年無料枠利用）
  3. Ruby の基礎
  4. Ruby on Railsの基礎
  5. ミニQ＆Aサービスの開発
  6. Webサービスをインターネットに公開する（Heroku・無料プラン利用）

利用ソフトウェア等

下記を使用してWebアプリケーション開発を学習します。

  • Ruby 2.5.1・・・サーバ側で動かすプログラミング言語
  • Ruby on Rails 5.2.1・・・Webアプリケーションを高速で開発するためのフレームワーク
  • AWS Cloud9・・・アマゾン ウェブサービスが提供するWebブラウザで動作する開発環境
  • Heroku・・・Railsアプリケーションを簡単にインターネットに公開できるクラウドサービス
  • Google Chrome ・・・Webブラウザ

事前に必要な知識

  • HTMLの基礎
  • CSSの基礎
  • JavaScriptの基礎
  • データベース・SQLの基礎

完璧な知識がなくても受講いただけます。 体験しながら慣れていっていただければと思います。

今すぐ受講！

興味を持ったら
今すぐ受講してください！

コースにご満足いただけない場合は、30日間返金保証で安心です（iOSアプリ内決済を除く）

読者限定特別クーポン

日頃の感謝を込めて、プログラミング入門ナビ読者の方限定で使える特別クーポンを下記に掲載します。
下記リンク経由で購入すると、特別価格で購入できますので、ぜひご利用ください！！！

＞＞ いますぐ確認する

コース紹介動画

おわりに

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

Bestseller はじめてのRuby on Rails入門-RubyとRailsを基礎から学びウェブアプリケーションをネットに公開しようはじめてのRuby on Rails入門-RubyとRailsを基礎から学びウェブアプリケーションをネットに公開しよう中村 祐太 Yuta Nakamura, Proglus （プログラス）Rails7対応。汎用性が高くPythonやPHPと同様に人気のある Rubyを使ってWebアプリケーション開発に挑戦しよう。基礎からAWSでの開発環境構築、Renderを使ってインターネットに公開するまでを体系的に学べる 4.4 (1878 ratings)157 lectures, 9 hours

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

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

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

今すぐ詳細を確認する