• Skip to main content
  • Skip to primary sidebar

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

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

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

You are here: Home / Archives for プログラミング入門

プログラミング入門

世界で一番人気のプログラミング言語JavaSpcriptとは何か説明します

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

プログラミング言語JavaScript(ジャバスクリプト)とは何か、プログラミング学習の初心者の方に向けて説明します。

オンライン講座「アプリ開発入門総合コース」サポート記事です。

JavaSriptとは

プログラミング言語(スクリプト言語)の一つです。

プログラミング言語Javaと似ていますが、JavaとJavaScriptとは異なるものです。

実行環境が主にブラウザに実装されています。

Webページ内で動的な機能を実現できる技術です。

JavaScriptは、現代のWebサービス開発には欠かせません。

Node.js(ノードジェイエス)のようなプラットフォームを使えば、サーバサイドの処理も書けます。

js(ジェイエス)と略されることがありますので、覚えておくとよいです。

プログラミング言語とは

コンピューターのプログラムを記述するための言語のことです。

プログラムとは

コンピューターに、情報処理を行うための動作手順を指定するものです。

JavaScriptはとても人気のプログラミング言語

Webサイトの94.9%1)で使われていて世界で一番人気のあるプログラミング言語です。

また、

プログラミングナレッジの共有サイト「StackOverflow」で、最も人気のテクノロジに選ばれました2)。

JavaScriptの身近な利用例

  • Webページの再読み込みなしで新しいコンテンツを読み込み、サーバにデータを送信
  • Webページの要素のアニメーション、フェードイン・フェードアウト
  • フォーム入力値の動的なチェック

などが挙げられます。

JavaScriptの歴史

  • 1995年 NetscapeNavigator 2.0 に搭載(旧名:LiveScript)
  • 1996年 IE 3.0にJavascriptに似た言語JScriptを搭載  ※ 互換性に悩む
  • 1997年 ES1 初版
  • 1998年 ES2
  • 1999年 ES3 IE6でも動く。最も知られている。jQueryが普及。
  • 2009年 ES5 現行のブラウザでは、ほぼ確実に動作する。ES3からは小規模な変更。
  • 2015年 ES2015(ES6から改名)現行のブラウザで動かない場合も
  • 2016年 ES2016 現行のブラウザで動かない場合も

JavaScriptは、昔から互換性の問題に悩まされてきましたが、最近もモダンなブラウザの最新バージョンではあれば、ES5は、ほぼ確実に動作します。

また、ES2015といった、最新のバージョンも使用されるようになってきました。

補足

  • 例) ES5・・・ECMAScript(エクマスクリプト) 第5版の略。
  • ECMAScriptとは・・・JavaScriptの主な仕様を抜き出して標準化したもの。
  • ES4 策定失敗のため欠番

おわりに

この記事では、プログラミング初心者の方に向けて、プログラミング言語JavaScriptとは何かについて説明しました。
JavaScriptに関するスキルは、現在Webエンジニアにとって必須のスキルとなっていますので、確実に身につけたいですね。

「アプリ開発入門総合コース」では、データベースの基礎はもちろんのこと、プログラミミング初心者向けに、HTML5, CSS3, JavaScript, Bootstrap, SQL, Ruby, Ruby on Rails, Cloud9, Git, GitHubなどを動画で教えています。

Web開発に必要なプログラミングスキルを1つのコースで沢山学べてお得です。264レクチャー・18時間の大型コースとなっています。
内容をしっかり確認できるように、無料プレビュー60分を公開していますので、ぜひご覧ください!

出典

1) Usage of JavaScript for websites | w3techs
2) Developer Survey Results2017

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

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

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

今すぐ詳細を確認する

Filed Under: プログラミング入門 Tagged With: JavaScript, オンライン学習, プログラミング入門, プログラミング学習

データベース(DB)の学習をプログラミング初心者にオススメするこれだけの理由

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

データベースとは何か、データベースの種類、データベース関連の用語について、プログラミング初心者向けに説明します。

この記事は、世界最大級のオンライン学習プラットフォームUdemyにて公開中のオンライン講座「はじめてのSQL・データ分析入門 – データベースのデータをビジネスパーソンが現場で活用するためのSQL初心者向コース」のサポート記事です。

