40から始めるプログラミング日記 https://ameblo.jp/77-luck/ 40歳でプログラミングに目覚めて、未経験から勉強した日記を綴るブログです。 ja 今週の学習状況 ドットインストール通信で今週の学習記録が届きました。

----------

○ 登録からの経過日数： 7日

○ 現在までの学習日数： 8日
※サイトを訪問した日数の合計です

○ 最後にサイトを訪問した日： 本日
 
○ 直近、7日間の学習ログ

01/16 サイト訪問♪ 16本完了(≧∇≦)/☆
01/17 サイト訪問♪ 19本完了(≧∇≦)/☆
01/18 サイト訪問♪ 36本完了(≧∇≦)/☆
01/19 サイト訪問♪ 21本完了(≧∇≦)/☆
01/20 サイト訪問♪ 15本完了(≧∇≦)/☆
01/21 サイト訪問♪ 13本完了(≧∇≦)/☆
01/22 サイト訪問♪ 24本完了(≧∇≦)/☆

○ 現在までの完了数

→ 現在までの完了数は156本、先週から+144でした！
視聴時間合計は05:58:48です！

○ 直近、7日間で学習・チェックしたレッスン

- はじめてのHTML (14本完了)
- はじめてのCSS (15本完了)
- 詳解HTML 基礎文法編 (22本完了)
- 詳解HTML フォーム部品編 (8本完了)
- 詳解CSS 基礎文法編 (33本完了)
- 詳解CSS セレクター編 (12本完了)
- 詳解CSS フレックスボックス編 (16本完了)
- 詳解CSS レスポンシブウェブデザイン編 (8本完了)
- 詳解CSS グリッドレイアウト編 (16本完了)
- HTML/CSSの学習環境を整えよう [Windows編]

 

----------

 

実際に手を動かしながらコードを書いてみて、どのようにスタイリングされていくのかを見ています。

よく使うもの覚えそうですが、全部覚えるのは難しいのでどういうことができるのかを知って、それをするために必要なコードの書き方を調べられるようになることが重要そうですね。エクセルと同じかな。

 

エクセルも関数全部覚えているわけではなく、必要になったときに調べて使うので感覚的には似ている気がします。

]]> https://ameblo.jp/77-luck/entry-12569884150.html Sat, 25 Jan 2020 23:56:53 +0900 CSS セレクター編、フレックスボックス編 んー、奥深そう（素直な感想）

 

CSSで形や配置を整えていく方法は色々あるんだけど、

どう効率よく整えていくかですね。

そこがセンスになってきそう。

脳みそこねこねパズルゲーム感覚ｗ

]]> https://ameblo.jp/77-luck/entry-12568774409.html Tue, 21 Jan 2020 23:54:28 +0900 CSS基礎文法 全33回とこれまでで一番ボリュームがありましたが、一通り終わりました。

色々なスタイリングの仕方があり、とくに画像の位置を調整するのはパズルみたいですね（笑）

 

HTMLとCSSの基礎を学んで、簡単なページなら作れそうな感じです。

面白くなってきた♪

]]> https://ameblo.jp/77-luck/entry-12568304006.html Mon, 20 Jan 2020 00:36:30 +0900 詳解HTML 基礎文法編 はじめてのHTMLの復習＆理論的な学習って感じでした。

タグの種類もエクセルの関数みたいにたくさんありそうですね。

ちょっとずつ覚えよう。

]]> https://ameblo.jp/77-luck/entry-12567909125.html Sat, 18 Jan 2020 12:37:40 +0900 はじめてのCSS HTMLが文書を書くための言語であるのに対し、CSSは装飾のための言語です。

まずはHTMLで作成した文書の文字や画像の大きさ、配置等をカスタマイズするCSSの作成を学習しました。

class属性でリンクを貼るみたいな感じかな。エクセルで例えるなら。

 

と思ったのですが、なんとなくエクセルで何かの計算シートを作る感覚に似ている気がしています。

エクセルも数式のスペル一文字でも違ったら動かなくなりますからね（バグ）。

]]> https://ameblo.jp/77-luck/entry-12567888074.html Sat, 18 Jan 2020 10:43:02 +0900 はじめてのHTML 2 #14まで完了。

一回動画見ながらコード書いて、何度か反映されなかったけどミスを修正して上手くブラウザ表示。

閉じかっこ「>」忘れがちょくちょくあるな。

色々便利なショートカットも覚えなきゃ。

]]> https://ameblo.jp/77-luck/entry-12567827052.html Sat, 18 Jan 2020 00:55:15 +0900 はじめてのHTML 1 ここから学習本番開始です。

ノート取りながら、実際にコードを書きながら進めています。

 

・ブラウザに名前を表示する

・タグでマークアップ

・imgタグで画像表示

・タグの属性

・全角に注意（タグに混じったり、タグ内のスペースが全角だと動作しなくなる）

 

VS Codeで作成したコードでChromeにテキストや画像を表示することができました。

 

まずは順調な滑り出し。

]]> https://ameblo.jp/77-luck/entry-12567674895.html Fri, 17 Jan 2020 12:52:18 +0900 Visual Studio Codeのインストールとフォントの設定 ドットインストールの初めからプログラミング学習を進めていきます。

まずはマイクロソフトが無料で提供しているエディター「Visual Studio Code」のインストールをしました。

続いてプログラミング用のフォントとして「Ricty Diminished」のRegular版をダウンロードしてVS Code（Visual Studio Code）に設定しました。

Chromeの設定と拡張子表示は既にしていたので済みです。

 

これで学習準備は完了。

ここまでは楽勝ですね。まだ準備運動前のステップですがｗ

]]> https://ameblo.jp/77-luck/entry-12567672707.html Fri, 17 Jan 2020 12:41:25 +0900 プログラミング初心者 40歳からプログラミングを始めてみました。

学習を継続するために学習記録を綴っていくのが目的です。

毎日サボらず続けるために記録する感じですね（笑）

 

プログラミングを始めようと思った目的は、現在プログラミングエンジニアの数が不足していて需要があるからというのが一つです。将来的にプログラミングを仕事にできたり、副業で稼げるレベルになればいいなーという感じです。

あとは現在の仕事への不満や将来性の不安などもありますね…。

 

すでに少し学習を始めてみているのですが、興味深いですね。まずはよく見るウェブ上のページがこのようなコードで表示されているのかと色々新しいことを知ることができます。同時に難しそうというのが正直な感想です。

難しいから挫折する人も多く、増える需要に供給が追い付かないんでしょうね。その分、モノにすれば市場価値を高めることができそうです。学習のモチベーションにもなります。

 

プログラミングを始めようと思ったきっかけは色々あるのですが、その中の一つが下記の動画になります。

【初心者向け】プログラミング学習の始め方【３ヶ月で達成できる】

 

まずはこの教材で学習をはじめてます。

ドットインストール

 

さ、がんばるぞ！

]]> https://ameblo.jp/77-luck/entry-12567669944.html Fri, 17 Jan 2020 12:27:14 +0900