プログラミング学習「Return」7.5ヶ月 (No.15)

2020年10月21日プログラミング

初めまして、momoです。

ツイッター(@momokatusan)です。

 

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

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

7.5ヶ月経ったのでブログをアップします。

 

今までの学習報告はこちら↓

【最近の学習報告】↓

【過去の学習報告】↓

プログラミング学習「まとめ」

進捗報告(2020/5/1〜5/15)

実績

期間 2020/5/1〜5/15
時間(合計):学習   0.0(143.5)
時間(合計):補足 40.5(244.5)

今まで学習したプログラミング言語

  • HTML・CSS
  • javascript・jQuery
  • PHP・MySQL
  • ネットワーク・サーバー
  • WEBサービス

振り返り

この半月はGWもあり勉強する時間が取れたので頑張りました!

やっとの思いで「WEBサービス」に戻ってきました。

ここからは一からコツコツとプログラミングコードを書いていきます。

学んだこと

DB接続準備(PDOのオプション)

DB接続準備のPDOオプションの用語ってわからなくないですか?

ちょっと調べてみました。

  • attr=attributive(属性の)の短縮形
  • fetch(フェッチ)=取得する
  • フェッチモード=PDOでDBからデータを取り出した際の「配列の形式を指定するモード」のこと
  • バッファクエリ(true)=全ての情報をデータベースサーバから取得してきておいて,PHPに1件ずつ取り出させること
  • 非バッファクエリ(false)=1件ごとにデータベースサーバと通信を行って,PHPに取り出させること

PHPでデータベースに接続するときのまとめ

footer固定

メインのコンテンツが少ない場合、footerが上部に来ないよう固定するjQueryのプログラミングコード

もし「画面全体の高さ」が(「footerまでの高さ+「footer自身の高さ」)より、大きいならば、「styleでTopを固定」+(「画面全体の高さ」-「footer自身の高さ」)+px」でfooterを固定できる。
  • interHeight=要素の内部高さ(borderは除き、paddingは含む)
  • window.interHeight=画面全体の高さ
  • $ftr.offset().top=footerまでの高さ
  • $ftr.outerHeight()=footer自身の高さ

footerを最下部に固定するjQuery【コードの解説】

エディタ変更

プログラミングコードを書くエディタを「 VS Code」に変更しました。

今まで「CotEditor」→「Atom」→「Brackets」と使ってきましたが、

個人的には「VS Code」が使いやすいです。

何よりもシンタックスハイライト(可読性を上げるためコードに色をつける)が見やすい!

phpファイルで見辛いのが解消されました。

■テーマ種類(Cmd + K、Cmd + T)

私の今のお薦めは「Dark+(default dark)」です。

いくつか違いの画像をアップしておきます。

・Dark+(default dark)

・Monokai

・Monokai Daiamond

・Hight Contrast(拡張機能で追加)

VSCodeのオススメ拡張機能 24 選 (とTipsをいくつか)

アウトプット

毎回エラーとの戦いをしている気がする。

エラーばかりのプログラミング。

ユーザー登録機能

「}(波括弧)」1つでエラーになるプログラミング。

画像アップローダー

できると嬉しいプログラミング!

商品詳細説明

footerがおかしいプログラミング。

jQueryのコードは合っているはずだけど。

お役立ちサイト

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

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

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

さいごに

この半月は時間が取れたから進むことができました。

やっとの思いでWEBサービスに戻ってきました。

次こそは時間がかかるけれど壁を超えます!

おまけ

動画加工

画像加工に興味がある方はこちらの動画を観てください。

凄い技術で目が覚めます。

paddingとmargin

コロナ太りで、私の体に「padding」が付いた。

それではまた。

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

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

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

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