プログラミング初心者#5

プロゲートの入門編の後に見た動画

プロゲートのHTML&CSS入門編(無料でできる範囲)の学習を終えた後に、再度色々なかたのCSSの動画を見てみたら、以前よりも理解できる様になっていました。

見た動画の中で私が最も良かったなと思った動画を紹介させていただきます!

 

 

youtu.be

こちらになります!

私は、しまぶーさんの説明がとても分かりやすかったです。動画一本の時間も長すぎず、パート分けされていて、ストレスなく勉強できました。

個人的にはしまぶーさんの声が好きです笑

是非最後までみてください!

プログラミング初心者#5

最近の経験談

私が、HTMLとCSSでコーディングを行なっているときに、間違っていないのに思い通りにならないことがよくありました。しかしに周りに聞ける人はおらず、困っていました。そんな時、LINEのオープンチャットでHTMLと検索してみたところ、HTMLのためのグループがいくつもヒットしました。試しに入ってみて、うまくいかないところのスクショをとり、アドバイスをいただいたら無事に解決することができました!

このように、そういったコミュニティに参加することも大事なのではないかと思いました。また、オープンチャットは無料で参加できますし、匿名で参加できるので色々と安心だと思います。

 

注意事項

わからないことを聞くのは大切なことなのですが、何でもかんでも聞けば良いというわけではない様です。

YouTubeのたくさんの方がおっしゃられていたのですが、聞くということは、相手の時間を奪うことになるわけです。そのこともしっかりと考慮しましょう。

わからないことがあればまずはGoogleで検索してみましょう!それでも解決しなかった場合は、何がどうわからないのか、また、解決のために自分は何を試したのかをしっかりと伝えることで相手は答えやすくなり、必然的に相手も自分に対応する時間が短くなります。

きちんとした態度で挑みましょうね!

 

以上、初心者が偉そうに失礼しました。

プログラミング初心者#4

CSSflexプロパティー

前回の最後に書いたfloatプロパティーの上位互換の話をします。

上位互換といいましても当然使う場面によって使い分ける様ですが、、

私が理解している範囲ではflexの方が画像を簡単に好きな位置に配置できるといった認識です。初心者の言うことなので鵜呑みにしないでくださいね汗

 

flexおすすめサイト

flexboxfroggy.com

こちらのサイトでは、flexを使って画像のレイアウトを編集するときの趣味レーションができるサイトとなっています。

開いていただくとわかるかと思いますが、画像などを右や左に寄せる方法や真ん中に置く方法、また、しばらく進めていくと画像の並び方を変える方法なども出てきて、とても勉強になると思いますので是非やってみてください!

 

なんとなく基礎は理解できたのですが、実際サイトの模写をしてみたらなかなかうまくいかないことがあったので、復習したいと思います汗

プログラミング初心者#3

CSS

いよいよCSSに手をつけ始めました。

CSSには、HTMLのファイルに直接書き込む方法と。別のファイルを作り、そのファイルにCSS命名して書き込んでいく方法がある様です。一般的には別ファイルを開いて書き込んでいくことが多い様なので、私も別ファイルに書いていくスタイルでいくことにしました。

 

おすすめサイト

CSSの勉強はHTMLのようにまず動画から入ったのですが、理解力がなく、なかなか理解できませんでした。なので動画の中で皆さんがいっていたおすすめの勉強方法を参考に、プロゲートというサイトで勉強することにしました。プロゲートは月額制の様ですが、一部なら無料で学習することができます。私はその中のHTML&CSS 初級編というところで勉強しました。

prog-8.com

↑こちらがサイトのURLです

プロゲートは説明⇨実演⇨説明⇨実演 のような流れになっており、学んだことをすぐに実践できて、とても覚えやすいと思いました。

 

*プロゲートの初級編の最後の方に出てきたfloatを使ったものには上位互換があるみたいです。次回はそちらを紹介していきます。

プログラミング初心者#2

ホームページの仕組み

今回はHTMLは直接関係ありませんが、ホームページの仕組みについてわかりやすく解説されている動画を見つけたので紹介させていただきます!

 

おすすめ動画

YouTubeにとびます。

ホームページの仕組みを解説 

