Mein Leben in Deutschland

京都出身ワーホリでドイツ在住。ドイツ野球3部NRWリーグ所属。独学でプログラミング学習中。

プログラミング初心者がドットインストールで勉強始めてみた感想【HTML/CSS編】【Windows編】

f:id:japanergimpei:20190528020534j:plain


こんにちは

  

つい最近ふと思いつきでプログラミングの勉強を始めました。

 

www.wohnenindeutschland.work

 

 

プログラミングってなに?っていうとこからだったので

なにから始めたらいいかよくわからず、

いろいろと調べた結果

 

簡単に言えばパソコンに指示を出して動かすって感じなんですね!

 

そこでどうやって勉強するかですが

 ドットインストール というサイトを使って勉強をすることにしました!

 

ドットインストールとは動画を使いながらプログラミングをレクチャーしてくれるサイトです。

 

今日はその学習の流れをまとめたものと感想を少し書いてみますね。

 

僕が使っているOSはWindowsなのでここではWindows主体で話を進めます。

 

Macを使っている方は仕様が違う可能性があるので注意してください

 

ちなみに僕が使っているパソコンは2017年の始めの頃に買った容量500GBのLenovoのノートパソコンです。

 

説明の仕方からわかるように特別機械に詳しいわけではありません。

 

今のところはプログラミング学習が影響でパソコンが不調になったりとかはありません(元から結構重いですが)

 

では本題に移ります!

 

⑴プログラミングをする環境を整える

 

プログラミングとかちんぷんかんぷんでなんとなくやってみようという方もいるかもしれないので本当に初歩的なとこからいきますね。

 

まずドットインストールでHTML/CSSを学ぶ上で必要なことは

 

・Google Chromeの導入(ダウンロード)

・Atomエディタを導入 設定

・Ricky Diminished(プログラミング用フォント) を導入しAtomのフォント変更

・ファイルの拡張子を表示

 

この辺りが学習に必要な環境となっています。

 

⑵HTMLとはなんなのか

簡単なプロフィールサイトを作りながら学んでいく そうなのですが

これが案外難しかったです笑

 

ただもしかしたらこれは高校生や大学生の頃に経験している人もいるかもしれません。

僕もこれは大学の授業でやった気はしますがめっちゃ忘れていました。。

 

まずは完成版をみてまっさらなとこから始めていくのですが

なにをするのかというと題名の文字を書いたり文字を書いたり画像を貼り付けたり簡単に配置して基礎を作っていくイメージです。

 

ただこれだけではとてもみれるようなものではないです。

 

そこで次のステップにでてくる

⑶CSSとはなんなのか

こちらでもHTMLを学んだときに使っていたプロフィールサイトを引き続き作っていきます。

 

ここでは文字の大きさや色、リンクについている下線を消したりするプログラムを出します。

 

他にも画像の大きさや配置を決めたりするのもここでできます。

 

ここでようやくお手本のようにできます。

なにもなかった真っ白なページから文字を打ち込んでいくことでこんなことができるのか

ってなんか感動しました。笑

 

⑷まとめ 感想

ドットインストールの1番の特徴は動画で学べるということだと思います。

 

しかも1つの動画は約2分から3分とそう長くないです。しかしこの2分から3分という時間の間に結構なスピードで進んでいきます。笑

 

ただそこは動画の利点を生かし停止/巻き戻しなどを使うことで補うことができます。

 

そして登録も無料でできます。

登録してすぐに動画もみれますよ。

こちらリンクです。

 

プログラミング自体の感想として英語ができないと少々大変かなと思いました。

英語というよりかは英単語ですけどね、まあどの言葉でどんなことができるかということを覚えないといけません。

他にも言語があるんですよね。恐ろしい。

 

コンピュータの精密さを改めて感じました。

打ち込んだ言葉や記号が少しでも間違えていれば反映されません。

なにがダメだったのかわかったりした時は個人的にそれがおもしろいなと思いました。

 

僕は

    • ドットインストールでのはじめてのHTML/CSS(合計32パート)をまず一周するのに10時から17時前までパソコンと戯れていました。。

 

もちろんご飯食べたり少し休憩もしたので7時間ぶっ通しでしていたわけではありませんよ!

 

まあこんなんでも一応始められてます!笑

まだまだ知識も全然ありませんがこれからも頑張りますので少しでも参考にしていただければ光栄です。

間違えてるとこなどありましたらコメントください。

 

 

ではまた次の記事で