WEB部門での実務経験

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

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

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

 

ラフ画と書き出しをしてコーディング

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

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

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

 

デザインカンプを使ったことがない

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

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

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

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

 

普通はデザインカンプがあってコーディングをするはずなのですが私が実務をしている会社は製作会社ではないのでデザインカンプをまず作らないです。

このあとも一度もデザインカンプがないのでデザイナーが作らないので作る気がないのでしょう。

「何のためのデザイナー?」とずっと思います。

一般企業は最初の実務を積むにはいいかもしれないですが一定の所で実力が止まる気がするのでずっといる気はないからいいですが。

実務経験35日目、WEB業界の製作会社で働いた方が実力が上がる
実務経験35日目、WEB業界の製作会社で働いた方が実力が上がる WEB系の技術力を上げたいならどこで実務経験を積んだ方がいいかを解説 私が実務経験を積んでいる所は元々WEBの部門がなくて最近立ち...

 

パララックスの実装

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

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

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

できたLPは↓です。

https://kyohayata.github.io/jealous/

 

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

思った以上に実装はすぐにできましたがコピペでjQueryは最初はコピペから入ったほうが楽だと思いました。

Twitterでも↓の感じです。

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

そのサイトでwordpressを使ったブログサイトの作り方を解説しています。

私が作ったコーディングデータを元にオリジナルテーマを作ります、全て無料で使えます。

ここからサイトに飛べます

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

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

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