初めまして、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に取り出させること
footer固定
メインのコンテンツが少ない場合、footerが上部に来ないよう固定するjQueryのプログラミングコード
- 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(属性)
エディタ変更
プログラミングコードを書くエディタを「 VS Code」に変更しました。
今まで「CotEditor」→「Atom」→「Brackets」と使ってきましたが、
個人的には「VS Code」が使いやすいです。
何よりもシンタックスハイライト(可読性を上げるためコードに色をつける)が見やすい!
phpファイルで見辛いのが解消されました。
■テーマ種類(Cmd + K、Cmd + T)
私の今のお薦めは「Dark+(default dark)」です。
いくつか違いの画像をアップしておきます。
・Dark+(default dark)
・Monokai
・Monokai Daiamond
・Hight Contrast(拡張機能で追加)
アウトプット
毎回エラーとの戦いをしている気がする。
エラーばかりのプログラミング。
ユーザー登録機能
「}(波括弧)」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/1255957861059817472paddingとmargin
コロナ太りで、私の体に「padding」が付いた。
https://twitter.com/momokatusan/status/1260344080308920327それではまた。
半月後にお会いしましょう。