今回は、ブログのTOPページ・サイドバーの調整、LoL個人戦績ページのスマートフォン対応などを行いました! 新機能、改善ポイントを一挙に紹介します!
関係ないけど、ぽこあポケモンパンシールをついにコンプリートしました。
毎朝食べてて、卒業してから肉体の調子がいいです笑
LOLの調子もイイ!
1. TOPページ&サイドバーの調整
TOPページのデザインが前々から微妙に感じてたので更新してみました。
- ヘッダー画像の追加: うるさくない程度に配置。(Youtubeと同じの)
- 公式大会スケジュールウィジェット: サイドバーに「本日の試合」を設置。
いちいちカレンダーページを開かなくていい! - 最近のコメント機能: サイドバーへコメント履歴を表示しました。
- 記事の検索窓: 検索文字が含まれてる記事が出ます。※修正予定
- タグ並び修正: パッチNo.タグが増えたので分けました。
- 記事のレイアウト調整: もうちょっと改善の余地がある気がしてる。
2. LoL戦績ページのスマホ最適化!
スマホレイアウトに対応していなかったので更新。
① PC & スマホレイアウト両立
- PC表示(横長画面):
[ビルド]➔[KDA]➔[VS 対面]➔[▼]
自然な視線フローになるよう(個人的)に調整しました。
VS対面チャンピオンアイコンを追加。 - スマホ表示(縦画面):
- 上段: 試合種別(ソロランクしかないけど…)& 勝敗・試合時間
- 中段: 自分ビルド + アイテムのすぐ右横に
VS [丸アイコン] - 下段:
KDA&CS&▼(展開マーク)
いろいろ試してこのレイアウトになった。
② 直近20戦の戦績表示の追加
- 試合履歴のすぐ上に 「直近20戦の成績」 を表示!
- 直近の戦績推移がひと目でチェックできていいかも
③ アイテム名表示機能の追加
- アイテムアイコンを スマホでタップ(PCではマウスオーバー) で正式名称が表示される機能。
- 他にもいろいろ使えそうなので模索中
3. 公式大会スケジュールページの修正
わりと思った動きにならない。修正。
- メジャー大会の全日程・プレイオフ完全同期機能の修正:
- マイナー予選の自動除外:
9月からなぜかマイナーリーグの試合しか取得してなかった。
前回の全削除事件は大変だった…
まだまだ更新するよ~ん
おかしなところとかアドバイスあればぜひください^q^
Comments (0)
Loading...