atsuko | デイトラWeb制作学習中

2024年 #デイトラ #WEB制作 #unazuki 受講開始 🖥 |
日々の学習記録をpost💌 | codingを通じた社会貢献を考える☘ |
学習言語：HTML/CSS/JavaScript/PHP/WP | 北海道出身 | 南国・アジア料理・ジェットコースター好き🎢 | 2児の母👦

[atsuko | デイトラWeb制作学習中 @22ak_8]

🥂7/18学習記録 #デイトラ #Web制作 #上級
🔻コーポレートサイトWP化
今度は別のページで画像出ない＋謎の長文英語…明日また粘ります💪
【WP】
・nl2br(esc_html())⇒改行反映
・wp_kses_post() ⇒特定のタグ許可

[atsuko | デイトラWeb制作学習中 @22ak_8]

🍔7/17学習記録 #デイトラ #Web制作 #上級
🔻コーポレートサイトWP化
var_dump()を制作過程でよく使用します🤗🖥️
🟡OUTPUT
【WP】
・$ ⇒ jQuery
*エラー要因となる。
*(function($){ ... })(jQuery); で囲う

[atsuko | デイトラWeb制作学習中 @22ak_8]

🏃‍♀️7/16学習記録 #デイトラ #Web制作 #上級
🔻コーポレートサイトWP化
🔻面談
カスタム投稿トラブル、要因はＪＳ関連でした。
WP方面かと必死でしたが、HTML構造の確認が重要。学びでした⭕️脱・ステレオタイプが課題です！

[atsuko | デイトラWeb制作学習中 @22ak_8]

🍿7/15学習記録 #デイトラ #Web制作 #上級
🔻コーポレートサイトWP化
カスタム投稿の表示トラブル。恐らくコード原因、明日も悩みます😑
【WP】
・管理画面にあるHTMLタグ
＊セキュリティ面の危険性
＊レイアウト崩れ
＊wp_kses_post()⇒一部HTMLタグの許可

[atsuko | デイトラWeb制作学習中 @22ak_8]

🐑7/14学習記録 #デイトラ #Web制作 #上級
🔻コーポレートサイトWP化
納品に向けて、操作手順作成も並行して行っています🖥️
🟡OUTPUT
【WP】
■プラグイン＊Smart Custom Fields＊検証中
・カスタムフィールド内のコード記載OK
⇒echoのみで出力
・セキュリティ面の考慮必要

[atsuko | デイトラWeb制作学習中 @22ak_8]

🍻7/11学習記録 #デイトラ #Web制作 #上級
🔻サイトWP化
プラグイン学習メインでした📚
🟡OUTPUT
【WP】
▫️slug
＊手動設定＞パーマリンクの優先順位
＊post_id⇒SEOとしては△
＊日本語⇒文字化けの可能性
▫️プラグイン
＊XO Featured Image Tools⇒アイキャッチ画像を選定する事で自動表示

[atsuko | デイトラWeb制作学習中 @22ak_8]

@ko_specialone 有難うございます！とても励みになります✨

[atsuko | デイトラWeb制作学習中 @22ak_8]

🐬7/10学習記録 #デイトラ #Web制作 #上級
🔸サイトWP化
夜、あとひと踏ん張りしようと思います💪✨
💠OUTPUT
【静的サイト】
・サイトマップ更新の必要性が生じるときは？
（WPとは異なり、手動での作業が必要）

[atsuko | デイトラWeb制作学習中 @22ak_8]

🖥️7/9学習記録 #デイトラ #Web制作 #上級
🔻サイトWP化
デイトラ＋書籍でWP化📚知らない知識であふれていると痛感します🧐
🟡OUTPUT
【キャッシュ】
・WP：プラグイン/サーバーキャッシュ/ブラウザキャッシュ

[atsuko | デイトラWeb制作学習中 @22ak_8]

💫7/8学習記録 #デイトラ #Web制作 #上級
🔻サイトWP化
タクソノミーがまだまだ勉強不足です📚
🟨OUTPUT
【WP】
・置換要素%⇒単数・複数の違い
・postname/postIDの使い分け
＊パーマリンクが鍵

