こんにちは！最近iPhoneデビューした夕月です。サイト動作確認用の端末が地味に増えていって、今Android2台、iPhone1台, iPad1台, Windowsデスクトップと5台持ちになっています。あとMacでコンプリート。流石にMacは買わないけど。


さて、なろうさんマイページリニューアルされましたね。現代風に変えてきました。シン・マイページみたいな。


そして割烹も大きく変わったので割烹エディターの方も少し修正してました。

今回はその影響についてちょっと述べたいなと思ったので監禁部屋から出てきました。

マイページリニューアルに関する変化

HTMLとCSSの中身見ましたけど、がっつり変えましたね。

今時っポイ書き方になってました。

あとPCとスマホで書き方を統一させてきましたね。まぁ別々は大変だよね。

特に大きな変化は画面幅の変更ですね。PC版は画面幅が580 px(余白10 px) -> 728 px (余白40px)になりました。

実質 570 px -> 688 pxで最大幅が100pxほど増えましたね。

旧PCマイページ割烹


新PCマイページ割烹



逆にスマホ版では余白20 px -> 40 pxに増えて画面幅が20px減りました。またフォントサイズも12.7 px -> 14 pxに増えてます。

旧スマホマイページ割烹


新スマホマイページ割烹


まとめるとPCでは画面が広がって、スマホ版では画面が狭まって文字も大きくなった感じ。2つの端末で見ると印象が結構変わりますね。あと地味にフォント指定変わってるよ。

今の割烹フォント

font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI",Meiryo,"Hiragino Sans","Hiragino Kaku Gothic ProN",sans-serif;

昔はPCでこんな感じの割烹フォント。

font-family: 'Noto Sans Japanese', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;

昔はスマホでこんな感じの割烹フォント。

font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo,sans-serif;

別々でしたが、統一されてますね。

なんとなくスマホは見やすいかもですが、PCは読みにくくなったかなって思いますね。まぁスマホ優先って感じかなって思います。


あ、あと*先輩によるカラー汚染はなくなりました。やったぜ。これは嬉しい。

割烹エディターに対する影響

縦書き系に影響出てます。

54文字の割烹と縦書き割烹で正常に表示されないです。

厳密には、ユーザーページではちゃんと表示されるけど、マイページではちゃんと表示されない状況です。

マイページ割烹


ユーザーページ割烹


ユーザーページは古いCSSのままなので、これまでのタグで問題ないです。マイページの方はCSSが新しくなったのでずれてます。

これ以外にも、細かいところの表示はずれてる部分もありますが、それほど大きくないので割愛。

とりあえずこれは正直、何ともできないので今は割烹エディターのTopからリンク外しました。ごめんなさいね。

まぁ、おそらくユーザーページもリニューアルされるはずなのでその時にCSSも一緒にするんだろうなぁと思います。そうなった時にまた復活できるといいなって思いますね。

あとは割烹エディターのスタイル少しいじりました。文字サイズとか余白とかずれる部分もあったので修正してました。

大きな影響はそれぐらいですね。

---

ユーザーページの方がリニューアルされたら、割烹エディターもリニューアルしようかなって思います。今のデザインはなろうのやつに合わせているので現代っぽい感じにしたいなぁと思います。

まぁいつになるかは知らないですけどね。

なろうさんのデザインリニューアルはあと、ユーザーページ、小説ページ、ランキングページあたりなので今年中に来そうな気がしますね。

なので割烹エディターのリニューアルも来年かなぁとか思ったり。

そんな感じです。



ということで、また監禁部屋に戻ります。ちなみに、なろうランキングツールはドラフト版はできて改善中です。チラっとお見せするとこんなかんじ。





今は並べ替えしかできないですけど、ここにフィルターとして数値範囲指定、除外設定ができるようになります。


6月中にはお披露目できそう。頑張るぞい。

ではまたノシ。