XMLとは「Extensible Markup Language」の略称です。日本語では「拡張することができるマークアップ言語」と訳すことができます。ここでは、XMLの詳細や特徴、HTMLとの違いについて詳しく紹介しましょう。

**XMLとは、文章の見た目の部分や構造を記述するためのマークアップ言語の1つです。**なお、マークアップ言語とは、視覚表現や文章構造などを記述するための形式言語のことを指します。テキストファイルである場合が多いですが、バイナリデータのこともあります。 Webサイトを作成する際などによく登場するHTML・CSS・SVG・XHTML・XSLT・RFTなどもマークアップ言語といえるでしょう。

XMLを利用する大きな目的はデータのやりとりを簡単にすることです。また、記述の形式がわかりやすいという特徴があります。**XMLは特定の企業などが提供している技術ではなく、標準化推進団体である「W3C」によるオープンな規格です。**W3Cとは「World Wide Web Consortium」の略称で、Web技術の標準化を行っている非営利団体を指します。

これまでにも説明しましたが、XML以外にもマークアップ言語には、HTMLやCSSなど多数あります。ここでは、XMLの特徴について3点紹介しましょう。

 *1.データの意味がわかりやすい*
XMLはデータのやりとりを容易にするために、幅広く用いられています。XMLの特徴の1つとしてデータの意味がわかりやすいことが挙げられます。データの意味に合わせて要素の名前を自由に定義することができるため、**データの意味をわかりやすく目立たせることが可能です。**XMLでは「タグ」と呼ばれる文字列を用います。なおタグとは、コンピュータ上に存在するテキストやファイルなどに目印をつけて整理するために用いられます。タグを用いて囲んで修飾を行う文字列である「<〇>文字列</〇>」の「〇」にあたる部分を要素名といいます。つまり、要素名が異なると、修飾を行う文字列の意味も異なることとなります。XMLでは、タグに用いる要素名を自由に定義できるという特徴もあります。したがって、データをわかりやく設定することができるのです。

*2.拡張性が高い*
XMLは拡張性が高いことも特徴です。XMLは、アプリケーション間におけるデータの交換手段としても用いられる場合があります。**要素名などのデータ構造を自由に定義を行えるため、データの整理にも向いているといえます。**例えば、商品番号・商品の名前・価格などの要素名をXMLの文書のなかで定義し、データの文字列を要素名のタグで囲みます。データの構造をXMLを用いて記述を行うと、テキストベースで作成できるため、簡単にデータの交換ができ、データの格納が可能です。

*3.さまざまなシステムへ適応している*
XMLの特徴の3つ目として、汎用性が高いことや情報共有がしやすいことも挙げられます。**記述方法が世界標準で統一されていることから、データをXML化することでさまざまなシステムに適用することができるのです。そのため、情報共有や公開も簡単にすることができるでしょう。**また、統一した形式でデータを格納を行えば、他の人がインターネットなどを通じて再利用することも可能です。

HTMLとは、「Hyper Text Markup Language」の略称で、基本的にWebサイトの構造などを作成するために使われるマークアップ言語のことです。一方XMLとは、SGMLを単純化した拡張性に優れたデータを記述するための用途で用いられることが多いマークアップ言語です。なお、SGMLとは「Standard Generalized Markup Language」の略称で、国際標準化機構であるISOによって定義されたマークアップ言語のことです。

電子出版物や大量の文書を効率的に活用するために、SGMLは1980年代に生まれました。しかし、仕様書の問題など実用的ではないため、幅広く普及するまでには至りませんでした。そのため、Web上の情報発信をより容易にするために、HTMLが生まれました。また、拡張性を向上させるために生まれたのがXMLです。

**HTMLを用いる場合、比較的ルールが限られているため、初心者などでも容易に記述することができます。一方XMLでは、制限が多いため、記述の自由度があるというメリットはありますが、記述の際に時間を要する場合が多いでしょう。**

HTMLとは？できることや初心者向けのタグの例、CSSについても紹介

これまでにXMLの詳細や特徴、HTMLとの違いについて解説しました。ここからは、XMLのメリットとデメリットについて詳しく紹介しましょう。

ここでは、XMLのメリットについて3つ紹介しましょう。

*1.汎用性と拡張性が高い*
これまでにも説明しましたが、XMLのメリットの1つは汎用性と拡張性の高さです。データの内容によって、文字を修飾するタグを自由に定義することができます。さらにデータ構造も自由に変更できます。したがって、コンピュータやプログラムを用いて別のデータに変化することも容易に可能です。

*2.再利用が可能*
W3Cが策定した世界標準規格によって統一された記述方式であるため、さまざまなシステムで利用することができます。また、他の人がインターネットなどを通じて再利用することも可能です。さらに情報の共有や管理のしやすさもメリットといえるでしょう。**近年は、社内のさまざまな情報を社内・社外問わず展開する必要性が高まっています。**

