新着情報

info_img
info_type

サイト全体のレイアウトを改修いたしました!

2018/05/14


こんばんは、パロコラ管理人のピー山です^^d

いやはや、一番最後にアップデート情報を出したのが今年の3/27・・・
つまり1か月半前です。

すみません、今回のアプデ情報の改修に時間がかかりすぎてしまいましたorz


さて、今回改修させていただきましたのはサイト全体のレイアウト改修で、
専門用語で言うと、
レスポンシブデザイン
という技術を適用させていただきました。

パロコラ発足当時からこの技術を意識してレイアウトを構築していればこんな目に合わなかったのですが、
今後の実装の身軽さを手に入れるために早め早めのうちにやっておきたかったのです。。

では、レスポンシブデザインとはなんなのか、そして皆さまの目線から今回の改修で変化のある部分を
以下に書いていきたいと思います。


■レスポンシブデザインって?

簡単に言うと、使用デバイス(PCやスマホやタブレット)に関係なく、同じページを画面サイズに応じて表示を変える技術のことです。

視覚的にすぐこれを試す手法として、PCブラウザパロコラのサイトを開いてウィンドウを横に縮めてみてください。
横幅に応じてレイアウトが変化すると思います。


■運営側のレスポンシブデザインを適用するメリット

先述もしましたが、この技術を使用することにより実装の加速化が期待できます。
というのも以前までのパロコラは、PC閲覧用のページと携帯デバイス閲覧用のページを両方実装していました。
この手間が省ける&個人運営でページの管理が楽になるということで、メリットだらけというわけです。


■皆さまの目線からの変化

●全体的にレイアウトがシュッとしました。

見出しのデザインを変えたことが要因だと考えていますが、サイトのデザインをシュッとさせられたと自負しています。


●サイドメニューのレイアウトも変わりました

以前はリンク項目をリスト表示していましたが、特にスマホでの閲覧時にタップしづらいと思いましたので、アプリアイコンのような直感的なリンク表示にしました。
※総メンバー数や総キャラ数表示はトップページからサイドバー内に移動しています。


●携帯端末でもキーワード検索が使用できるようになりました。

以前はPC版パロコラからしか利用できなかった機能ですが、スマホからのアクセスでも画面上部からキーワード検索できるようになっています。


●メンバー様のトップページをダッシュボードとするようにしました。

現状、特段以前のトップページと変化はありませんが、今後の実装は皆さまのダッシュボードページとすることを意識していく予定です。


●プロフ画面で他の方のパロ活ランクが見えるようになりました。

試験的に見せるようにしています。今後もしかしたらまた自分以外の表示を消すかもしれません。


●サイト全体をSSL対応しました。

昨今のブラウザのセキュリティアップデートに対応するためにサイト全体をSSL(https)化対応しました。
※以前はログインページなどの主要ページのみの適用でした。


※今回の改修リリース直後にサイトにアクセス出来なかったり、表示がおかしい部分がありましたことを
この場をお借りしてお詫び申し上げます。


---

ざっとこんな感じです。
万が一レイアウトがおかしい(または機能しない)部分がありましたら、お手数ですが
雑談掲示板のご要望板やお問い合わせからご報告いただけると大変助かりますm(__)m


では、一か月半ぶりの今回のアップデート情報は以上です!
今後ともどうぞパロコラをよろしくお願いいたしますm(__)m


パロコラ管理人 ピー山