こちらの動画ではホームページを公開するための流れや、サーバー、ドメインとは何か、サーバーの種類と用途をイラストを用いて分かりやすく解説してくれています。

最初にも言いましたが、HTMLには直接関係はないかと思いますが、持っていて損はない知識なのではないかと思い紹介させていただきました!

 

HTMLの基礎を押さえることができたと思うのでCSSについて学ぼうと思ったのですが、表記の仕方や、画像のレイアウトを決めたりと、なかなか難しそうで苦労しています汗

妥協せず頑張っていきます!

プログラミング初心者#1

早速勉強を開始しました

まず始めにHTMLを勉強することにしました。

HTMLはホームページを作るための言語の様です。ですが、これだけではホームページはできない様です。装飾をするためにCSSという言語が必要とのことでした。

 

そしてHTMLはプログラミング言語ではなく、マークアップ言語と呼ばれているそうです。私は今プログラミング言語を勉強している!とずっと勘違いしてました(汗)

 

おすすめの動画

まずHTMLを勉強すると決めた私は、YouTubeでHTMLと検索して出てきたたくさんの動画を見ました。私は頭が良くなく、勉強は苦手です。ですがそれでも理解することができた素晴らしい動画がありました!早速紹介させていただきます。

#01.HTMLの基本を学ぼう!

YouTubeに飛びます。

 

こちらの動画は、HTMLの基本から優しく丁寧に説明してくれます。早速こちらの動画で学んだ文字にリンクをつけるスキルを使ってみました!(笑)

こちらの動画は、YouTubeを見ながら一緒にプログラミングを書いていくと良いと思います。とても楽しく勉強できました!ですが途中で更新が終わってしまっている様です。それでも基礎を学ぶには十分な情報を得ることができました!

 

*注意:何年か前の動画なので、古い情報もあったりするかもしれません。

 

こちらの動画である程度基礎をマナブことができたので、次はCSSに触れてみたいと思います。初心者の方、これから学びたいという方は是非こちらの動画を見てください!

 

それではまた!

プログラミング始めました!

自己紹介

 初めまして、ahowです。まずは簡単に自己紹介をさせていただきます。

趣味はスマホゲームで、外出があまり好きではありません。性格はケチで、自販機でジュースを買うことでさえ躊躇してしまいます。そんな私ですが先日、MacBook Airを購入しました!なぜ買ったのかと言いますと、近頃スマホゲームに飽きてしまい、何か新しいことをしてみたいと思ったからです。その新しいことというのがプログラミングです。自分でウェブサイトを作ったりデザインしたりといったことができるようになったら楽しいだろうなと思い、プログラミングを独学で学びたいと思いました。

ブログを始めた理由

ブログを始目用と思ったのは、大きく分けて二つの理由があります。
一つ目はタイピングの練習です。
私は今までパソコンは学校の授業でほんの少し触れたくらいで、文字を打つことにもあまり慣れていません。
ですので、ブログを書きながら、慣れていきたいなと思います。
もう一つは、プログラミングの基礎となるHTMLというマークアップ言語に慣れるためです。
こちらのブログは、HTML編集というのが可能なので、それを利用して少しでも慣れたらいいなと思っています。

プログラミングの目標

細かい目標設定は決めてませんが、オリジナルのサイトが作れる様になりたいです。

プログラミングをどう学んでいくか

最低限の参考書を購入し、独学で勉強します。理由は単純にあまりお金をかけたくないからです。
まず何から手をつけたら良いのかわからなかった私は、ひたすらYouTubeで何から学んだら良いのかを調べまくりました。
その結果、とりあえずHTMLとCSSというのを学ぶのが良いという意見が多かったのでそれから勉強することにしました。

今後ブログに何を書くか

プログラミングの進捗を描いていきたいと考えています。また、YouTubeでプログラミング講座をたくさんみていく予定なので、 今までプログラミングどころかパソコンにさえ触れてこなかったど素人の観点で、理解しやすかった動画やサイトをを紹介させていただきたいと思います。

最後に

私は、語彙力がないので何をいってるのか理解できない文や、誤字が目立つかもしれません。気分を悪くさせてしまったら申し訳ありません(汗) また、三日坊主なので、ブログやプログラミングがいつまで続くかわかりませんが、頑張っていきたいです! では勉強頑張ります!