初心者もちのプログラミング奮闘記9 ~ウェブカツ入部から4.5ヶ月~
ウェブカツの女性割引部員になってから、4.5ヶ月が経ちました!
ウェブカツの共同開発プロジェクトに入れてもらい、それにむけてlaravel部の受講を開始しました!
1.学習内容
・Laravel部 Lesson16まで
・共同開発「プログラミング機能の洗い出しと提案」
2.感想
Laravel部を開始しました~!この部は、私がウェブカツに入った後に開講された部で、また手を付けていなかったのですが、使う機会がやってきましたので、学習することにしました。Laravel部のLesson17からは、JavaScriptのフレームワークであるVue.jsというプログラミングの説明がされています。とりあえず、Veu.jsはJavaScript上級を学んだあとに進めようと思い、Laravel部はLesson16でいったん終了としました。
というのも、やりたいことはたくさんあって、JavaScript中級、HTML中級・上級のアウトプット用のプログラミングサイトも作っていかないといけないのですが、このたび、ウェブカツさんが、生徒同士で共同でサイト開発を経験できるプロジェクトを立ててくださいまして、それに参加させていただけることになり、アウトプットのプログラミングと、共同開発の作業を並行して進めていっている次第であります。
まず、Laravel部についてですが、説明はとても分かりやすく感じました。環境構築からプログラミングを始めるのですが、お手本はMac、私の環境はWindowでしたが、HTML上級によりコマンド操作に対する耐性がついてまして、きちんと構築できました。
ログイン・ログアウト、バリデーションそのほかたくさんのプログラミング機能が、簡単にかけてしまうLaravelさんとBladeさんにはびっくりです!こんなのLaravelでサイト作成したほうが作業コストも、サイトの安全性?も断然よくなると思います。マスター出来たら、今後はLaravelでプログラミングしていきたいです!
共同開発については、少人数でグループを組み、3ヶ月程度で一つのサイトをプログラミングする内容です。機能の洗い出しや提案をグループで話し合いながら決めていくのですが、一人またはそばにいる旦那さんと作成するのとは違い、コミュニケーションをしっかりとって方向性をしっかり立てていかないと、すれ違いが起きてしまう点が、難しいなと感じました。
同じグループのメンバーは年も近く、プログラミング経験年数も近いため、相談しやすくてよかったです。共同開発のサイトは、世に出るサイトになるそうなので、一生懸命頑張ります!
プログラミングを学べるウェブカツ!!へのリンク(https://wabukatu.com)
初心者もちのプログラミング奮闘記8 ~ウェブカツ入部から4ヶ月~
ウェブカツの女性割引部員になってから、4ヶ月が経ちました!
ここ半月は一番プログラミングのレッスンが進んだかもしれません~~
1.学習内容
・JavaScript・jQuery中級 Lesson23~最後まで
・HTML・CSS中級、上級 最後まで
2.感想
上記プログラミングの部をとりあえず一周したところです。
JavaScript・jQuery中級はレッスンが33もあり、プログラミングの内容が盛りだくさんでした!コマンド操作でファイルを移動したり、関数を実行したりを学びました。MACとWindowでコマンドの指令の仕方が少し違うことも勉強になりました!
そういえば、前回の日記でjQueryをJavaScriptのみで実装すると言ってましたが、画像スライダーのレッスンで今の私では無理だと思い、jQueryでプログラミングしました。
JavaScriptについては、まだまだ理解できていないプログラミングがたくさんあるため、1冊本を買いました!「JavaScript 本格入門」という本です!この本はレビューで評価も高かったため、じっくり読んでいきたいと思います。
HTML・CSSは、中級~上級まで一気に進めました!新しいCSCCというCSSの書き方を学びましたが、とても見やすい手法で感動しました!自分で作るサイトは今後、SCSSで書いていこうと思います。
また、レスポンシブに対応させる方法も学びました。私の職場は、パソコンとスマホでCSSファイルを分ける方法でレスポンシブされていますが、@media screenを使って同じファイルに書いていく方法のほうが見やすくていいなあ~と感じました。
そして、CSS設計という、CSSを指定する際のクラス名の書き方や、スタイルの指定の方法も学びました。いろんなページで使いまわせる、再利用しやすい書き方でプログラミングしていきたいと思います。
さて、一気に3つの部をトントンと進めてきましたが、いよいよこれから学んだプログラミングのアウトプットに入ります!JavaScriptで学んだドロップダウンメニューや画像スライダー、CSSで書くアニメーションやレスポンシブも取り入れて、使いやすいサービスになるようにプログラミングしていきたいと思います!
明日から少しパソコンが使えない状況になるので、少し早めの日記報告となりました。JavaScriptのプログラミングの本でも読んで過ごします~~
プログラミングを学べるウェブカツ!!へのリンク(https://wabukatu.com)
初心者もちのプログラミング奮闘記7 ~ウェブカツ入部から3.5ヶ月~
ウェブカツの女性割引部員に入部して、3.5ヶ月が経ちました~
は、はやいいいい。。
今回もこの半月のプログラミング生活を振り返っていきたいと思います!
1.学習内容
・共同自作サイト完成
・JavaScript・jQuery部 中級 Lesson1~Lesson22
2.感想
自作サイトが完成しました~♪一からサイトを作るのは、表示する文の内容やデザインも考えないといけないので大変でした。デザインを考えてくれる人が欲しいなあ~。。
そしてついに!ウェブカツに入部して3ヶ月が経ったので、今まで見れなかったプログラミングのレッスンが一気に解放されました~!!JavaScript・jQueryの中級上級、HTM・CSSの中級上級などです。うれしい~
お仕事にウェブカツで学んだプログラミングを反映したいため、WordPress部はさっと一通り見て、現在はJavaScript・jQuery中級を学んでいます。私の職場は、jQueryを使わずJavaScriptでしかコードを書かないので、ウェブカツで学ぶ内容も、jQueryの部分はJavaScriptで実装しています。
まずはLesson22まででJavaScriptについての知識を学びました。PHPと似ている点もあったので、ここで一度整理ができてよかったです。変数の基本型と参照型はなんとなく理解できましたが、コードを扱っていくうちにさらに理解を深めていけたらなと思いました。プロトタイプについては、ちょっと理解が追い付けませんでした>< クラスを使えば継承は簡単なのに、それが実装されていなかったころの書き方は頭がこんがらがりました。私の職場は古いコードの書き方なので、絶対プロトタイプが使われてると思います。。;;
これからはプルダウンメニューや画像スライドなど実際に動きを付けて学んでいくみたいなので、頑張ります!
いまは、仕事のある日は1日2時間、休みの日は5時間を目安にちょこちょことプログラミングのお勉強を頑張っています。未経験からプログラミングのお仕事を始めたので、お仕事中はほぼお勉強の時間になっていますが、、
お仕事では、言われた業務を行うにはどういうプログラミングコードを書いたらいいか調べるなかで、新しい発見がたくさんあります。まだ調べながらで時間がかかってしまいますが、「こういうコードあったよな~⇒調べる」をたくさん繰り返し、調べなくても頭の中から引き出せるように頑張ります!
プログラミングを学べるウェブカツ!!へのリンク(https://wabukatu.com)
初心者もちのプログラミング奮闘記6 ~ウェブカツ入部から3ヶ月~
ウェブカツの女性割引部員に入部して、3ヶ月が経とうとしてます~
この半月のプログラミング生活を振り返っていきたいと思います!
1.学習内容
・ウェブカツのオブジェクト指向部
・ProgateのPHPⅡ~Ⅳ
・GitやGitHubの勉強 ←中断。。
・旦那さんと共同でサイト構築 ←作業中♪
2.感想
前回はウェブカツWEBサービス部のアウトプットまで終わったところでした。次の部はオブジェクト指向部です。オブジェクト指向は、プログラミングの本で読んだり、Progateで学んだりしていたので、動画も、なるほどなるほどと確認しながら進めました。
一通りウェブカツのオブジェクト指向部を見終わった後、プログラミングが学べるProgateというサイトでオブジェクト指向を扱っているレッスンをして、もう一度復習しました。
そのあと、本当はウェブカツで学んだオブジェクト指向を使ったプログラミングで料理サイトを作ろうと考えていたのですが、旦那さんからウェブサービスを一緒に作ってみないかと誘われたので、一緒に作ることにしました。
一緒に作るにあたって、ファイルを共有するため、GitとGitHubの勉強を始めたのですが、ちょっと難しく、とりあえずファイル共有に必要最低限のことだけ教えてもらい、初めての共同プログラミングが始まりました。
プログラミング環境が、旦那さんはMac、私はWindowsなので、画像の色の見え方や全体のバランスなど比較しながらやってます。
旦那さんはデータベース関係やPHP、私は見た目(HTMLやCSS、jQuery)で分担!!
。。。の予定でしたが( ノД`)シクシク…実は、私はこの半月でプログラミング関係の仕事を始めたのですが、仕事場で解決できなかったことを、家に帰ってからウェブカツの内容をまとめたノートやネットを見ながらプログラミングコードを考え、次の日仕事場で実践するような方法をとっており、なかなか共同サイトの作成に十分に関わることができていません><旦那9割私1割程度でしょうか。。。
お仕事も、勉強もどちらも頑張っていきたいと思います!
話は変わりますが、私が職場で扱っているのはHTML、CSS、JavaScript・jQueryが主です。8月3日にはウェブカツの女性割引部員になって4か月目です。そのため、これらについてのウェブカツレッスンが一気に解放されます!すごく楽しみです。
お仕事はまだまだ慣れませんが、プログラミング超初心者なのに雇っていただけたので、毎日のウェブカツでの勉強を積み重ね、成長していきたいと思います。
プログラミングを学べるウェブカツ!!へのリンク(https://wabukatu.com)
初心者もちのプログラミング奮闘記5 ~ウェブカツ入部から2ヶ月半~
ウェブカツの女性部員に入部して、2ヶ月半が経ちました!!
今回の半月は、自分でプログラミングした時間・量は一番多かったです!
それでは、その成果を書いていきたいと思います。
1.学習内容
ウェブカツのWEBサービス部を見返しながら、自作サイトを作成しました。
ウェブカツのWEBサービス部は、レッスンの量も内容も多く、1周するだけでは理解が浅かったため、2周目をしていました。
ウェブカツのWEBサービス部2周目は、一緒にプログラミングを書き、手を動かしながらやろうと思い、自作サイト作ることにしました。
1つのサイトのプログラミングを書くのに、2週間もかかって大変でしたが、理解・知識は1周見終わった時点よりも、かなり深まったと思います!
これが私が作ったサイトです↓↓(デプロイできていないため、動画です><)
https://twitter.com/mochi1224_mochi/status/1150727401652932608?s=20
2.感想
プログラミングコードを書き、自作サイトを作るのは、とっても楽しかったです!自分が好きなようにサイトが作れるので、そのせいがあるかもしれません。
初めに、ワイヤーフレームを作成し、次に、ワイヤーフレームをみながら、HTMLとCSSだけである程度のブラウザのデザインをプログラミングしました。そのあとに、PHPでバリデーションチェックやDBからデータを持ってきたり、データを挿入したりするコード、JavaScript・jQueryで画像の切り替えや、お気に入り登録などをプログラミングしました。
サイトを作成する際、手順としては、
作りたい機能のウェブカツの動画を1度みる
⇒自分でコードを書いてみる
⇒ウェブカツのお手本コードをみて自分が書いたコードでおかしい部分があったら修正する
といった順番で進めていきました。
0からプログラミングを作るのは、やっぱり難しく、初めの方はウェブカツの動画やお手本コードを何度もカンニングしながら進めていましたが、最後の方は、ウェブカツのお手本コードをみなくても、自分で考えて関数を作ったり、画面に表示させたり、自分のやりたいプログラミングを組むことができました。
自作サイトを作成して、PHP/MySQLについて理解が深まったので、忘れないうちにノートにしっかりまとめたいと思います。
正直、ページングや画像をドラッグ&ドロップで表示させたりする初心者にとって、コードが長く難しく感じる部分は、まだウェブカツのお手本コードを見ないと作成できません。
そういうプログラミングを、現場でも使えるようになるために、ノートに記し、いつでも見返すことができるようにしていきたいです!
さて、明日からはウェブカツのオブジェクト指向部に進んでいきたいと思います~
3.おまけ
作ったサイトを旦那さんに見てもらいました~
旦那『いろんな色を使いすぎ。まるで見ずらいデザインの代表作品。』
うわ~ん( ノД`)シクシク…
シンプルかつ使いやすいサイトを目指して頑張ります><
プログラミングを学べるウェブカツ!!へのリンク(https://wabukatu.com)
初心者もちのプログラミング奮闘記4 ~ウェブカツ入部から2ヶ月~
こんにちは!もちがウェブカツに入部してもうすぐ2ヶ月経ちます。
プログラミング学習の進み具合や、感想を書いていきたいと思います!
1.学習内容
ウェブカツ ⇒ WEBサービス部のレッスン1周目完了
2周目をしながら、自作サイトを作成中
その他 ⇒ プログラミング言語PHP7+MySQL入門の本を1冊読破
2.感想
ウェブカツのWEBサービス部のレッスンをすべて見終えました!
次から次へと現れる見たことのない関数、お手本コードに仕込まれている意図的な間違いコード、それに伴って発生するエラー、、、
~ウェブカツWEBサービス部の1周目の感想~
・自分のブラウザに表示させると発生してしまうエラーについて、デバックを確認することでその原因が突き止められるため、データベースと接続したり、ページを切り替えたりする際に、デバックを表示させることはプログラミングの世界ではとても大切であること。
・動画で説明されていることは理解できるが、PHPやMySQLのプログラミングの知識が定着しておらず、自分がいざコードを書くとなったときに、手が止まってしまいそうなこと。
・お手本のフリーマーケットのサイトをもっとこう動かしたい!などといろいろ思いつくけれど、どのようなプログラミングで動かしたらいいか思いつかないこと。
このような思いから、ウェブカツのWEBサービス部を何周もする前に、まずは、プログラミング言語であるPHPとMySQLの知識を頭の中で整理したいと思いました。
そのため、学習内容に書いてある通り、プログラミング言語PHP7+MySQL入門の本を読むことにしました。ちょうど、実家に帰る用事があり(実家にはパソコンがありません。。)ネット環境がなくても勉強できたので良かったです。
~プログラミングの本を読んだ感想~
・セッションやクッキーなどの仕組みをウェブカツの講座でわかっていた気分になっていたが、本を読んで復習し、本当に理解ができた。
・本にはいろいろな関数が紹介されていたが、ウェブカツの講座でピックアップされている関数は現場でよく使われるものなんだな、とマークすることができた。
・PHPやMySQLの書き方やプログラミングコードの意味が前よりもわかったため、ブラウザで自分がさせたい動き、データベースとの関連付けの仕方など、どのようなコードを書けばいいかイメージしやすくなった。
本を1冊読み、理解を深めたところで、今はウェブカツのWEBサービス部のアウトプットのため、自作サイトのプログラミングをしています。
機能の洗い出し、ワイヤーフレームの作成、データベースの作成までできたところです!いよいよこれから画面を作っていきます。
これからが本番です。データベースにつなげたり、思い通りの画面を作るために、ウェブカツの講座を参考にしながら、毎日画面とにらめっこして頑張っています。
完成は、2週間ほどを予定していますので、次の日記で紹介出来たらなあ、、と思っています!
。。。最後に、、
余談なんですが、ウェブカツの受講生で9月に大阪でオフ会があるそうです。
私はウェブカツ生のお友達がおりません( ノД`)シクシク…
もしよかったら一緒に申し込みをしてこれを機に仲良くなりたいな、なんて思ってます。
先輩方からプログラミング業界のお話をたくさん聞きたいです!
一緒にどうでしょうか。。 同じようなお気持ちの方いましたら連絡待ってます(^^)/
プログラミングを学べるウェブカツ!!へのリンク(https://wabukatu.com)
初心者もちのプログラミング奮闘記3 ~ウェブカツ入部から1.5ヶ月~
ウェブカツに入部して1.5か月が経ちました~!!
今日はその報告をしたいと思います♪
【学習内容】
・WEBサービス部
(Lesson16「パスワードリマインダー機能を作ろう!」まで)
【学習方法】
1.ウェブカツの動画をまず最後まで見る
ここで、本レッスンでどのようなプログラミングを学習するのか確認する。
2.コードの中身を見る
この関数はどういう働きをするのか、この挿入されているphp文はどういうときにどういうものが表示されるのが、プログラミングの仕組みを自分で考えて理解をする。
3.動画を見直しながら、コードがきちんと動いているか確認する
関数は動いているか、バリデーションチェックは、エラー表示時も動いているかなど、プログラミングを実際にブラウザで動かしてみる。
4.ウェブカツで新しく出てきたコードをノートに追加する
ウェブカツはレッスンごとに、いろいろなコードが紹介されている。
それを見やすく自分でまとめて、自分で一からプログラミングを書く際に参考にできるようにしておく。
といった流れで進めてきました~~
【感想】
WEBサービス部に入って、ファイルの量が一気に多くなりました!
でも、プログラミングの本場のものと比べれば、ウェブカツのレッスンで使用されているファイルの量は少ないのだと思います。慣れていかないと。。><
いろんなページで共通に使えるものは、別ファイルにして保存する技を覚えました。例えば、ヘッダーやフッター部分、バリデーションチェック関数やデータベース接続関数などです。
プログラミングのコードは、他人が見ても、見やすく、わかりやすいものにするべきと言われいます。そのためには、まとめられるものはまとめてしまうことが大切です。
私は、プログラミングを全くの初心者から始めたので、ウェブカツで初めてコードを見た時は、「何の暗号だろう。。」と思いました。ウェブカツでプログラミング言語の勉強を始めて少しずつ、どういう意味なのか理解できてきました。
ウェブカツのレッスンはコードと動画をみながらどういう働きをしているのか、ゆっくり考えながら進めているので、ちょっと進度は遅めですが、自分のペースで進めていきたいと思います!
【おまけ】
WEBサービス部が解放されるまでに、少し時間があったので、サイトを自作していました!
初めて、一からプログラミングを書いてみました!
jQueryで動きを付けたり、PHPでバリデーションチェックを行ったり、ウェブカツやProgateで習ったコードを書いていきました。
自分でどういうサイトにしようかな、と考えながら作るのは楽しかったです!思うように表示されないときは、どうしてだろう?とその原因を見つけて、修正していきながら完成させました!
お料理サイトにしたのですが、料理の作り方は適当です。。笑
自作サイト→https://twitter.com/mochi1224_mochi/status/1135854301010583552?s=20
また、ウェブカツ入部から2か月の記事で会いましょう~^^
プログラミングを学べるウェブカツ!!へのリンク(https://wabukatu.com)