*3.アプリケーションに依存しない*
アプリケーションのデータ形式をXMLにすることで、タグ付けが行われているため、データ構造を柔軟に変更することが可能です。また、データが特定のアプリケーションなどの環境に依存しないことがメリットとして挙げられます。さらにテキスト形式であるため、人間でも文書の意味がわかりやすいこともメリットの1つです。例えば、csvやバイナリ形式を用いる場合、これらのメリットを活かすことはできません。

XMLのメリットは「汎用性や拡張性が高い」「再利用が可能」「アプリケーションに依存しない」ことが挙げられます。もちろんメリットだけではありません。ここでは、XMLのデメリットについて3つ紹介しましょう。

*1.編集がしづらい*
XMLを使ってWeb制作を行う場合、XMLを学習する必要があります。また、画面上で完成図のイメージを自身の目で確認しながら編集作業を行いたい方も多いですが、XMLではそれができないため、ハードルが高いといわれることもあります。**XMLを知らない方でも、簡単に編集することができるソフトウェアを提供することが、今後のメーカーにおける課題ともいえるでしょう。**

*2.コンピュータ処理の負荷が大きい*
XMLはタグで囲まれたデータフォーマットを用いているため、コンピュータ上で処理する場合には、タグを使っていないデータと比較すると処理対象のデータの容量は大きくなってしまいます。また、プログラム自体をタグを意識して開発しなければならないため、多くのCPUやメモリを消費する場合が多いです。一方、**ハードウェアの性能を上げることや、データ容量やCPU性能を向上させることのできるクラウドサービスを用いることによって改善する場合もあります。**

*3.XMLを扱うことのできる技術者が少ない*
XMLは、コンピュータで自動的に処理することを前提としています。よってXMLで情報を扱うことは、同時にXMLを処理するシステムやプログラムを開発することにもつながります。しかし、XMLを扱う技術者は少ないのが現状です。具体的には、XMLのデータを設計する方やプログラミングを行う技術者だけではなく、**XML化を行う上流工程に携わる人が少ないといわれています。**

これまでに、XMLの詳細や特徴、HTMLとの違い、メリット・デメリットについて詳しく解説しました。XMLとは、文章の見た目の部分や構造を記述するためのマークアップ言語のことを指します。**XMLの特徴は世界標準規格によって統一された記述方式であるため、汎用性や拡張性が高いことが挙げられます。これはメリットともいえるでしょう。一方で、「編集しづらい」「コンピュータへの負荷が大きい」「XMLを扱える技術者が少ない」といったデメリットもあります。**

現在ではXMLを利用することを前提にWebサービス開発の議論が活発に行われています。Webサービスを普及させることを前提として、セキュリティやトランザクション、信頼性のような部分を構成する技術の整備も進められています。したがって、**ビジネスの場面でXMLをどのように利用することによってメリットを引き出すことができるのかを考える段階となっています。**今後としてXMLは、電子ドキュメントを利用する企業の発展に貢献することも考えられます。今後XMLは、電子ドキュメントを利用する企業の発展に貢献するマークアップ言語になるでしょう。

マークアップエンジニアとは？仕事内容や将来性、必要なスキルを解説

XMLとは、文章の見た目の部分や構造を記述するためのマークアップ言語の1つです。XMLの特徴は世界標準規格によって統一された記述方式であるため、汎用性や拡張性が高いことが挙げられます。当記事では、XMLの詳細や特徴、メリット・デメリットについて解説します。

XMLとは文章の見た目の部分や構造を記述するためのマークアップ言語！

XMLの特徴はデータの意味がわかりやく、汎用性や拡張性が高いこと！

XMLのデメリットは「編集がしづらい」「コンピュータ処理の負荷が大きい」「XMLを扱うことのできる技術者が少ない」などが挙げられる！

XMLとは？詳細や特徴、メリット・デメリットを徹底解説！

*スクラム開発*とは何かについて、まずは解説します。**ウォーターフォール開発との違い**や、スクラム開発で重要となる、プロダクトバックログについても紹介しましょう。

スクラム開発とは、*アジャイル開発の代表的な手法*のことです。アジャイル開発における個々の役割をしっかり定め、効果を更にアップさせるよう改良されており、チームでのコミュニケーションがより取りやすくなっています。

スクラム開発では、少人数の開発チームを組んでプロジェクトを進めます。顧客から要件をヒアリングした後、2週間程度の短い期間で、ひとまず動かせるシステムを開発します。

その後顧客から「もっとこうして欲しい」というフィードバックをもらって、改善点をまとめます。改善点を基にシステムを修正し、システムの完成度を高めます。**この一連の流れを繰り返すのがスクラム開発の基本**です。

納期に関しては最初から決まっておらず、状況に応じて臨機応変に変更可能にしておきます。このスクラム開発という手法は、主にアメリカで主流となっていますが、日本でもWeb系ベンチャーを中心に、導入が増えています。

DX時代に脚光を浴びる「アジャイル開発」の本命「スクラム」とは？

スクラム開発手法のメリット・デメリットと失敗から学ぶ成功の秘訣

