コーポレートサイトリニューアルの裏側を公開!〜VASILY DEVELOPERS BLOGが公開されました〜

こんにちは、広報の坂井です。

7月28日(金)、VASILY DEVELOPERS BLOGが公開されました。

今回のタイトルは“コーポレートサイトをリニューアルしました”、担当はフロントエンドエンジニアの権守です。

tech.vasily.jp

インタビューの前に…

ー 権守さんは先日ハネムーンに行ってましたね。改めて、ご結婚おめでとうございます!!

ありがとうございます!新婚旅行はハワイへ行ってきました。こちらは、途中立ち寄ったワイマナロビーチという所の写真です。

f:id:vasilyjp:20170727135603j:plain

ー 綺麗、そして羨ましすぎます…!!オアフ島で過ごしたんですか?

はい、買い物やドルフィンウォッチングなどをして満喫できました。ドルフィンウォッチングは船酔いでえらい目に遭いましたが…(笑)

ー 私も同じ経験したことあります 、イルカどころじゃなくなりますよね。(笑)

それでは本題です

ー 今回は、コーポレートサイトのリニューアルについてですね?

はい、先日カンパニーブログでお知らせした通り、VASILYではコーポレートサイトをリニューアルしました。こちらの記事では、実装面から紹介しています。

今回のリニューアルの特徴は以下の3つです。

  • Vue.jsによるSPA (Single Page Application)としての実装
  • レスポンシブ対応
  • アニメーションによるリッチな表現

ー まず“Vue.jsによるSPA (Single Page Application)としての実装”とは…?

これまでのコーポレートサイトは、次のページへ移動する際に毎回サーバーに情報を取得しにいくため、動作に時間がかかってしまいます。

今回は1つのページで複数のページを表現しているため、次のコンテンツを見るのがとても早くなります。

ー この機能は今回はじめて取り入れたんですね?

はい、今後開発に導入していくための検証も兼ねて実装してみました。こういう機会に試しておくことで、次の開発にも活かしていきたいと考えています。

ー では、“レスポンシブ対応”とは?

これまではPCで見ること前提とした画面でしたが、今回はPC、スマートフォンタブレットなど、どの端末で見ても対応できるようにしました。

サイズに合わせて画面が動くので、とても見やすくなっています。

f:id:vasilyjp:20170727154245j:plain

ー 最後の“アニメーションによるリッチな表現”とは?

今回のデザインは、記事の読みやすさを重視したシンプルなデザインのため、冷たい印象になりすぎないようにリッチなアニメーションを散りばめています。

こまかいこだわりが沢山詰まっているので、ぜひじっくり見ていただきたいです!

ー 最後に、ここが1番!というこだわりのポイントがあれば教えてください!

個人的には、ランドスケープモード(横向きの表示)に切り替えた時も綺麗に見えるところがとても気に入っています。ぜひ、スマートフォンを縦横に動かして試してみてくださいね!

最後に

VASILYではこれまで使っていない技術もどんどん取り入れて、開発を行っています。

新しい技術を取り入れて開発がしたい方、これまでやっていなかったことに挑戦したい方、お待ちしております!

www.wantedly.com

【お問い合わせ】
株式会社VASILY 広報担当
press@vasily.jp