データベース(DB)とは

  • 検索や蓄積が容易にできるよう整理された情報の集まり 。
  • すべてのシステムがデータを取り扱っている。
  • データを取り扱う手段として、ほぼ全てのシステムが何かしらの、データベースを使用。

Webサービスを開発するうえで、データベースの学習は必須といえます。

データベースマネジメントシステム(DBMS)とは

  • データベースを管理するコンピュータシステムのこと。

後述しますが、たとえばMySQLやOracle Databaseなどがあります。

あらゆるところにデータベースが利用されている

  • ECサイト (アマゾン、楽天、ヨドバシカメラ …)
  • SNS(Facebook, Twitter, Instagram … )
  • オンライン学習サイト (Udemy、 こどもちゃれんじ … )
  • 会計ソフト(弥生会計、freee、 MFクラウド… )
  • 銀行の預金情報管理(三菱東京UFJ銀行、三井住友銀行、みずほ銀行… )
  • 住民票管理(地方自治体)
  • ブログ (アメブロ、ライブドアブログ、 WordPressを使ったサイト…)
  • スマートフォン(アドレス帳などの管理、アプリのデータ管理… )

などなど。

データベースを使っていないIT機器を探す方が難しいです。

ECサイトを例に考えると

  • ユーザー情報 :  山田 太郎, yamada@example.com, 090-0000-0000, 東京都千代田区xxxx, ・・・
  • 商品情報 :  はじめてのJavaScript入門, 3,800, ・・・
  • 売上情報 :  誰が、何を、いくらで、いくつかった, ・・

⇒ このようなデータを保存して扱うために、データベースを利用しています。

データベースが必要な理由

  • 大量のデータから必要なデータを取り出すため
  • 多人数でデータを共有して利用するため
  • データの保護

DBMSの種類

DBMS には次のものがあります。
– リレーショナルデータベース(Relational Database : RDB)
– キー・バリュー型データストア(Key-Value Store : KVS)
– オブジェクト指向データベース(Object Oriented Database : OODB)
– XMLデータベース(XML Database : XMLDB)

現在一番良く使われるのが、RDSで、次に利用頻度が高いのはKVSです。
OODBとXMLDBは一般的では無いと思います。

一つ一つのDBMSについて、もう少し詳しく説明していきます。

リレーショナルデータベース(RDB)

  • 現在もっとも広く利用されているデータベース
  • エクセルのシートのように列と行からなる2次元の表形式でデータを管理。
  • SQLという専用の言語を使ってデータを操作する。

代表的な製品

オープンソース

  • MySQL(マイエスキューエル) : オープンソースのRDBMS ☆本コースで使用
  • MariaDB (マリアディービー): MySQLから派生したオープンソースのRDBMS
  • PostgreSQL(ポストグレスキューエル, ポストグレス, ポスグレ): オープンソースのRDBMS

商用データベース

  • Oracle Database(オラクルデーターベース、オラクル) : Oracle社のRDBMS
  • SQL Server (エスキューエルサーバー):Microsoft社のRDBMS
  • DB2(ディービーツー) : IBM社のRDBMS ※補足:RDMBS(リレーショナル・データベース・マネジメント・システム)

キー・バリュー型データストア(KVS)

  • 検索に使う(Key)と値(Value)の組み合わせだけの単純な形でデータを保存する。

イメージ) name : 中村, prefecture : 東京, gender : 男

主な製品

  • memchaed (メムキャッシュディー ): オープンソースのKVS
  • Redis(レディス): オープンソースのKVS

オブジェクト指向データベース (OODB)

  • データとそれを操作する処理をまとめて「オブジェクト」という単位で管理する

※現在はあまり使われていない

XMLデータベース(XMLDB)

インターネット上でやり取りされるデータの形式XMLを、大量かつ高速に扱うことができる。

※現在はあまり使われていない

おわりに

この記事では、プログラミング初心者の方に向けて、データベースとは何か、データベースの種類、データベース関連の用語について説明しました。
データベースに関するスキルは、Webエンジニアにとって必須のスキルとなっていますので、確実に身につけましょう。

データベースについて学べるオンライン講座

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

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

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

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

今すぐ詳細を確認する