アジャイル開発の特徴、メリット・デメリット、DXとの関係など

### ウォーターフォール開発との違い

日本ではスクラム開発より、*ウォーターフォール開発が主流*です。ウォーターフォール開発とは、その名の通り、滝が流れるように一直線で要件定義から納品まで進める手法です。

ウォーターフォールでは、いつまでに何を行うか、スケジュールを厳密に決めます。また、最初の段階でシステムの仕様や機能を固め、その後変更することはありません。

ウォーターフォールの場合、**プロジェクトの管理がしやすいなどのメリットはある反面、仕様変更に柔軟に対応できないデメリットがあります**。その弱点を補うために発明されたのが、スクラム開発です。スクラム開発なら、顧客の要望にも柔軟に対応可能です。

スクラム開発において必要不可欠なのが、プロダクトバックログです。プロダクトバックログとは、*システムの機能や顧客の要望などをリスト化したもの*です。優先順位の高い順に書いていくのが基本であり、開発メンバーは上から順番に対応していきます。上位の項目ほど、開発内容を具体的に書く必要があるでしょう。

スクラム開発では、**顧客からフィードバックを受ける度に、プロダクトバックログを修正**しなくてはいけません。常に最新の状態に記述を保つ必要があります。

スクラム開発は、いくつかの役割に分かれて行います。*「プロダクトオーナー」、「スクラムマスター」、「開発担当者」*の3つです。それぞれが自分の役割を理解し、プロジェクト成功に繋がるよう働かなくてはいけません。**各役割の詳細について、解説していきましょう**。

プロダクトオーナーは、**プロダクトバックログを主に書く人**です。顧客からヒアリングした内容を基に、システムに必要な機能および優先順位を決定します。変更内容は開発メンバーに正確に伝わるよう、分かりやすくプロダクトバックログを書かなくてはいけません。その代わり、開発には携わることなく、*あくまでログの作成に専念*します。

また、プロジェクトマネージャーとは異なり、開発メンバーの進捗管理なども行いません。顧客と開発メンバーの橋渡しに専念するのが、プロダクトオーナーの役割と言えます。

PMとPLの役割の違いとは？ ―若手エンジニアの疑問にスッキリ回答―

スクラムマスターは、*スクラム開発におけるリーダー的存在*です。開発メンバーにプロジェクトのルールや進め方を説明します。また、開発担当者が作業しやすいように配慮していくのも、重要な役割です。作業を進める上で障害となる物事があれば、それに対応する必要があります。

たとえば、顧客から無茶な要求をされた場合、**スクラムマスターが上手く説得し、開発メンバーに負担をかけないようにします**。このように、開発メンバーのバックアップがスクラムマスターの役割です。

プロダクトオーナーとスクラムマスター以外は、開発担当者となります。ウォーターフォール開発とは異なり、プログラマーやシステムエンジニアなど役割分担はせず、*全員で設計から開発、テストまで行います*。

そのため、開発メンバーはどれか1つだけでなく、開発工程全てを一通りこなせなくてはいけません。**開発担当者の立場も、ウォーターフォール開発とは少し違う**点は注意です。

運用テストってどんなテスト？目的や内容、注意すべきポイントとは？

ここでは、*スクラム開発の具体的メリット*に触れていきます。これらのメリットがあるおかげで、スクラム開発は世界で評価されているのです。**1つ1つのメリットについて、詳しく解説**していきましょう。

### 顧客との認識のズレをなくせる

代表的なメリットは、**顧客との認識のズレをなくせること**です。*スクラム開発では、短い期間で顧客にシステムを提示*できます。そのため、もし顧客の要望とは違うものを開発してしまったとしても、すぐに軌道修正することが可能です。

一方でウォーターフォール開発では、顧客との認識のズレがだいぶ後になって発覚し、1から開発を作り直す事態になることが多くあります。

顧客はシステム開発について詳しくないため、自分の要望を上手く伝えられず、間違った認識が開発企業に伝わってしまうことは頻繁に起こりえます。このようなリスクを最小限に抑えられるのは、スクラム開発のメリットと言えるでしょう。

### 顧客に具体的なイメージを沸かせられる

実際に使えるアプリやツールを提示することで、**顧客が本当に欲しいもののイメージが湧きやすくなります**。すると「もっとこうして欲しい」という意見がどんどん出てくるでしょう。

最初の段階では「よく分からないからおまかせで作って欲しい」と言っていた方も、スクラム開発では徐々に注文を付けてくれるようになります。

最終的には、*顧客が本当に欲しいものとほとんど一致するものができ上がるでしょう*。そうなれば、顧客満足度が上がりリピーターとなってくれたり、新たな顧客獲得へと繋がったりするかもしれません。

ウォーターフォール開発では、プロジェクトリーダーが開発メンバーの進捗を管理する必要があります。しかし、*人数が多いと進捗が分からず、誰かが遅れていることに気が付かない*こともあるでしょう。

