スマホ版とありますがPCの方もこちらをどうぞ。(PC版は更新停止しようと思います)
どうも。鳥より物忘れが激しい私です。
ナナパスやイベントで一曲プレイするたびに毎回Twitterで「サビボ」「サビボーナス」などと検索するのに嫌気がさしたので、前から欲しかった全部の曲のサビボの色一覧表を作りました。(今後、曲が増えたらその都度更新するつもりです)
あくまで自分用に作ったのでクオリティーは低いです。
目次
はじめに
先に謝っておきます。この表、あんまり使い勝手はよくないです…
私はHTMLなどの専門知識を何も持たないただのヲタクです。なので、自分でも分かり辛い表だなと思うようなものしかできませんでした。
一応、先にググったりTwitterで検索したんですけど、全曲載ってる表はどこにも見当たらなかったので自分で作るしかないっていう…
攻略サイトとかにならあるかと思ったんですけどねえ。(もし二番煎じだったらすみません)
サビボーナスとは
ここを見に来てる人は、多少なりともサビボの意味は分かっている人たちだと思いますが、一応説明しておくと「サビボーナス」は、アイナナの音ゲー時のボーナスタイムみたいなものです。
ムービー演出が流れている間、SCOREが虹色になっている間が、サビボが起こってるタイミングです。
↓こんな感じ
確かPERFECTを出したときのスコアが二倍になるとかそんなんだったはず。
スコアの仕組み - アイドリッシュセブン(アイナナ)攻略Wiki
↑このページのサビボーナスのところで詳しく説明されてます。
リンク先の説明を見れば、サビボと色の関係とか色を合わせる意味も分かってもらえると思うので、詳しい説明はここでは省かせていただきます。
色の確認方法はムービー演出をオフにすれば分かります。
↓これは上の画像のムービー演出を切った場合の見え方
表に使ったデータはあくまで私調べなので、この表が信用ならんという人は自分の目で確認した方がいいかも…。
表の説明(初めての方は必読です!)
この表でできること
- 並び替えと検索ができます。ですが、初期状態ではイベント曲やナナパスの曲が一番下に集められてしまっているので、『イベント/ナナパス』のところをタップしてください。
検索で”ナナパス”とか打ち込んでも出てきます。(初期状態で上に持ってくる方法が分かりませんでした…)
- ページング機能を実装しています。ただ初期表示件数の指定ができなかったので一度25件など10件以外の数を選んで完了を押してから再度10件を選んでください。
-
検索する際、文字数は足りなくても表示されますが、字の種類が違うと出てきませんのでお気を付けください。漢字などなら読み仮名では出てきません。
例:モンジェネを表示する場合「Monster」「MONSTER」は出てきますが、「モンスター」「もんすたー」だと出てこないです。
サビボの色の欄について
- ❤がシャウト、💚がビート、💙がメロディです。
- 難易度は全てEXPERTを選んで調べました。難易度によって若干の誤差がある曲もあるので、EXPERT以外の時は今一度自分で確認した方がいいかもです。(EASYはそもそもサビボの色が見えません。見えないこともないけど分かり辛いです)
- カッコに入っていない方は分量の多い順に色を並べています。カッコ内は色の移り変わる順番です。(単色の時、少ない方の色が1桁の時は無し)
移り変わる順番も書いておいた方がユニットを組む際の参考になるかと思ったので。 - 分量順の方は、少ない方の色(もしくは少ない2色の合計)が、多い方の色の半分以下の色は省略しています。
例:多い方が80コンボ、少ない方が30コンボなら30の方の色は無し。(色の移り変わりは書いてます) - "≧"は誤差10コンボ以下のときに使っています。
備考欄について
- "☆"はグラフで50%となっている色がサビボで出てこなかった時に付けました。Fly away!を例にすると、緑が50%ですが、サビボには一切かすってません笑でも曲全体としてみればグラフの通りなのでどちらを優先するかはお任せします、という感じです。1部の頃に出た曲が稀に当てはまってます。
(追記:2022/04/15)ゲーム内にて属性割合の表示が調整されることになりました。なので今後このような状態は解消されると思われます。
-
"※"は少ない方の色が無いに等しいくらい、比率が極端だなと感じたものです。(少ない方が多い方の5分の1とか)
これはほとんど私の主観で付けてます。参考程度にみてください。
その他
- スマホで使うと横スクロールできる分、フヨフヨして動かしづらいので気を付けてください。(少なくとも私のiPhoneSEだとそうなる)
画面を横にすれば少しは見やすくなります。 - スクショを撮ったりするのは自由にしてくださって構いません。ついでに宣伝してもらえたらもっと嬉しい。
- 疑問点や改善点があったら、コメント欄やTwitterのリプライで教えてください。(お手柔らかにお願いします)
応えられるかは分からないけど、やれるだけやってみます。 - もっといいのが作れるよって人は遠慮なくお申し出ください。こんなデータでよければお渡しします。
- というか、もうリンクを張っておきます。むしろこっちの方が使い勝手がいいかもしれん…
https://drive.google.com/drive/folders/1fI77VR78sxAGwGTb2GhSg0ZKsgj9UXAQ?usp=sharing
一応エクセルファイルになってますが、ダウンロードしなくてもある程度見苦しくないくらいには整ってるはずです。
(追記:今更気づきましたがスマホからだとプレビュー画面しか見られないようですね…。すみません。リンクに飛ぶときはPCからでお願いします)
アイナナ サビボーナス(サビボ)色一覧表
(23/01/25 0:45 更新)
イベント/ナナパス▼ | デフォルト順▼ | 楽曲名▼ | 歌手名▼ | 登場時期▼ | サビボの色▼ | 備考▼ |
---|---|---|---|---|---|---|
1 | MONSTER GENERATiON | IDOLiSH7 | 第1部 | 💙>💚>❤ (💙→💚→❤) |
||
ナナパス | 2 | SECRET NIGHT | TRIGGER | 第1部 | 💚≧💙≧❤ (💚→💙→❤) |
|
3 | Joker Flag | IDOLiSH7 | 第1部 | 💚(❤→💚) | ||
4 | miss you... | MEZZO" | 第1部 | 💙(❤→💙→💚) | ||
5 | NATSU☆しようぜ! | TRIGGER | 第1部 | ❤>💚≧💙 (❤→💚→💙) |
||
6 | Fly away! | IDOLiSH7 | 第1部 | ❤>💙(❤→💙) | ☆ | |
7 | ピタゴラス☆ファイター | IDOLiSH7 | 第1部 | 💙>❤(💙→❤) | ||
8 | GOOD NIGHT AWESOME | IDOLiSH7 | 第1部 | 💚(💚→❤) | ☆ | |
9 | THE FUNKY UNIVERSE | IDOLiSH7 | 第1部 | 💙 | ||
10 | MEMORiES MELODiES | IDOLiSH7 | 第1部 | 💚≧❤=💙 (💚→❤→💙) |
☆ | |
11 | Leopard Eyes | TRIGGER | 第1部 | 💚>💙(💙→💚) | ☆ | |
12 | Perfection Gimmick | IDOLiSH7 | 第2部 | 💙≧💚 (💚→💙→❤) |
||
ナナパス | 13 | SILVER SKY | Re:vale | 第2部 | 💚(❤→💚) | ※ |
14 | 恋のかけら | MEZZO" | 第2部 | 💚 | ||
15 | 男子タルモノ! ~MATSURI~ | ナギ・大和・三月・楽 | 第2部 | ❤≧💙(❤→💙) | ||
16 | LOVE & GAME | 環・壮五・龍之介 | 第2部 | 💙(💙→💚) | ※ | |
17 | RESTART POiNTER | IDOLiSH7 | 第2部 | 💚(❤→💚) | ※ | |
18 | Last Dimension | TRIGGER | 第2部 | ❤>💙(💙→❤) | ||
19 | フレフレ! 青春賛歌 | 一織・陸・天 | 第2部 | 💙>💚(💚→💙) | ||
20 | Dis one. | Re:vale | 第2部 | 💚(❤→💚) | ||
21 | Sakura Massage | IDOLiSH7 | 第3部 | ❤ | ||
22 | NO DOUBT | Re:vale | 第3部 | 💙>❤(❤→💙) | ||
23 | 未完成な僕ら | 折笠千斗 大神万理 | 第3部 | 💙(💙→❤) | ※ | |
24 | Poisonous Gangster | ŹOOĻ | 第3部 | 💙(💙→💚) | ※ | |
25 | 願いはShine On The Sea 十龍之介SoloVer. | 十龍之介(TRIGGER) | ソロ曲/特別曲 | 💚 | ||
26 | 願いはShine On The Sea | TRIGGER | 第3部 | 💚 | ||
27 | In the meantime | TRIGGER | 第3部 | 💙 | ||
28 | Dear Butterfly | MEZZO" | 第3部 | 💚>💙(💙→💚) | ||
29 | 太陽のEsperanza | Re:vale | 第3部 | ❤ | ||
30 |
Happy Days Creation! | IDOLiSH7&Re:vale | 第3部 | ❤>💚(💚→❤) | ||
31 | DAYBREAK INTERLUDE | TRIGGER | 第3部 | 💚 | ||
32 | ナナツイロ REALiZE | IDOLiSH7 | 第3部 | 💙≧💚(💚→💙) | ||
33 | 永遠性理論 | Re:vale | 第4部 | 💚>❤(❤→💚) | ||
34 | 解決ミステリー | IDOLiSH7 | 第4部 | 💙(💚→💙) | ||
35 | Monologue Note | 逢坂壮五(IDOLiSH7) | ソロ曲/特別曲 | ❤(💚→❤) | ※ | |
36 | ZONE OF OVERLAP | ŹOOĻ | 第4部 | ❤>💙(💙→❤) | ||
|
37 | Crescent rise | TRIGGER | 第4部 | ❤(💙→❤) | ※ |
38 | ハツコイリズム | IDOLiSH7 | 第4部 | 💚>💙(💙→💚) | ||
39 | Forever Note | MEZZO" | 第4部 | 💙>❤(❤→💙) | ||
40 | Re-raise | Re:vale | 第4部 | 💙≧❤(❤→💙) | ||
41 | My Friend | IDOLiSH7 | 第4部 | 💙 | ||
42 | Treasure! | TRIGGER | 第4部 | 💚>❤(💚→❤) | ||
43 | Mr.AFFECTiON | IDOLiSH7 | 第4部 | ❤>💙(❤→💙) | ||
44 | Bang! Bang! Bang! | ŹOOĻ | 第4部 | 💙≧💚(💙→💚) | ||
45 | t(w)o… | Re:vale | 第4部 | ❤ | ||
46 | マロウブルー | IDOLiSH7 | 第5部 | 💚>❤(❤→💚) | ||
47 | Survivor | ŹOOĻ | 第5部 | ❤ | ||
48 | SUISAI | TRIGGER | 第5部 | ❤>💚(💚→❤) | ||
49 | ココロ、ハレ晴レ | Re:vale | 第5部 | 💚 | ||
50 | Phenomenon | 楽・龍之介 | 第5部 | ❤ | ||
51 | Incomplete Ruler | 天・陸 | 第5部 | 💙 | ||
52 | キズナ | MEZZO" | 第6部 | ❤ | ||
53 | Utopia | ŹOOĻ | 第6部 | 💚 | ||
ナナパス | 54 | TOMORROW EViDENCE | IDOLiSH7 | 第6部 | 💙 | |
55 | BE AUTHENTIC | TRIGGER | 第6部 | ❤ | ||
56 | YOUR RHAPSODY | Re:vale | 第6部 | ❤ | ||
57 | NATSU☆しようぜ! | IDOLiSH7 | ソロ曲/特別曲 | 💚 | ☆ | |
58 | NATSU☆しようぜ! | IDOLiSH7 feat.TRIGGER | ソロ曲/特別曲 | 💙 | ||
59 | THANK YOU FOR YOUR EVERYTHING! | IDOLiSH7 | ソロ曲/特別曲 | 💚 | ||
60 | TO MY DEAREST | Re:vale | ソロ曲/特別曲 | ❤ | ||
61 | 月明かりイルミネイト | MEZZO" | ソロ曲/特別曲 | 💙>❤(❤→💙) | ||
62 | LOOK AT… | ŹOOĻ | ソロ曲/特別曲 | ❤ | ||
63 | WiSH VOYAGE | IDOLiSH7 | ソロ曲/特別曲 | 💙>💚(💚→💙) | ||
64 | Heavenly Visitor | TRIGGER | ソロ曲/特別曲 | 💙>❤(💙→❤) | ||
65 | Dancing∞BEAT!! | IDOLiSH7 | ソロ曲/特別曲 | 💙(❤→💙) | ||
66 | 雨 | MEZZO" | ソロ曲/特別曲 | 💙 | ||
67 | 奇跡 | Re:vale | ソロ曲/特別曲 | 💙 | ||
68 | DIAMOND FUSION | TRIGGER | ソロ曲/特別曲 | 💚 | ||
69 | 幸せでいて | 八乙女楽(TRIGGER) | ソロ曲/特別曲 | 💚 | ||
70 | U COMPLETE ME | 九条天(TRIGGER) | ソロ曲/特別曲 | ❤ | ||
71 | Riskyな彼女 | 十龍之介(TRIGGER) | ソロ曲/特別曲 | 💙 | ||
72 | 星屑マジック | Re:vale | ソロ曲/特別曲 | 💙(❤→💙) | ||
73 |
DESTINY | TRIGGER | ソロ曲/特別曲 | 💙(💚→💙) | ||
74 | PARTY TIME TOGETHER | IDOLiSH7 | ソロ曲/特別曲 | ❤(❤→💚) | ||
75 | Welcome,Future World!!! | Re:vale TRIGGER IDOLiSH7 | ソロ曲/特別曲 | ❤ | ||
76 | 激情 | Re:vale | ソロ曲/特別曲 | ❤(💚→❤) | ||
77 | Viva! Fantastic Life!!!!!!! | IDOLiSH7 | ソロ曲/特別曲 | 💚(💚→❤) | ||
78 | カレイドスコープ | MEZZO" | ソロ曲/特別曲 | 💙≧💚(💙→💚) | ||
79 | DiSCOVER THE FUTURE | IDOLiSH7 | ソロ曲/特別曲 | 💚 | ||
80 | ミライノーツを奏でて | Re:vale | ソロ曲/特別曲 | ❤ | ||
81 | 4-ROAR | ŹOOĻ | ソロ曲/特別曲 | ❤ | ||
82 | My Precious World | TRIGGER | ソロ曲/特別曲 | 💚 | ||
83 | 甘さひかえめ | MEZZO" | ソロ曲/特別曲 | ❤(💚→❤) | ※ | |
84 | Everyday Yeah! | IDOLiSH7 | ソロ曲/特別曲 | 💚>❤(❤→💚) | ||
85 | Fly! More Liberty | Re:vale | ソロ曲/特別曲 | 💙≧💚(💚→💙) | ||
86 |
ササゲロ -You Are Mine‐ |
ŹOOĻ | ソロ曲/特別曲 | 💙 | ||
87 | Ache | ŹOOĻ | ソロ曲/特別曲 | 💙 | ||
88 |
VALIANT |
TRIGGER | ソロ曲/特別曲 | 💚 | ||
89 | バラツユ | TRIGGER | ソロ曲/特別曲 | 💙 | ||
90 | THE POLiCY | IDOLiSH7 | ソロ曲/特別曲 | ❤ | ||
91 | PLACES | TRIGGER | ソロ曲/特別曲 | 💚 | ||
92 | Unbalance Shadow | 悠・巳波 | ソロ曲/特別曲 | 💙 | ||
93 | Drift driving | トウマ・虎於 | ソロ曲/特別曲 | 💚 | ||
94 | NAGISA Night Temperature | IDOLiSH7 | ソロ曲/特別曲 | ❤ | ||
95 |
Smile Again | TRIGGER | ソロ曲/特別曲 | 💙 | ||
96 | 未来絵 | MEZZO" | ソロ曲/特別曲 | 💙 | ||
97 | Tears Over ~この星の君と~ | MEZZO" | ソロ曲/特別曲 | 💚≧💙 | ||
98 | Boys & Girls | IDOLiSH7 | ソロ曲/特別曲 | ❤ | ||
99 |
Everything is up to us |
IDOLiSH7 | ソロ曲/特別曲 | 💙 | ||
100 | Period Color | Re:vale | ソロ曲/特別曲 | 💚 | ||
101 | Because Now‼︎ | IDOLiSH7 | ソロ曲/特別曲 | ❤️ | ||
102 | No Sacrifice | ŹOOĻ | ソロ曲/特別曲 | 💙 | ||
103 | Radiance | TRIGGER | ソロ曲/特別曲 | 💚(❤→💚) | ||
104 | Start Rec | Re:vale | ソロ曲/特別曲 | ❤️ | ||
105 | HELLO CALLiNG | IDOLiSH7 | ソロ曲/特別曲 | 💚 | ||
106 | NEVER LOSE,MY RULE | ŹOOĻ | ソロ曲/特別曲 | 💚 | ||
107 | Hidden Region | TRIGGER | ソロ曲/特別曲 | 💙 | ||
108 | WONDER LiGHT | IDOLiSH7 | ソロ曲/特別曲 | 💙>💚(💚→💙) | ||
109 | Storyteller | Re:vale | ソロ曲/特別曲 | 💙 | ||
110 | 夢雫 | Re:vale | ソロ曲/特別曲 | ❤ | ||
111 | IMPERIAL CHAIN | ŹOOĻ | ソロ曲/特別曲 | 💚 | ||
112 | Murky Oath | ŹOOĻ | ソロ曲/特別曲 | 💚 | ||
113 | Ardor Life | IDOLiSH7 | ソロ曲/特別曲 | 💙 | ||
114 | BLACK TIGER | ŹOOĻ | ソロ曲/特別曲 | 💙 | ||
115 | Insomnia | ŹOOĻ | ソロ曲/特別曲 |
❤ |
||
116 | SUNRIZE | ŹOOĻ | ソロ曲/特別曲 | 💙 | ||
117 | RIDING | ŹOOĻ | ソロ曲/特別曲 | ❤ | ||
118 | Now & Then | Re:vale | ソロ曲/特別曲 | ❤ | ||
119 | Day/Night DiSCO | IDOLiSH7 | ソロ曲/特別曲 | 💚 | ||
120 | NiGHTFALL | IDOLiSH7 | ソロ曲/特別曲 | 💙 | ||
121 |
BEAUTIFUL PRAYER | TRIGGER | ソロ曲/特別曲 | ❤ | ||
122 | Journey | Re:vale | ソロ曲/特別曲 | 💙 | ||
123 | STRONGER & STRONGER | ŹOOĻ | ソロ曲/特別曲 | ❤ | ||
124 | Pieces of The World | Re:vale TRIGGER IDOLiSH7 ŹOOĻ | ソロ曲/特別曲 | 💚 | ||
125 | Last Dimension (Symphonic Edition) | TRIGGER | ソロ曲/特別曲 |
❤>💚(💙→❤→💚) |
||
126 | 輪舞 | ŹOOĻ | ソロ曲/特別曲 | ❤ | ||
127 | EVOLUTION | TRIGGER | ソロ曲/特別曲 | 💙 | ||
128 | FIRE | ŹOOĻ | ソロ曲/特別曲 | 💙 | ||
129 | compass | Re:vale | ソロ曲/特別曲 | 💚>💙(💙→💚) | ||
130 | KISS IN THE MUSIC | TRIGGER | ソロ曲/特別曲 | 💙(💚→💙) | ||
131 | Encounter Love Song | IDOLiSH7 | ソロ曲/特別曲 | ❤(💚→❤) | ||
ナナパス | 132 | ONE dream | 和泉 一織(IDOLiSH7) | ソロ曲/特別曲 | 💙 | |
133 | Love two you | 二階堂 大和(IDOLiSH7) | ソロ曲/特別曲 | 💚 | ||
134 |
三日月のヴェール | 和泉 三月(IDOLiSH7) | ソロ曲/特別曲 | ❤(💚→❤) | ||
135 | Four Leaf Ring | 四葉 環(IDOLiSH7) | ソロ曲/特別曲 | 💚 | ||
136 | Maybe | 逢坂壮五(IDOLiSH7) | ソロ曲/特別曲 | ❤(💚→❤→💚) | ※ | |
137 | June is Natural | 六弥 ナギ(IDOLiSH7) | ソロ曲/特別曲 | 💙(💚→💙) | ||
138 | SEPTET for… | 七瀬 陸(IDOLiSH7) | ソロ曲/特別曲 | ❤ | ||
139 | Up to the nines | 九条天(TRIGGER) | ソロ曲/特別曲 | 💙 | ||
140 | アソシエイト | 八乙女楽(TRIGGER) | ソロ曲/特別曲 | 💚 | ||
141 | my 10plate | 十龍之介(TRIGGER) | ソロ曲/特別曲 | ❤≧💚(💚→❤) | ||
142 | 100%ハピネス | 百(Re:vale) | ソロ曲/特別曲 | 💚(❤→💚) | ||
143 | 千年先もずっと… | 千(Re:vale) | ソロ曲/特別曲 | 💙(💚→💙) | ※ | |
144 | Wonderful Octave-Iori ver.- | 和泉 一織(IDOLiSH7) | ソロ曲/特別曲 | 💚 | ||
145 | Wonderful Octave-Yamato ver.- | 二階堂 大和(IDOLiSH7) | ソロ曲/特別曲 | ❤ | ||
146 | Wonderful Octave-Mitsuki ver.- | 和泉 三月(IDOLiSH7) | ソロ曲/特別曲 | 💚 | ||
147 | Wonderful Octave-Tamaki ver.- | 四葉 環(IDOLiSH7) | ソロ曲/特別曲 | 💙 | ||
148 |
Wonderful Octave-Sogo ver.- | 逢坂壮五(IDOLiSH7) | ソロ曲/特別曲 | 💚 | ||
149 | Wonderful Octave-Nagi ver.- | 六弥 ナギ(IDOLiSH7) | ソロ曲/特別曲 | ❤ | ||
150 | Wonderful Octave-Riku ver.- | 七瀬 陸(IDOLiSH7) | ソロ曲/特別曲 | ❤ | ||
151 | Wonderful Octave-Tenn ver.- | 九条天(TRIGGER) | ソロ曲/特別曲 | 💙 | ||
152 | Wonderful Octave-Gaku ver.- | 八乙女楽(TRIGGER) | ソロ曲/特別曲 | 💚 | ||
153 | Wonderful Octave-Ryunosuke ver.- | 十龍之介(TRIGGER) | ソロ曲/特別曲 | ❤ | ||
154 | Wonderful Octave-Momo ver.- | 百(Re:vale) | ソロ曲/特別曲 | 💚 | ||
155 | Wonderful Octave-Yuki ver.- | 千(Re:vale) | ソロ曲/特別曲 | ❤ | ||
156 | Wonderful Octave-Torao ver.- | 御堂 虎於(ŹOOĻ) | ソロ曲/特別曲 | 💙 | ||
157 | Wonderful Octave-Minami ver.- | 棗 巳波(ŹOOĻ) | ソロ曲/特別曲 | 💙 | ||
158 |
Wonderful Octave-Toma ver.- | 狗丸 トウマ(ŹOOĻ) | ソロ曲/特別曲 | 💙 | ||
159 |
Wonderful Octave-Haruka ver.- | 亥清 悠(ŹOOĻ) | ソロ曲/特別曲 | ❤ | ||
160 | 午前4時のDusty Love | 御堂 虎於(ŹOOĻ) | ソロ曲/特別曲 | ❤ | ||
161 | Dejavu | 棗 巳波(ŹOOĻ) | ソロ曲/特別曲 | 💙 | ||
162 | Endless | 狗丸 トウマ(ŹOOĻ) | ソロ曲/特別曲 | 💚 | ||
163 |
Labyrinth | 亥清 悠(ŹOOĻ) | ソロ曲/特別曲 | 💙(💚→💙) |
(ここから下はただの感想文です。なので読まなくても大丈夫です)
所感
- 初期の頃に出た曲は、当たり前のように3色キッチリ出てきてるので編成しづらいかも。まだサビボの扱いが定まってなかったという感じがうかがえる。
2部の途中からは今と同じ感じになっているので、ほんとの最初期だけ。 - ゲーム内で表示されているグラフは曲全体としてみれば正確だけど、ことサビボの色に関していえばあんまりあてにならん、という感じ。特に☆マークを付けた項目。
Fly awayで私が試した時は、緑一色より赤・青混色のほうが若干ではあるもののスコアが上がったのでやっぱりサビボの色を意識した方がいいかもしれないですね。 - でもソロ曲は基本的に完全な単色という感じ。(もちろん例外はある)
これに関してはグラフを信じて編成しても、それほど支障はなさそう。
表を作った感想(超個人的備忘録)
完成させるまでかかった日数、実に一か月弱。こんな大それた物を作るつもりではなかったのに…
そもそも、自分自身が「こんな表が欲しいな」と感じて探し回ってただけなのに、「どこにも見当たらないから作っちゃえ」とか安易にやる事ではなかった。
まずエクセルで表を作る段階で手こずってしまった。
無計画に「まあ、色ぐらい見たらわかるやろ」とか甘く見てた。みなさん、マネしちゃだめですよ。一曲目から3色とか出てきてギョッとするから。
途中までコンボのカウントを見て数えればいいことに気付かずあたふたしたり、録画して止めながら見ればいいものを目視でどうにかしようとするし、効率的に作業できるようになるまで結構時間がかかってしまった。あとちょくちょくサボってあんスタに浮気してた。
後付けでどんどん表のルールを変えてしまったのも反省点。その都度、すでに確認済みの曲まで戻って確認しなきゃいけなくなったからね。
でもそんなの今考えればどうってことなかった。表の体裁整える方がよっぽどしんどかった。
HTMLとかCSSとか素人が手出していい領域じゃなかった。ましてや一か月で、なんて無計画にもほどがある。
エクセルをHTMLに変換するだけでも四苦八苦。ひたすらググりまくった。でも気付いたらなんかできてた。
それだけでなく、使い心地を、エクセルで見た時と同じぐらいにしようとか無謀なことを思いついてしまう。
並び替えと検索機能はググったらすぐに方法が出てきたから割と早い段階でできた。一つできたら背景色やら罫線まで凝りだしてググってはコピペを繰り返す。むしろこっちの方が大変だった。
最初のうちは無料でスマホ版にCSSを反映させる方法が分からず、しばらくHTMLだけでどうにかしようとしてた。さすがに無理だと悟ってこれまたグーグル先生に聞いたら、あっさり解決策を出されてしまった。あのHTMLと格闘してた時間ほんと無駄だったな。
CSSをいじるようになったら今度はPC版でCSSがうまく反映されなくなって、うろたえる。夜中にヒーヒー言いながらPCをいじってたので気が狂いそうになった。
そのあとしっかり寝てから、落ち着いて1から見直していったら無事に直すことができた。睡眠と落ち着きが大事だと身に染みた。
ちなみに原因は安易にスマホ版に書いたCSSをコピペするという手抜きをしたこと。若干の差が、エラーとなってPC版でうまく表示されなくなったらしい。
ここでやめとけばいいものを、「表見るときにどの項目か分かり辛くないか?」などと新たな問題を作り出してしまう。
で、1行目を固定するためにまた、CSSとプレビュー画面の行ったり来たり。そして怒涛のコピペ祭り。項目ごとの幅を調整するためにスペースキーを押してはスマホでプレビューなど。
最終的にグラフの中で縦スクロールさせたいと思ったのだが、スマホでは反映されるのにPCではうまくいかないため、泣く泣くPCの方をあきらめる。
その結果、スマホではフヨフヨしてスクロールしづらく、PCでは長い表全部をスクロールしなければならないというめんどくさい表に仕上がりました。
でも今だから言えるけど、しんどいことだけでもなかった。エラーを散々吐かれた分、思った通りにできた時に何とも言えない喜びを感じることができた。あれはちょっと楽しかったかも。でもしばらくはもう十分です…
とりあえず一つ言えることはグーグル先生と各サイトで解説を書いてくださった皆様ありがとうございました。