今週の気になったWEB系ニュース【2023年49週目】

久しぶりの更新になってしまいました💦
週に1回気になったWEBサイトやコーディングの情報をまとめています。

今週は3つお届け!

NewJeans 韓国版公式サイト

image block
PC版TOP スマホアプリのようなデザイン
image block
好きなテキストを入力してNewJeans風のロゴを作ることができる。
image block
ロゴつくってみた。かわち~!
image block
データはこんな感じ。文字をSVG化してそれをPNGに変換してる?誰かわかる方いましたら教えてください。
image block
曲紹介。Unity製の再生アプリを埋め込んでいるのかな?

韓国の5人組ガールズグループ、NewJeansの韓国版公式サイトです。

スマホアプリのようなデザインでPCでもスマホを操作しているようなUIです。

Y2K(Year2000)、平成初期のようなキラキラしたポップな可愛さで女児魂をくすぐられます。下手するとダサくなりそうなデザインですが、グラデーションは淡めで、UI周りのフォントがスッキリしていることでいいバランスになっている気がします。

案件でこうしたレトロなデザインはなかなかできませんが、個人的に好きなテイストです💖

サンリオピューロランド 公式サイト

image block
PCのFV。ヘッダーナビに入り切らないカテゴリはMENUの中に格納されている。
image block
カレンダー。料金ごとに色がつけられていてわかりやすい。
image block
大きめのイベントは個別でLPがつくられるみたい。
image block
多言語サイトもあり。チケットの販売場所や会場案内など主要なもののみ国内と別で用意して、イベントやアクション内容は国内ページに飛ばして自動翻訳使ってねの方式。

サンリオのキャラクターに会えるコミュニケーションパーク、サンリオピューロランドの公式サイトです。いつの間にかリニューアルしていて、さらに可愛く見やすくなっていました。

前からピューロランドは気になっていて、でもおとなになってから誘えるような友達もいなくて行くのを躊躇っています…。来年はダメ元で友達に聞いてみて、興味なさそうでしたらぼっち参戦する予定です 😔

星型のライト振ってパレードみてみたい!あとかわいいフードもたくさん食べたいです。

Three.js調べてみた

WEBページで3Dを扱うためのjsライブラリです。2年ほど前にvrm.jsというThree.jsの応用ライブラリ?(通常はglb、gltf形式しか使えないところvrm形式も使えるようにする)をよくわからず使ったことがあり、今もわからないままだったのでサンプルを少しいじって調べてみました。

blenderで作成した3Dモデルを動かすだけでなく、コードで四角い箱にテクスチャを張ってライト色やシェーダーを当てたり、立体的なパーティクルが表現できたりと様々な使い方があって楽しそうでした。場合によってはスマホから再生すると重い表現もあるのでそこは注意かも。

趣味でサンプルページをつくってみて、大丈夫そうなら実案件でも使っていきたいなと思いました。

さいごに

今週は

  • NewJeans 韓国版公式サイト
  • サンリオピューロランド 公式サイト
  • Three.js調べてみた

の3点でした。

来週も更新頑張ります!継続!