一方でスクラム開発では、システムを完成させる度に**開発状況の整理と今後の予定の見直し**を行います。そのため、進捗状況を把握しやすいのです。スクラム開発なら遅れている箇所が分かりやすく、人材の増員などの対応がすぐに可能です。

ここからは、スクラム開発のデメリットを紹介します。*スクラム開発は良いことばかりではありません*。企業によっては、スクラム開発を導入するのが逆効果になってしまう場合もあります。**デメリットに関してもきちんと把握する**ことで、スクラム開発についての理解が深まるでしょう。

### メンバーが役割を理解している必要がある

スクラム開発では、**メンバーがそれぞれの役割を理解し、的確に動く必要があります**。役割の理解が不十分だと、役割を果たさなかったり、余計なところに手を出したりする恐れがあるでしょう。

たとえば、プロダクトオーナーが打ち合わせに参加しなかったり、プロジェクトマネージャーのようになってしまったりすることがよくあります。

*スクラム開発は短いスパンで成果物を出さないといけない*ため、役割と違うことをしている余裕はありません。プロジェクト終了後は、メンバーがそれぞれの役割をきちんと果たしていたか、評価し合う仕組みを設けることも重要でしょう。

スクラム開発の性質上、どうしても顧客の負担は増えてしまいます。顧客には定期的にフィードバックしてもらわなければいけません。また、*改善的などをはっきり指摘するのが苦手な方もいる*でしょう。

そのため、スクラム開発のやり方や目的について、事前に顧客に伝えておく必要があります。もちろん、**スクラム開発の方が良いという顧客も多くいます**。

### 短いスパンでリリースを繰り返さなくてはいけない

スクラム開発は、**2週間程度の短い期間でリリースを繰り返す必要**があります。そのため、プレッシャーを感じてしまう開発メンバーもいるでしょう。神経質な人の場合、プレッシャーを感じすぎてストレスが増えたり、*開発でミスをしてしまったりする恐れ*があります。

また、納期を優先するあまり、コミュニケーションをおろそかにしてしまう人もいるかもしれません。だからこそスクラム開発は、無理のない期間で行うこと、メンバーの心の状態にも気を配ること、コミュニケーションを重視することが重要です。

## スクラム開発のメリット・デメリットを知ることで成功に繋がる

本記事は、*スクラム開発について解説*しました。スクラム開発とは何か、スクラム開発のメリット・デメリットがお分かり頂けたかと思います。スクラム開発は仕様変更が起こりやすいプロジェクトだったり、顧客の要望が曖昧だったりする場合に効果を発揮します。

反面、デメリットもあり、企業やプロジェクトによっては上手くいかないケースも多いです。特に、**それぞれのメンバーが自分の役割を理解していないと、失敗する可能性も高くなります**。

もし、今後スクラム開発が導入された企業に転職する場合、スクラム開発の特性を意識し、プロジェクト成功へ繋げるために自分が何をすべきかを考えていくのが重要と言えるでしょう。

本記事ではスクラム開発について解説していきます。スクラム開発は海外では主流の手法でありウォーターフォール開発とは全く別のものです。エンジニアの方は、スクラム開発についても知っておいた方が良いでしょう。スクラム開発の概念や、メリット・デメリットを紹介しましょう。

スクラム開発は短い期間で完成と修正を繰り返す手法

スクラム開発にはプロダクトオーナーやスクラムマスターが必要

スクラム開発にはメリット・デメリットがあり、必ずしも上手くいくとは限らない

スクラム開発とは？エンジニアが知っておきたい情報をまとめました！

HTMLを記述する場合に、改行する方法がいくつかあります。
主な方法として\<br>タグを使用して改行する方法がありますが、br以外にも\<p>タグなどのブロック要素タグを使う方法や、\<pre>タグで改行する方法などがあります。

これらの改行の方法は、HTML文書内での改行の意味合いによって使い分けることが重要です。

この記事では、HTMLの改行の方法や使い分け方を知りたい方のために、HTMLの改行の役割・様々な改行の方法・CSSによる改行の調整などについて解説します。

HTMLのコードを記述する時にキーボードで入力した改行は、HTML文書を表示させた際には通常無視されます。

*そのため、改行タグを使用するなどして文章の中で改行を行うことを明示する必要があります。*

改行を明示的に表すのが\<br>タグや\<p>タグなどを使う方法です。文章の見た目を整えるために、改行をCSS（Cascading Style Sheets）で制御することもできます。

HTMLでよく使われるのは\<br>タグを使う改行です。段落を区切らずに改行を挿入したい場合に利用され、文章の中で次の行に移ることができます。

もう1つの改行の種類として、\<p>タグを始めとしたブロック要素の区切りを表す改行です。ひとまとまりの文章全体を段落で区切るために使用されます。これによって、文章が段落ごとに区切られ、読みやすくなります。

*主な違いは、\<br>タグが文章内での単純な改行を意味するのに対し、\<p>タグなどのブロック要素は段落を作成して段落の論理的な構造を示すために使われるということです。*

