未経験者からプログラマーZET

未経験でもプログラマーに絶対になる!プログラミング初心者のための情報サイト

HTMLCSS

プログラミングの勉強

超初心者の人向けのプログラミング、HTML+CSSに触れてみよう!

2017/10/26

Ads by Google

単純に私がお勧めするプログラム言語というところから話してみましょう。

初心者がプログラムを行う上で、一番大切なことは作ったものを完成させることだと思います。

この完成させるというのが、本当に難しいのです。

何かを作らなきゃと思い考えてみても、考えだけで終わってしまうケースがほとんどです。

初心者は、入りやすくてすぐに出来るものを考えてみるのがよいでしょう。

そこで一番簡単で優しいプログラミング言語HTML+CSS+(Javascript)に触れてみましょう。

最初にHTML+CSSで感動を味わってほしい!

プログラミングを行うための環境構築は言語により、出来ることが違ってきますので難しかったりします。

その中でもWEB関連のプログラムは基本的にブラウザで結果を表示するため、とりかかりが簡単だったりします。

とりあえずここでは「WEBサイトってこういう方法で作られてるんだ!」ということを知ってほしいです。

最初に取り掛かってほしいのは、勉強と言わずにすぐ作ってみることです。 必要なものはブラウザとメモ帳だけ。(Windowsの場合。MACの場合はテキストエディット) WEBサイトがどのように構成されているか知らずとも、コピペをすればサイトを作れるのです。

例えば、 メモ帳を開いて、下のコードをコピペして見てください。

それから、保存をする時に拡張子が.htmlとなるように保存します。

拡張子が表示されていない場合は、エクスプローラで拡張子が表示されるようにしておきましょう。

「test.html」などtestの部分は何でもよいです。 保存出来たらそれをブラウザの上にドラッグ&ドロップしてみましょう。

「おはようさん!」と表示されましたか? これがHTML+CSSの技術です。

「おはようさん!」の部分をいろいろ文字を変えてみてください。

ファイルを保存して、ブラウザを更新(再読み込み or F5)すると文字が変更されたと思います。 どのサイトでもこの技術が基礎となっています。

早い人だと15分もあれば実行できたはずです。 もちろん画像や動画も表示することは可能です。

ヤフーのようなサイトを作ることもできます。

ただ、出来るようになるためには色々調べないといけないことが出てきます。

「HTML 画像の表示方法」「HTML 動画の表示方法」などやりたいことが増えると、実現するためにどのように対応すればよいか、疑問がたくさん出てくると思います。

その疑問を自分で調べて解決していくことが経験になり技術になっていきます。 どうですか?自分で作ったものがブラウザに表示されると楽しくなりませんか?

プログラミングの勉強は思ったより簡単、Javascriptを使ってみよう

HTMLはタグで挟み表示する。CSSはタグではさんだものを成型するという役割で動く言語です。

プログラミング言語というのは「演算」をしますが、HTML+CSSではあまり計算をしません。

ブラウザで動くプログラム言語の中に「Javascript」があります。 この言語は、JAVAやPHP・Rubyなどと同様に演算を行います。

では、先ほど作ったファイルの中身を下記のように変えてみましょう。

var txt1 = "俺は"; var txt2 = "天才だー!"; alert(txt1+txt2); こうすることで、文字を結合して1行で表示することもできます。

HTML+CSSではできないことをJavascriptでは行うことができます。

初心者向けのプログラミング言語・まとめ

簡単ですが初心者にお勧めのプログラム言語としてHTML+CSS+Javascriptをご紹介しました。

「初心者でも素早く完成させられる」というのは、とても重要です。

昔、プログラマーに憧れていた私は、2000行程書かれたプログラムが雑誌に掲載されていたのを、1週間かけて手入力し実行しました。

その結果何度やってもエラー。

2000行も手入力したのにエラーという結果しか得ることが出来なかったのです。

1週間かけたということもあり怒りを覚えましたねw

当然モチベーションは下がって、プログラミングから足が遠ざかりました。 中学生頃の苦い思い出です。

時には苦痛を伴う勉強は必要だと思いますが、まずは出来ることから始めてみて、わからないことを調べながら解決していくことでプログラミングを身につけることができます。

トライ&エラーで少しずつ進んでいくことがプログラマーには必要なのです。

Ads by Google

-プログラミングの勉強