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

2020年5月15日2021年4月3日

初めまして、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を固定できる。

var $ftr=$(‘footer’); = DOM取得後に変数に格納
interHeight＝要素の内部高さ（borderは除き、paddingは含む）
window.interHeight＝画面全体の高さを取得
$ftr.offset().top＝画面トップからfooterまでの距離を取得
$ftr.outerHeight()＝footer自身の高さを取得
$ftr.attr({‘style’: ‘position:fixed; top:’ + (window.innerHeight – $ftr.outerHeight()) + ‘px;’ }); = もし、画面全体の高さの方が大きい場合は、styleで付け足す。付け足す時は画面全体-footer自身の高さを引いたpx分だけ付け足す。→結果的に残り部分が決まるのでfooterが決まる。
attr=attribute(属性)

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つでエラーになるプログラミング。

やっとPHPエラー解決！
原因は「｝（波括弧）」が1つ足りなかっただけ。
これにかけた時間は約2時間😭 pic.twitter.com/xTdnQjk4EK

— もも🍑Webのわくわくさん (@momokatusan) April 30, 2020

画像アップローダー

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

【画像アップローダー作成】

Bracketsのライブプレビューを使うと、URLでindex.php（ファイル名）が2つ表示される。

1つ消さないと画像が表示されない。

index.phpを選択（upload.phpではだめ）していないとプレビューが正しく表示されない。

不思議だなぁ。 pic.twitter.com/YDOESdkb1j

— もも🍑Webのわくわくさん (@momokatusan) May 7, 2020

商品詳細説明

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

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

【229日目】
今日: 0.0h ［補: 1.5h］
合計: 143.5h ［補:244.5h］
WEBサ部 L8 復習

button解決。「;」が2つあった。構文エラー機能欲しい。
footer未解決。jQuery？で固定させず。#ウェブカツ #ウェブカツ女性割引 #フリーランス #プログラミング初心者 #駆け出しエンジニアと繋がりたい pic.twitter.com/BhpX56fetz

— もも🍑Webのわくわくさん (@momokatusan) May 14, 2020