ちひろ

Web未経験からフロントエンドエンジニアになるまでの奮闘記👩‍💻 フロントエンドエンジニア | もりけん塾卒

[ちひろ @chihiro7029]

@seventhseven @terrace_tech @seventhseven ありがとうございます！😭😭✨紆余曲折ありましたがやっとスタートラインに立てました🥲今後も成長できるよう頑張ります🙏✨

[ちひろ @chihiro7029]

もりけん塾に入り、フロントエンドエンジニアになる目標を達成しました👩‍💻この数年ひたすらJSを書き続けました。それは私にとって楽な道ではありませんでした。勉強への向き合い方、努力家の塾生の存在、大変でもapprove貰えた時の達成感、それら全て私をエンジニアとして育ててくれたと思っています。

[フロントエンドエンジニア @terrace_tech]

【募集!春の4月生!】
長文ですみません。4月になりましたね。フロントエンドエンジニアを目指す方に無料で教えている弊塾4年目を迎えました
主にJavaScriptを無料で教え続けて4年経ちます。
最初は1人の方にカフェで教えていました。その方はこの春フロントエンドエンジニアになり、卒業されていきました
4月になったので再度募集をかけたいと思います
この4年で多くの方がここに入っては抜けていきまして、今今在籍している方は7人程です。
主にフロントエンドエンジニアになりたいWeb制作者向けに教えていたりします。ここでやってもらうのは37の課題なのですが、実は大事なのは毎日の積み上げだったりします
課題を通してほぼ毎日コミットしていって欲しいのです
GitHubとGitは入ったら全員使ってもらっています。PRの御作法も学びます。コードは私だけではなく皆でレビューをします。やり取りは基本英語です。英語に慣れておくと、ドキュメントを漁ることにも臆することがなくなると考えているからです
制作物はstackblitzを使っていただきます
やり取りはDiscordでします。Discordのボイスチャンネルでもくもくしてもらい、課題中はご自身のtimesの中で呟きます。そうすることで詰まっていることや悩んでいることがある場合は皆で助けることができます
- このコミュニティに入る方は #駆け出しエンジニアと繋がりたい をよく使うような駆け出しの方であること、
- 今時点で学習習慣がついていること(Twitterからそれがわかること)、
- ある程度Twitter運用してきているアカウントだということがわかること
- 本名と本人写真のアイコンでやり取りできる方
- 他の無料有料のコミュニティに入っていないこと
等がMUSTになります。(他にもありますが多くはこれです。理由を聞きたい場合はDMでお答えします)
最近では「Web制作塾」「英語塾生」というのもありますので詳しく聞いてみたい方もご連絡ください

弊塾は課題だけやっているわけではなく、最新の流行をキャッチアップする勉強会を定期的に開いています
過去勉強会はこれらです
Astro, Vite, Jest, Volta, CodeWars, CSS Grid, Twailwind CSS, Git(conflict, rebase, gitとは), reduce, Global State vs Local State, __proto__ vs prototype 等

もしあなたが話を聞いてみたいと感じた場合は、こちらをこのツイートに対して何かしらのアクション(フォロー、RT,いいね、リプ等)をした後にDMください。それにてエントリーとさせていただきます(話を聞いてみたい対象者だけに返信をいたします)

普段一人でもくもくされている方、是非仲間一緒に学んでいきましょう。私も学ばせていただきます
4月から学習を始めたい方のエントリーをお待ちしています
#駆け出しエンジニアと繋がりたい #駆け出しエンジニア #もりけん塾

[ちひろ @chihiro7029]

あんなにぽんこつだった自分が毎日ひたすら積み上げを行なって(きつくて逃げる日もあったけど)、とにかく続けて、いつの間にかコードを書くことや、技術へ向き合う姿勢、自然と自信が持ててる自分がいてそれはこの塾の経験のおかげです。フロントになりたい方はぜひ🌞

[ちひろ @chihiro7029]

塾生はとっても優しいです。そしてものすごく努力家です。切磋琢磨できる仲間でもあり、その存在がとても眩しくてお尻を叩かれます、自分も負けずにがんばらねばと思わされる。どんどん先行く皆に置いてかれないように必死でついていってました。本当に尊敬できる人達です。

[フロントエンドエンジニア @terrace_tech]

【募集!春の4月生!】
長文ですみません。4月になりましたね。フロントエンドエンジニアを目指す方に無料で教えている弊塾4年目を迎えました
主にJavaScriptを無料で教え続けて4年経ちます。
最初は1人の方にカフェで教えていました。その方はこの春フロントエンドエンジニアになり、卒業されていきました
4月になったので再度募集をかけたいと思います
この4年で多くの方がここに入っては抜けていきまして、今今在籍している方は7人程です。
主にフロントエンドエンジニアになりたいWeb制作者向けに教えていたりします。ここでやってもらうのは37の課題なのですが、実は大事なのは毎日の積み上げだったりします
課題を通してほぼ毎日コミットしていって欲しいのです
GitHubとGitは入ったら全員使ってもらっています。PRの御作法も学びます。コードは私だけではなく皆でレビューをします。やり取りは基本英語です。英語に慣れておくと、ドキュメントを漁ることにも臆することがなくなると考えているからです
制作物はstackblitzを使っていただきます
やり取りはDiscordでします。Discordのボイスチャンネルでもくもくしてもらい、課題中はご自身のtimesの中で呟きます。そうすることで詰まっていることや悩んでいることがある場合は皆で助けることができます
- このコミュニティに入る方は #駆け出しエンジニアと繋がりたい をよく使うような駆け出しの方であること、
- 今時点で学習習慣がついていること(Twitterからそれがわかること)、
- ある程度Twitter運用してきているアカウントだということがわかること
- 本名と本人写真のアイコンでやり取りできる方
- 他の無料有料のコミュニティに入っていないこと
等がMUSTになります。(他にもありますが多くはこれです。理由を聞きたい場合はDMでお答えします)
最近では「Web制作塾」「英語塾生」というのもありますので詳しく聞いてみたい方もご連絡ください

