スマホ紹介サイトのスマホ情報を発売日順に並び変え、写真のサイズを統一した - ポートフォリオ詳細 | ryoo_s_s | Webデザイナー・マーケッター | クラウドソーシング「ランサーズ」

サイトマップ
For 発注者

りょー (ryoo_s_s)

スマホ紹介サイトのスマホ情報を発売日順に並び変え、写真のサイズを統一した

【依頼された修正箇所】
1.ばらばらに並んでいた各スマホの情報をスマホの発売日順に並び変える
2.各スマホ写真のアスペクト比(縦横比)が異なっていて幅を同じにすると高さが不均一になってしまうため、そこを修正


【画像】
左画像は修正箇所1のみを修正した状態。右画像が修正箇所1と2を修正したもの。


【修正方法】
●修正箇所1
各スマホの詳細情報がJavaScriptの配列の形式で格納されていました。その詳細情報の中に発売日のデータを追加しました。このページ(https://www.p-nt.com/technicblog/archives/58)の方法を参考に、発売日のデータを使って日付順に並び変えるためのコードを追加しました。

●修正箇所2
擬似要素にpadding-topを指定して、画面幅が変わってもアスペクト比が固定されたまま要素のサイズが変化するテクニックを使いました。スマホ画像を表示させているimgタグの親要素のサイズの横幅はすべて一緒なので、この要素にそのテクニックを使うことで、全ての写真の高さが揃いました。


【料金】
500円
*現在同じようなものの制作を依頼されたとしても500円前後の値段でお引き受けしません。なぜなら、この依頼を受けた時期は実績が欲しかったので、料金を低めに設定していました。そうすれば、実績のない僕にも依頼しやすくなるのではないかと思ったからです。


【期間】
取引開始から終わりまでは2.5日ほどかかりましたが、その中で僕のコーディング作業時間は2時間もなかったと思います。依頼主さんから依頼内容を詳しく聞いたり、納品後に確認してもらったり、修正方法の説明などのやり取りをしていたため、トータルで2.5日ほどかかりました。


【その他】
・もっと詳しくお聞きしたい点、ご不明な点等何かございましたらお気軽にご連絡ください。
・下のURL先のページでもこの依頼について解説しています。書いてあることはほとんど一緒です。
https://ryoo.info/requestDetail/request2/request2.php

https://androidsp.web.fc2.com/

一覧に戻る

20代前半男性 茨城県

最終ログイン 2020年3月22日

本人確認
機密保持確認
電話確認
ランサーズチェック
希望時間単価
3,000 円 / 時間
状況
仕事できます

実績サマリー

報酬額
0 円
受注数
0件
作業数
0件
プロジェクト完了率
---%
タスク承認率
---%

ユーザー情報

登録日
2018年11月14日
ユーザー名
ryoo_s_s

このランサーに似た他のランサーを探す

このランサーに関連した他の仕事を探す