HTML形式の特徴と活用【C言語・TEXとの比較】

New Challenge

Pythonを学び始めた頃、私は「AIを動かすならPythonさえ覚えれば十分だ」と考えていました。ところが実際にWSL、Rails、PostgreSQL、Ollamaを何度も構築していくと、各言語には明確な役割分担があることを痛感しました。

たとえば、AIの処理はPython、Webアプリの構築はRails、データ管理はPostgreSQL、そして読者に情報を伝える最終段階ではHTMLが力を発揮します。700本以上の記事を書き、Search Consoleで数年間試行錯誤してきた経験からも、「どの言語を使うか」より「どの場面で使い分けるか」の方が重要だと感じています。

本記事では、一般的な教科書的説明だけでなく、実際に複数の言語を使い分けてきた立場から、HTML・Python・C言語などの役割の違いを整理してみます。

多言語との住み分け

筆者は現在、諸作業の自動化に関心を持つ観点からPythonを学ぶ時間が多いです。そんな中で個人的には母国語とも思えるc言語やHTMLでの記述が特徴を持っていたな!!と思えてきてきました。

備忘録として文章化しますのでご一読を。使われる場面に応じて各種言語は使い分けられています。

例えばLATEX(ラテフまたはテフと呼ばれます)は数式の記述に優れていて指数、分数や対数の記述をスパッと表現してくれます。

ｃ言語やフォートランは場合分けやリアルタイム処理に強く、産業向けのCPUへ実行コードを落とす時などに多用されます。一つの結論として、この時にツールを活用すれば落とし込みの段階までは実行コード生成に深い知見は不要です。

対してHTMLは文章記載の活用時に力を発揮するのです。万人が本のページをめくる感覚で次々と記述を理解していくような伝達時にはHTML形式が適しています。

実際に複数言語を使って感じたこと

TechGymで学んでいた頃は、まずPythonの文法を覚えることに必死でした。しかしその後、WSL上でRailsを動かし、PostgreSQLと接続し、Ollamaを組み合わせる環境を何度も構築する中で、「言語には得意分野がある」という当たり前の事実を体感しました。

Pythonは処理を書くのが速く、試行錯誤に向いています。RailsはWebアプリ全体の構造化が得意です。PostgreSQLは大量のデータを安全に扱えます。そしてHTMLは、最終的に人間へ情報を届ける役割を担います。私はブログ運営で700本以上の記事を書いてきましたが、読者に伝わる形へ整える段階では、やはりHTMLの理解が役立つと感じています。

優れたエディター群

何よりHTML形式の作成には強力な編集ツールがあって役に立ちます。CocoonやSwellといった有名なツールが一般に出回っていてコードを全く書け無くても作業が完結します。

こういった現状は自動車業界のコーディング技術者の多くがC言語を記載しないで実行コードをGUIから生成している姿と重なります。多くの自動車技術者はブロック線図やフローチャートで書かれた論理式をGUIから操作して実行コードを発生させてます。

こうしたノーコードのコーディング体系は一部でしか使われません。システム維持の費用が高額であることや、機密保持の観点から問題があるとも言えるからです。

HTMLコードでの基本的な注意点

当然、記述の中で全角と半角は厳密に使い分けなければいけません。

HTML（Hypertext Markup Language）はウェブページを作成するための基本的な言語です。以下はHTMLコードを記述する際の基本的な注意点です。

構造を正確に記述する：

HTMLは要素（タグ）の階層構造に基づいています。正確な構造を保つことは重要です。開いたタグは必ず閉じられなければなりません。例えば、<div>タグを開いたら、必ず</div>で閉じるようにします。

html
<div>
<!-- この中にコンテンツが入ります -->
</div>

文法エラーを避ける:

HTMLは厳格な文法ルールに従っている必要があります。開始タグと終了タグが正しく対応しているか、属性が正しい形式で使われているかなど、文法エラーを避けるように心がけましょう。

正しいDOCTYPE宣言を使用する:

HTML文書の冒頭でDOCTYPE宣言を行います。これは文書がどのバージョンのHTML仕様に基づいているかを定義します。例えば、HTML5のDOCTYPE宣言は以下の通りです。

html
<!DOCTYPE html>

セマンティクスを意識する:

HTMLは構造を意味論的に表現するための言語でもあります。適切なタグを使用して文書構造を明示的に示し、セマンティクスを意識してマークアップを行いましょう。

html
<header>
<h1>ページのタイトル</h1>
</header>
<section>
<article>
<h2>記事のタイトル</h2>
<p>記事の本文</p>
</article>
</section>
<footer>
<p>フッター情報</p>
</footer>

属性のクォートを忘れない:

HTML属性の値はクォートで囲まれるべきです。ダブルクォート (") かシングルクォート (') のどちらかを使用します。

html
<a href="https://example.com">リンク</a>

画像などのリソースの適切な管理:

画像やスクリプトなどの外部リソースを挿入する場合、正しいパスを指定し、必要に応じてALT属性を使用してテキストの代替を提供します。

html
<img src="image.jpg" alt="代替テキスト">

意味のないタグや属性を避ける:

意味がないタグや非推奨の属性を使用することは避けましょう。HTMLはセマンティクスが重要なので、意味のないdivやspanの連続は避けた方が良いです。

これらの基本的な注意点を守ることで、クリーンで読みやすいHTMLコードを作成することができます。また、アクセシビリティや検索エンジン最適化などの観点からも重要なポイントです。

html 諸関数の特質

例えばc言語では変数を扱う時に、%dを使うことで整数の10進法を使った変数であると宣言しますがHTML形式ではそういった必要はありません。関数の取り扱いは考えないのです。当然ですが。

HTML（HyperText Markup Language）は、ウェブページを作成するためのマークアップ言語です。HTMLにはさまざまな要素や属性があり、それらを組み合わせてウェブページの構造や表示を定義します。以下に、HTMLの主な機能や特質について簡単に説明します。

構造を定義する:

HTMLは構造を定義するための言語であり、基本的な要素（タグ）を使用して文書を階層的に組織化します。例えば、<html>要素が文書全体を、<head>要素がヘッダ情報を、<body>要素が本文を定義します。

要素とタグ:

HTML文書は要素（elements）で構成されており、開始タグと終了タグの組み合わせで要素を形成します。例えば、段落を表す場合は<p>で始まり</p>で終わります。

属性:

要素は属性を持つことができ、属性は要素の追加的な情報を提供します。例えば、<a>要素にはhref属性があり、リンク先のURLを指定します。

文書の構造:

HTMLはヘッダ、本文、フッタなどの基本的な文書構造を定義します。これにより、ウェブブラウザはページの適切な表示方法を理解しやすくなります。

リンクと画像:

<a>要素はハイパーリンクを作成し、他の文書やリソースにリンクするのに使用されます。また、<img>要素は画像を埋め込むために使用されます。

リスト:

HTMLには順序付きリスト(<ol>)や箇条書きリスト(<ul>)など、さまざまな種類のリストを作成するための要素があります。

フォーム:

ユーザーとの対話的な要素として、フォームを作成するための要素があります。例えば、テキストボックス、ラジオボタン、チェックボックスなどが含まれます。

セマンティクス:

HTMLはセマンティクス（意味論）に重点を置いており、適切な要素を使用することで文書構造を明確に伝えることができます。例えば、<header>や<footer>といったセクショニング要素は文書の構造をより正確に表現します。

これらはHTMLの基本的な特質です。HTMLは静的なコンテンツを定義するための言語であり、動的な機能やスタイルは別途CSS（Cascading Style Sheets）やJavaScriptなどを使用して実現されます。

結局、どの言語が一番優れているのか

WSL・Rails・PostgreSQL・Ollamaを何度も構築してきた経験から言えば、「最強の言語」は存在しません。重要なのは、目的に応じて適切な言語を選ぶことです。

AIの試作ならPython、Webサービス全体ならRails、データ管理ならPostgreSQL、リアルタイム制御ならC言語、そして情報を人に届けるならHTMLというように、それぞれの役割を理解して組み合わせる方が現実的です。

私自身、最初は「Pythonだけで何とかなる」と考えていました。しかし複数の言語を実際に触ってみて、ようやく「住み分け」の意味が分かるようになりました。本記事が、これから学習を始める方の遠回りを減らす参考になれば幸いです。

よくある質問（FAQ）

Q1. Pythonだけ覚えればAI開発はできますか？

基本的なAI開発は可能ですが、Web公開やデータ管理まで行う場合はHTML、データベース、Webフレームワークの知識も役立ちます。

Q2. HTMLはプログラミング言語ですか？

HTMLは厳密にはマークアップ言語であり、処理を書くというより「文書の構造を定義する」役割を持ちます。

Q3. C言語とPythonはどちらを学ぶべきですか？

AIや自動化が目的ならPython、組み込み制御や高速処理が目的ならC言語が向いています。

Q4. Search ConsoleとHTMLは関係ありますか？

あります。見出し構造や画像のALT属性など、HTMLの構造がGoogleの理解を助けるため、検索流入にも影響します。

〆最後に〆

以上、間違い・ご意見は
次のアドレスまでお願いします。
最近は全て返信出来てませんが
適時、返信して改定をします。

nowkouji226@gmail.com

【全体の纏め記事へ】

【雑記の纏め記事に戻る】

【テックジムまとめ】

コメント

タイトルとURLをコピーしました