Filed Under: プログラミング入門 Tagged With: DB, MySQL, SQL, Udemy, オンライン学習, プログラミング入門, プログラミング学習

Ruby on Rails(ルビー オン レイルズ)について初心者のみんなが知りたいこと

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

プログラミング初心者の方に向けて、WebアプリケーションフレームワークであるRuby on Rails(ルビー オン レイルズ)とは何かについて説明します。

Ruby on Rails とは

Webアプリケーションを簡単に作るために開発されたWebアプリケーションフレームワークです。
Rubyで書かれていて、オープンソースです。
オープンソースとは、ソースコードが公開されていることを言います。
Ruby on Railsは、「RoR」や 「Rails」と、表記されることもあるので覚えておくと良いです。

Ruby on Railsとは何か動画で学習する

公式サイト

  • Ruby on Rails
    ドキュメントや最新情報を参照できます(英語)

作者

デンマーク出身のエンジニア、デイヴィッド・ハイネマイヤー・ハンソン (David Heinemeier Hansson)氏が開発しました。

歴史

  • 2004年7月に最初のバージョンがリリース。
    ・・・
  • 2013年6月27日 バージョン4.0リリース
  • 2016年6月30日 バージョン5.0リリース

Ruby on Railsのコンセプトは他のフレームワークにも大きな影響を与えています。
プログラミング言語PHPで使われるフレームワークのCakePHP(ケイクピーエイチピー)やSymfony(シンフォニー)などが挙げられます。

Ruby on Railsが公開されたことで、日本発のプログラミン言語Rubyが広く使われるようになりました。

RubyGems

幅広いライブラリが「gem(ジェム)」という形式で公開されています。
ライブラリとはよく使うプログラムを部品として再利用可能な形でひとまとまりにしたものです。
よく使う機能などがgemで公開されており、利用することで開発工数が削減できます。
RubyGems (ルビージェムズ)は、ライブラリの作成や公開、インストールを助けるシステムです。

gemのよく使う一例として、認証機能を提供する「devise(デバイス)」があります。

よく確認するドキュメント

日本語で参照できるドキュメントとして、下記のものがあります。
– RAILS GUIDES
– RAILS GUIDES 日本語

実務でも参照することがあるので、覚えておいて損は無いですよ

おわりに

この記事では、プログラミング初心者の方に向けて、WebアプリケーションフレームワークであるRuby on Rails(ルビー オン レイルズ)とは何かについて説明します。

「アプリ開発入門総合コース」では、Ruby on Railsの基礎はもちろんのこと、プログラミミング初心者向けに、HTML5, CSS3, JavaScript, Bootstrap, SQL, Ruby, Ruby on Rails, Cloud9, Git, GitHubなどを動画で教えています。

Web開発に必要なプログラミングスキルを1つのコースで沢山学べてお得です。264レクチャー・18時間の大型コース。

Web開発入門完全攻略コース - HTML/CSS/JavaScript. プログラミングをはじめて学び創れる人へ!Web開発入門完全攻略コース - HTML/CSS/JavaScript. プログラミングをはじめて学び創れる人へ!中村 祐太 Yuta Nakamura, Proglus (プログラス)MySQL/Bootstrap/Node.js/Git/GitHub等ウェブ開発に必要な様々なスキルを沢山学ぼう!カフェのウェブサイト、フォトギャラリー、ポートフォリオサイト、天気情報アプリ等の開発に挑戦! 4.4 (7703 ratings)356 lectures, 22 hours

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

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

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

今すぐ詳細を確認する

Filed Under: プログラミング入門 Tagged With: Ruby, Ruby on Rails, Udemy

CSSフレームワーク Bootstrap(ブートストラップ)とは

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

Web開発のフロントエンド開発を効率良く行う事ができる、Bootstrap(ブートストラップ)とは何かについて、プログラミング初心者向けに説明します。

Bootstrapとは

フロントエンド開発を効率よく行うためのフロントエンドフレームワークです。
レスポンシブ対応のWebサイトのレイアウトを、簡単に素早くできることから、CSSフレームワークとも呼ばれることもあります。
よく使うレイアウトやUIコンポーネントが用意されていて、簡単に使うことができます。
レイアウトはGridシステムを用います。
HTML,CSS,JavaScriptで制作されています。
無償で使うことができます。
もともとはTwitter bootstrapと呼ばれていて、Twitterのサイト構築に利用されていました。

