初学者のためのプログラミング①HTML/CSSを書くための準備

プログラミング

はじめまして.陸上教室を運営しながら,そのHPを作成するためにプログラミングを学習している者です.このサイトでは,初学者でも,プログラミングを使ってHPを作っていくために必要な知識を身につけるために,初学者が初学者のために分かりやすくホームページ作成のポイントを説明していきたいと思います.よろしくお願いいたします.

スポンサーリンク

○最近流行りのプログラミングとは?

社会全体の中で,個人でお金を稼ぐことや,お金を稼ぐ手段としてのスキルとして非常に注目を浴びているのがプログラミングです.最近,流行っているYoutubeチャンネルとして,ひろゆきさんがおられると思いますが,彼の活躍もプログラミングブームの火付け役になっていると考えられます.

プログラミングとは?

簡単に言えば,コンピューターに命令するために必要な言葉だと考えてください.日本では,何かを伝えるためには日本語が必要になってきますし,アメリカでは,何かを伝えるために英語が主流となっています.これが,インターネットに何かをさせるためには,HTMLやCSSなどのプログラミング言語が必要になってきます.最近の教育業界でも,プログラミングが教育の手段として注目されています.その理由としては,プログラミングをするためには,一つ一つの動きを順序に並べて記述していく必要があります.このように合理的に物事を並べて考える能力は,教育のためにも必要であると考えられています.以上のように,プログラミングは,私達の生活に非常に近づいているものです.ぜひ,この機会に一緒に勉強して行きましょう!

○最初に準備をするもの

初学者がプログラミングをするために絶対に必要なものがいくつかあります.
以下に,そのアイテムと私が使用しているものを書かせていただきます.

では,それぞれのアイテムについて説明していきたいと思います.

○パソコン

私が普段から愛用しているパソコンは,Apple社から発売されているノートパソコンである「M1 MacbookAir」です.こちらのパソコンはなによりも軽量で,扱いやすいという点で他社のノートパソコンよりも素晴らしいと思います.プログラミングという勉強の性質上,パソコンの前で作業することが多くなるので,気分転換にいろいろな場所で勉強をしたいのであれば持ち運べるノートパソコンがおすすめです!

さらに,「M1 MacbookAir」の素晴らしい点としては,コスパの良さです.こちらのパソコンは,他社のパソコンやこれまでのノートパソコンとは比較できないほど,コスパが素晴らしいです!以前に使用していたMacbookAirですが,カスタムをして20万円前後で購入しましたが,そのパソコンよりも性能が非常に高くなっています.このパソコンが10万円程度で変えるので,本当におすすめです!

○ネット環境

プログラミングをするうえでネット環境は必須になってきます!基本的にはプログラミングで分からないポイントは,本で調べるのではなく,ネット内で探すことが必須となります.ネット内をスムーズに検索するためには,スムーズなネット環境が必要になってきます.普段からYoutubeなどを見れている人には,大きな問題になるところではないかなと思います.

○テキストエディタ

プログラミング初学者が,一番良くわからないものとして,テキストエディタという存在が考えられます.私も最初は,得体のしれないもの過ぎてかなり勉強しました.その時に学んだ内容を個々で分かりやすくまとめていきたいと思います.

テキストエディタとは?

テキストエディタとは,テキスト(文章)をエディタ(編集)するもののことを指します.プログラミングでは,このテキストエディタにコンピュータに命令するための文章を書いていきます.

実は,このテキストエディタは,Windowsでは「メモ帳」、Macでは「テキストエディット」という名前のアプリケーションがデフォルトで入っています.これらのものを使用しても,プログラミングをすることは可能です!しかし,これ以外のテキストエディタを使うには理由があります.プログラミング用のテキストエディタを使うことで,プログラミングをする上で便利な機能が多く効率的にコードを書くことができるからです!私が最もおすすめするコードエディタを紹介したいと思います!

VSCode(Visual Studio Code)

私が最もおすすめするのが,VSCodeと呼ばれる,Microsoftがオープンソースで提供している無料のソフトです!私の周りでHP作成をしている方々は,かなりこちらを活用しています.こちらが人気な理由としては,表示、編集、実行、デバッグなどの基本的な処理から拡張機能を利用したカスタマイズを行うことができるためです.これから様々な言語に挑戦する人もこのソフトがあれば,ほとんどの言語に対応していますので,おすすめです.

VSCodeのダウンロード手順

Visual Studio Codeのダウンロードは公式サイトから行います.
「今すぐダウンロード」ボタンをクリックします.
Visual Studio Code

 

本日はここまでです!
では,続編をお待ち下さい!

コメント