Приложение Маяки Эстонии

Коничива, уважаемый!

За время вашего отсутствия мы тут вон чего понаписали:

18 Декабря

Бог управился за шесть дней и на седьмой отдыхал, я в его сроки не уложился. Хотя... Я о своём приложении. Подробнее о нём я расскажу позднее, когда выпущу, а сейчас непосредственно о разработке.
Итак, я начал писать приложение, чтобы освоить Flutter. То, что мне с своё время крайне бы пригодилось - энциклопедия маяков Эстонии с некоторой заточенностью под туриста. Первые полдня разработки я разбирался, что такое Flutter, устанавливал его и потом игрался с писькой примерами. После этого, вечером, я продумал структуру и особенности приложения. Так как оно рассчитано на туриста, у него может не быть интернета, значит все данные должны быть доступны и без него. Сами данные я для удобства решил хранить в JSON. Второй день я делал routing, главное меню и иконку, отображаемую при загрузке приложения. Иконка была такая:

На третий день выводил список всех маяков из JSON-файла и делал его фильтрацию. Для этого пришлось разбираться со StatefulWidget, их состояниями и переменными. На четвёртый день делал иконку приложения и переделывал иконку загрузки (творческий поиск, мать его), разбирался с передачей данных из виджета в виджет. Пятый день начался хорошо, я за пару часов запилил показ маркеров всех маяков на карте Гугла. Но дальше случился софтварный коллапс. Это нормально, что периодически что-то подвисает и приходится перезапускать Android Studio, но в этот раз, вероятно, повредился какой-то файл и всё в миг перестало работать. Перезапускал, перезагружался, а потом и переустанавливал. Flutter заработал, моё приложение - нет. Пришлось начинать новый проект, куда по файлику, по строчечке переносить всё из старого. В итоге, через 4 часа всё заработало, но уже с некоторой тормознёй и подвисаниями. Честно скажу, облегчения не испытал, скорее злость и раздражение.

На следующий день продолжил с картой. Заменил стандартные маркера на свои и выяснил два момента. Во-первых, из 68 объектов, Гугл показал лишь 59 маркеров, нагло проигнорировав очень близкие друг к другу. Во-вторых, свои маркера нормально выглядят на Android, но при этом раза в три крупнее на iOS. Короче, пришлось оставить стандартные маркера. Google Maps API для Flutter очень печалит, а альтернативу пока нашёл лишь одну. Также в этот день начал оформлять страницу информации о выбранном маяке. Никакого дизайна или хоть какого-то представления о нём не было, так что тыкался-мыкался. К концу дня удалось получить некий вектор от дизайнера, что я и реализовывал вчера вечером и сегодня утром. В настоящий момент (седьмой день) весь функционал приложения готов. Честно скажу, увлекло меня это дело не на шутку, забыл про всё на свете, занимался всё свободное время на работе и дома, до 11 часов в день. Да, я прекрасно понимаю, что сделано оно по выдранным из чужих примеров кускам кода. Оптимизировать буду, но позднее. Есть ещё пара декоративных "хотелок", которые бы тоже не помешало реализовать. Ну а первым делом надо добавить фотографии и данные по оставшимся 67 маякам, после этого можно будет выпускать бету приложения.

Размышлял: Lentyay
13 Декабря

Хочу пояснить, почему всю неделю не было публикаций. Я решил прокачать свой скилл и научиться делать приложения для смартфонов. Хотел я это давно, пару несмелых попыток делал, но как-то не сросталось. В очередной раз увидел статью о новом суперудобном-и-простом фреймворке и в очередной раз захотелось попробовать. Отличие лишь в том, что, в данном случае, порог вхождения очень низкий и нечто похожее на приложение можно получить за пару дней. Зовётся сей фреймворк Flutter.

Жизнь слишком коротка, чтобы кончать на простыню просто коротка. Я решил сразу писать полезное приложение, а какую тематику выбрать? Ну конечно, маяки. Продвинулся достаточно, чтобы собой гордиться. Подробности будут на следующей неделе.

Размышлял: Lentyay
2 Декабря

Почти день рождения...

... и почти сегодня. На самом деле, вчера исполнилось ровно 17 лет, как я придумал название newKAMiKAZE. По всем меркам, это очень старый блог, правда, тут есть две оговорки. Во-первых, была пауза в шесть с половиной лет, с 2004 по 2011. Ну и во-вторых, нынешний newKAMiKAZE совершенно не такой, каким он был на старте. И, положа руку на сердце, я часто думаю о том, чтобы скрыть все публикации до 2004 года. Там много личного, что совершенно неинтересно людям вне той, уже давно несуществующей тусовки.

Ну а пока, с праздником тебя, любимый сайт!

Размышлял: Lentyay
28 Ноября

Как обновлялись карты

Эпичная сага о том, как я интерактивную карту на странице маяков обновлял. Началось всё с добавления подсказок (info bubble) к маркерам. Добавил, поэкспериментировал с выводимой информацией, решил оставить самый минимум - название маяка и подсказку, что надо кликнуть на сам маркер. Всё круто, всё работает, но обратил внимание, что UI карты на русском, а названия посёлков - нет. Честно сказать, не смог вспомнить, были ли они раньше на русском. В любом случае, решил исправить. Начал читать документацию и выяснилось, что в версии карт 3.1 (а у меня использовалась 3.0) разделили растровые и векторные карты и перевод доступен только для вторых. Обновился - ляпота, хотя не всё пока переведено. Потестил на телефоне - печаль, скрипт вылетает. Вероятно, новая векторная отрисовка, плюс почти 80 маркеров на карте кладут процессор смартфона на лопатки. Пришлось "разделять и властвовать": на смартфонах показывется растровая карта с названиями на английском, на других платформах - переведённая векторная. Так мы стали на шаг ближе к идеалу.

Размышлял: Lentyay
5 Сентября

Продолжаю ковырять код сайта. Вообще, как пару лет назад нашёл хороший HTML-парсер, открылось много возможностей. Раньше legacy-код в контенте останавливал, но не сейчас. Итак, что сделал с прошлого раза:

  • Обновил все сторонние скрипты
  • Заменил свой достаточно громоздкий спойлер на нативную конструкцию Details/Summary. Да, браузеры от Microsoft её не поддерживают, да и клал я на них. А кто продолжает ими пользоваться, страдайте, вы сами этого хотите.
  • Добавил lazyload. Да, второй раз. Да, раньше я высказывался против него. Но добавил я его только для двух случаев: большие картинки в статьях (не превьюхи) и картинки под спойлерами. Мне кажется, это обосновано.
  • Добавил виджет своего Instagram-канала. Как показывает практика, по иконке сверху никто не переходит, а канал я тоже хочу продвигать. Правда, пришлось сильно изменить вёрстку сайта, чтобы расположить его, как я задумал. Отсюда выходит следующий пункт.
  • Обновил CSS и Critical CSS. На последний я вообще давно забил и он не содержал стилей для новых блоков.

Ну, вот как-то так. Работает, знаете ли...

Размышлял: Lentyay
Цитировать
в комментарии