[atsuko | デイトラWeb制作学習中 @22ak_8]

🎋7/7学習記録 #デイトラ #Web制作 #上級
🔻サイトWP化
🔻コンサル面談
七夕ですが、キムチ鍋を食べて終わりました😉🍴
🟡OUTPUT
【HTML】
・ハッシュ化とハッシュ値の違い
＊integrityとのセット推奨
【WP】
・WP関数：どの箇所が出力対象かの理解
・HTMLとのplaceholder違い

[atsuko | デイトラWeb制作学習中 @22ak_8]

🐑7/4学習記録 #デイトラ #Web制作 #上級
🔻サイトWP化
🔻グーグルアナリティクス導入
🔻面談
少しずつでも積み上げているWEB制作をどのように取り入れるべきかを考え悩んだ１日でした🤗
💛OUTPUT
【ライブラリ】
・独自記載ルールが発生する認識
（ex.jQueryの様に）

[atsuko | デイトラWeb制作学習中 @22ak_8]

🍵7/3学習記録 #デイトラ #Web制作 #上級
🔻サイトWP化
🔻ポートフォリオ制作
理想のswiper実装が実現できず、壁の連続でした😭
🟡OUTPUT
・touchRatio/simulateTouch⇒視認性・操作性UP
・speed/autoplay/delay/slidesPerView違いによる実装の変化

[atsuko | デイトラWeb制作学習中 @22ak_8]

🦥7/2学習記録 #デイトラ #Web制作 #上級
🔸サイトWP化
🔸ポートフォリオ制作
今日はデータベース学習をメインに行いました🖥️
🟡OUTPUT
【WP】
・データベースの見方/種類
・データベース：ハッシュ化必要な個所（user_pass）

[atsuko | デイトラWeb制作学習中 @22ak_8]

🌜7/1学習記録 #デイトラ #Web制作 #上級
🔸サイトWP化
🔸ポートフォリオ制作
🔸コンサル面談
柔軟性のある心で、今後も学習含めて進めていきたいと思います🙆‍♀️
🟡STUDY
【WP】
・データベースdump/var_dump()の違い
・PHP/JSオブジェクト復習

[atsuko | デイトラWeb制作学習中 @22ak_8]

🏃‍♀️6/30学習記録 #デイトラ #Web制作 #上級
毎日必死にポートフォリオ制作中です📚
あっという間に1年の半分が経過ですね😶‍🌫️
🟡OUTPUT
【アクセシビリティ】
aria-controls=操作
aria-expanded=要素の開閉

[atsuko | デイトラWeb制作学習中 @22ak_8]

🍻6/27学習記録 #デイトラ #Web制作 #上級
🔸ポートフォリオサイト制作
週末は少しでも、デイトラ学習に時間をあてたいです🙆

🟨OUTPUT
【動的実装】
・AOS⇒【スクロール実装】point
＊表示領域⇒aos-animate クラス付与
＊適した使用環境とは
・swiper復習

[atsuko | デイトラWeb制作学習中 @22ak_8]

👠6/26学習記録 #デイトラ #Web制作 #上級
🔻ポートフォリオサイト制作
案件・ポートフォリオ・合間学習の日々です📚
【サイト制作】
・aos実装
・absolute定義有要素のJS実装

[atsuko | デイトラWeb制作学習中 @22ak_8]

📢6/25学習記録 #デイトラ #Web制作 #上級
🔻案件：コーポレートサイトWP化
🔻ポートフォリオ制作
息子が嬉しそうに自分の成功体験を語る💪自信につながった背中を見ました😊
🟡OUTPUT
【サーバー】
・サブドメイン/サブディレクトリ設定・アップロード方法

[atsuko | デイトラWeb制作学習中 @22ak_8]

🎼6/24学習記録 #デイトラ #Web制作
🔻案件：コーポレートサイトWP化
🔻ポートフォリオ作成
パンチある洋楽で、眠気を飛ばしあと少し💪
🚩OUTPUT
【WP】
・theme適したフォルダ階層
・開発者・ユーザー側其々のブロックエディタ活用メリット
・既存theme使用のリスク
＊アップデート時注意