Bootstrapについて動画で学習する

Gridシステムとは

レイアウトを格子状に分解して配置するデザイン手法のことです。
コンテナ、行、および列を使用してコンテンツをレイアウトし、整列します。
画面サイズによっても、レイアウトが変わり、画面サイズが異なるデバスイスでも、いい感じに表示することができるのが特徴です。

Bootstrapの公式サイト

Bootstrapの公式サイトは、下記になります。
Bootstrap

インストール方法やドキュメントなどの情報が掲載されています(英語)

ライセンス

ライセンスはMITライセンスとなっているので、比較的使いやすいです。

このソフトウェアを誰でも無償で無制限に扱って良い。ただし、著作権表示および本許諾表示をソフトウェアのすべての複製または重要な部分に記載しなければならない。
作者または著作権者は、ソフトウェアに関してなんら責任を負わない。

出典:「MIT License」(2016年6月27日 (月) 13:20 UTCの版)『ウィキペディア日本語版』。

なぜBootstrapを使うのか

開発スピードを上げるためのコスト削減のためです。

開発スピード

現在ビジネスのスピードが早くなってきていて、Webサービスの開発の現場は、スピードが重視されます。
すでに、用意されているレイアウトや、UIコンポーネントなどを利用することで、素早くアイデアのプロトタイプを作成したり、アプリケーション全体を構築できます。

コスト削減

予算が潤沢にあるプロジェクトであれば問題ないのですが、Webサービスの立ち上げ時は予算に制約があることが多いと思います。
そんなときに、デザイナーをアサインしなくても、一定以上のレベルでしかも素早く見た目を整えることができるので、デザイナーとエンジニアのコスト(人件費・外注費)を抑えることができます。
特に、運理で使う管理画面など、デザイン性がそこそこのレベルで良い画面は、Bootstrapを使用することがとても多いです。

メリット / デメリット

メリット

  • 素早くアイデアのプロトタイプを形にする。
  • 素早くアプリケーション全体を構築できる。

プロジェクト立ち上げの1人や1人での開発体制とリソースが限られ、さらに、短時間で開発する必要があって、デザイナーもアサインされていない、みたいなときに、とても便利です。

デメリット

  • 良くも悪くもテンプレートなので、似たようなデザインのサイトになりがち(?)

ただし、このサイトはブートストラップっぽいデザインだなぁとかと気にするのは、WebエンジニアとかWebデザイナーといった、Web業界の制作に関わる一部の人だけなけなので、過剰に心配する必要は無いでしょう。

対応ブラウザ

記事執筆時点ではBootstrap 4が最新のバージョンです。

Chrome, Firefox, Safari,Microsoft Edge といったブラウザの最新バージョンであれば大抵対応しています。
注意点としては、Internet Explorerは、IE10以上の点です。言い換えるとIE9以下はサポート外で、旧バージョンのBootstrap 3を利用する必要があります。
最近のプロジェクトであれば、IE9をサポート対象にすることは少なくなってきましたが、注意しましょう。

参照 : Browsers and devices | Bootstrap

おわりに

この記事では、Web開発のフロントエンド開発を効率良く行う事ができるWebアプリケーションフレームワークの、Bootstrap(ブートストラップ)とは何かについて、プログラミング初心者向けに説明しました。

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

Bootstrapは公式サイトのドキュメント(英語)を見れば学習することもできますが、Udemyで公開中のオンライン講座「アプリ開発入門総合コース」では、動画でインストール方法から丁寧に説明していますので、早く習得できて効率が良いですよ。

Bootstrapカリキュラムリスト

  • イントロダクション – Bootstrap 4入門 –
  • Bootstrapとは
  • はじめてのBootstrap 1
  • はじめてのBootstrap 2
  • ナビゲーションバー
  • グリッドシステム 1
  • グリッドシステム 2
  • グリッドシステム 3
  • グリッドシステム 4
  • 実践:フォトギャラリーの制作 1
  • 実践:フォトギャラリーの制作 2
  • 実践:フォトギャラリーの制作 3
  • 実践:フォトギャラリーの制作 4 フォントオーサムの導入
  • 実践:フォトギャラリーの制作 5 仕上げ

