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

初めまして、momoです。

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

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

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

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

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

【最近の学習報告】↓

あわせて読みたい
プログラミング学習「HTTPS」7.0ヶ月 (No.14) 初めまして、momoです。 ツイッター(@momokatusan)です。 プログラミング初心者が、在宅フリーランスを目指すブログです。 MacBookも初心者、WordPressも初心者、そし...
あわせて読みたい
プログラミング学習「Validation」6.5ヶ月 (No.13) 初めまして、momoです。 ツイッター(@momokatusan)です。 プログラミング初心者が、在宅フリーランスを目指すブログです。 MacBookも初心者、WordPressも初心者、そし...
あわせて読みたい
プログラミング学習「CSS」6.0ヶ月 (No.12) 初めまして、momoです。 ツイッター(@momokatusan)です。 プログラミング初心者が、在宅フリーランスを目指すブログです。 MacBookも初心者、WordPressも初心者、そし...

【過去の学習報告】↓

あわせて読みたい
プログラミング学習「まとめ」 初めまして、momoです。 ツイッター(@momokatusan)です。 プログラミング初心者が、在宅フリーランスを目指すブログです。 MacBookも初心者、WordPressも初心者、そし...
目次

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

https://twitter.com/momokatusan/status/1255977029943439361

画像アップローダー

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

https://twitter.com/momokatusan/status/1258197087927205888

商品詳細説明

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

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

https://twitter.com/momokatusan/status/1261064861871517697

お役立ちサイト

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

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

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

さいごに

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

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

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

おまけ

動画加工

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

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

https://twitter.com/momokatusan/status/1255957861059817472

paddingとmargin

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

https://twitter.com/momokatusan/status/1260344080308920327

それではまた。

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

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

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

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





よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

初めまして、ももです。
アラフォー2児のママ。
チアリーダー→通関士→エンジニア→Webデザイナー。
朝活と楽しい企画を考えることが好き。
プログラミング初心者が在宅フリーランスになりました。

目次