初めまして、momoです。
ツイッター（@momokatusan）です。
プログラミング初心者が、在宅フリーランスを目指すブログです。
MacBookも初心者、WordPressも初心者、そしてプログラミングも初心者、全てが初心者ですがどこまでできるか試してみたいと思います。
8.0ヶ月経ったのでブログをアップします。
今までの学習報告はこちら↓
【最近の学習報告】↓
【過去の学習報告】↓
進捗報告（2020/5/16〜5/31）
実績
| 期間 | 2020/5/16〜5/31 |
| 時間（合計）：学習 | 7.5（151.0） |
| 時間（合計）：補足 | 20.0（264.5） |
今まで学習したプログラミング言語
- HTML・CSS
- javascript・jQuery
- PHP・MySQL
- ネットワーク・サーバー
- （WEBサービス）途中
- （PHPオブジェクト指向）未
- WordPress ←今ここ
振り返り
半月経つのは早いですね。
やっとWEBサービスのLesson9に戻ってきました。
やっぱり一からプログラミングコードを書かないと、どこがどこだかわからなくなるので、一からコードを書くことにしました。
そしてWEBサービスはまだ途中なのですが、急遽、ホームページ製作のお手伝いをすることになったので、先にWordPressを勉強してから、またWEBサービスに戻りたいと思います。
学んだこと
CSSを全て確認する方法
HTMLは開発ツール（F12）で確認できるのですが、CSSは選択箇所しか確認できなくて、何か方法があるか探したところ「W3C」というものを発見しました。
これでCSSを全て確認できるので便利ですね。
ずっと前から気になっていたことがわかった。
CSSのコードを一部ではなく一気に全て見る方法。
開発ツールでは一部だけしか表示出来なかったけれど、「W3C」を使えば全て表示される。
VS Code内で連携の設定もできるみたい✨https://t.co/RzIH7mPg7A
— もも🍑チアxWEB制作のわくわく屋さん（ｽﾞｰﾝ） (@momokatusan) May 16, 2020
やっとできた✨
MacでVS Codeの拡張機能「W3C Validation」を入れられた。JRE入れてそのパス調べて(optionキー押す)、VS Codeの「settings.json」にパス追記したらできた。ポイントはJREのインストールを画像上にしたらできた。違い不明。ただしファンの音が鳴るのなぜ😅https://t.co/kRuWCFlHew pic.twitter.com/dCBMHt3uCe— もも🍑チアxWEB制作のわくわく屋さん（ｽﾞｰﾝ） (@momokatusan) May 17, 2020
ファイルフルパス確認
Macでファイルパスっていつもどこで探すのか迷ってしまうのですが「option」を使うことで簡単に確認できます。
ファイル転送ツール
私はWordPressでファイルを転送する時に「FileZilla」を使っていますが「Cyberduck」や「Transmit5」がもっと便利なようです。
今度機会があれば使ってみたいと思います。
VS Code（ショートカットキー）
やっぱりショートカットキーを覚えて効率的にプログラミングコードを書く作業をしたいですよね。（時短に繋げたい）
これは日々使って慣れるしかないですね。
【←↓↑↓】
キーボード日本語入力
・zh（←）
・zj（↓）
・zk（↑）
・zl（→）いい覚え方ありませんか？
— もも🍑チアxWEB制作のわくわく屋さん（ｽﾞｰﾝ） (@momokatusan) May 21, 2020
デバック
PHPと言えばデバック。
変数に何が入っているか調べるには「var_dump」+「pre」が縦に並んでくれるので見やすいです。
またデバックとの戦い。。。
【デバックの方法（PHP）】
「var_dump」+「pre」は「print_r」より結果が見やすい
①「var_dump」縦
echo "<pre>";
var_dump($key);
echo "</pre>";②「print_r」横
print_r($key);・$str＝string型＝文字列型（文字数）
・$key＝email, pass, pass_re
・pre=preformatted text#ウェブカツ pic.twitter.com/UvvkWlrAk4— もも🍑チアxWEB制作のわくわく屋さん（ｽﾞｰﾝ） (@momokatusan) May 24, 2020
Notion
必要な情報を管理するツールです。
情報が沢山で整理しきれない時に教えていただきました。
真っ白なページで自由にレイアウトできるので思っていた以上に便利です。
プログラミングコードを管理したいのなら「Boostnote」がお薦めのようです。
今度覚えていたら使ってみよう。
アウトプット
商品詳細画面
WEBサービスの商品詳細画面。
クラス名があり過ぎてどこがどこだがわからなくなったので背景色をつけてみました。
出来上がってみたらデザインが。。。
気にしないでください。
ユーザー登録画面
これはまだMYSQLと関連付いていません。
また今度仕上げていきます。
【236日目】
今日: 0.0h ［補: 2.0h］
合計: 143.5h ［補:258.5.h］
WEBサ部 L9 復習ユーザー登録の下地を作成したから明日はphpでDBと関数のコードを書く。ひたすらコードを書く。#ウェブカツ #ウェブカツ女性割引#フリーランス#プログラミング初心者#駆け出しエンジニアと繋がりた6 pic.twitter.com/LJCapJndDF
— もも🍑チアxWEB制作のわくわく屋さん（ｽﾞｰﾝ） (@momokatusan) May 22, 2020
WordPress テーマ作成
WordPressのテーマ作成です。
WordPress独自のタグがあることを知りました。
まだ全部学習していませんがテーマの仕組みがわかって面白いです。
このブログもWordPressですが、事前に触っていて良かったなと思いました。
お役立ちサイト
お役立ちサイトはこちら→ フリーランス
便利機能（ショートカットキーなど）
ショートカットキーやパソコンの便利機能などをまとめました。
さいごに
この半月はエラーと戦っていた感じです。
次回はどのようなエラーと出会うかな。
（エラーは成長するチャンスっていうけれどできれば出会いたくないな）
そして2週間あればWordPressは終わるかな。
WEBサービスが気になるので早く戻りたいと思います。
おまけ
Mac
Macを購入するならどれがお薦めか投票で聞いてみました。
「Mac book pro 13インチ」がお薦めのようですね。
外に持ち出すことが多い人には良さそうですね。
プログラミングをやるのにMacのどれがお薦めですか？
基本は家ですが、外に持ち出すこともあるかな。それだとbookかな。
サイズはやっぱり大きい方が見やすいかな。— もも🍑チアxWEB制作のわくわく屋さん（ｽﾞｰﾝ） (@momokatusan) May 18, 2020
Mac（PTA割引）
MacがPTA割引で買えるそうです。
PTAをされている時がお得に買うチャンスですね。
「Adobe CC
」は残念ながらPTA割引はなさそうでした。
adobe ccを購入予定です。
PTA役員で割引購入できると聞きました。
購入された方います？またMacもPTA役員割引があるらしい。
知らなかった👀https://t.co/69Ub4b27nc
— もも🍑チアxWEB制作のわくわく屋さん（ｽﾞｰﾝ） (@momokatusan) May 18, 2020
それではまた。
半月後にお会いしましょう。
