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

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

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

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

プログラミング入門

Linux（リナックス）について初心者のみんなが知りたいこと

By

サーバのOSと利用されることが多いLinux（リナックス）について、これからLinuxサーバの構築・運用を行ないたいと思っている初心者に向けて説明します。

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

Linuxとは

はじめてのLinuxサーバ構築運用入門 – コース紹介

概要

  • OS（Operationg System）の一つ。コンピュータで動く基本のプログラム。
  • OSの例: Windows, macOS
  • 大規模システム向けOSとして普及していたUNIXを模して、PC上で利用できるUNIXとして開発されたUNIXクローンの一つ。

歴史

  • UNIXは非常に高価という課題。
  • 1991年に、当時フィンランドのヘルシンキ大学の学生であったリーナス・トーバルズ氏が、Linuxの開発を開始。
  • フリーかつオープンソース
  • サポートが不要であれば、様々なサーバーの機能が
  • 無償で使える。

利用用途

  • サーバ、パーソナルコンピュータ、スーパーコンピュータ、組み込み機器（携帯電話、テレビ）など幅広く使われている
  • Web業界では、サーバOSの第一選択肢。
  • この記事では、サーバ用途で使う場合について学習します。

Linuxディストリビューション

Linux

Linuxカーネル

  • OSの基本機能の役割を担うソフトウェア
  • OSの基本機能：ハードディスク、メモリの管理、周辺機器やアプリケーションソフトの監視。

Linux ディストリビューション

  • Linuxの配布形態のこと。
  • 一般利用者がLinuxを利用しやすいように、アプリケーションなどをパッケージにしてすぐに使える状態にしたもの

主なディストリビューション

RedHat系

  • Fedora
  • Red Hat Enterprise Linux
  • CentOS ※日本で1番使われる
  • Debian系
  • Debian GNU/Linux
  • Ubuntu ※日本で2番目に使われる。機械学習系の用途で使われることが多い
  • Slackware系
  • Slackware
  • openSUSE

CentOSについて

  • 商用で有料のRed Hat Enterprise Linux（RHEL）との完全互換性を目指したフリーのLinuxディストリビューション。

  • RHELのソースコードはオープンソースで無償公開されているため、このソースコードを元に、レッドハットの商標や商用パッケージ等を除去してパッケージ化。
  • 日本のWeb業界では一番使われている人気のディストリビューション
  • 学習する際の情報も多く、初心者におすすめ。
  • AWS(アマゾン ウェブ サービス)によって提供される、サポートおよび管理された Linux のイメージAmazon Linux AMI についても、CentOSがベースとなっています。
  • 特別に理由が説明できなければ、WebサーバにはCentOSを選択することをおすすめします。

CUI/GUIについて

CUI

  • Character User Interface の略
  • コマンド(文字)でコンピュータを操作する方法

GUI

  • Graphical User Interface
  • コンピュータグラフィックスとマウスなど使って直感的な操作を可能にする操作方法

サーバでCUIを利用する理由

  • GUIはCUIより負荷が高い。
  • パフォーマンスを重視するサーバ用途ではCUIの方が有利。
  • サーバ構築・管理では、CUIを利用することが多い。

おわりに

この記事では、サーバのOSと利用されることが多いLinux（リナックス）について、初心者向けに説明しました。

オンライン講座、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週間無料体験しよう

今すぐ詳細を確認する

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

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週間無料体験しよう

今すぐ詳細を確認する