あやか｜Webコーダー

読みやすく整った実装を追求するWebコーダー｜CSS設計、FLOCSS、SEOを極める｜「好奇心のまま・自由に・楽しく！」を理想にかかげてる猫好きアラサー女子｜気付きや試行錯誤ログなどを発信中🌟

[あやか｜Webコーダー @aya_k_web]

7月から #RyoHack に参加します！

Web制作の勉強を続けながら

本当に収益化できるのかな？
営業未経験でもやっていけるのかな？

と不安になることもたくさんありました

でも考えているだけでは何も変わらないので
思い切って飛び込むことにしました！

焦らず、
一歩ずつ積み上げていきます💪🏻🔥

[あやか｜Webコーダー @aya_k_web]

今日は #RyoHack で「実務での学びをシェアする会🤝」に参加しました✨

交流会を通して、「積極的に提案する姿勢」が大事なんだなあと感じました！

また、コーダーからアニメーションを提案したり、PCカンプをもとにタブレット・SPまで考えて実装したりすると、デザイナーさんにとってもすごく助かる、というお話が印象的でした👀

私はまだ学習フェーズですが、実務に入るまでに提案の「引き出し」を少しずつ増やしていきたい！

まずはWPまでの学習を終わらせて、そのあとアニメーションの知識や実装経験を積み重ねていこうと思います💪

あおさん（@sakuao_Dz）、シロさん（@shiroWork79）、
素敵なお話をありがとうございました😊

[あやか｜Webコーダー @aya_k_web]

8時・12時・18時にスマホのアラームをセットして、それぞれの学習の「終了時間」に気づけるようにしてみた⏰

特に午後の学習が長引くと夕飯→お風呂→寝る時間まで全部後ろ倒しになりがちで、次の日の体調にも影響が出るときがあるから悩んでたんだよね😂

でもこのアラームが思った以上によかった！

頑張って長くやるより、生活や体調と両立しながら続けられる形を作るのも大事だな〜と実感🌱

#Web制作

[あやか｜Webコーダー @aya_k_web]

先週の積み上げ📚

こうして振り返ると、なかなか頑張ったのでは…！👀

ただ、夢中になると休憩を忘れがちなので、今週から50分集中＋10分休憩のポモドーロを取り入れてみてます💪
疲れを感じにくくなった気がする！

今週はちゃんと休憩も挟みつつ楽しみます🙌

#Web制作

[あやか｜Webコーダー @aya_k_web]

２時間かけてSwiperできた！😂

見た目の調整は明日に持ち越し～👋

#しょーごログ　#Web制作

[あやか｜Webコーダー @aya_k_web]

今日の #Ryohack でのPlaywright MCPセミナー、めちゃくちゃ面白かった！✨

WordPressの管理画面をAIが自動操作することにもワクワクしたけど、1番刺さったのはひろむさん（@hiromu_wbung ）の

「めんどくさい、は宝物」
という言葉🌟

「“めんどくさい”に徹底的に向き合う」という姿勢、真似していきたい！

私自身、効率化や仕組み化を考えるのが好きなので、まずは日々の学習や作業の中にある「めんどくさい」を見逃さず、AIに相談してみるところから始めます💪

学習中の今だからこそ、「面倒だから我慢する」ではなく「これ、改善できない？」と考える癖をつけていく！

素敵なセミナーをありがとうございました😊✨

[あやか｜Webコーダー @aya_k_web]

今日も引き続き、 #しょーごログ 中級編のコーディング！

「作業時間の見積もりが甘かったかなあ」と思ったけど、スタイルは簡単なセクションを一気に終わらせたので、なんとか目標の３日間でサーバー公開までいけそうな雰囲気👀

１番の難敵はSwiperと、ベースコードに書いてあったレスポンシブのmixinの理解。
今まで自分で使ってたmixinと全く違うから、まずは仕組みを理解して、今回の課題で使えるようになりたい！💪

こんなときに魔法の言葉を唱えるといいって聞いたことある

「面白くなってきたぜ・・・！」

#Web制作

[あやか｜Webコーダー @aya_k_web]

今日から #しょーごログ 中級編！

始める前に #沼脱 で配布されてるベースコードを自分なりに整えたり、Cursorにスニペットを登録してからスタートしました✨

目標は３日間でサーバー公開まで終わらせること！

ということで、作業時間の見積もりをして予定も立ててみた💪

どこまで予定通り進められるかも含めて、実践してみます！

#Web制作

[あやか｜Webコーダー @aya_k_web]