HTMLタグとは？HTMLタグ一覧など初心者向けに解説！ 

HTMLのdivタグとは？読み方・目的・使い方などを解説！ 

### 適切な改行を意識する必要性とは

\<br>タグで改行ができるのであれば、すべて\<br>タグを使えばいいと思うかもしれません。しかし、それではHTMLの構造を明確にすることができず、分かりにくい文書になるでしょう。

**HTMLで適切な方法による改行を行うことで、HTML文書が構造化され、可読性が向上します。**これによりWebページや文書の読者がより内容を理解しやすくなるのです。

また、誤った改行方法を用いると、検索エンジンのクローラビリティを低下させてSEOに影響を及ぼすともいわれています。そのため、HTMLでは適切な改行を意識する必要があるのです。

ここでは、最も簡単に文章の中で改行を入れることができる\<br>タグについて解説します。使用方法や、\<br>タグで改行する意味、\<br>タグを使う場合の注意事項について説明します。

*HTML内でテキストを改行したい箇所に\<br>タグを記入することで改行されます。*\<br>タグを使用すると、改行したい場所でテキストを分割し、次の行の先頭からテキストが再開されます。

```やあ。
こんにちは。<br>
今日はいい天気ですね。
```

```やあ。こんにちは。
今日はいい天気ですね。
```

HTMLのコードを記述する際、単純にEnterキーを押しただけでは、HTMLの表示のときに改行されません。そのため、上記の例で「やあ。」と「こんにちは。」は同一の行に表示されます。

\<br>タグを記述することで、「こんにちは。」のあとに改行が挿入され、続く文章は次の行の先頭から始まります。

「改行」を英語で「line break」と表現することから、\<br>はこの「break」を略したものです。

### ＜br＞タグで改行する意味とは

文章を書いていると、1行が長くなって文章が読みづらくなることがあります。*その時に、\<br>タグによる改行を使用して行を変えることで、文章を区切って読みやすくします。*

改行をどの程度の頻度で入れるかは、その文書自体の求められ役割や文体、書く人の書き方にもよるため、明確な基準はありません。しかし、適切な改行を入れることで文章のリズムが整い、より明瞭に文章の意味を伝えることができます。

### ＜br＞タグで改行する場合の注意点

\<br>タグを使用すれば簡単に改行を挿入できますが、\<br>タグを使う際にはいくつかの注意点があります。

\<br>タグを連続で使用すると、何も文字がない空の行を入れることができます。*しかし、文章のまとまりを意味する段落の間を開けるために\<br>を連続して使うことは避けましょう。*段落を区切るときは、後述する\<p>タグなどのブロック要素で文章を囲むことが推奨されています。

行間の余白を調整するために\<br>タグを連続で使用するのも避けるべきです。\<br>タグでレイアウトを調整しようとしても、ユーザの閲覧環境によって行間の広さが変わったり、文字サイズによって改行位置がおかしくなったりしてテキストが読みづらくなる場合があります。

## ＜p＞タグなどのブロック要素で改行する

次は、\<p>タグなどのブロック要素を使用して改行する方法です。まずブロック要素について説明し、改行する方法や意味合い、注意点について解説します。

*HTMLのブロック要素はページの構造を形成する要素です。*開始タグと終了タグがセットで使用され、ページ全体の構造やセクション、大きなコンテンツの区切りなどを表します。ブロック要素の種類には、以下のようなものがあります。

*■\<p>タグ*
\<p>タグは、文書内で段落を区切るために使います。\<p>は「paragraph」（パラグラフ）の頭文字です。

\<p>タグで分ける段落は、長い文章を意味のまとまりである程度の文章で分けたものです。文章の言いたいことがひと区切り付いたら段落を分けるのが一般的です。

*■\<div>タグ*
\<div>タグは、特に意味を持たない文章の1区切りを表します。\<p>タグでは文章的に意味のある段落に分けますが、\<div>タグではHTML作成者が意図する区切りで自由に文章を一括りにすることができます。

例えば、一定の範囲を\<div>タグで括ってCSSを適用するなどの使い方が考えられます。ただし、\<div>タグを多用してしまうことで文書の意味が分かりづらくならないように気を付ける必要があります。

*■\<h1>タグ～\<h6>タグ*
hタグは、HTML文書の中で見出しを意味するタグです。\<h1>から\<h6>まであり（h1・h2・h3・h4・h5・h6）、数字が大きいほど大きな見出しを表します。

*■\<table>タグ*
\<table>タグは、行と列の組み合わせで表を作成するためのタグです。行を表す\<tr>タグ、ヘッダー行を表す\<th>タグ、セルを意味する\<td>タグと一緒に使われます。

### ブロック要素で改行する方法

ブロック要素は、HTML内で縦に並ぶ性質を持っています。

そのため、開始タグでブロック要素を開始し終了タグを記述すると、それ以降の内容は次の行から始まります。つまり、改行された状態になります。

例えば\<p>タグを使用すると、内容を\<p>の開始タグと終了タグで囲めば改行することができます。

