プログラミング

#業務日記 6〜10日目のまとめ

#業務日記ブログ方針

特に決まっておりません

こんにちは!

転職を機に始めたTwitterの#業務日記ですが、この#業務日記ブログはこれからどう運用していこうか、何も定まっていないですw。

とりあえず書きたいことをアウトプットしてこーという方針の下やっております。

前回の#業務日記ブログはこちら↓

#業務日記を始めた理由と今後の展望 #業務日記始めました こんにちは!最近、プログラミングの学習を始めて200日を超えました。 でもって私事ですが今月から新し...

過去ツイ 

6日目


レスポンシブ化する場合、「サイズ指定は絶対値を使用しない(px指定しない)」で、vw、vh、%等でうまく調整するのが一般的のようです。

ちなみにvw、vhのvは「Viewport」のVで、 Viewportとは「ブラウザウィンドウの表示領域」です。

例えば、よくある画面いっぱいに画像を表示させたいという場合、PC・携帯はいろんな画面サイズがあるので、heightをpx指定してしまうと機種ごとに表示範囲に違いが出てしまいます。

そういった時に、height:100vhを指定すると、どんな画面サイズでもバスっと画像がハマってくれるんですね。便利!

同じように、横幅指定するならwidth:100vwで横幅いっぱい、50vwなら半分です。

(ウェブカツのレッスンでもやってたのに、すっかり忘れてた!)

7日目


最近大量に公開されたインフラ部!

ネットワーク、サーバー関連のことが学べるということで、かなり気になっていますが、他の学習が詰まっててまだちょっとしか見れていません。^^;

8日目


WEBサイトを世に公開する手順として、一般ユーザーが見られる「本番環境」にデプロイ(リリース)する前に、確認用としてまず本番環境を模した「ステージング環境」にデプロイするというのが一般的のようです。

こういうことも、未経験転職だと全然分からずいちいち新鮮です。

9日目


jsのコードってググればたくさん出てくるんで、それそのまま使っちゃえば動いちゃうんですよね。

はい、コピペエンジニア誕生(汗。

けどそういったネットの情報は古い情報だったり、正しい記法で書いていないもの、変な処理しているコードが混じっているケースがあるので注意が必要だそうです・・。

ちゃんと意味分かって書こうねーというのを身にしみました・・・。

10日目


機能要件の洗い出しとは具体的にどんなことをやったかというと、まずXDのデザインが上がってきている状態で、このページはどのようなふるまいをするのか?jsやCSS animationは必要か?、画像サイズは?リンク先はどこ?DBからどうやって情報を取って来て、何個表示させるか?表示するものがない場合はどうするか?breakpointはどうするか?レスポンシブ時の各コンテンツの表示サイズ・位置はどうするか?等ほんと書ききれないくらい・・。

XDのデザインを見ただけでは分からない部分について、デザイナー、バックエンド担当と詰めていく感じです。

「確認すべきこと」、についてはこの記事に具体例が記載されていてとっても役に立ちました!!(打ち合わせ前に読めて、本当に助かった!)

平日の学習時間について考えてみる

今月から転職して生活リズムが変わったので、1日のスケジュールを洗い出し、プログラミング学習に割ける時間がどれくらいあるか可視化してみました。

(ネットで見つけた、24時間サークルメーカーを使って作ってみました。結構便利^^)

仕事は10:00-18:00、通勤時間は約15分(最高である)なので、出社前の朝の時間で1.5h、帰宅後子供を寝かしつけた後の夜の時間で1.5h、これに仕事中の昼休憩の0.5hを足せば3.5h確保できますね・・・(白目。

さらに睡眠時間を削れば無限にできるやん・・・とか考えちゃうんですが、そうなるともはやプログラミング廃人になりそうなのでやめておきます。

健康第一!

ということで時間自体はあることは分かったんで、この時間帯をうまく活用して学習時間を捻出したいと思います。

最近は新聞や(技術書以外の)本を読んでいないし、ニュースも見ていないから、知らないうちに世間知らずな人間になってはしないかという一抹の不安もありますが・・

実際、コロナがどうとかあんまり分かってないもんなぁ。

ひとまず、一年ほど前に買ったkindleがぐっすり寝てる状態なので、これからは読書の時間も取りたいな、と思います。

ということで、次回も気が向いたら更新しますw