また、Bootstrapだけではなく、HTML5, CSS3, JavaScript, Bootstrap, SQL, Ruby, Ruby on Rails, Cloud9, Git, GitHubなど Web開発に必要なプログラミングスキルを1つのコースで沢山学べます。

  • アプリ開発入門総合コース – プログラミング初心者が実務で使える本質的なエンジニアスキルを習得できる入門講座

無料プレビューを1時間以上公開していますのでぜひご覧ください!

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

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

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

今すぐ詳細を確認する

Filed Under: プログラミング入門 Tagged With: Bootstrap, Udemy, プログラミング入門

プログラミング言語JavaScriptとは

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

これからプログラミングを始めたい方に向けて、プログラミング言語JavaScriptとは何かについて説明します。

JavaScriptとは

  • プログラミング言語(スクリプト言語)の一つ。
  • プログラミング言語Javaとは異なるもの。
  • 実行環境が主にブラウザに実装されている。
  • Webページ内で動的な機能を実現できる技術。
  • JavaScriptは、現代のWebサービス開発には欠かせない。
  • Node.jsのようなプラットフォームを使えば、サーバサイドの処理も書ける。
  • jsと略されることがある。

用語

プログラミング言語とは

  • コンピューターのプログラムを記述するための言語

プログラムとは

  • コンピューターに、情報処理を行うための動作手順を指定するもの

プログラミングとは

  • コンピューターのプログラムを作成すること

JavaScriptはとても人気の高いプログラミング言語

  • Webサイトの94.9%で使われていて世界で一番人気のあるプログラミング言語 (※1)
  • プログラミングナレッジの共有サイト「StackOverflow」で、最も人気のテクノロジ(※2)

JavaScriptの身近な利用例

  • Webページの再読み込みなしで新しいコンテンツを読み込み、サーバにデータを送信
  • Webページの要素のアニメーション、フェードイン・フェードアウト
  • フォーム入力値の動的なチェック

JavaScriptの歴史

  • 1995年 NetscapeNavigator 2.0 に搭載(旧名:LiveScript)
  • 1996年 IE 3.0にJavascriptに似た言語JScriptを搭載  ※ 互換性に悩む
  • 1997年 ES1 初版
  • 1998年 ES2
  • 1999年 ES3 IE6でも動く。最も知られている。jQueryが普及。
  • 2009年 ES5 現行のブラウザでは、ほぼ確実に動作する。ES3からは小規模な変更。
  • 2015年 ES2015(ES6から改名)現行のブラウザで動かない場合も
  • 2016年 ES2016 現行のブラウザで動かない場合も

補足

  • 例) ES5・・・ECMAScript(エクマスクリプト) 第5版の略。
  • ECMAScriptとは・・・JavaScriptの主な仕様を抜き出して標準化したもの。
  • ES4 策定失敗のため欠番

おわりに

この記事では、プログラミング言語JavaScriptが何かについて説明しました。
JavaScriptは現代のWebサービス開発で必須のスキルですので、ぜひ身につけたいですね。

JavaScriptの学習には、オンライン講座を使った動画学習がおすすめです。

Web開発入門完全攻略コース - HTML/CSS/JavaScript. プログラミングをはじめて学び創れる人へ!Web開発入門完全攻略コース - HTML/CSS/JavaScript. プログラミングをはじめて学び創れる人へ!中村 祐太 Yuta Nakamura, Proglus (プログラス)MySQL/Bootstrap/Node.js/Git/GitHub等ウェブ開発に必要な様々なスキルを沢山学ぼう!カフェのウェブサイト、フォトギャラリー、ポートフォリオサイト、天気情報アプリ等の開発に挑戦! 4.4 (7703 ratings)356 lectures, 22 hours

※1: Usage of JavaScript for websites | w3techs

※2: Developer Survey Results2017

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

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

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

今すぐ詳細を確認する

Filed Under: プログラミング入門 Tagged With: JavaScript

  • « Go to Previous Page
  • Go to page 1
  • Interim pages omitted …
  • Go to page 20
  • Go to page 21
  • Go to page 22
  • Go to page 23
  • 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・プライバシーポリシー