```<p>こんにちは。</p>
<p>今日はいい天気ですね。</p>
```

```こんにちは。
今日はいい天気ですね。
```

### ブロック要素で改行する意味とは

ブロック要素は、HTMLの構造を形作るために使用されます。*それぞれのブロック要素が持つ意味を理解して使い分けることで、セクションや内容をグループ化することができます。*

また、ブロック要素を組み合わせてHTML文書全体を構造化することで、CSSを使った統一感のあるスタイルの適用が可能です。

そのため、ブロック要素を用いた改行をすることは、意味のまとまりのあるブロックが終わり、次のブロックが始まることを意味するといえるでしょう。

### ブロック要素で改行する場合の注意点

*ブロック要素を使う場合は、そのブロックが持つ意味をよく考えて使うようにしましょう。*特に\<p>タグや\<div>タグはコードの記述者にとって自由に使いやすいブロックですが、文章の構成を意識して使わないとまとまりがない文書になってしまいます。

また、ブロック要素内での改行は\<br>タグで行いますが、ブロック要素自体の最後に改行が挿入されるため、\<br>タグと重複して意図しない余分なスペースが入らないように気を付けましょう。

他にHTMLで改行する方法として、\<pre>タグで改行する方法があります。\<br>タグや、\<p>タグなどのブロック要素とは意味合いが異なりますので、詳しく解説していきましょう。

\<pre>タグとは、整形済みテキストを表します。*つまり、通常HTMLコードの中では改行しても表示されないか半角スペースに置き換えられますが、\<pre>タグ内で改行すると、その箇所に改行が挿入されます。*

改行だけでなく、半角スペースやタブなどもそのまま表示されます。\<pre>タグで囲った文章は、コーディングした形のまま表示されるのです。

```<pre>
こんにちは。
今日はいい天気ですね。
</pre>
```

### ＜pre＞タグで改行する意味とは

*\<pre>タグは、主にプログラミングのソースコードなどを表示する際に使用します。*記載したテキストがソースコードであることを意味する\<code>タグと一緒に使われることもよくあります。

### ＜pre＞タグで改行する場合の注意点

\<pre>タグで使用できる改行は、\<br>タグや\<p>タグなどを使った文章や段落の区切りで使用する改行とは異なります。*意味としては、整形済みコードが含んでいる改行が表示されているだけといえるでしょう。*

そのため、HTML文書の中で単純な改行を挿入するために\<pre>タグを使うことはないと考えていいでしょう。その場合は\<br>タグや\<p>タグなどを使って改行しましょう。

HTMLのレイアウトを整えるために、CSSが使用されます。CSSではWebページ内の文字の色や大きさ、背景などの要素を設定することができ、改行の調整を行うこともできます。

CSSとは？概要や基本書式、具体的な記述方法について解説！

whitespaceはCSSのプロパティの1つで、改行・半角スペース・タブをどのように表示させるかを設定することができます。normal・nowrap・pre・pre-line・pre-wrapの5つの値があります。

*■normal*
HTMLの一般的な表示です。\<br>タグを使用した時や、文章が画面の横幅に到達したときに改行されます。

*■nowrap*
\<br>タグを使用した時は改行されますが、文章が画面の横幅に到達しても改行されません。

*■pre*
HTMLコード内で行われた改行が反映されます。文章が画面の横幅に到達しても改行されません。

*■pre-line*
HTMLコード内で行われた改行が反映され、半角スペースは反映されません。文章が画面の横幅に到達すると改行されます。

*■pre-wrap*
HTMLコード内で行われた改行が反映され、半角スペースも反映されます。文章が画面の横幅に到達すると改行されます。

### line-breakで改行の禁則処理を行う

HTMLでの改行方法には、<br>タグを使う方法や、<p>タグなどのブロック要素を使う方法があり、文章や区切りの意味に合わせて適切に使い分ける必要があります。この記事ではHTMLコーディングを行う方のために、HTMLの様々な改行方法や意味などを解説します。

HTMLでは通常のキーボード入力の改行は無視されるため、改行を明示する必要がある

HTMLの改行の方法には、\<br>タグ・\<p>タグなどのブロック要素・\<pre>タグなどを使う方法がある

HTMLでは適切な改行を使うことで文書が構造化され可読性が向上する

HTMLで改行する方法は？<br>タグや<p>タグの使い方を解説

ここではMATLABの使い方を学んでいきます。*MATLABを使うには、デスクトップアプリケーションもしくはMATLAB Onlineというウェブアプリを用います*。

導入するデスクトップアプリケーションは、Windows・macOS・Linuxでサポートされています。最新バージョンは、MATLAB R2022aとなります。MATLAB Onlineは、ライセンス契約をお持ちの方が対象です。以降では、初心者の方向けにMATLABの基本的な使い方について解説を進めていきます。