@Ryo_web_cording ありがとうございます✨✨

[あやか｜Webコーダー @aya_k_web]

🎉『jQuery標準デザイン講座』完了！

りょーさん（@Ryo_web_cording）に
「サラッとやってすぐアウトプットに！」
とアドバイスいただいたので、Notionにはまとめず２日間でやりきりました！

そのかわり
「なぜこの処理をするのか」
「この値はどこから来たのか」等を
自分なりの言葉でコメントアウトしながら進めたから
理解がより深まった気がする🌟

明日から #しょーごログ 中級編に進む予定です💪

#RyoHack

[あやか｜Webコーダー @aya_k_web]

@YukiYukiweb2022 こちらこそ今日はありがとうございました！

私もゆーきさんの背中を追って頑張ります💪

[あやか｜Webコーダー @aya_k_web]

#RyoHack でゆーきさん（@YukiYukiweb2022）の
「兼業で毎月10-15万稼ぎ続けている秘訣セミナー」に参加しました！

・コツコツ長期戦でやっていく
・コーディングと他スキルの掛け合わせが強い
・時間のやりくりをして作業時間を捻出する

など、貴重なお話をたくさん聞けて嬉しかったです😊

[あやか｜Webコーダー @aya_k_web]

今日からjQueryの学習をスタートしました！

しょーごさんのロードマップにあった『jQuery標準デザイン講座』で、Chapter4まで完了✨

実際に自分で手を動かして、自分なりの解説をつけながら進めてるので、理解度は上がっているはず🤔

今回はNotionにまとめず、サラッと学習します！

#Web制作

[あやか｜Webコーダー @aya_k_web]

今日は『HTML+CSSコーディングの強化書』で学んだことをNotionにまとめてました！

ChatGPTに相談したことをリストアップ
→残したいものだけをピックアップ
→詳細を出力してもらう
っていう流れで、
ときどき他の参考記事を探しにいったり💭

明日からはJavaScriptかjQueryを始めます🌟

#Web制作

[あやか｜Webコーダー @aya_k_web]

@ws_shirochan 不思議ですよね😂

[あやか｜Webコーダー @aya_k_web]

『HTML+CSSコーディングの強化書』Chp.6の総合演習、６日間で全部完了しました～🎉

それぞれの作業時間は見積りどおりにはいかなかったけど、合計時間はだいたい同じくらいになった！

あとはNotionにChatGPTに相談したことをまとめて、次の教材に進みます🍀

#Web制作

[あやか｜Webコーダー @aya_k_web]

今日は『HTML+CSSコーディングの強化書』の下層ページを4つ完了できて、5つ目のスタイルも9割できた✨

ブログ詳細ページの実装ではWordPressで入力することを意識するから、要素間の余白の取り方に悩んだりしたけど、うまくできたと思う！

残り6ページ、明日もコツコツやっていきます💪

#Web制作

[あやか｜Webコーダー @aya_k_web]

修理から戻ってきたPCの環境構築がひと段落🙌

今回を機に、Cursorの設定やスニペット、開発環境のバックアップ方法も見直さなきゃ…！

とりあえずCursor、Git、Cliborとかは復旧できて、
スニペット登録はこれから！
前にどんなの入れてたんだろ😂

でも明日からまた学習にがっつり集中できるよ💪

[あやか｜Webコーダー @aya_k_web]

今日は下層ページの商品一覧ページを1ページ実装完了！

パンくずリスト、カテゴリナビ、商品カード、ページネーションまで組み込みました🙌

共通コンポーネントを使い回しながら、FLOCSSの役割分担も少しずつ掴めてきた気がする！

少しずつページが増えていくの楽し～✨

#Web制作

[あやか｜Webコーダー @aya_k_web]

『HTML+CSSコーディングの強化書』総合演習のトップページが完了～🎉

共通レイアウトと汎用コンポーネントを最初に作ったから、いつもより楽だった！
JSもAIに手伝ってもらって書いてみたよ✨

FLOCSSのスキルも磨かれてる気がする😊

明日は下層ページをどんどん書いていく予定💪

#Web制作

[あやか｜Webコーダー @aya_k_web]

今日も『HTML+CSSコーディングの強化書』！
下層ページのあるコーディングは２回目で久々✨

「最初に共通レイアウトと汎用コンポーネントの実装を」
って指示だったけど、この手順は初めての取り組み

思ったより時間がかかって見積りどおりには進まなかった😭

でも明日はスピードアップできそう！