プログラミング初心者がウェブカツ学習【進捗報告 8.0ヶ月】:WEBサ部 途中の巻 (No.16)

2020年6月15日ウェブカツ

初めまして、momoです。
ツイッター(@momokatusan)です。

プログラミング初心者がウェブカツ学習で、在宅フリーランスを目指すブログです。

MacBookも初心者、WordPressも初心者、そしてプログラミングも初心者、全てが初心者ですがどこまでできるか試してみたいと思います。

受講から8.0ヶ月経ったのでブログをアップします。

はじめに

ウェブカツって何?という方に私がプログラミング学習に選んだ【ウェブカツ】についてお知らせします。

※女性割引は2019年10月末で終了しました。

ウェブカツとは

ウェブカツとはオンラインのプログラミングスクールです。

無料で仮入部もできます。

プログラミング初心者でも勉強ができるカリキュラムになっています。

しかし想像以上にハードです。

補足や過去の質問にヒントや新しい方法が書いてあるので、必ず目を通した方が良いです。

またアウトプット(OP)と復習がとても大切です。

気になる方は私のブログで今までの学習報告があります。

参考に見てみてください。

【最近の学習報告】↓

【過去の学習報告】↓

ウェブカツ進捗報告まとめ

進捗報告(2020/5/16〜5/31)

進捗報告です。

プログラミングのウェブカツ学習をまとめてみました。

実績

期間 2020/5/16〜5/31
時間(合計):ウェブカツ   7.5(151.0)
時間(合計):補足 20.0(264.5)
所属 WEBサービス部(L9)

WordPress部(L5)

今までの学習した部活(プログラミング言語)

  • HTML・CSS部 入門 ←済
  • javascript・jQuery部 入門 ←済
  • PHP・MySQL部 ←済
  • ネットワーク・サーバー部 ←済
  • (WEBサービス部)途中
  • (PHPオブジェクト指向部)未
  • WordPress部 ←今ここ

残り16部活

振り返り

半月経つのは早いですね。

やっとWEBサービス部のLesson9に戻ってきました。

やっぱり一からプログラミングコードを書かないと、どこがどこだかわからなくなるので、一からコードを書くことにしました。

そしてWEBサービス部はまだ途中なのですが、急遽、ホームページ製作のお手伝いをすることになったので、先にWordPressを勉強してから、またWEBサービス部に戻りたいと思います。

学んだこと

CSSを全て確認する方法

HTMLは開発ツール(F12)で確認できるのですが、CSSは選択箇所しか確認できなくて、何か方法があるか探したところ「W3C」というものを発見しました。

これでCSSを全て確認できるので便利ですね。

ファイルフルパス確認

Macでファイルパスっていつもどこで探すのか迷ってしまうのですが「option」を使うことで簡単に確認できます。

ファイル転送ツール

私はWordPressでファイルを転送する時に「FileZilla」を使っていますが「Cyberduck」や「Transmit5」がもっと便利なようです。

今度機会があれば使ってみたいと思います。

VS Code(ショートカットキー)

やっぱりショートカットキーを覚えて効率的にプログラミングコードを書く作業をしたいですよね。(時短に繋げたい)

これは日々使って慣れるしかないですね。

デバック

PHPと言えばデバック。

変数に何が入っているか調べるには「var_dump」+「pre」が縦に並んでくれるので見やすいです。

またデバックとの戦い。。。

Notion

必要な情報を管理するツールです。

情報が沢山で整理しきれない時に教えていただきました。

真っ白なページで自由にレイアウトできるので思っていた以上に便利です。

プログラミングコードを管理したいのなら「Boostnote」がお薦めのようです。

今度覚えていたら使ってみよう。

アウトプット

商品詳細画面

WEBサービス部の商品詳細画面。

クラス名があり過ぎてどこがどこだがわからなくなったので背景色をつけてみました。

出来上がってみたらデザインが。。。

気にしないでください。

ユーザー登録画面

これはまだMYSQLと関連付いていません。

また今度仕上げていきます。

WordPress テーマ作成

WordPressのテーマ作成です。

WordPress独自のタグがあることを知りました。

まだ全部学習していませんがテーマの仕組みがわかって面白いです。

このブログもWordPressですが、事前に触っていて良かったなと思いました。

お役立ちサイト

お役立ちサイトはこちら→ フリーランス

便利機能(ショートカットキーなど)

ショートカットキーやパソコンの便利機能などをまとめました。

さいごに

この半月はエラーと戦っていた感じです。

次回はどのようなエラーと出会うかな。
(エラーは成長するチャンスっていうけれどできれば出会いたくないな)

そして2週間あればWordPress部は終わるかな。

WEBサービス部が気になるので早く戻りたいと思います。

おまけ

Mac

Macを購入するならどれがお薦めか投票で聞いてみました。

Mac book pro 13インチ」がお薦めのようですね。

外に持ち出すことが多い人には良さそうですね。

Mac(PTA割引)

MacがPTA割引で買えるそうです。

PTAをされている時がお得に買うチャンスですね。

Adobe CCは残念ながらPTA割引はなさそうでした。

それではまた。

半月後にお会いしましょう。

※次回のブログアップは、0.5ヶ月ヶ月後(2020/6/15)です。

→前回の記事(7.5ヶ月) No.15はこちら

→次回の記事(8.5ヶ月) No.17はこちら