【参考】：[System Requirements for MATLAB R2022a](https://jp.mathworks.com/support/requirements/matlab-system-requirements.html)
【参考】：[MATLAB Online](https://matlab.mathworks.com/)

MATLABとは、MathWorks社が開発提供する数値解析用ソフトウェアを指します。名称ですが、MATrix LABoratoryを略し命名されています。名称から分かる通り、*配列を使った行列計算・ベクトル演算、そしてグラフ化を行うソフトウェアとして利用されます*。

【参考】：[MATLAB](https://jp.mathworks.com/products/matlab.html?s_tid=hp_products_matlab)

MATLABの特徴ですが、*科学技術演算機能を用いたアルゴリズム開発・データ解析・可視化・数値計算に強みがあります*。さらに特定分野向けにToolboxが用意されており、用途別に更なる効率的な利用に役立てることができます。

【参考】：[MathWorks 製品・サービス](https://jp.mathworks.com/products.html)
【参考】：[MathWorks ソリューション](https://jp.mathworks.com/solutions.html)

MATLABで何ができるかというと、*あらゆる演算用途に利用できますので有償ライセンスとして十分な効果を挙げることができます*。

具体的には、制御システムの設計やテスト・実装、ディープラーニングのデータ準備や設計・シミュレーション・展開、画像処理のアルゴリズム開発や動画の収集・処理・解析、機械学習におけるモデルの学習・パラメーター調整・展開、状態監視や予知保全ソフトウェアの開発・実装などに多岐に利用されています。

このほかロボティクスの自律型システム開発、信号や時系列データの解析・設計・シミュレーション、テストデータの収集や解析・検討・テスト、無線通信システムの作成や設計・テスト・検証などにも有効に役立てられています。

*ソフトウェアはプロプライエタリであり、30日無料評価版が提供されます*。評価後はライセンス購入が必要となります。学生向けには、学校のキャンパスライセンスが導入されていたり、学生向けライセンスパックが提供されます。

【参考】：[MathWorks Pricing and Licensing](https://jp.mathworks.com/pricing-licensing.html?prodcode=ML)
【参考】：[学生向け MATLAB](https://jp.mathworks.com/products/matlab/student.html)
【参考】：[MATLAB Student R2022a の学生向けライセンス](https://jp.mathworks.com/store/link/products/student/SV?s_tid=ac_buy_sv_but1)

MATLABの基本的な使い方ですが、*起動すると3つのペイン（パネル）から成るデスクトップアプリケーションが表示されます*。
【参考】：[MathWorks MATLAB 入門](https://jp.mathworks.com/help/matlab/getting-started-with-matlab.html)

表示されるペインは、「現在のフォルダー」「コマンド ウィンドウ」「ワークスペース」の3つです。操作は中央ペインに表示される「コマンド ウィンドウ」でコマンド実行を行うだけですので、初心者にも難しいことはありません。

プロンプトは ”>>” です。通常時の入力内容はエコー表示されますが、表示不要であれば行末にセミコロン （;）を付け表示を抑制することもできます。
【参考】：[MATLAB 言語の基礎](https://jp.mathworks.com/help/matlab/language-fundamentals.html)

コマンド ウィンドウで以下の様に入力してみると、操作の基本が理解できるでしょう。

```>> A = 1
A =
     1
>> B = 2;
>> C = A + B
C =
     3
>>```

MATLABのプログラミング言語は、C言語やC++・Java・Pythonなどとのインターフェース機能を有するものの、独自仕様となります。そのプログラミング言語自体を、MATLABと呼びます。そのため、*MATLABはデスクトップ統合開発環境（IDE）とプログラミング言語を合わせもっていると理解しましょう*。

従来は、科学技術計算というとC言語やFORTRANが利用されていました。MATLAB登場以降は、MATLABの豊富な演算ライブラリによりプログラム開発が短期間で完了でき、利用者が増加しています。

他のプログラミング言語と同様に、代入演算子は ”=” で、変数に値を代入することができます。四則演算等の演算子（行列演算子）も違いがありませんが、**MATLABの場合は、式には行列全体を含んだものとして扱われます**。”%”以降行末までの内容が、コメントとなります。大文字と小文字は、区別されます。
【参考】：[MATLABの式](https://jp.mathworks.com/help/matlab/learn_matlab/expressions.html)

テキストの場合はダブルクォーテーション（”）で括ります。文字配列の場合は、シングルクォーテーション（‘）で括ります。

通常プログラミング言語では、1次元の行列を配列とし2次元以降は配列の組み合わせで表します。*MATLABでは、行列と配列の区別なく多次元配列として取り扱います*。

表記上も、全配列要素を角括弧（[  ]）で括るだけです。列の区切りは半角スペース（ ）、またはカンマ（,）を用います。行の区切りはセミコロン（;）です。以下が入力例です。

```>> D = [1 2 3]
D =
     1     2     3
>> E = [1 2 3; 4 5 6; 7 8 9]
E =
     1     2     3
     4     5     6
     7     8     9
>> ```

【参考】：[MATLABの行列および配列](https://jp.mathworks.com/help/matlab/learn_matlab/matrices-and-arrays.html)

MATLABでは、*多くの組み込み関数が科学技術計算用に用意されています*。例えば三角関数や指数関数・微分積分など良く用いられる関数から、より専門的なものまで多くの関数が用意されています。ユーザ定義関数は、”function”を宣言することで定義することができます。
【参考】：[MATLAB — 関数](https://jp.mathworks.com/help/matlab/referencelist.html?type=function&s_tid=CRUX_topnav)

毎回、MATLABのコマンドウィンドウにプログラムを入力するのは大変です。そのために、*プログラムをファイルに保存することができます*。

保存されるmファイルは、MATLAB の実行文を含んだ拡張子 .m を持つテキストファイルです。テキストエディタで作成したり、編集したりすることができます。コマンドウィンドウで “edit ファイル名.m”でMATLABのテキストエディタが立ち上がります。

mファイルは、同じ作業を繰り返すスクリプトと、入出力パラメータを伴う関数の2種類に分類されます。実行するには、テキストエディタの実行アイコンをクリックするか、コマンドウィンドウで関数”run”で直接ファイル名を指定し、実行することもできます。
【参考】：[MATLAB run](https://jp.mathworks.com/help/matlab/ref/run.html)

mファイルは編集可能であるため、第3者に配布すると編集や改ざんの恐れがあります。*MATLABではファイル編集できないようにする機能があります*。

pファイルは、公開ファイルとして編集できない実行用ファイルです。関数”pcode”を用い、mファイルから難読化したpファイルを生成することができます。
【参考】：[MATLAB pcode](https://jp.mathworks.com/help/matlab/ref/pcode.html)

同一フォルダに .mと .pのそれぞれのファイルが格納されている場合、安全確保のため関数 “run”は拡張子 .pのpファイルを優先実行します。

*MATLABではグラフ関数も整備されており、2次元は”plot”、3次元は”mesh”や”surf”などを用います*。plotでは引数にXとYの配列を渡すことで、簡単に2次元プロットが作図表示できます。

meshでは3次元メッシュ表面プロットが簡単にできます。surfでは表面プロットを行うことができます。

【参考】：[MATLAB 2 次元および 3 次元プロット](https://jp.mathworks.com/help/matlab/learn_matlab/plots.html)
【参考】：[MATLAB メッシュ プロットと表面プロットの作成](https://jp.mathworks.com/help/matlab/learn_matlab/creating-mesh-and-surface-plots.html)
【参考】：[MATLAB plot](https://jp.mathworks.com/help/matlab/ref/plot.html)
【参考】：[MATLAB mesh](https://jp.mathworks.com/help/matlab/ref/mesh.html)
【参考】：[MATLAB surf](https://jp.mathworks.com/help/matlab/ref/surf.html)

データの可視化はインタラクティブに行えるよう、メニューやアイコンに表示され効率的に行うことができます。
【参考】：[MATLAB グラフィックス](https://jp.mathworks.com/help/matlab/graphics.html?s_tid=CRUX_lftnav)

*公式サイトでは、MATLABのサンプルコードが例示されています*。テーマ別に整理されていますので、ご確認ください。掲載内容は、以下の様に分類されており難易度別・分野別に多数掲載されています。
【参考】：[MATLAB — 例](https://jp.mathworks.com/help/matlab/examples.html?category=index&s_tid=CRUX_topnav)

・MATLAB入門：4件
・言語の基礎：68件
・データのインポートと解析：50件
・数学：70件
・グラフィックス：67件
・プログラミング：12件
・アプリの作成：13件
・ソフトウェア開発ツール：16件
・外部言語インターフェイス：9件

###  MATLABをさらに学習するには

MATLABはプロプライエタリですが、学生向けライセンス体系が提供されており大学の授業でも利用されています。授業で用いるテキストは要点がまとまっており、一読の価値があります。

またMathWorks社の公式ビデオ解説も多数あります。*日本語の教材は59件掲載されており、英語講座を含めると1,000件ほど確認できます*。日本語ビデオ教材は、下記リンク先の冒頭から59件ですので、お時間許す方は順に眺めてみることをおすすめします。
【参考】：[MATLAB — ビデオ](https://jp.mathworks.com/support/search.html?fq[]=asset_type_name:video&fq[]=category:matlab/index&page=1)

## MATLABの経験を活かしましょう

データ分析や可視化では、Pythonが最も利用されているのも事実です。しかしながら、Pythonはライブラリが多数あるものの、個々のライブラリ導入や選択は利用者に任されています。MATLABはプロプライエタリで有償のためPythonほど利用者は多くはないですが、ワンストップソリューションとして統合開発環境の強みがあり、利用者が増加しています。

学生時代に授業でMATLABを学んだ方は、実機で動作確認している経験のアドバンテージがあります。その経験を生かして、*需要が高い制御システム・ロボティックス・自動車・通信などにおいて、ソリューションの選定や利用に大いに活用できるでしょう*。

言語・開発の記事（42ページ目）