maya @Web制作

毎日の積み上げ記録用🗓 #デイトラ #Web制作

[maya @Web制作 @o87_mm]

本日、WEB制作コースの卒業制作課題の結果が来ていて、無事に合格することができましたー！！しかも満点…！🥹💯
うれしいぃぃ😭✨難しすぎて何度も挫折したし時間かかりまくったけど、諦めないで地道に進めてきてよかった🌈
次はWEBデザインを学びつつ、0⇒1達成を目指します🔥

#デイトラ #WEB制作

[maya @Web制作 @o87_mm]

Webデザイン DAY4 📚1h

デザインをする上で必要な力
◎見る力
⇒なんとなく見るのではなく意識して見る
◎言語化する力
⇒なぜそのデザインが良いと思ったか？を言葉にして言語化する
惹かれるデザインを見たら、なぜ気になったのか？を意識して言語化していこうと思います👀
#デイトラ #WEBデザイン

[maya @Web制作 @o87_mm]

Webデザイン DAY3 📚1h

赤⇒エネルギッシュ
青⇒知的な印象

など、色が与える印象はざっくり知っていたけど、色相の他にも彩度・明度・色の組み合わせ等で与える印象が変わるのが面白かった🤔

どんな印象を与えたいかということも踏まえて、デザインしていこうと思います✍️
#デイトラ #WEBデザイン

[maya @Web制作 @o87_mm]

卒業課題制作 📚1h

・サービスページのFAQをカスタムフィールドで表示＋未入力の場合は非表示にさせる処理完了！
⇒ get_field()で取得し、実際に表示されてる事を確認！本格的なサイトっぽくなってきて楽しい😆

明日は、WordPress化した影響で微調整が必要な所を直していく！✊🏻
#デイトラ #WEB制作

[maya @Web制作 @o87_mm]

卒業課題制作 📚1h

・ヘッダーメニューのトップページへのリンク修正
・サービスページのFAQをカスタムフィールドで作る(途中)

チェックの段階で仕様書みたら抜け漏れが多い〜😭1つずつクリアしていくぞ〜🥹

[maya @Web制作 @o87_mm]

Webデザイン DAY2 📚1h

画像がマスクできない！と焦ってたら、フレームの塗りで画像配置してました😅

〜今日の学び〜
・画像をドラック＆ドロップした場合は、画像オブジェクトとして配置されるのでマスクできる🙆🏻‍♀️︎

・塗り→画像を配置した場合は、背景画像になるのでマスク出来ない🙅🏻‍♀️

[maya @Web制作 @o87_mm]

0から始めるWebデザイン DAY1 📚1h
Figmaの基本操作を勉強しました🙌
WEB制作コースでも少し使っていたので、出だしは問題なさそう☺️

昨日、デイトラの学び放題講座を滑り込みで購入🫣ずっと気になってたWebデザインの他に、マーケティングなど気になるものばかりで寄り道しちゃいそう…😂
#デイトラ

[maya @Web制作 @o87_mm]

卒業課題制作 📚1h
SEO SIMPLE PACKを使って、各ページにdescriptionを設定。ページごとに設定の仕方が違って混乱😵‍💫チャッピーに助けを求めながら何とか設定できました🥹

・フロントページ⇒SEO PACKの基本設定
・固定ページ⇒固定ページ一覧から編集
・導入事例一覧⇒functions.php

#デイトラ

[しょうへい｜デイトラ代表 @showheyohtaki]

何事もそうだけど、ゼロから初心者になるのは楽しく簡単なんです。難しいのは、それを仕事レベルまで昇華させるステップ。

そこで「面白くない」「向いてないかも」と他のことに目移りしてると、永遠に何にも極まりません。

その苦しみは成長痛です。安易にやることを変えないように。がんばろう！

[maya @Web制作 @o87_mm]

10/14 記録🗓4h

〇卒制 静的サイト page-name終了

就活でポストサボりがちでしたが、卒制は地味に進めてます🫣

これでいいのかと迷いながら、色々なサイトを参考にしてFLOCSS書いております🥹時間がかかってしょうがないけど、使い回すものはパーツ化していく作業が楽しくなってきた✊🏻

#デイトラ

[maya @Web制作 @o87_mm]

10/15 訓練校🏫6h

〇wordpress オリジナルテーマ作成
反映されなくて焦っていたら、we_footer()がget_footer()になってた😂初歩的なミス💦

WP教科書見ながら振り返るとより分かりやすい🥹あと１ヶ月で卒業だけど、訓練校での最終課題作る時にwordpressのテーマ化まで行きたいな…💭