弊塾は課題だけやっているわけではなく、最新の流行をキャッチアップする勉強会を定期的に開いています
過去勉強会はこれらです
Astro, Vite, Jest, Volta, CodeWars, CSS Grid, Twailwind CSS, Git(conflict, rebase, gitとは), reduce, Global State vs Local State, __proto__ vs prototype 等

もしあなたが話を聞いてみたいと感じた場合は、こちらをこのツイートに対して何かしらのアクション(フォロー、RT,いいね、リプ等)をした後にDMください。それにてエントリーとさせていただきます(話を聞いてみたい対象者だけに返信をいたします)

普段一人でもくもくされている方、是非仲間一緒に学んでいきましょう。私も学ばせていただきます
4月から学習を始めたい方のエントリーをお待ちしています
#駆け出しエンジニアと繋がりたい #駆け出しエンジニア #もりけん塾

[ちひろ @chihiro7029]

昨日やったこと
課題29修正
クラス名で要素取得してた箇所とdata属性で取得したのが混在してたので統一し、不要なものは削除した👀

#もりけん塾
@terrace_tech

[ちひろ @chihiro7029]

@terrace_tech すごい修正してるふうに見えるけど、すごく基本的なことばかりだ..! 😇

[ちひろ @chihiro7029]

金土やったこと
課題29修正途中

- ログイン画面中のヘッダーは共通にする
- aタグの使用はbuttonに変更、それに伴いCSS修正
- CSS記述の統一
- idの重複修正
- labelタグとinputの紐付け
- autocomplete属性はnewではなくcurrent
- forEach内の引数名が参照と被ってる

#もりけん塾
@terrace_tech

[ちひろ @chihiro7029]

昨日やったこと
JS課題29PR

@sae_prog さん、@websen5 さん、@fuwafuwahappy さん、@mai2022web さん、お忙しい中レビューいただきありがとうございます！🙏✨沢山の人に見てもらえると嬉しいです🌸

@terrace_tech
#もりけん塾

[ちひろ @chihiro7029]

昨日やったこと
JS課題29取り組み

- コンテンツページ内にスライドショーを入れてページ内のCSSを整えた
- メールアドレス変更ページ作成
-トークン確認を追加

ここまでで一旦PRかな…JS全然書いてないけど😇

#もりけん塾
@terrace_tech

[ちひろ @chihiro7029]

昨日やったこと
レビュー
課題29初期化
課題29取り組み

一旦、前回まで入れてなかったスライドショーを入れたり、命名が前の乱雑なままなのが気になって整えたり、CSS調整してたら終わった🙂

#もりけん塾
@terrace_tech

[ちひろ @chihiro7029]

長いこと時間をかけてしまった課題28をやっと完了することができました。この課題を始めたあたりから仕事のタスクがきつくなり、課題に向き合うモチベーションを下げまくり、本当に少しずつ進めてやっと完了…🥲

[ちひろ @chihiro7029]

週末やったこと
制作塾レビュー
JS課題レビュー
バリデーション修正
→PR
→approve🏅

@fuwafuwahappy さん、@mai2022web さん、いつもレビューありがとうございます🙏✨大変勉強になりました🥳

@terrace_tech
#もりけん塾

[ちひろ @chihiro7029]

昨日やったこと
バリデーション改善他ページに適用
PR作成途中

共通関数として適用させ動作確認👀

#もりけん塾
@terrace_tech

[ちひろ @chihiro7029]

昨日やったこと
バリデーション問題修正
codewars

やりたかったバリデーションの動きを実装しました👩‍💻ログイン画面、会員登録でも問題なく動くか確認して、PR出したい。

#もりけん塾
@terrace_tech

[ちひろ @chihiro7029]

土日やったこと
JS課題レビュー
バリデーション箇所修正
codewars

#もりけん塾
@terrace_tech

[ちひろ @chihiro7029]

昨日やったこと
- JS課題28④merge🏅
- PW表示非表示ボタンでバリデーション走ってしまう問題考える
- e.relatedTargetの調査

色々シェアいただき大変勉強になりました👼✨

#もりけん塾
@terrace_tech

[ちひろ @chihiro7029]

- PW入力は入力必須、PWパターンの確認、もし確認用PWが入力されてたら、値の比較
- 確認用PWは入力必須かつ値が入っていた場合は上のPWと比較する

確認用PWにはPWパターンのバリデーションをあててたのを外した為入力しただけでvalid となってしまっていた。値がある場合上と比較するように追加した

[ちひろ @chihiro7029]

昨日やったこと
- JS課題28修正
- 制作塾レビュー
- codewars 1問

バリデーションの修正をあれやこれややってたら何が正解か迷走してしまいちゃんと向き合った😇ロジック考えて組めるようになるの課題。

#もりけん塾
@terrace_tech

[ちひろ @chihiro7029]

昨日やったこと
制作塾レビュー
JS課題レビュー
codewars (解けず)

実務でやったことあったスクロールバーカスタマイズを提案してみました🫡

#もりけん塾
@terrace_tech