WEB部門での実務経験

実務経験13日目、いきなりパララックスの実装したからコピペをした

実務経験13日目、いきなりパララックスの実装したからコピペをした

jQueryはいきなり理解して使うのではなくまずコピペをした方がいい

13日目は仕事をしていたら寒さを感じて喉が痛いから他の部屋で仕事をしたい事を仕事を教えてくれる人に伝えると「コロナウイルスの影響で体調が悪い人はみんな早退させています」と言われて早退しました。

 

書き出しをしてコーディング

帰りの電車で「そういえば昨日LPのコーディングの事を言われたから家でやろう」と思って仕事を教えてくれる人に連絡してデータを送って貰いました。

いつも通りpdfのデータをillustratorで必要な部分だけ取ってきて書き出しして画像にしてコーディングします。

illustratorのデータ。
必要な部分を画像にします。
余白の取り方に違和感がないようにしないといけないです。

 

ラフ画を使ってコーディング

デザインカンプはなく簡単なラフ画(ワイヤーフレーム)を貰いました。

次からは自分でレイアウトをしようと思っていますが自分でやると時間がかかりそうです。

illustratorから画像を書き出ししてコーディングすると配置を考えながらするのでめっちゃ時間がかかります。

デザインカンプではなくLPのラフ画

 

パララックスの実装

前日に「パララックスの勉強をしてて下さい」と言われたのですがいきなり実装になりました 笑

どうせその内できないといけない技術なのでググって↓のサイトからやり方を学んで実装しました。

https://the-zombis.sakura.ne.jp/wp/blog/2019/07/29/post-3829/

 

jQueryは最初はコピペした方がいいと思う

思った以上に実装はすぐにできましたがコピペです。

まずは使えるようになった方がいいのでプログラミングはコピペから入った方がいいと思いました。

wordpressを使ってサイトを作るのが少しはできるようになったと思いますが当然最初は丸暗記のコピーから入ってます。

実装したサイトは↓です、背景色が金色と赤の部分です。(まずスマホの画面を作っているのでPC画面だと違和感があります)

https://hayatakyohei.github.io/pararax/

jQueryはコピペに慣れたら理解してカスタムできるようにしようと思います。