WEB部門での実務経験

実務経験12日目、パララックスはLP制作に必須になる

実務経験12日目

実務経験が始まって1ヶ月半位たち今日で12日目です。

実務が始まった時はサイト修正や会社のサイトの記事を書いていたのですが最近会社の商品ページのLPのコーディングが仕事の9割になってきました。

コーダー的な感じで実際の案件をやらせてくれるし嬉しい事にポートフォリオに使っていいと言ってくれるから嬉しい限りです。

仕事をすればお金を貰えてポートフォリオも充実するって最高ですと言いたいですがいいことばかりではありません。

仕事を教えてくれる人以外は話の輪に入れてくれないから最悪の環境です、、

実務経験38日目、WEB系の企業で女性が多い所は後悔するかも
実務経験38日目、WEB系の企業で女性が多い所は後悔するかも 企業のWEB系で女性が多い所で働くと私みたいに後悔するかも 私が現在働いている会社はWEB制作会社みたいな完全にWEBのみの会社じ...

 

初めてLPを作った

話を戻して先週↓のLPを作りました。

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

illustratorのデータを書き出ししてコーディングするのですがPC用の画面のままだとスマホやタブレットにした時にテキストが小さくなって見にくいです。

だからスマホとタブレット用だけillustratorのデータのレイアウトを変えて書き出ししてレスポンシブデザインにコーディングします。

これをWEB会社に依頼すると25万近くかかるらしいです、驚愕です。

会社からすれば私にバイト代を払うだけだからコスパがいいですよね。

私はポートフォリオが増えて嬉しい、会社はコストが下がって嬉しいからWINWINの関係です 笑

 

書き出しをする時は余白の取り方が大事になる

illustratorのデータの書き出しをする時余白(paddingとmarginの事)の取り方が大事です、左右上下均等に余白を取らないとコーディングした時に並び方が変になります

会社の人が言うには実務を始めた時と比べて上手くなっているそうです。

画像の左右のpadding、上下のpaddingを均等にしています

 

初めて書き出しをした時は「見栄えのどこが変わるんだろう?」と思っていました 笑

 

パララックスって何?

さて、この記事のタイトルのパララックスですが最初社員から言われた時(perfumeの)ポリリズム?と聞き間違えました 笑

響きが似てますから 笑

あっ、jQueryで実装しますが何かというと画面をスライドしてくと左右から現れるカードみたいなやつです。

https://kitchensofubereats.com/にも使われていますがお洒落ですよね。

「これを使ったLPが欲しいので使えるように勉強してください」と言われましたがまだ実装したことないけど「まあやってみるか」って感じです。

みんな最初はできないけど少しずつできる技術が増えてプロになっていきます。

私も勉強しないといけないことがいーっぱいあるけど着実に実力をつけて成り上がってみせます 笑

次の日に実装しましたがコピペを少しカスタムして作りました。

コピペOK!jQueryのパララックスで左右から文章や画像を出す
コピペOK!jQueryのパララックスで左右から文章や画像を出す といった悩みに当サイト(実務未経験からWEBエンジニアへの道のり)の管理人のjonioがお答えします。 ...