プログラミングの勉強日記(16日目)
お疲れ様です!JavaScriptから逃げたあきぬーです!😂
最近はプログラミングの学習の方にめちゃめちゃ集中してしまい、五日間ほど更新できませんでしたね...
さて、前回私はJavaScriptの勉強をすると宣言しましたが、まだ早いと気づいたのが3日ほど前で、ひたすらCSSのデザインの練習をしていました。
昨日と今日は自分でまた新しくデザインしたものをひたすらコーディングしていましたね。。
そろそろ模写練習もしてみようかなと考えています。
しかし、少し悲しいお知らせなのですが、現在7月28日ということで大学の期末レポートが大量に課されてしまっています。
ああああああもっと練習したいいいいいいいいいいいいい!!!
すごく不本意なのですが今週の残りの大部分は大学の課題に注力したいと考えています。
先週、ひとつデザインしたページをコーディングできたのですが、今回また新しく作るってなったら結構苦戦しました。
自分はまだまだなんだなぁと思わされましたが、早くウェブページの一つや二つを一日で生産できるように実践を重ねて訓練していきたいと思っています。
今日はこんなところです。
今週は多分あまりプログラミングに時間を使えないと思うので、隙間時間を見つけてbootstrapやjqueryなどのインプットをプロゲートでも使ってさらっと一周してしまおうと思います。
今回は内容あまりなくてすみません😅
プログラミングの勉強日記(11日目)
お疲れ様です!あきぬーです!
今日はJavaScriptの勉強を始めてみました!
恐らく、この記事を読んで既にJavaScriptを学習している人もいるかもしれませんが、
お察しのとおり、結構キツかったです...
今日はちょっと精神をエグられたのでさらっと書きます...w
1. 今日の学習内容
今日からJavaScriptに入りました。
今日も例によってTechAcademyさんのYouTubeから学習しました。
1~2時間ほどかけて再生リストをさらっと一周です!
本日はほとんど板書を取っていません。
詳細は後述いたします。
2. JavaScriptを学習し始めての感想
先述したように、少し甘く見ていました。
HTML/CSSはコードを書いて視覚的に理解したうえで、どんな使い方ができるのかをなんとなくイメージすることができますが、JavaScriptはどちらかというと計算系が多いので、数学が計算や命題があまり得意でない方にとってはわりと抵抗があるかなぁと感じました。
私は高校3年生までは理系所属で、4次関数の回転体の体積をもとめるような計算問題を見たことがあるので、ダメージはそれほど大きくなかったですが、文系の大学に入学してから数学の問題にほとんど触れてこなかったのでちょっと怯みました(笑)
変数や関数のオンパレードなので、HTML/CSSで順調に学習を進められていたとしても学習の速度は、おそらくここである程度落ち着きますね。
3. 学習方法の見直し
JavaScriptに初めて触れてみて、学習方法を変えようと思いました。
プログラミング言語の学習は、終わりがありません。(重要)
すべてを網羅することは不可能だと思います。
なので、スタンスを変えずに手法だけ試験的に変えてみようと思います。
- 概要は速度重視でサラッと学習
- 目標を達成するために必要な技術を把握
- ガンガン実践して、強引に手法を盗む!
という感じでゴリ押しで一週間頑張ってみます!
この方法で本当に身につくのか少し不安ですが、
ここで勉強を辞めてしまうよりは断然いいと思うので、気を取り直してとりあえず学習を継続です!
やりながらメリット・デメリットをわかる程度で今後綴っていこうかと思います。
今日はYouTubeで再生リストを一周した後、少し集中力が切れたというかwebページ制作で今後勉強していく言語がどのような形で役目を果たしているのかがすごく気になって知ったので、jQueryやPHP・Rubyなどの大まかな概要を2時間くらいかけてめっちゃ調べました。
そして今後フリーランスエンジニアとして案件を獲得するためには、具体的にどのようなスキルがどのくらい必要なのかをCloudWorksを見てちょっと調べてみました。
結構この先の不安もありますが、引き続き勉強していきます!
それではまた明日も頑張りましょう!
良かったらTwitterのフォローよろしくお願いします!
あきぬーのTwitter:@akinu_asus
プログラミングの勉強日記(9・10日目)
お疲れ様です!あきぬーです!
昨日はブログ更新できなくてすみません。
8時間ほど勉強した後、夜ご飯を食べたら気を失いました(笑)
さて、プログラミングの勉強日数も二桁日目を突破いたしました。
学習を始める前とくらべて、コードを見る目が変わった気がします。
わりとどのような意図でコードが記述されているのかが理解できるようになったのかな...
前まではページのソースを見ても何が何だか分かりませんでした(笑)
ということで今日の本題に入ります!
1. 今日の学習内容
一昨日のブログで宣言した通り、昨日から今日にかけてオリジナルのページを作成していました。
たったの8日間のインプットだけで本当に作れるのか、一昨日の宣言通り今日中に完成させることが出来るのか、正直結構不安でした。
やってみると本当に難しかったです。
自分ではちゃんと知識をインプットしたはずが、デザインを表現しようとするとなかなか手が動きません!
作業中に何回も過去に学んだ動画を見返す羽目になりました。
振り返ってみると、もっと効率良く学習する方法があるのではないのか?
いろいろ考えてみましたが、思い浮かびませんでした。
私の学習の仕方が本当に最も効率の良い方法とは限りません。
しかし、少なくともインプットする作業を怠らなかったおかげで、調べたいときに何を調べれば良いのかが分かっていた気がします。
そのおかげで、無駄な寄り道をせずに済みました。
例えるなら、紙の辞書と電子辞書って感じですかね。(それぞれメリット・デメリットはありますが...)
ということで、結果です。
無事に作り終えることが出来ました!!!✨✨
そしてこのページはなんとスマートフォンにも対応しています!
めちゃめちゃ頑張りました...
今日の作業時間は12時間です(笑)
途中で何回もイメージ通りに動作しない問題が発生しましたが、諦めずにいろいろ試しまくってなんとか完成させることが出来ました。
最も苦労したのは、<div>タグをdisplay: flexで調整していく作業ですね...
これは本当にインプットだけでは身につかないと思いました。
いち早くコードを書けるようになりたい!と思っている方はアウトプットの練習をみっちりやることを本当におすすめします。
あと、すみません。
今までの記事ではスマートフォン対応のページ作成について触れていなかったのですが、参考にしたYouTubeの動画があるのでリンクを貼っておきます!
2. 明日からJavaScript
HTML/CSSの学習が10日目を迎えましたが、まだまだHTML/CSSについて勉強しないといけないことが山ほどあります。
しかしそれらの学習もひと段落ついたので、JavaScriptも初めてしまおうかと思います。
今日自分のページ作成が無事完了したので、これからはインプットした内容をこのページを使ってガンガンアウトプット(カスタマイズ)していきます!
”はじめて自分で作った”だけあるので、このページになかなか愛着心もあり、この先手を加えていくことが楽しみです♪
3. 生活が180度変化
現在私は一日中プログラミングのことを考えて生活していますが、勉強を始める前からずっとプログラミングのことを考えていたわけではありません。
正直毎日大学の課題を消化しては空いた時間にひたすらシューティングゲームの日々でした...(笑)
しかし将来についていろいろ考えた結果突然、やろう!と決意しました...(?)
すみません...言葉足らずで「は?」と思う方もいらっしゃると思います。
ここで書くととても長い内容になってしまうので、配信やTwitterで個別に質問していただければいくらでも答えます。
またいつかの機会で記事で書こうとも思っているのでそちらもお楽しみにしてください。
話が反れましたが、プログラミングの学習を始めてから
一切ゲームをしなくなりました。
私はもともと何か決意するとその方向に突っ走ってしまう習性があるので、意外と理解できない方もいらっしゃると思います。
しかし今まで大好きだったゲームもきっぱりやめることができてしまう程の覚悟でプログラミングの学習を始めています。
普通に考えたら、今この時間・時期にゲームをして、将来働きながら空いた時間でゲームをするよりも、今この時間・時期に一生懸命努力した方が、一生の間でゲームをすることが出来る時間が増えると考えたからです。
どんなに就職してから年収を伸ばそうと努力しても、自分の大好きなことが出来る生活の方がより豊かな人生だと思いませんか?
大雑把に言うとこんな感じです(笑)
自分の目標を叶えるために、明日からも一生懸命頑張ります!
こんな話をした後なのですが、このあと友達にゲームに誘われたので、ひっさびさの...10日ぶりのシューティングゲームを楽しんでみたいと思います(笑)
そりゃ息抜きも大切ですよね!(正直あまり本意ではありませんが...)
ということで今日はこんな感じです!
明日も一日頑張りましょう!お疲れ様でした!
良かったらTwitterのフォローよろしくお願いします!
あきぬーのTwitter:@akinu_asus
プログラミングの勉強日記(7・8日目)
お疲れ様です!あきぬーです!
...。
昨日はブログをおサボりしました!!!
すみません...(笑)
ということで今日からコツコツ再開していきます! ^^) _旦~~
1. 今日の学習内容
今日の内容についてですが、昨日はブログを更新できなかったのでまとめてご報告します。
前回に引き続き、YouTubeの無料教材でCSSを学習しました。
昨日・今日は「CSS Tutorial」で検索すると一番上に出てくる、YouTubeチャンネルの中の英語で説明されている動画です。
前回、TechAcademyさんの動画で勉強したことがたくさん使われています。
今日学習した動画では、お手本の内容をそのまま写経しました。
この学習方法では実際にWebページを作成するという作業を体験することができるので、デザイン→仕上げのプロセスのイメージが非常に良く分かりました。
もちろん英語で聞き取れない部分や、使ったのことのないプロパティなどがたくさん出てきてちょっとだけ大変でしたが、やってみると本当に多くをインプットすることが出来ました。
非常におすすめです!
2. Visual Studio Codeをインストールしてみた
この間、プログラミングの学習を始める前に、友達にテキストエディタについて相談したところ、Visual Studio Code(以下VC Code)をおすすめされたので実際にサブPCの方にインストールしてコードを記述してみました。
今日の学習はすべてVC Codeで記述しました。
こちらもSublime Text 3と同じように様々なプラグインが用意されています。
使ってみた感想ですが、
フォルダや新規ファイルなどを左側のウィンドウで簡単に操作できるので、いちいちテキストエディタを最小化する必要がなく、結構ラクでした。
こんな感じです↓
今後も引き続き検証を行っていきます。
3. JavaScriptの学習開始について
昨日・今日と実際にウェブページを作る学習をしてきましたが、明日・明後日を使って、HTML/CSSのみで
・自分でデザイン
・制作
を実践してみたいと思っています。
1つWEBページを作成することが出来たら、早くて2日後までにはJavaScriptの学習に取り組めます。
JavaScriptを用いることで、表現の幅が一気に広がると聞いているので、勉強するのが楽しみです!
それでは今日はこんなところで!
明日も頑張りましょう!
よかったらTwitterのフォローよろしくお願いします!
あきぬーのTwitter:@akinu_asus
プログラミング勉強日記(6日目)
お疲れ様です!あきぬーです!
今日は一日休みだったので好きなように過ごすことができました。
という感じで今日は合計で8時間くらいはプログラミングに集中することが出来ました。
今日の学習内容と勉強方法について
今日学習した内容はずっとCSSです!
CSSは学習している中で分からない・知らないプロパティがちょくちょく出てきます。
書籍での学習であれば、それの説明は基本すぐそばに記載されているようですが、
私はYouTubeで学習をしているので、
知らないプロパティが説明されなかった場合、ちょっとだけつまづきます。
こちらの再生リストでCSSを学習されている場合は、2-4「特殊なセレクタ」の回でいきなり知らないプロパティが飛び入り参加します。
この場合、
・3-1「サイズの指定方法」
・3-2「単語による指定方法」
・4-1「フォントの指定」
を先に学習すると紹介されています。
しかしこの中の説明だけだと「(* ̄- ̄)ふ~ん...なるほど?」くらいの理解で終わってしまいます。
でも、そんな時のための解決策を見つけました。
ちゃんとGoogleで調べていたら、まるで辞書のように使うことが出来るサイトを見つけました。
こちらはかなり使えるのでおすすめします!
一度見てみたら分かるのですが、めちゃめちゃしっかりまとまってます。
CSSの学習が一通り終わったら、JavaScriptの学習に入る予定なのですが、こちらのサイトにはしばらくお世話になります(笑)
さて、具体的な学習内容を紹介したいのですが、CSSは動画内の先生もおっしゃっている通り、
すべてを書き出していくととても大変になってしまう
ということを学んだので、2-4 ~ 4-1の範囲をじっくり学習しました!ということを報告いたします。
また、YouTubeでフリーランスエンジニアさんが紹介していたプログラミングの学習方法は
・教材の写経
・写経はただそのまま書き写すのではなく、自分で少し工夫してみる
でした。
私の板書の仕方は少し特殊で、下の写真と2-7「構造的な疑似要素」の回の概要説明を見比べると分かるのですが、
いろいろ試しながら板書を書いています。
「 コードの書き方に正解はない」と言われているので、
効率の良く、見栄えの良い書き方を試行錯誤するのが楽しいですね!
今日はこんなところです。
明日は夕方からバイトがあるので、朝起きてからバイトまでしっかり勉強いたします!
お疲れ様でした!
もしよろしかったらTwitterのフォローよろしくお願いします!
あきぬーのTwitter:@akinu_asus
プログラミングの勉強日記(5日目)
お疲れ様です。あきぬーです。
今日はものすごく眠いです。。。
しかし、あまりの眠さに中断してブログを執筆しはじめた次第です。(笑
今日はもう夜ご飯を食べながら眠りに落ちてしまいそうでした。
書く内容これしかないよ...スミマセン...
・学習内容
今日も例によって、「TechAcademy」さんの無料YouTube講義でCSSの学習です。
(いつも通り、新しい知識を解説→実践という流れでやるのかなぁん...♪)
「スタイルシートはこのようなものを用意してきました(o^―^o)ニコ」
「ん!?w」
眠気で頭が働いていないだけかと思っていたのですが、既習外の部分が飛び入り参加してきましたねぇ!
あわててKindleで買ってあった書籍
を開きプロパティ探しから入る始末...
今までものすごくテンポ良く進んでいたので、ちょっとだけ油断していました(笑)
えっと「Padding」がコレで...「margin」がこれか...「em」が...ほうほう...
...ん?サンスセリf!?
眠すぎて新しい知識が頭に入って来ないし非常に効率も悪いと思ったので即中断しました。
これも戦略的撤退!!(?)
明日朝一からガッツリ勉強開始します!!
しっかり睡眠をとって、8時30分からみっちり!!
開始5日目にしてこんな事態とは情けがない...
本日の学習時間30分です。。。
生活習慣管理もちゃんとできなくてはいけませんね!!
ということで明日も頑張りましょう!
おやすみなさい!
良かったらTwitterのフォローお願いします!
あきぬーのTwitter:@akinu_asus
プログラミングの勉強日記(4日目)
お疲れ様です!あきぬーです!
プログラミングを勉強し始めて4日目となりました。
この数日間、起きている間ずっとプログラミングとブログのことを考えています(笑)
しかし最近はいろいろなことを始めようと考えているので、これからすべてを両立させるためのスケジュール管理がとても大変になるだろうと不安を抱えております。
スケジュールを立てても、突然予定が入ってしまったり、まだ提出していない大学の課題を忘れてしまっていたり...結構苦労しています。
そこで今日友人と通話をしていたら、
「スマホのアプリとか使って実際に書き込んで見たら?」
と言われたので、やってみます。
おすすめのアプリケーションなどありましたら、コメントで教えて教えていただけると助かります!
1. 今日の学習内容
今日の学習内容に入りますが、本日YouTube「TechAcademy」のHTMLの学習が一通り終わったので、CSSの勉強に入りました。
CSSの再生リストのリンクを貼っておきます。
早速今日HTMLでならった-fieldsetタグを使ってみました(笑)
一つずつできることが増えていくのが大変楽しいです。
それと、今までは学習内容をすべてスクリーンショットして一個一個張り付けていたのですが、
画像ファイルの管理が今後とんでもないことになってしまうだろう
と考えたので、一個一個記述していこうと思います。
わー...結構まとめるの大変...(笑)
2. 今日の反省
今日の反省は、
朝お布団から起き上がってからすぐに行動ができなかった
です。
今朝8時頃に目が覚めてから、朝ごはんを食べたり、LINEの返信やTwitter,Instagramなどをぼーぅっと眺めているうちに、お昼の11時頃になってしまっていました。
(いや...時間が経つのが早すぎる...)
と焦りつつ急いで勉強を開始しました。
本当にこの3時間、もったいない過ごし方をしてしまったと後悔しています。。
今日のプログラミング学習時間は6時間程です。
(今日の朝ちゃんと動けていたら3時間プラスだったのに...)
ちゃんと時間を決めて行動するという大切さを身をもって学びました(笑)
3. ブログについて
昨日ブログを投稿した後、スマホから自分のページを見に行ったのですが、
めちゃめちゃ見づらかったです。。。
文章力もそうですが、全体の構成も本当にダメダメでした。。。
これから他のブロガーの先輩方からいろいろ勉強させていただきます。
文章力を磨くためにも、一日のサイクルの中に読書を組み込もうと思っています。
(本当にやることいっぱいだなぁ...w)
4. 配信について
昨日から「勉強・作業配信」を始めてみました。
私は兄と相部屋ということもあり、兄が部屋にいる間はミュートをしてしまっているので、
需要あるのかなぁコレ...
と思いつつやっています。
しかし、私は世の中で”努力”をしている人を応援したいので、訪れていただいた方のモチベーションに少しでも力になれるようにいろいろと工夫を加えていきます。
今日はこんなところです。
明日は予定があるのと、やらなければいけない大学の課題があるので勉強時間がかなり限られてしまうと思われます。
空き時間を積極的に学習時間として有効活用していこうと思います。
それではおやすみなさい。
Twitterのフォローもよかったらお願いします!
あきぬーのTwitter:@akinu_asus