ツール / 開発

今回は、ブログのTOPページ・サイドバーの調整、LoL個人戦績ページのスマートフォン対応などを行いました! 新機能、改善ポイントを一挙に紹介します!

てっこ てっこ

関係ないけど、ぽこあポケモンパンシールをついにコンプリートしました。
毎朝食べてて、卒業してから肉体の調子がいいです笑
LOLの調子もイイ!


1. TOPページ&サイドバーの調整

TOPページのデザインが前々から微妙に感じてたので更新してみました。

  • ヘッダー画像の追加: うるさくない程度に配置。(Youtubeと同じの)
  • 公式大会スケジュールウィジェット: サイドバーに「本日の試合」を設置。
    いちいちカレンダーページを開かなくていい!
  • 最近のコメント機能: サイドバーへコメント履歴を表示しました。
  • 記事の検索窓: 検索文字が含まれてる記事が出ます。※修正予定
  • タグ並び修正: パッチNo.タグが増えたので分けました。
  • 記事のレイアウト調整: もうちょっと改善の余地がある気がしてる。

2. LoL戦績ページのスマホ最適化!

スマホレイアウトに対応していなかったので更新。

① PC & スマホレイアウト両立

  • PC表示(横長画面): [ビルド][KDA][VS 対面][▼]
    自然な視線フローになるよう(個人的)に調整しました。
    VS対面チャンピオンアイコンを追加。
  • スマホ表示(縦画面):
    • 上段: 試合種別(ソロランクしかないけど…)& 勝敗・試合時間
    • 中段: 自分ビルド + アイテムのすぐ右横に VS [丸アイコン]
    • 下段: KDACS(展開マーク)
      いろいろ試してこのレイアウトになった。

② 直近20戦の戦績表示の追加

  • 試合履歴のすぐ上に 「直近20戦の成績」 を表示!
  • 直近の戦績推移がひと目でチェックできていいかも

③ アイテム名表示機能の追加

  • アイテムアイコンを スマホでタップ(PCではマウスオーバー) で正式名称が表示される機能。
  • 他にもいろいろ使えそうなので模索中

3. 公式大会スケジュールページの修正

わりと思った動きにならない。修正。

  • メジャー大会の全日程・プレイオフ完全同期機能の修正:
  • マイナー予選の自動除外:
    9月からなぜかマイナーリーグの試合しか取得してなかった。

てっこ てっこ

前回の全削除事件は大変だった…
まだまだ更新するよ~ん
おかしなところとかアドバイスあればぜひください^q^

Comments (0)

Loading...