ロゴ

2019.8.10

マンガのコマ画像をいい具合に並べた仕事の話

依頼内容

依頼主が「Colorful」というテンプレートを使用して制作していたサイトではマンガを載せていました。1コマが1つの画像でそれが30コマ分、つまり30枚の画像でそのマンガは構成されていました。

依頼主の要望では、PCでは、
「3コマ目」「2コマ目」「1コマ目」
「6コマ目」「5コマ目」「4コマ目」



「30コマ目」「29コマ目」「28コマ目」
と表示させたいとのことでした。

また、スマホでは、
「1コマ目」
「2コマ目」
「3コマ目」



「30コマ目」
と表示させたいとのことでした。

修正後の状態

画面幅が広くなるにつれて1行に入る画像の枚数が1枚、2枚、3枚と変化しているのが分かると思います。正確に言うと、画面幅が500px以下の時は1枚、750px以上の時は3枚、その他は2枚になるように指定しています

(IE対応するのだるくてグリッドレイアウト使わなかったけど、グリッドレイアウト使えればメディアクエリ使わずに簡潔なコードで書けたなぁ)。

画面幅が変わったときのマンガのコマ数の変化

料金・期間

料金:¥3400

今同じような依頼をされたとしてもこの値段で引き受けるとは限りません。

期間:取引開始から終了までは5時間ほどでした。コード打ってた時間は1時間ちょいだったかと思います。

ページURL内容的にちょっとアレなように感じたのであまり公開したくないです...

お問い合わせ

もっと詳しくお聞きしたい点、ご不明な点等何かございましたらTwitterのDMかメールまでご連絡ください。