• HOME
  • 記事
  • 体験記
  • 『HPが思った以上に早く作れたのは自信になります。』須藤慶子さんのプロスク体験記

『HPが思った以上に早く作れたのは自信になります。』須藤慶子さんのプロスク体験記

須藤慶子さんの自己紹介♪

お仕事

WEBデザイナー
デザスクサポーター

叶えたい目標

コーディングまでのLP一括受注。
ママwebデザイナーはコーディング苦手な人多いので得意を活かして人の役に立ちたい。
phpの問合せフォーム組み立てられるぐらいになりたい。

趣味・好きなこと

DIY、模様替え、イラスト、ドラマ、最近はどうぶつの森

意気込み♪

コーディングをしていてパズルを解いてる様で楽しいと思っていました。
60日間、積極的に取り組みながら楽しく学んでいきます。
よろしくお願い致します。

Lesson0,1を受講して

独学で学んではいましたが、どうしてもわからない部分が解消できずにいたので、プロスクの開講を知った時は本当に嬉しかったです。

今までは分からないことをとにかく検索して、当てはまるのを探していました。

でもレッスンを通してコーディングの階層について知って、実際に手を動かしながらコーディングを実践できたことで理解が深まりました。
つまずいた時に1つ1つレッスン動画を確認しながら行えたので、学びが深くなりました。

毎週1回の安部先生との個人カウンセリングでは、疑問に思ってることをすぐ解決してもらえました。
疑問を残さずに次の課題に進めたことがすごく良かったです。
レッスンの質問だけでなく、個人的なコーディングに対する悩みも聞いてくださって、毎週の楽しみの時間になりました。

コーディングでは今までSublime TextやDream Weaverを使ってましたが、
安部先生お勧めのAtomを教えていただいたとおりにカスタムするととても使やすかったです。

コーディングがさらに楽しく感じました!

Lesson2,3を受講して

Lesson2,3はかなりのボリュームがありましたが、すごく一つ一つの動画が勉強になりました。

LPでよくみるボタンが動いてるのはこれだったのか!とか、
わかってるようでわかってなかったfloatとか、
色々なことを学べました。
他にもにどんなcssがあるのか、勉強の息抜きで探すのも楽しかったです。

実際にコードを書いてみて動かしてみて、動かなかった時は間違い探しをするのですが、Lessonが進むにつれて早くミスに気付けるようになってきました。

全部がLesson4に続く大事な動画だったので、Lesson2とLesson3を何度も見直して、理解をさらに深めたいと思います。

Lesson4を受講して

いよいよ実践的なコーディングで、最初にマークアップ計画を紙に書いてから始めました。

htmlはそこまで時間はかからなかったのですが、cssで何度も今までのレッスンを見返しました。
必要なコードが書かれていないと気付いては後から付け足して、若干ちぐはぐしていますがなんとか完成しました。

今まではネットのコピペが多かったですが、ちゃんと自分で理解できてコーディングできたので、充実感でいっぱいになりした。

見本と答え合わせして、ちぐはぐコーディングではなく、誰が見ても管理しやすいコーディングを目指そうと思いました。

時間的には12時間ぐらいトータルでかかってるので、もっとサクサクできるよう、またレッスン見返して自分のものにしていきます。

Lesson5,6を受講して

Lesson5,6は前から学びたかったjQueryだったので、すごくワクワクしました。

しかし初めは数式に慣れず、何度も見返しては書き直して苦戦しました。
Lessonを進める中で関数には慣れましたが、基準をどこに置くかといったことをいまいちまだ掴めきれてないので、繰り返し動画を見直して、手を動かしながら再度学んでいこうと思います。

よく見てたホームページでこのjQueryが使われてたのかと思うと、これを習得したらコーディングの幅が広がるなと思ます

大変でもありますが、しっかり覚えていきたいと思います。

Lesson7,8,9を受講して

使い慣れてるフォトショップにこんな機能があったのか!とビックりする内容もあったLessonでした。
またSEOの基本的なことまで学べ、なんてお得な講座なんだろうと思いました。

photoshopの画像の切り出しに関しては仕事で使ってはいましたが、効率的な方法を知ることができて、すごく為になりました。

Lesson9は画像メインのLPだったので、動画をみながら手順をしれ、すごく勉強になりました。特に問い合わせフォームはこの後も生かせるので、何度か見返しました。まずは自分でコーディングできた満足が大きかったです。

Lesson10を受講して

最終課題のLPはゼロからの作成で、なるべく背景画像はcssで記述しながら見本をに近づけるコーディングでした。

htmlとcss実装は終わっても、細かいところが見本と同じくなりませんでしたが、先生との個別カウンセリングのおかげで解決することができました。

最後にjQueryとメディアクエリを残し、コードを書いてみたものの動かないということが何度もつづき、その度にやり直しました。

ケアレスミスもあったりと、作業時間は長くなってしまいましたが、完成できたときの達成感はすごく大きかったです。

LPでハンバーガーメニューに苦戦したおかげで、クッキングのHPではサクサク作成できました。
HPが思った以上に早く作れたのは自信になります。

jQueryがまだ一から実装はまだまだ難しいですが、今後のために復習していきたいと思います。

https://youtu.be/6zW9SD2wJA8

関連記事一覧

  • コメント ( 0 )

  • トラックバックは利用できません。

  1. この記事へのコメントはありません。