世の中のPCを含めた電化製品は、様々なコンピュータ言語でプログラミングが施されて動いています。ホームページも同様に、コンピュータ言語の一つによって構築されています。今回は、そのコンピューター言語について【ホームページ制作入門講座】として解説していきます。この記事は、動画バージョンでも解説しておりますので、動画で学習されたい方は以下のリンクより閲覧下さい。Script」の勉強ポイント「php」の勉強ポイント「MySQL」の勉強ポイントまとめコンピュータ言語とは?コンピュータ言語とは、コンピュータを制御する為の文法であり、主に数字と英語と記号で構成されています。日本語は一切ありません。Script(ジャバスクリプト)」「PHP(ピーエイチピー)」「HTML(エイチティーエムエル)」「CSS(シーエスエス)」「MySQL(マイエスキューエル)」などが挙げられます。コンピュータ言語の種類コンピュータ言語といっても種類があり、「プログラミング言語」や「マークアップ言語」、「スタイルシート言語」などがあります。プログラミング言語とはプログラミング言語とは、ユーザーの指示に合わせて動作をプログラムしていく言語です。「ボタンを押したらAが走り出す」みたいな事ですね。Script」「PHP」などがあります。マークアップ言語とはマークアップ言語とは、コンピュータ上で文章を構築するための記述形式で、文字をマークアップ(タグというモノで囲う)していく事です。ホームページ制作の際に使用されるモノで、「HTML」があります。スタイルシート言語とはスタイルシート言語とは、ウェブ上で、文章を装飾するためのスタイルシートを記述するための形式です。「CSS」があります。データベースを操作する言語その他にも、データベースを操作する言語に「MySQL」というものがあります。データベースとは、字の如く、データを保管しているモノになるのですが、例えば、会員情報やブログ記事、パスワードなんかがデータベースに保管されたりします。ホームページ制作に必要な言語は?ホームページに必須になる言語は、マークアップ言語である「HTML」とスタイルシート言語である「CSS」になります。「HTML」でマークアップされた言語を、「CSS」で装飾する事で、綺麗なウェブサイトを構築していく事が可能です。場合によっては、動的にページを制御する(ボタンを押せば、動く。データベースからデータを呼び出す。Script」「PHP」「MySQL」などを利用したりします。Script(ジャバスクリプト)」は動的なサイトを演出するために使われるプログラミング言語で、ホームページにもよく利用されます。「何秒後にこのメッセージが出る」みたいな事から、アコーディオンメニュー(ボタンを押せば、ずらっとメニューが表示される)、タブメニュー(ボタンタブを押せば、表示内容がページ移動なしで切り替わる)、スライドショー(指定した時間で画像が切り替わっていく)などが挙げられます。上記であげた例は「CSS」だけでも実装できる場合があったりしますので、どちらの言語を採用しても良いのですが、状況や目的に応じて利用のしやすさが変わってくるでしょう。「PHP(ピーエイチピー)」も、柔軟にプログラミングをしていく事ができる言語です。「PHP」はホームページ制作に多く採用されますが、その理由はデータベースからデータを取得するための「MySQL」を操作する事ができる事でしょう。「ホームページにデータベース???」と、初心者の方はよくわからない話に聞こえてくるかもしれませんが、「HTML」は、あくまで文章をタグで囲っているだけに過ぎませんので、データベースにアクセスする事はできません。データベースにアクセスできないとどうなるか?WordPressのように、ウェブブラウザからログインするだけで、誰でも簡単にブログの記事を投稿したりする事ができなくなります。データベースを利用しないでブログ投稿サイトを作ると、1記事投稿するだけでも、いろいろな箇所のコード変更する必要が出て、非常に煩雑で、現実的な作業ではなくなります。いった背景がありますので、ホームページ制作の代表であるWordPressは「PHP」で実装され、データベースを利用する事で、誰でも簡単に管理・投稿できるようになっており、「このボタンを押せば、この記事を吐き出す」といった動的な構造になっている訳です。「MySQL(マイエスキューエル)」は今まで紹介してきた言語とは全く雰囲気が違うモノで、テキストエディタでの操作は行えません。コマンドラインと呼ばれるものに、命令(コマンド)して、データの構築・取り出しを行っていきます。WordPressの投稿記事は、ダッシュボードから視覚的に見えているので勘違いするかもしれませんが、大元のデータとしては、全てこの「MySQL」のデータベースに保管されています。ダッシュボードから見えている記事は、あくまで「MySQL」のデータベースの記事を見やすくしているだけに過ぎません。初心者の方はピンとこないかもしれませんが、サーバーに上げている対象ディレクトリファイルの中に投稿記事を探したところで、データは一つもありません。サイトの場合は個人情報などを扱えるからでしょう。ホームページ制作に勉強すべき必要な言語つまり、ホームページ制作には、まず「HTML」で文章をマークアップし、「CSS」のスタイルシートで色やバランスの調整を行います。Script」を利用してハンドリングや、見やすさを改善し、「PHP」と「MySQL」を利用する事で記事投稿を容易にし、ログイン機能をつけたりします。私が体感した、言語の習得難易度を紹介します。Script」「PHP」などの本格的プログラミング言語は難しいです。独学で勉強するなら、かなりの時間と忍耐力が必要になります。Script」は絶対に導入しなければならない訳ではありませんし、WordPressの場合、「PHP」と「MySQL」に関しては、基本的には製作者側で何かを追加で記述していかねばならない事はありませんし、初期の状態をそのまま使えば問題なく使用できます。「PHP」や「MySQL」は繊細なので、何も触ってはいけません。ホームページ制作に必須であり、逆にこれだけやっておけば大丈夫というのは、「HTML」と「CSS」のみになりますので、初心者の方は、まず徹底に「HTML」と「CSS」のみをマスターしましょう。Script」や「PHP」、「MySQL」から勉強したりしてはいけません。Script」も使いたくなってくるでしょう。Script」はインターネットに色々ソースが落ちてますので、基本的にはそれらを拾って、読み込ませる事さえできれば、ウェブデザイナーとしてはとりあえず十分だと思います。Script」を自作するのは、初心者の方にはとてもじゃないですが、ハードルが高過ぎます。「php」の勉強ポイントまた、WordPressは「PHP」で実装されていますので、根本的なカスタマイズをしたい場合は「PHP」の操作が必須になります。Codex」という、WordPressのカスタマイズ専用サイトにて詳しく紹介されたりしており、限定的な範囲になりますので、中級者以上になってからそういったものを参考にカスタマイズしていきましょう。「MySQL」の勉強ポイント「MySQL」に関しても、根本的な理解は難しいので初心者の頃から本格的に勉強する事はおすすめ致しません。サーバーによって様々ですが、Xserverなどでは、「phpMyAdmin」という、「MySQL」を視覚化し簡単に操作できるクライアントツールを用意してくれていますので、そちらの操作だけできれば十分かと思います。まとめいかがでしたでしょうか?コンピュータ言語には様々ものがありますが、ホームページ作成に必須なのは「HTML」と「CSS」になります。Script」「PHP」「MySQL」などを併用していく事も出てくると思いますが、そういったプログラミング言語の根本的な理解は非常に難しいので、要点だけおさえて勉強していく事がおすすめです。ちなみに「HTML」と「CSS」はプログラミング言語と比べると、遥かに簡単でわかりやすいので、2.3ヶ月も触っていれば、ある程度は理解できるようになりますので、取得難易度は低いと思われます。ロゴデザイン作成方法の教科書。Cloud]2ロゴデザイン作成方法の教科書。コメントをキャンセルメールアドレスが公開されることはありません。※サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。入門講座CSSとは?詳しい意味や記述方法と、classとidの使い方やルールなども解説。スキルアップ講座ロゴデザイン作成方法の教科書。error]に遭遇した時の対処とデータ復元方法2021/4/12YouTubeTwitter運営者[通称]とも、[職業]グラフィック・Webデザイナー、[経歴]28歳の頃からデザイン業界に入り、6.5年間印刷会社のデザイナーとして働き、2018年5月より独立し、印刷・Web制作業を主体に営業を行っております。