【WEBデザイン学習日記-129】ポートフォリオのコーディングなかなか進まず
2024/6/10（月）～の学習日記です。６月中に終わらせるつもりでリニューアル版のポートフォリオのコーディングを頑張っていますが、初めてSliderやSwiperを入れてみたため、修正作業に時間がかかってます。
☆★☆ ☆★☆ ☆★☆
2024年6月10日(月) バナー文字の座学＆リニューアル版ポートフォリオのレスポンシブ対応：2時間【デザイン・制作物】
今日からまた新しい１週間が始まりました。なかなか思うように進まず終わりの見えない転職活動から気持ちの浮き沈みは多少ありますが、今週もマイペースで転職活動、WEB学習頑張っていこうと思います。
ところで先月下旬に応募した英語関連のお仕事の選考結果がメールで届き、書類選考落ちでした（2週間以上経過しているし落ちてるとは思いましたが、選考結果を返信いただき感謝してます）。英和訳のトライアルのチャンスを得られたので、もしかしてもしかすると面接に進めるかもと少し期待してしまいましたが応募者が多数で選考には入れなかった模様。転職エージェントのサイトの求人に複数応募していて思いますが、多くの候補者の中から書類選考を通過して面接まで進むのがいかに難しいことか。。。
月曜日の時間割は「デザイン」と「制作物」。
今朝はtorikumuの動画学習を活用してバナー制作の座学。バナー制作をする際のバナー文字のあしらいについて色々学べました。バナーのタイトルの文字の色を部分的に変える方法や境界線やドロップシャドウを使った方法など次回のバナー制作の時に役立ちそうです。
夜は「制作物」と言うことで、リニューアル版のレスポンシブ対応の続き。TOPページのレスポンシブとホバーが出来上がったので（どうしてもできない箇所はあり残っていますが）、5つある下層ページの1つ目のレスポンシブを開始しました。前回初めてポートフォリオを作成してから数か月コーディング経験を積んだことで今回のリニューアル版は早く終わるかもと思いましたが甘かった。途中でSlickスライダーを学習＆実装してみたり、Swiperがうまくできずに時間を費やしてたり（今もできていませんが）でけっこう時間かかってます。6月中にリニューアル版を完成できるように残りのコーディング進めたいと思います。
☆★☆ ☆★☆ ☆★
2024年6月11日(火) リニューアル版のポートフォリオのコーディング：3時間【コーディング】
最近はずっと家にこもって転職活動とWEBデザインの学習なので、今朝は気分転換に一眼レフを片手にアジサイの写真を撮りに行ってみました。今がちょうど見頃で色んな種類のアジサイがとても綺麗に咲き誇っていました。オタマジャクシからアマガエルになる途中の赤ちゃんガエルが沢山アジサイの葉にいて貴重な写真も撮れました。ずっと家で求人欄ばかり見ていても気が滅入ってくるので、たまには外に出て息抜きも必要ですね。
夕方からはリニューアル版のポートフォリオのコーディングの続き。Responsive Viewerを使いながらどのサイズでflexで横並びになっているのを下に落とす必要があるか(flex-direction: column)、余白調整が必要かなどを調整していきます。あまり長時間根を詰めすぎると頭を使いすぎて疲れるので休み休み。
夜も寝る前に１時間ちょっとレスポンシブ対応の続き。残りの下層ページのレスポンシブ対応もほぼ終わり、あとは各ページの微調整に入ります。
☆★☆ ☆★☆ ☆★☆
2024年6月12日(水) デザイン考察＆ポートフォリオのレスポンシブ対応の続き：1時間50分【デザイン・制作物】
水曜日は「デザイン」と「制作物」。
久しぶりにデザイン考察をしました。今日ギャラリーサイトから選んだサイトは「八千代ポートリー」さんのサイト。
（考察したこと）
・ベースカラーは黄色と緑色、アニメーションで動く鶏のイラストがとても可愛く印象的。サイトを開いた瞬間から養鶏場のサイトというのが想像しやすい。
・使用フォントはZen Kaku Gothic、欧文フォントはAltivo
・サイト内のイラストに動きがつけられていて（雲、太陽、鶏の足跡が動く）楽しいサイト
・ホバー効果がとても凝っていてボタンをホバーすると鶏やひよこがボタンの後ろから顔を出すのが面白いと思った
・色んなサイトを考察させていただきましたが、やはりかわいいイラストをサイト全体に使用しているサイトって魅力が増します
・採用情報の下層ページは会社の役割（分かりやすいフローチャートとイラスト）や各部署の業務内容、働いている人の声（１日のスケジュールが興味深く、求職者にとっても知りたい情報だと思った）、企業の詳細データが掲載されていて企業の魅力をしっかり伝えられ、求職者も知りたい情報を得られていいと思いました。
夜はポートフォリオのレスポンシブ対応の続き。Notionにメモした修正点、うまく出来ない点を見ながら一つ一つ消込み。
☆★☆ ☆★☆ ☆★☆
2024年6月13日(木) WordPressの座学：40分【コーディング】
木曜日の時間割は「コーディング」ということで、ポートフォリオから少し離れ、torikumuの動画教材を使用してWordPressについての基礎を少しだけ学びました。自分もロリポップサーバーからインストールしたWordPressの画面を触りながら操作。明日以降も引き続き座学を続けたいと思います。WordPressを知っているとちょっとした強みになる気がします。
午後からはハローワークへ。初めての失業認定日で必要書類を提出してきました。来週初めて失業手当の給付が受けられます。少額でも給付がいただけるのはありがたいです。転職活動中に副業を多くこなして稼ぎすぎると減額されるから少しペースを落として案件をこなしていたのですが、減額のボーダーライン金額（複雑な計算式があるようで担当の方が計算してくださいました）を下回る日額だったので減額対象にはならないとのこと。
市場調査は納期までに隙間時間を使ってちょこちょこ作業しているので、１日４時間未満の「内職」扱いになります。よほど爆速で案件を仕上げない限り（例えばたった１日で１案件仕上げるなどすると日額がボーダーラインを超える）は減額対象にならないようなので、もう少し案件をこなすペースを上げようと思います。
☆★☆ ☆★☆ ☆★☆
2024年6月14日(金) LPデザインについての座学：1時間10分【デザイン・制作物】
今日は久々に友達とインド料理店にランチに行ってきました。沢山喋ってかなりストレス発散できました。引き続き転職活動を頑張るエネルギーをもらってきました。
今日の時間割は「デザイン」と「制作物」。
夜はtorikumuの動画教材を使って、LP(ランディングページ）について学びました。LPの目的、メリット、デメリット、基本的な作成の流れ、注意点など。LPは広告から流入してきたユーザーに売り上げにつながるアクションをしてもらうために作る大切なページで「ランディングページ＝コンバージョン率（購入、申し込み、資料請求などのアクション）を最大化する目的で作る１枚のWEBページ」だそうです。
今までバナーはいくつか作りましたがLPは未挑戦です。LPは商品やサービスの魅力を１枚に凝縮させる必要があるのでコンセプトを考え、デザイン作業が大変そうという印象。デザイナー側からしたら腕の見せ所ですね。LP制作・運用にはコストも手間もかかるけど、得られる利益は大きいようで企業様にとってはLPは重要な役割を果たしているんですね。
↓ LPについてとても理解しやすく勉強になりました
☆★☆ ☆★☆ ☆★☆
2024年6月16日(日) リニューアル版のポートフォリオのコーディング続き：1時間半【デザイン・コーディング・制作物】
昨日はPCの操作で困っている父を色々手伝っていたためWEBの学習はお休み。父のPCを持ち帰り、ネットで調べながら夜遅くまで修復作業をしていました。
私は数年前まで滞在していた海外で同僚に勧められたMicrosoft 365 Familyパッケージに加入しているのですが（Personalと迷いましたがFamilyを勧められた）、せっかく５人と特典を共有できる機能があるのに自分一人で使用していて誰とも共有していませんでした。
今回父のPCにもこのFamilyパッケージを共有したらいいのではと、持ち帰った父のPCに共有設定しました（やっとパッケージ特典を活かせた！）。ウィルス対策のMicrosoft Defenderをダウンロードし、私（オーガナイザー）のPCからもデバイス保護状況が確認できるように設定したのですが、なぜか父のPCのステータスが「不明」なままで自分で解決できない。。。昨晩からずっと調べながらやってみるもうまく行かず自分では問題解決できないので、今朝Microsoftのサポートのオンラインチャット機能を使用して初めて技術サポートをしてもらいました。
Microsoftのクイックアシスタント機能を使って担当者に父のPCをリモート操作してもらい１時間半ぐらいかけてやっと問題解決しました！私のPCから父のPCのデバイス保護状況が確認できるようになり、これで父にPCを返却できます。
昨日も別件でオンラインチャットでサポートしてもらったのですが、本当にMicrosoftのサポートサービスは有難いサービスだと思いました。これが毎年購読料を払ってMicrosoftのパッケージを購読するメリットの１つかも知れません。 →この後、もう一つ父のPCに問題が発生し（Windows10から勝手にWindows11にアップデートされてしまい、Outlookのメールの送受信ができなくなった、またプリンターも使えなくなりました）、もう一度オンラインチャットでサポートしてもらいました。昨日、今日と３回もサポートしてもらいました💦
夜は最近止まっていたリニューアル版のポートフォリオのコーディングの続き。aタグなのにクリックできないところがあったり、 微調整をしています。今週末は父のPCのトラブル解消で忙しかったため、WEBデザイン学習にあまり時間を割けず、今週のWEB学習時間は10時間でした。週の学習目標時間10時間をぎりぎり達成です。
来週はもっと学習に時間を割けるように頑張ろう。
☆★☆ ☆★☆ ☆★☆
＜6/10（月）～6/16（日）に出来たこと＞
【デザイン】デザイン考察×１つ、バナー文字の座学、LPデザインの座学
【コーディング】ポートフォリオのコーディング続き、WordPressの座学
＜転職活動状況＞
◎4/8に4社応募（WEB関連） →2社書類選考落ち
◎4/10に2社カジュアル面談応募（WEB関連）→1社書類選考落ち
◎4/10に副業案件１件に応募（コーディング）→書類選考落ち
◎4/12に２社応募（WEB関連、英語関連）
◎4/15に2社応募（英語関連）→1社書類選考落ち
◎4/18に3社応募（英語関連）→3社書類選考落ち
◎4/22に1社応募（英語関連）
◎4/23に1社応募（英語関連）→書類選考落ち
◎4/24に3社応募（東南アジア関連）→1社採用枠埋まり済み、1社選考条件満たさず
◎4/25に1社応募（WEB関連）→書類選考落ち
◎4/25にコーディングの副業案件1件応募（コーディング）
◎4/26に5社応募（英語関連）→書類選考落ち3件、返信なし1件
◎5/1に副業案件1件に応募（コーディング）→トライアルに挑戦するも期限までに終えられず断念。努力を認めていただいたのかその後業務委託契約を締結いただけました
◎5/6に副業案件1件に応募（コーディング）→時間差で契約を逃す
◎5/8に2社応募（東南アジア関連）→書類選考落ち1社、返信なし1社
◎5/9に4社応募（WEB関連）→書類選考落ち3社、返信なし1社
◎5/10に6社応募（英語・WEB)→書類選考落ち3社、返信なし2社
◎5/11に1社応募（英語）→書類選考落ち
◎5/13に4社応募（WEB関連）→書類選考落ち3社、条件合わず辞退1社
◎5/14に2社応募（WEB関連：派遣）→書類選考落ち2社
◎5/30に3社応募（WEB関連）→書類選考落ち２社、１社面接済み
◎5/31に１社応募（WEB関連）→書類選考落ち
◎6/4に１社応募（英語）→書類選考落ち
◎6/10に２社応募（英語）→書類選考落ち1社
◎6/12に1社応募（英語）
◎6/15に１社応募（WEB関連）
→54社の求人に応募
（書類選考落ち35社、返信なし10社、辞退1社、その他返信待ち）
→4つの副業案件に応募
（書類選考落ち３つ、１件トライアル後に業務委託契約へ）
＜WEBデザイン学習の時間割＞
☆★☆ ☆★☆ ☆★☆
＜今後の目標＞
★ 2024年6月中に転職活動を終わらせる
★ 2024年6月中にポートフォリオのリニューアルを終わらせる
★ 2024年中に近所の農産物直売所のサイトリニューアル（架空）とレストランのリニューアル（架空）を完成させ、営業をかける
★ 2024年5月末までに今までの経験を活かし、今後にもつなげられる仕事に転職する
★ WEBデザインの学習と制作活動を地道に続けながら少しずつ実績を積む
★ 2024年中に「色彩検定UC級」、「WEBクリエイター能力認定試験」のスタンダードに合格する
・
この記事が気に入ったらサポートをしてみませんか？