Дело было вечером...
Решил освоить Vue 3. Хотел использовать на свежем проекте. Но обломался, ибо IE 10+.
Ну, раз гора не этосамое, значит мы того-этого. Удумал сделать наконец-то редактор табулатур. Управился где-то за неделю вечерами.
Заодно у меня на собеседованиях перестанут допытывать: умеет ли многоуважемый джинн Vue, или только прикидывается?
Вьюха состоит из двух частей. Парсера, который разбирает поданное в «дерево», и вьюхи, которая это «дерево» умеет отображать. Через Vue, да.
Умеет [ubb]-разметку, а также саджестить по аккордам.
Аккордов правда мало, нынешняя база взята из моего «Песенника». А там что встречалось по дороге, то и забивал.
Базу аккордов впрочем уже ковыряю. Раз пошла такая пьянка.
Дальше потестирую. И, если запалу хватит, сооружу редактор табулатур. А после займусь скрещиваниям ужей и ежей.
Кто хочет поужасаться на код: https://github.com/Shushik/SongChordsViewer
Кому интересно пощупать: http://www.silkleo.ru/fun/SongEditorExample/
В Textarea слева фигачите текст снизу, дальше сами разберетесь.
P.S: Мне известно о существовании Guitar Pro, спасибо. Про другие ресурсы тоже знаю. У меня свой фан.
P.P.S: Клеточки и поля - соррян, КСПшник заигрался :)
[title]Океанический оптимизм[/title]
[composed]Shushik[/composed]
[written]Лунёв Антон[/written]
[note]Играется плавным перебором[/note]
[intro]
[c="Bm"][c="Bm/F#"][c="Bm"][c="{2:2, 3:3, 4:3, mute: 5, open: 6, barre: 1}"]
[/intro]
[c="Bm"]Нас прочно устаканило на [c="F#7"]дне,
[c="B7_|2"]Но что грустить при эдаком от[c="Em"]ливе?
Нет [c="A7"]истины ни в роме, ни в ви[c="D"]не,
Не [c="Bm"]попадалась оная и в [c="C#7"]пи[s="5"]ве.
Не [c="F#m"]унывай, когда-нибудь и [c="Bm"]нас
При[c="E"]лив своим течением под[c="A"]хватит,
[repeat]
И [c="C#7"]ветер нам подарит новый [c="F#m"]галс,
[c="E"]И океан боль[c="A7"]шой волной о[c="D"]катит.
[/repeat]