*SQL*は*リレーショナルデータベース管理システム（RDBMS）*で用いられる**データベース操作言語**です。データベース操作言語とはデータの操作や定義を行う言語を指します。

*SQLのビュー*とは*1つもしくは複数の表から任意のデータを抽出したもの*です。さらに複数の表やビューのデータを組み合わせることもできます。実際の表は実表と言い、実際のDBのデータが含まれます。ビューは導出表と言い、仮想的な表を表します。ビューは*実表を窓から覗いたイメージ*で**実際のDBのデータを含みません**。

*ビューのメリット*はSELECT文が何度も出てくる*SQLを簡素化*し、**メンテナンスしやすく**してくれます。

また機密情報を特定権限を持つユーザにだけ表示したい場合も*ビューのアクセス制御*により、開示情報をコントロールすることができます。それにより**情報漏洩リスクを最小に抑える**ことができます。

ビューはDBデータに対して以下の*抽出処理*を行います。
・*DB表（テーブル）の行の抽出*
　RDBの選択（Selection）に相当します。
・*DB表（テーブル）の列の抽出*
　RDBの射影（Projection）に相当します。
・*複数のDB表（テーブル）の結合*
　RDBの結合（Join）に相当します。

加えてDBデータの更新も可能です。
・*DB表（テーブル）の更新*
　表のINSERTやUPDATEおよびDELETEに対応します。
　更新条件に従い更新可能かどうか判断します（詳細は後述します）。

このように、ビューは*多様な抽出処理*に加えて*更新処理でも利用できる*ので、**セキュリティ保護**しながら**DBアクセスを簡素化**することが可能です。

ビューの作成は**CREATE VIEW**を使用します。
*構文：*
　CREATE VIEW ビュー名 AS SELECT文のステートメント;
　ビュー名　作成するビューの名前
　SELECT文のステートメント　ビューで使われるデータ抽出条件

ビューの削除は**DROP VIEW**を使用します。このコマンドはビューの所有者が行います。
*構文：*
　DROP VIEW ビュー名;

### ビューで指定するSELECT文の使い方

SELECT文は*データの検索・抽出*を行います。ビューはその*SELECT文*を**ビュー名で定義**するものです。

*CREATE VIEW*のSELECT文ステートメントでは*ORDER BY*は*指定できません*のでご注意ください。*ORDER BY*は*ビューの作成時*ではなく、ビューに対して**実際にSELECTを行うする際に指定**します。
*構文：*
SELECT [ALL | DISTINCT] 列名 FROM “テーブル（表）名”
　[WHERE 条件式]
　[GROUP BY “カラム（列）名” [HAVING 条件式]];

SELECT文の構文は次の句と条件からなります。
・*SELECT句*　SELECT文の実行によりデータの検索・抽出を行います。
　[ALL | DISTINCT]　ALL：デフォルト値、重複検索時もすべてを返します。
　　　　　　　　　　DISTINCT：重複を除きます。
　列名　列名称・複数指定可、 \* を指定すると全ての列を対象とします。
・*FROM句*　テーブル（表）を指定します。
　テーブル（表）名　複数のテーブルが指定可能です。
・*WHERE句*　抽出条件を指定します。
　条件式　演算子を用いた条件を指定します。
・*GROUP BY句*　カラム（列）名のグループ化を行います。
　HAVING句　GROUP BY句の集計結果に抽出条件を設定します。

*使用例：ビューを使わない場合*
　SELECT \* FROM 顧客テーブル WHERE 顧客ID \<= 09200 ORDER BY 住所コード;
　（顧客テーブルから顧客番号09200番以下の顧客情報を住所コードでソートし、全件表示します）
*使用例：ビューを使う場合の処理*
　CREATE VIEW ビュー名 AS SELECT \* FROM 顧客テーブル WHERE 顧客ID \<= 09200;
　（顧客テーブルから顧客番号09200番以下の顧客情報を全件表示するビューを作成します）
　SELECT \* FROM ビュー名 ORDER BY 住所コード;
　（ビューを用いて、抽出結果を住所コードでソートします）

## 具体的なSQLのビューの使い方、参照方法は？

ビューの参照方法は、ビュー名に対して**SELECT文で抽出するだけ**です。その他のビューの使い方として以下のような作業が挙げられます。
・*ビューを変更すること*
・*ビューのデータを更新すること*
・*ビューのテーブルを結合すること*
・*ビューの詳細情報を確認すること*

具体的な使い方は以降で説明していきます。

ビューの変更は*ALTER VIEW*または*CREATE OR REPLACE*を用います。
*ALTER VIEW*の使い方は*CREATE VIEWと同じ*で、**作成済みビュー**に対して行います。
*構文：*
　ALTER VIEW ビュー名 AS SELECT文のステートメント;

*CREATE OR REPLACE*は*ビューが存在しない場合*は**CREATE VIEWと同じ動作**となり、ビューを作成します。*ビューが作成済みの場合*は**ALTER VIEWと同じ動作**となり、存在するビューに対する抽出条件を変更することができます。
*CREATE OR REPLACEの使い方*は*CREATE VIEWおよびALTER VIEWと同じ*です。
*構文：*
　CREATE OR REPLACE VIEW ビュー名 AS SELECT文のステートメント;

なお*PostgreSQL*では*ALTER*を*ビューの補助属性を変更する目的*で用います。PostgreSQLのCREATE OR REPLACE VIEWは同等の機能が提供されています。そのためビューの定義を更新する際にはCREATE OR REPLACE VIEWを用いてビューの変更を行います。

これまでにビューの参照を中心に説明してきました。ビューの更新は*INSERT文・UPDATE文・DELETE文*を用います。

なお、以下のビューでは**更新することができません**のでご注意ください。
*更新データが特定できない可能性がある場合：*
・*DISTINCTを利用したビューの場合*
　変更行が特定できないため更新できません。
・*集計関数とGROUP BY句やHAVING句を利用したビューの場合*
　集約値は直接変更できません。
・*複数テーブルを統合したビューの場合*
　複数テーブルは直接変更できません。