#訓練校

[りょー｜フリーランス @Ryo_web_cording]

【⚠️重大告知⚠️】

『コーディング 沼からの脱却
〜超実践的スキルを身につけワンランク上のコーダーへ〜』

を 10/9 (水) 21:00 にリリースいたします‼️

🌱内容について
￣￣￣￣￣￣￣￣
✍️ひと通りスクールや教材で基礎を身につけた方へ向けて「実務で必要な実装方法」について解説しております。
解説動画に加えてスニペットや時短のためのコードストックもつけており、

『学びながらコードストックやスニペットの登録ができる』

一石二鳥の教材となっております‼️

✍️現役コーダーの私が実務で制作した100以上のサイトから『頻出する実装を厳選』し、解説動画110本と、200以上のスニペット用コードをまとめてご提供いたします‼️

そして、今後もしばらくコーダーとして活動していきますので、新しい実装や追加の知識が出てきたらリアルタイムでアップデートしていきます‼️👊

🌱特典ついて
￣￣￣￣￣￣￣￣
さらに下記特典が付いております✨
1️⃣ 購入者限定LINEから追加教材のリクエスト可能📩
2️⃣ 月１回、ライブコーディングや質問回答会実施💻
3️⃣ 最低でも月1ペースでアップデートを行い、購入者は永久に無料で追加教材を見ることができます👀

私もコーダーとしてさらにアップデートを重ねる必要があると感じておりますので、それを惜しみなく皆様に共有し、一緒にスキルアップをしていけたらと思っております🔥

※ 先行割引販売について
　=========================
　　リリースから3日間のみ
　　限定価格で販売いたします‼️
　=========================
気になってくださっている方は通知オンや各自リマインドの設定を行っていただき、見逃さないようにお願いできればと思います🙇‍♂️

※ 拡散のお願い
本コンテンツは独自のshopifyサイトを通してのみで販売することで販売手数料を抑え、皆様へよりお手頃な価格でのご提供を実現しております。

より多くの方に見ていただきたいので、このポストやリリース時のポストにリプや、引用RT等で反応していただけると大変嬉しく思います。
ご協力のほどよろしくお願いいたします🙇‍♂️

👇動画制作 : @mm_riho0924 さんです✨

[maya @Web制作 @o87_mm]

10/3 記録🗓8h

✅news.html 完成

projectとlayoutがごっちゃになって、やり直してるうちにかなりの時間が経ってしまった😂

見た目を整えるpaddingなどはprojectとして。サイト全体のレイアウトを調整したりするときはlayoutとしてscssを作成✍️
やってくうちにだんだん理解出来てきた🔥

#デイトラ

[maya @Web制作 @o87_mm]

10/2 記録🗓0.5h

✅headerのprojectのコンポーネント作成

昨日は体調不良で卒制は翌日に頑張ることにして早く寝ました😖🌀ここ3年くらい、毎年この時期に突発性難聴になるのでお医者さんに原因を聞いたら、ひどい肩こりによる血行不良も関係あるかもとの事😱

運動する時間作るようにしないとです🫥

[maya @Web制作 @o87_mm]

@hachicoo_0808 ありがとうございます︎💗
なかなか厳しいですが、めげずに頑張ります🥹

[maya @Web制作 @o87_mm]

@hachicoo_0808 ライディングもですか！！
Web制作って感じですね👩🏻‍💻✨
私も就活頑張らなくては〜( ´›ω‹｀)

[maya @Web制作 @o87_mm]

10/2 訓練校🏫6h

✅模写コーディング 3サイト
0から作成ではなく、事前にクラス名が割り当てられたコードを読み取って、CSSを当てていく作業が地味に大変😖

こっそり自分が分かりやすいクラス名に書き換えたり、sectionをdivで括ったりして対処しました🤫

#職業訓練校

[maya @Web制作 @o87_mm]

10/1 記録🗓1.5h

✅卒制 projectのコンポーネント作成

FLOCSSを動画で学習してる時は、絶対無理〜分からん〜😂ってなってましたが、実際やってみると案外勧められたし、パーツごとにまとめていく作業が楽しかった😳

共通のパーツ作ってから、各ページ作成に着手します🙌

#デイトラ

[maya @Web制作 @o87_mm]

10/1 訓練校🏫6h

✅模写コーディング 6ページ
答え見ずにコーディングできました✊🏻 ̖́-

ついに訓練校も来月で卒業…
現在まで10社受けたけど9社書類選考、1社面接落ち。メンタルやられるぅぅ😂

#訓練校
#転職