同様に明示的に書き込み不可としている場合も、更新することができません。
*明示的に書き込み不可としている場合：*
・*ビューをWITH READ ONLYを指定し、定義した場合*
　明示的に読み取りとしているため更新できません。

### ビューのテーブル結合の方法

*テーブル結合*は**JOIN句**を用いることにより抽出できます。必要に応じて*内部結合（INNER JOIN）*・*左外部結合（LEFT OUTER JOIN）*・*右外部結合（RIGHT OUTER JOIN）*・*全外部結合(FULL OUTER JOIN）*・*交差結合（CROSS JOIN）*を選択あるいは複合して利用します。

各結合の違いは以下のように分類されます。
・*内部結合（INNER JOIN）*
　テーブルそれぞれに存在する行を抽出します。
・*左外部結合（LEFT OUTER JOIN）*
　左テーブルに存在する行のみ抽出、右テーブルに存在しない場合は空白とします。
・*右外部結合（RIGHT OUTER JOIN）*
　右テーブルに存在する行のみ抽出、左テーブルに存在しない場合は空白とします。
・*全外部結合(FULL OUTER JOIN）*
　テーブルいずれかに存在する行を抽出、いずれかのテーブルに存在しない場合は空白とします。
・*交差結合（CROSS JOIN）*
　テーブルの抽出数の組み合わせ数すべてを抽出します。

また、複数のテーブルを結合する際には*テーブル結合条件*を**ON句**で記述します。
*使用例：テーブルIDが共通のテーブルaとテーブルから抽出データを取込む例*
　CREATE VIEW ビュー名 AS 
　SELECT 抽出データ,, FROM テーブルa JOIN テーブルb ON USING(テーブルID) ;

### ビューの詳細情報の確認方法

ビューの詳細情報の確認方法は、**DBMSの実装によって異なります**。以下に代表的なDBMSのビューの定義の確認方法をまとめておきます。

・*Oracleの場合*
　USER\_VIEWを検索することで定義内容を確認することができます。
　用法：
　　SELECT TEXT FROM USER\_VIEWS WHERE VIEW\_NAME = "ビュー名";
・*MySQLの場合*
　SHOW CREATE VIEWで定義内容を確認することができます。
　用法：
　　SHOW CREATE VIEW ビュー名
・*PostgreSQLの場合*
　pg\_viewsからdefinitionを抽出することで定義内容を確認することができます。
　用法：
　　SELECT definition FROM pg\_views WHERE viewname = ‘ビュー名';
・*SQLServerの場合*
　information\_schema.viewsを抽出することで定義内容を確認することができます。
　用法：
　　SELECT \* FROM information\_schema.views WHERE TABLE\_NAME = 'ビュー名';

## SQLのビューを使ってSQL文を効果的に使用しましょう

SQLのビューは*繰り返し発生するSELECT文*を**単純化**することが可能です。さらに実データが伴わない仮想テーブルですので、**セキュリティリスクが低減**できます。1度ビューを作成すると他の抽出でも転用できますので、*ビューを活用*し**SQL文を効率的に使用**することをおすすめします。

SQLのビューとは1つもしくは複数の表から任意のデータを抽出したもので、使用するSQLを簡素化して利用することができます。さらにセキュリティ対策としても活用が増えています。ここでは、SQLのビューの考え方から実際にできることを丁寧に解説していきます。

SQLのビューにより複雑なSQL文を簡素化して記述することが可能です

検索データの開示制限を加えることができ、情報の漏洩リスクを低減することができます

SQLのビューは参照の他、更新条件に従いデータ更新も可能です

SQLのビューとは？考え方から実際にできることまで解説！

*SQL*はリレーショナルデータベース管理システム（RDBMS）で用いられる*データベース操作言語*です。データベース操作言語とは、データの操作や定義を行う言語を指します。

SQLの*NVL関数*とは*Null Value Logicの略*で、**NULL値を別の値に変換する関数**です。*NULL値*とはNULLが入っているわけではなく、*値が入っていないことを指します*。

*NVL関数*は*Oracleが独自実装した関数*で、**Oracleのみ**で利用できます。
*構文：*
　NVL(expr 1, expr 2)
　expr 1　NULLかどうかを調べる値を代入します。
　expr 2　expr 1がNULLの場合に返す値を指定します。データ型はexpr 1と同じ型に揃えます。
*用法：*
　SELECT NVL(カラム名, ‘置き換える値’) FROM テーブル名;

NVLの引数は文字列なため、数値がNULLがどうか確認したい場合は*TO\_CHAR関数*を使用します。
*構文：*
　NVL(TO\_CHAR(expr1),expr2)
*用法：*
　SELECT NVL(TO\_CHAR(カラム名,書式), ‘置き換える値’) FROM テーブル名;

*NVL関数*と*NVL2関数*は*Oracleが独自実装した関数*なため、共に**Oracleのみ**で利用できます。ここでは、*NVL2関数の使い方*と*NVLとの違い*を見ていきます。
*構文：*
　NVL2(expr 1, expr 2, expr 3)
　expr 1　NULLかどうかを調べる値を代入します。
　expr 2　expr 1がNULL以外の場合に返す値を指定します。データ型はexpr 1と同じ型に揃えます。
　expr 3　expr 1がNULLの場合に返す値を指定します。データ型はexpr 1と同じ型に揃えます。
*用法：*
　SELECT NVL2(カラム名, ‘NULL以外のとき置き換える値’, ‘NULLのとき置き換える値’) FROM テーブル名;

*NVL関数とNVL2関数との違い*はすでにお気づきの通り*引数が追加されている*ことです。*引数の違い*は*NVL2関数*では*第2引数にNULL以外の場合に返す値を指定*できます。

ここまでNVL関数について説明しました。*NVL関数はOracleが独自実装した関数*なため、Oracle以外のRDBMSでは利用することができません。

ここでは、*COALESCE関数*について説明していきます。COALESCEは英語の「合体する」が由来で、読み方はコウアレスです。*COALESCE関数*は*Oracleをはじめ、MySQL・PostgreSQL・SQLServer*で利用可能な**共通仕様の関数**です。したがって各種RDBMSで*汎用的に利用するSQL文*を作成する際には、*COALESCE関数*をおすすめします。
*構文：*
　COALESCE(expr 1, expr 2)
　expr 1　NULLかどうかを調べる値を代入します。
　expr 2　expr 1がNULLの場合に返す値を指定します。データ型はexpr 1と同じ型に揃えます。
*用法：*
　SELECT COALESCE(カラム名, '置き換える値') FROM テーブル名;

*NVL関数*は*Oracleが独自実装した関数*なため、Oracle以外のRDBMSでは利用することができません。

*COALESCE関数*はOracleをはじめ、MySQL・PostgreSQL・SQLServerで利用可能な**共通仕様の関数**です。したがって、各種RDBMSで汎用的に利用するSQL文を作成する際には*COALESCE関数*をおすすめします。

さらに、*COALESCE関数*では**複数の引数のNULL値の判断を行うこと**ができます。NVL関数と同じ使い方という訳ではありませんが、参考情報として記載しておきます。
*構文：*
　COALESCE(expr 1, expr 2, …, expr n)
　expr 1　NULLかどうかを調べる表現式を代入します。
　　　　　NULL以外の場合、その値を返します。NULLの場合はexpr 2を評価します。
　expr 2　NULLかどうかを調べる表現式を代入します。
　　　　　NULL以外の場合、その値を返します。NULLの場合は次の表現式を評価します。
　　：
　expr n　expr 1からexpr n-1までが全てNULLの場合に返す値を指定します。データ型はexpr 1と同じ型に揃えます。

*NVL関数をSQLServerで使う*には*COALESCE関数*の他、**ISNULL関数**が利用できます。
*構文：*
　ISNULL(expr 1, expr 2)
　expr 1　NULLかどうかを調べる値を代入します。
　expr 2　expr 1がNULLの場合に返す値を指定します。データ型はexpr 1と同じ型に揃えます。
*用法：*
　SELECT ISNULL(カラム名, '置き換える値') FROM テーブル名;

*NVL関数をMySQLで使う*には*COALESCE関数*の他、**IFNULL関数**が利用できます。
*構文：*
　IFNULL(expr 1, expr 2)
　expr 1　NULLかどうかを調べる値を代入します。
　expr 2　expr 1がNULLの場合に返す値を指定します。データ型はexpr 1と同じ型に揃えます。
*用法：*
　SELECT IFNULL(カラム名, '置き換える値') FROM テーブル名;

*PostgreSQL*ではNVL関数に相当する**独自実装の関数はありません**。そのため、*NVL関数をPostgreSQL*で使うには*COALESCE関数*を利用します。COALESCE関数は共通仕様なため、Oracle・MySQL・PostgreSQL・SQLServer共通で利用できるメリットがあります。

*NVL2関数*は*Oracleが独自実装した関数*です。そのためOracle以外のRDBMSでは利用することができません。*Oracle以外でNVL2関数に相当する処理*を行う際には**CASE式**を用います。

CASE式の構文は以下の通りです。
*構文：*
　CASE expr
　　 WHEN comparison\_expr1 THEN return\_expr1
　　 WHEN comparison\_expr2 THEN return\_expr2
　　 [WHEN comparison\_exprn THEN return\_exprn ...]
　　 [ELSE return\_default]
　END
　expr　　　　　　　　　　 評価する表現式
　comparison\_expr1/2/,,n exprと比較する表現式
　return\_expr1/2/,,n  　 　 真偽判定で真（TRUE）の場合返す値
　return\_default 　　　　　真偽判定で偽（FALSE）の場合返す値

ここでNVL2関数の処理を振り返ってみます。NVL2関数の構文と用法は以下の通りです。
*構文：*
　NVL2(expr 1, expr 2, expr 3)
　expr 1　NULLかどうかを調べる値を代入します。
　expr 2　expr 1がNULL以外の場合に返す値を指定します。データ型はexpr 1と同じ型に揃えます。
　expr 3　expr 1がNULLの場合に返す値を指定します。データ型はexpr 1と同じ型に揃えます。
*用法：*
　SELECT NVL2(カラム名, ‘NULL以外のとき置き換える値’, ‘NULLのとき置き換える値’) FROM テーブル名;

*NVL2関数*を*CASE式で実装*するには、**IS NOT NULL演算子**と**IS NULL演算子**を利用します。最初に*IS NOT NULL演算子*と*IS NULL演算子*の一般用法を説明します。
*用法：*
　SELECT 抽出カラム
　　CASE
　　　WHEN カラム名 IS NULL THEN ‘NULLのとき置き換える値’
　　　WHEN カラム名 IS NOT NULL THEN  ‘NULL以外のとき置き換える値’
　　END
　　FROM テーブル名

ここでNVL2関数をCASE式で実装するには、*ELSE*と*IS NOT NULL演算子*だけでも同等の処理が行えます。具体的には、*WHEN*で*IS NOT NULL演算子*の真偽が真（TRUE）の場合はNULLではないので、*‘NULL以外のとき置き換える値’*を返します。*ELSE*は上記以外なため、NULLが該当します。そのため戻り値は*‘NULLのとき置き換える値’*とします。
*用法：*
　SELECT 抽出カラム
　　CASE
　　　WHEN カラム名 IS NOT NULL THEN ‘NULL以外のとき置き換える値’
　　　ELSE ‘NULLのとき置き換える値’
　　END
　　FROM テーブル名

ここで*IS NOT NULL演算子*ではなく*IS NULL演算子*の場合、*‘NULLのとき置き換える値’*を返し、*ELSE*で*‘NULL以外のとき置き換える値’*を返す場合も同等の処理となります。

## SQLのNVLで抽出データを整理しましょう

個人で管理するデータベースであれば*NULL値*があったとしても「*NULL*」と表示されるだけなため影響がありません。しかしながら、*企業のシステム*や*アンケートシステム*であれば顧客情報の住所・電話番号・性別等は抜け漏れが多数あります。そのため、単に「*NULL*」と表示されるよりは「*記載なし*」とか「*不明*」などの方が**分かりやすく親切**です。

NVL関数が理解できたところで、ぜひ**データベースの抽出データに活用する**ことをおすすめします。抽出データを整理することで*分かりやすい集計結果*が得られますので、ぜひお試しください。

SQLのNVL関数はNULL値を別の値に変換する関数で、NVL関数はOracle固有の関数です。ここでは、OracleのNVL関数の使い方から、Oracle以外でも使えるNULL値変換のCOALESCE関数をまとめて紹介していきます。

SQLのNVL関数とはNull Value Logicの略で、NULL値を別の値に変換する関数を指します

NVL関数はOracleが独自実装した関数で、Oracleのみで利用できます

NVL関数と同等のCOALESCE関数は各RDBMSで利用可能な共通仕様の関数でおすすめです

SQLのNVLとは？Oracle以外の利用方法も合わせて解説！

SwiftはObjective-CをベースにAppleがiPhoneアプリの作成用に開発したオープンソースのプログラミング言語ですが、その**Swiftを更に便利に使いやすくしたUI（User Interface）のフレームワークが「SwiftUI」**です。ここでは「SwiftUI」について入門者向けに優しく解説していきますので、これから*「SwiftUI」を学びたい方やiPhoneアプリ作成にチャレンジしたい方*はぜひ参考にしてください。

「SwiftUI」の紹介に入る前に、Swiftについて簡単におさらいをしておきましょう。

**Swiftは、iPhoneやiPadなどのApple製品向けアプリの開発に適した、オーブンソースのプログラミング言語で、Apple社が2014年に開発・発表しています**。SwiftはMacの環境があれば、気軽に使えるプログラム言語です。*シンプルな構造で初心者でも馴染みやすい*ことから人気を高めています。

### 「SwiftUI」についてさらに深掘り

**「SwiftUI」とは、Apple系プラットフォームのUI（ユーザーインターフェース）に関して、これまで以上に簡単に構築することができるUIフレームワーク**です。Appleが2019年6月に発表したばかりですが、大きな注目を集めています。

SwiftUIは、iPhone以外にもiPadやMacOSXhなど、Apple製品のすべてのプラットフォームに対応しており、その最大の強みはシンプルなコードでiPhoneアプリの開発ができることです。

*これまでのiOSの開発では主にObjective-C言語が用いられ、ユーザーインターフェースの構築には、フレームワークとしてUIKitが使われていました*。

Objective-CとUIKitによる開発では、iPhone端末の世代ごとに異なる画面サイズに対応してレイアウトを調整する必要があり、しかもコードの記述数が非常に多く、作業負荷が高いという難点がありました。このため、iPhoneアプリの作成に挑戦するユーザーの脱落も少なからずありました。

一方の*SwiftUIを用いた開発では、コードの記述数は少なく、効率的な開発ができます。SwiftUIは出現したのが新しいこともあり、対応するOSはiOS13以降のデバイス、開発ツールとしてはXcode11以降が必須*です。あらかじめ開発環境を確認しておく必要があります。

ちなみにSwiftUIについて*[wiki](https://ja.wikipedia.org/wiki/SwiftUI)*で調べても、まだ新しいフレームワークのためか、あまり詳しいことは載っていません。

## 「SwiftUI」のメリットとデメリット

登場から2年余りの最新UIフレームワークである、「SwiftUI」にはこれまで無かった機能が加わり、多くのメリットを実感できるでしょう。しかし、一部の方にはデメリットと感じる点も残されています。ここでは、「SwiftUI」のメリットとデメリットについて見てみましょう。

### メリット1:コードがシンプルで記述数が圧倒的に少ない

**SwiftUIは従来のUIフレームワークであるUIKitと比較して、簡単な記述で1つの画面を作れるため、エンジニアのコーディング負荷が半減**できます。

*従来のUIKiで画面を作成する場合は、ViewControllerやStoryboardを用意したり、各パートをIBOutletで紐づけたり、かなり煩雑な作業が必要でした*が、SwiftUIではこれらの機能が凝縮され、大変シンプルになっています。

### メリット2:Previewを見ながらコードを書ける

**SwiftUIは、「プレビュー」機能によって記述したコードをViewごとに確認ができます**。UIKitでもStoryBoardなどを利用してレイアウトを確認することはできましたが、データを入れた時の実際の動きなどはアプリをビルドしてから、実機やシミュレーターで確認するという手順が必要でした。

*SwiftUIはテストデータを用いた状態の動きをリアルタイムに画面で確認することができます*。また、アプリは画面単位での起動が可能で、画面遷移の確認、アニメーションの動きまで確認ができ、開発作業が大変便利です。

### メリット3:Swiftに一元化され、管理しやすい

**SwiftUIはレイアウトファイルもSwiftで書かれているため、他者が見ても理解しやすくなっています**。

既存のStoryboardなどではXcode上は画面イメージが同じように見られますが、実態がXML形式のファイルなため、XMLの解読ができないと判読ができないという欠点がありました。

*SwiftUIではSwift言語に統一されているため、*Swiftのコーディングができる人であれば、第三者にもメンテナンスができるので、管理がしやすくなっています*。

### デメリット1:UIKitに慣れた人には物足りなさも

SwiftUIはiPhoneアプリ開発のハードルを大きく下げるという目的は果たしていますが、**従来のUKKit・ViewController・Storyboardなどを用いた開発に馴染んでいる人には、機能不足を感じたり、物足りなさを感じたりする点が挙げられます*。

これは自動車のマニュアルシフト車からオートマ車に乗り換えたユーザーが感じるそれとよく似ているかもしれません。

現時点でどっちが良いとは言い切れませんが、今後、機能不足やバグは次第に解消していくでしょうし、*中級者以上の方は従来のUIKitとSwiftUIの併用*という方法も選択肢としては検討の余地があるでしょう。

### デメリット2:対応するOSがiOS13以降となる 

大きなデメリットではありませんが、SwiftUIが新しいUIフレームワークであることから、**iOS13以降にしか対応しないという制約**があります。*この問題は時間とともに解消してくること*でもあり、そこまで問題視する必要はないのかもしれません。

SwiftUIの概要・メリット・デメリットについてはお伝えしましたが、さらに**SwiftUIで何ができるのか**についてお話をしていきましょう。

### 「SwiftUI」を覚えたらアプリが作れる？

**現時点ではSwiftUIだけではアプリの作成は難しい**でしょう。*SwiftUIはUI部分の作成が非常に便利なフレームワークですが、ネットワークやデータベースとのやり取りなどはSwiftUIの機能だけではできません*。

ただし、「SwiftUI」は、単純なデータの保存程度であれば書けるようになっています。今後はさらに機能拡張が進めば、簡単なアプリをSwiftUIだけで作れるようになるでしょう。

### iOSの画面だけならコードレスで作れる？

結論から言うと、作れます。*新しいXcodeのデザインツールでは操作画面右側にビジュアルエディターがあり、iPhoneのイメージが表示されています*。左側にはコード入力・表示欄があります。コードを入力するとiPhoneイメージの画面が変化します。

また、**ビジュアルエディター画面上で「Show 「SwiftUI」 Inspector」の機能を使って、表示文字のサイズ・フォント・配置の変更など、機能は限定されるものの、パワーポイントのようなイメージで画面の作成や修正ができます**。

SwiftUIがさらに進化すれば、全くSwiftを知らない人でも、iOSの画面作成からアプリ作成まで行えるようになるかもしれませんね。

SwiftUIを体系的に学ぶ方法としては、**チュートリアルを利用する方法と、入門書を読みながら進める方法の2つ**があります。以下、紹介しておきますので自身に合う方法で進めてみてください。

### 「SwiftUI」 チュートリアル（tutorial）で学ぶ

*[Apple公式チュートリアル](https://developer.apple.com/tutorials/swiftui)を利用*して学ぶ方法です。**Xcodeを多少いじったことがあり、Swiftについても多少経験があるMACユーザーにおすすめ**します。

*チュートリアルでは、SwiftUIに関する基本的な使い方や仕組みなどが理解できます*。学習時間は4時間半ほどですが、確認作業や休憩時間を考慮すると2日程度は見ておいた方が良いでしょう。

また、チュートリアルを始める際には、あらかじめMacOS・Xcodeを最新のバージョンにしておいた方が良いでしょう。

### 「SwiftUI」ではじめるiPhoneアプリプログラミング入門

*[「SwiftUI」ではじめるiPhoneアプリプログラミング入門](https://www.hmv.co.jp/artist_%E5%A4%A7%E6%B4%A5%E7%9C%9F_000000000505683/item_SwiftUI%E3%81%A7%E3%81%AF%E3%81%98%E3%82%81%E3%82%8BiPhone%E3%82%A2%E3%83%97%E3%83%AA%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E5%85%A5%E9%96%80_10916891)はiPhoneアプリ開発の基礎を学ぶための入門書*です。

Xcode＋SwiftUIを用いて実際にサンプルプログラムで確認しながら学んでいくため、分かりやすいのが特徴です。Swiftの経験がない方に向けて、同時にSwift言語のポイントを解説していますが、**できればJavaやPythonなどのプログラミング経験者の方が習得しやすい**でしょう。

**SwiftUIはまだ新しいUIであり、進化の途中ですが、革新的なフレームワーク**と言っても過言ではありません。この*SwiftUIは私たちエンジニアの世界にどんな変化をもたらすのでしょうか。*

オープンソースの*Swiftはそのシンプルさ、生産性の高さから採用する企業が増えており、Andoroidアプリの開発に利用する動き*もあります。

**SwiftUIの登場によってさらに利便性が増し、開発効率の向上が期待されるため、SwiftとSwiftUIをセットで採用する企業が増加し、Swiftの普及が一層進む**ことになるでしょう。

### 一般ユーザーによるアプリ開発が浸透する

*SwiftUIによって、iPhoneアプリ開発のハードルが一気に下がりました*。

これはiPhoneアプリ作成人口の増加を意味します。**エンジニア以外の一般ユーザーでもiPhoneアプリの開発が容易に行えるようになる**と、AppleStoreに登録されるアプリがさらに充実するでしょう。Swiftエンジニアの方もライバルが増えるかもしれません。

### Swiftエンジニアの仕事の変化

SwiftUIによって、こなせるアプリ開発のボリュームが増大するでしょう。これまで5日に1本のアプリを開発していた人は、3日で1本開発できるようになるかもしれません。

また、*Swiftの普及が進み、大型案件が増えてくる*でしょう。**iPhoneアプリを主に開発している企業は、UIKitからSwiftUIへの移行ニーズが高まります。従来のUIKitを使っていたエンジニアが、SwiftUIを習得すれば、移行案件に関わる機会も増えるでしょう。 今がSwiftUI習得のチャンスかもしれません。**

人気のプログラミング言語SwiftにはSwiftUIというUIフレームワークがありますが、このSwiftUIによってiOSでの開発の効率が飛躍的に向上すると期待されています。これからSwiftを学ぶエンジニアの方に向け、SwiftUIの基本を紹介して参ります。

「SwiftUI」とは、iPhoneなどのユーザーインターフェースを、これまでよりも簡単に構築できるUIフレームワークのこと

「SwiftUI」を利用すると記述コード数が大幅に減り、プログラム開発の効率が上がる

iPhoneアプリを主に開発している企業は、UIKitからSwiftUIへの移行ニーズが高まり、SwiftUIを使えるエンジニアの需要が増える

SwiftUIとは？SwiftUIによって何が変わるのかを解説！

*CSS*は、HTML言語で用いる*スタイルシート*を表します。*スタイルシート*は*文書の色やフォント・サイズおよびレイアウトを設定*し、**見栄えを良くするための記述言語**です。

CSSは起源をさかのぼると、1994年欧州原子核研究機構（CERN）に勤務する技術者が提唱したもので、レイアウト設定を行う際の考え方は欧文の組版技術からヒントを得ています。そのため、*em（エム）*とは*組版で用いる長さの単位*を表します。*em*は**大文字のMを基準としたサイズ表記**が由来となっており、Mの高さを基準とする意味で用います。

またemは何かの略と思ってしまいますが、そうではなく単純に*Mの読み方そのもの*を指します。なお、HTMLの\<EM\>タグはEmphasisの略で、テキストを強調する際に使用しますがCSSのemとは異なるものです。

CSSにおけるemは、*フォントサイズを指定する際に一般的に用いる方法*です。具体的な違いについては、以降で説明します。

## CSSで用いるフォントサイズの単位は？

CSSで*フォントサイズを指定*するには、以下の**3通りの指定方法**があります。

・*相対値で指定する方法*
　相対値で指定する場合は親要素と比較してサイズが決定します。
　指定はem、exが該当します。
・*パーセント値で指定する方法*
　パーセント値で指定する場合はある基準に対する比率を指定します。
・*絶対値で指定する方法*
　絶対値で指定する場合は相対関係は影響せず固定設定となります。
　指定はpx、pt、pc、in、cm、mmが該当します。

以降でさらに詳しくフォントサイズ方法を見ていきましょう。

### フォントサイズを相対値で指定する方法は？

フォントサイズを*相対値で指定する方法*は、**em、ex**があります。

・*emによる指定*
　現行のフォントサイズを1とした場合のサイズを指定します。
　利用者がブラウザでサイズを拡大・縮小した場合でもサイズが追従するメリットがあります。
　*指定方法：*
　　p {
　　　font-size: 0.8em;
　　}
・*exによる指定*
　使用するフォントの小文字の “x”の高さを基準とした指定方法です。
　日本語では和文を多用するため、通常は欧文指定のexは用いません。
　*指定方法：*
　　p {
　　　font-size: 1.2ex;
　　}

この他にも、このあと絶対値の項目で説明するpxについても画面解像度に対して相対的な指定となります。そのためpxを相対値の分類に含めることもあります。

### フォントサイズをパーセント値で指定する方法は？

フォントサイズを*パーセント値*で指定する場合も**相対値指定可能**です。
*指定方法：*
　p {
　　font-size: 120%;
　}

なお、**1em＝フォントサイズ100%**が成り立ちますのでパーセント値で指定するほか、em値を指定することもできます。

### フォントサイズを絶対値で指定する方法、pxの変換方法は？

フォントサイズを*相対値で指定する方法*は、**px、pt、pc、in、cm、mm**があります。この場合は*固定サイズ*となるため、事前に決められているサイズを設定する際に用います。

pxによる指定は以下の通りです。
・*pxによる指定*
　このして方法もCSSで頻繁に用いられている指定方法で、ピクセル値で指定します。
　ピクセル値で指定しますので最も精密に表示指定できます。
　1px＝1/96インチです。
　*指定方法：*
　　p {
　　　font-size: 16px;
　　}

pxによる指定はディスプレイ解像度が低い場合は表示が収まらないこともあるため、対象となる端末で確認が必要です。なお、最近のブラウザではフォントサイズ変更に対応できるものもあります。
ここで、emとpxの関係について補足しておきます。*emの単位*は**使用するフォントサイズを基準**としています。通常フォントは16px・12ptなため、フォントサイズを指定していない場合は1emは16pxです。

次に*pt、pc、in、cm、mm*の指定は以下の通りです。指定方法は数値に単位を追記するものでpxと同等の記載方法にしたがいます。**pxの変換方法**として理解しておきましょう。
・*ptによる指定*
　ポイント数を指定します。
　1pt＝1/72インチです。
・*pcによる指定*
　Picas（パイカ）数を指定します。
　1pc＝1/6インチ、12ptです。
・*inによる指定*
　インチ数を指定します。
　1in＝2.54センチメートル、96pxです。
・*cmによる指定*
　センチメートル数を指定します。
　1cm＝1/2.54インチ、96/2.54pxです。
・*mmによる指定*
　ミリメートル数を指定します。

なお、組版印刷では絶対値指定は非常に重要ですが、ウェブブラウザ表示を基本とするCSSではほとんど用いることがありません。理由としては、*修正等のメンテナンスに工数がかかる*ためです。

*em*と同等の指定方法で、*rem*があります。一方の*em*は**親要素を基準**としたフォントサイズ指定となります。つまり、フォントを指定することでそのサイズが1emの基準単位となります。

他方の*rem*は**ルート要素**のフォントサイズを基準とします。そのため未指定（デフォルト状態）の時は、*1em＝16px*が成り立ちますし、階層が深いフォント指定の基準として利用することができます。

なお、*rem*はIE8以前のブラウザではサポートされていないため、*バージョン差異による表示の違い*については事前に確認しておくことをおすすめします。

emの使い方が理解できたところで、使用例を見ていきましょう。

*使用例：*
\<!DOCTYPE html\>
\<html\>
　\<head\>
　\<link rel="stylesheet" type="text/css" href="sample\_css.css"\>
　　\<title\>日記帳\</title\>
　\</head\>
　\<body\>
　　　\<h1\>私の備忘録\</h1\>
　　　\<h2\>買い物\</h2\>
　　　\<p\>昨日野菜を買いに行きました。うっかり\<span\>エコバック\</span\>を忘れてしまいました。\</p\>
　\</body\>
\</html\>
*sample\_css.cssの内容：*
h2 {
 color: blue;
 font-size: 1.2em;
}
p {
 color: green;
 font-size: 0.8em;
}
span {
 color: red;
 font-size: 1.5em;
}
*表示例：*

この例では、*h2要素*に1.2emを設定しています。同様に*p要素*に0.8em、*span要素*に1.5emを設定しています。*em*は**親要素のフォントサイズを相対指定**しいるため、*親子関係がシンプルな場合はこのまま利用できます*。

次に、remの使用例を見ていきましょう。

*使用例：*
\<!DOCTYPE html\>
\<html\>
　\<head\>
　\<link rel="stylesheet" type="text/css" href="sample\_css.css"\>
　　\<title\>日記帳\</title\>
　\</head\>
　\<body\>
　　　\<h1\>私の備忘録\</h1\>
　　　\<h2\>買い物\</h2\>
　　　\<p\>昨日野菜を買いに行きました。うっかり\<span\>エコバック\</span\>を忘れてしまいました。\</p\>
　\</body\>
\</html\>
*sample\_css.cssの内容：*
html {
 font-size: 1em;
}
body {
 font-size: 2em;
}
h2 {
 color: blue;
 font-size: 1.2em;
}
p {
 color: green;
 font-size: 1.1em;
}
span {
 color: red;
 font-size: 2.5rem;
}
*表示例：*

この例では、HTML文書は変更せずにCSSファイルのみ修正しました。*span要素*のみ*rem値*を指定し、それ以外は*em値*を指定しました。理解を深めるために意図的にサイズを大きく指定しています。ここで例示した各要素のフォントサイズを確認してみましょう。

・*html要素*
　1emですので16px相当のサイズです。
　この値がルート要素の設定サイズとなります。
・*body要素*
　親要素の2倍のem値を指定しました。
・*h2要素*
　親要素がbody要素となりますので、親要素2em値x指定した1.2em値＝2.4em値となります。
・*p要素*
　親要素がbody要素となりますので、親要素2em値x指定した1.1em値＝2.2em値となります。
・*span要素*
　ルート要素基準となりますので、ルート要素1emx指定した2.5rem値＝2.5em値となります。

上記の通り、*em値*では*親要素の設定値*により**影響を受けてしまいます**。*rem値*は*ルート要素を基準*としていますので**影響がありません**。そのため*親子関係が複雑な文書*では*ルート要素を基準としたremで指定するのも効率的*です。

フォントサイズ指定方法となる*pxは絶対値で指定*し、*em値は相対値で指定*します。

*pxはドキュメントを忠実に再現*するため、**百科事典や美実品紹介・DTP**等に適しています。*em*は拡大・縮小に追従するため、**モバイル端末やスマートフォンで表示**する際に便利です。したがって、どちらか一方を利用するよりも*適材適所で使い分け*たり、*併用*したりすることをおすすめします。

## CSSのフォントサイズ指定で統一デザインのウェブコンテンツ作成をすすめましょう

近年*スマートフォンやモバイル端末の利用*は加速しているため、*小さい画面での見栄えが重要*になってきています。

このように、*CSSのem指定*は*モバイル端末での指定に最適*です。CSSのフォントサイズ指定が理解できたら、実際にCSSスタイルシートを作成し見栄えの調整を進めましょう。*複数のウェブコンテンツにCSSを適用する*ことで**統一感のあるデザインが実装**できるため、とてもおすすめです。

CSSは、ウェブコンテンツの見栄えを良くするためにHTMLとセットで用いられています。CSSのフォントサイズ指定にはいくつかの方法があります。ここでは、代表的な指定方法であるem値を中心に、フォントサイズ指定方法の違いを比較し解説していきます。

CSSのem（エム）とは、欧文の組版技術のサイズ表記が由来となるフォントサイズ指定方法です

CSSのフォントサイズ指定には、絶対値指定と相対値指定の方法が提供されています

emはCSSの相対値指定方法として最も用いられている方法です

CSSのemとは？フォントサイズ指定方法の違いを比較解説！

**PHPフレームワークの1つとしてLaravelが挙げられます。Laravelを使用すれば、簡単にWebサイトを作成することが可能です。**ここではPHPのLaravel入門として、PHPとLaravelの概要について詳しく紹介します。

PHPとは、*動的にWebサイトを作成できるサーバーサイドのスクリプト言語*を指します。他のプログラミング言語と比較して文法や使用が簡単であるため、スキルを身に付けやすいという特徴があります。
また、MySQLなどのデータベースとの連携も簡単にできるため、Webアプリの開発にもよく使用されているのが特徴です。例えば、PHPのプログラミング言語を習得できれば、WordPressをカスタマイズすることができるようになります。

**Laravelは2011年頃に公開されたオープンソースのPHPフレームワークの1つであり、認証機能・データベース機能・入力チェック機能などWeb開発を行う際に必要とされる機能が備わっているのが特徴**です。

また、 LaravelではMVCモデルが採用されています。*MVCモデルとは、ソフトウェアの設計の1つであり、機能を「Model（モデル）」「View（ビュー）」「Controller（コントローラ）」の3つの役割に分類して実装を行う方式を指します。*

Modelは、データを処理したり、取得したデータをControllerに受けた渡したりする機能。
Viewは、ユーザーに表示する画面を指したり、Controllerにリクエストを送付したり、Controllerから送付されたレスポンスを画面に表示したりする機能。
そしてControllerは、Viewからリクエストを受け取ったり、Modelから受け取った処理の結果をViewにレスポンスとして受け渡したりする機能です。

*MVCモデルでは機能ごとにクラスが明確化されているため、コードの再利用がしやすかったり、保守性の高いプログラムを記述できたりするというメリットがあります。*

PHPやLaravelの概要は理解できたでしょうか。ここでは、 Laravelの使い方について詳しく紹介します。

*OSでWindowsを使用する場合、まずXAMPPというPHP開発環境をダウンロードしてインストールを行います。*下記のURLからXAMPPはダウンロードすることが可能です。
（ 参考：https://www.apachefriends.org/jp/index.html ）

*次にPHPパッケージ管理ツールであるComposerを使用して、PHPのインストールを行います。*下記のComposerの公式サイトからインストーラをダウンロードしてインストールすることが可能です。
（ 参考：https://getcomposer.org/ ）

XAMPPとComposerを準備することができたら、コマンドプロンプトに下記を打ち込みます。なお「phpproject」の部分の名称は任意です。

composer create-project –prefer-dist laravel/laravel phpproject
cd phpproject
php artisan serve

*Webブラウザで「 http://127.0.0.1:8000 」をURLとして入力し、Laravelの画面が表示されたら、開発環境の構築は完了です。*

**ルーティングとは、URLとコントローラのアクションに関する対応ルールを作成することを指します。**そして、ルーティングの核となるのがルーティングファイルです。ただしLaravelのバージョンによって、ルーティングファイルの配置場所やファイル名が異なる可能性があるため中する必要があります。*原則としてルーティングファイルに内容を記述しますが、コントローラーなどに直接記述することも可能です。*

**ビューファイルは一般的に「app/views」ディレクトリに配置され、HTMLとBladeを使用して編集できます。Bladeとは、Laravelのテンプレートエンジンを指し、PHPのコーディングを効率化することが可能です。**Bladeを使用したファイルの拡張子は「.blade.php」です。変数を「{{ }}」で埋め込むことができ、直感的な操作で扱うことができます。

**Laravelでは、一般的にMySQLと呼ばれるリレーショナルデータベース管理システム（RDBMS）を使用します。 もちろん、接続情報をきちんと記述すればPostgreSQLやSQLiteなどの他のRDBMSでも問題なく使用することが可能です。**

*Laravelを利用してデータベースに接続するには、MySQLを用意し「config/database.php」に対して接続情報を記述する必要があります。*「config/database.php」は1つの配列でできており、きちんと接続を定義できれば、Laravelからデータベースを操作可能です。

**データベースに接続できれば、マイグレーション機能を使用することができます。**ただし、マイグレーション機能を使用できるデータベースは構造があるものに限るため注意しましょう。*マイグレーションとは、英語で「移動・移行」を意味し、データベースのテーブル定義を管理する仕組みのことです。マイグレーションファイルは「Artisan make:migration」というコマンドを実行するれば、デフォルトで用意されている雛形を元に自動で作成することができます。*

**開発したWebアプリケーションをクラウドにデプロイするために、LaravelではForgeというツールが用意されています。**Forgeを使用すれば、「Amazon EC2」「DigitalOcean」などのクラウドサービスと連携することが可能です。*変更や更新がある度に、自動でデプロイ作業を行ってくれるのが特徴と言えます。有料ですが、デプロイ作業のコスト削減に役立つでしょう。*

**下記のようにLaravelの公式サイトには、日本語のドキュメントが用意されており、英語が苦手な方でも勉強しやすい環境が整備されています。**
（ 参考：https://readouble.com/laravel/ ）

*まずは、インストールから実際にプログラムを実行するまでの方法が説明されているドキュメントを参照するのがおすすめです。*理解できない用語があったとしても、リンクが埋め込まれているため、詳細の説明ページに簡単に遷移することが可能です。

また*Laravelを学習するにあたって、チュートリアルサイトもあります。*例えば「laravel学習帳」が挙げられます。他にも初級者向けから上級者向けのものまであるため、自分のレベルに合わせてチュートリアルサイトを選択するのが大切です。

チュートリアルサイトだけではなく、Laravel入門書を利用して学習を始めたい方も少なくないでしょう。ここでは、Laravel入門書について紹介します。

### PHPフレームワーク Laravel入門 第2版

**「PHPフレームワーク Laravel入門 第2版」は、PHPフレームワークのLaravelのインストールから、フレームワークの核となるMVCモデルの概要・開発に便利な機能まで、分かりやすく解説された入門書です。**ディレクティブ・バリデーションルール・Bootstrapによるぺジネーションリンク・Authなどの新しい機能の使い方についても詳しく解説されているのが特徴です。*Laravelについて網羅的に理解したい方に、本書はおすすめと言えます。*
（ 参考：https://www.shuwasystem.co.jp/book/9784798060996.html ）

**「速習 Laravel 6 速習シリーズ」は、PHPフレームワークLaravelの基礎スキルを短期間で身に付けたい方におすすめです。**Laravelの基礎からテンプレート開発・データベース連携・リクエストとレスポンス処理・ルーティング設定までを学習することができます。*サンプルコードも用意されているため、実際に手を動かしながら勉強することも可能です。*サンプルコードは、下記のサポートサイトからダウンロードできます。
（ 参考：https://wings.msn.to/index.php/-/A-03/WGS-PHP-001/ ）

## PHPフレームワークLaravelをマスターして開発に役立てよう！

これまでに、PHPやLaravelの概要・Laravelの使い方・Laravel入門書について解説しました。**Laravelとは、PHPフレームワークの1つであり、MVCモデルが採用されているのが特徴です。Laravelは自由度が高く、Bladeというテンプレートエンジンによってコーディングを効率化できるのが大きなメリットと言えます。**

*Laravelを勉強する際には、LaravelチュートリアルサイトやLaravel入門書を活用するのがおすすめです。*Laravelの公式サイトでは、日本語のドキュメントも用意されているため、勉強しやすい環境が整えられていると言えるでしょう。Laravelは将来性も高いため、ぜひスキルを習得して市場価値を高めましょう。

Laravelとは、人気を集めているPHPフレームワークの1つです。Laravelを使用すれば、様々なメリットがあります。当記事では、Laravel入門ということでPHP・Laravelの概要・Laravelの使い方・Laravel入門書について解説します。

Laravelとは、PHPフレームワークの1つでMVCモデルが採用されている

BladeというLaravelのテンプレートエンジンによってコーディングを効率化できる

Laravelの公式サイトには日本語のドキュメントも用意されている

PHPフレームワークLaravel入門！使い方や入門書も解説

はじめに、*Pythonで自動化できる具体的なこと*について解説します。Pythonは人工知能開発に使えることで有名ですが、人工知能とまではいかなくても、ちょっとした自動化ツールを開発するのにも向いています。**これらのツールは個人でも作成することができる**ため、Pythonを習得済みの方はぜひ作ってみてください。

Pythonで自動化できることの1つ目は、スクレイピングです。スクレイピングとは、*Webサイトから情報を収集する作業*のことです。Webサイトの中には毎日更新されるものもあり、更新される度に情報を手動で収集するのはかなりの手間です。そこでPythonを使ってスクレイピング作業を自動化させます。

PythonはWebサイトのHTMLコードを読み込み、分解して綺麗にまとめることができます。**Pythonプログラムを毎日決まった時間に作動**させるようにすれば、スクレイピング作業を自動化できます。

お役立ち記事