Web Speech API - nawigacja na stronie z audiodeskrypcją
Zaprzyjaźniałem się ostatnio z możliwościami #webspeechapi przy okazji tworzenia nawigacji po aplikacji webowej. Konieczna była funkcjonalność odczytująca opisy aktywnych elementów. Posłużyłem się w tym celu interfejsem SpeechSynthesis, który jest już obecnie dość dobrze wspierany przez wiodące przeglądarki. Przyjąłem, że powinienem brać pod uwagę te elementy, które posiadają niepsute atrybuty aria-label, aria-labelledby lub aria-describedby. Dodatkowo chciałem, aby obsługiwane były
michalkortas - Web Speech API - nawigacja na stronie z audiodeskrypcją
Zaprzyjaźniał...

źródło: comment_1603137353N4ZB3peBNps3BG0nhwycYQ.jpg

Pobierz
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Dziś na własnej skurze się przekonałem że
{} as MyClass != new MyClass();
Było to ogrmonym zdziwieniem bo najczesciej używałem opcji z lewej strony i przekazywałem tylko gdzies dane.

Jak jest róznica? Dostęp do wszystkich pól jest możliwy w jednym i w drugim przypadku, ale tylko to po prawo daje mozliwość dostępu do metod i właściwości, aż się zdziwiłem że takie coś odkryłem po kilku miesiącach dopiero.
Wklejam żeby inny nie szukali godzine lub wiecej
  • 7
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

  • Doceń
@niepodszywamsiepodbiauka: Ale dostęp do pól w zasadzie jest, po prostu nie są zdefiniowane ( ͡° ͜ʖ ͡°)

@zibizz1: No różnica jest taka że składnią po lewej (rzutowaniem) nie tworzysz nowej instancji klasy a pusty obiekt i informujesz TSC że to na 100% jest instancja MyClass. Składnia po prawej (z użyciem keyworda new) robi wszystko po bożemu, wywołuje konstruktor i uzupełnia pola/metody na obiekcie
  • Odpowiedz
via Wykop Mobilny (Android)
  • 1
Muszę zrobić prostą stronę do wysyłania powiadomień. Chcę przetestować jak powiadomienia działają na #windows10

Chcę sobie lokalnie pospamować

Może to być strona, czy musi być aplikacja internetowa? #webdev

Jaką
  • 4
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@pyroxar musisz rozróżnić powiadomienia (Notification API) od pushy (Push API), ludzie jakoś naturalnie to łączą...

Otóż aby wyskoczyło Ci powiadomienie wystarczy samo Notification API, z tym że ograniczasz się do tego że będzie ono działać tylko jak aplikacja będzie działać, jeśli chcesz otrzymywać powiadomienia gdy aplikacja jest w tle (np. nieaktywna przeglądarka na telefonach) wtedy dopiero Push API

wszystko to da się zrobić tylko w JavaScript (ew. wasm), chyba że coś
  • Odpowiedz
  • 0
@pyroxar nie wiem czy dobrze zrozumiem ale jeśli tylko chcesz sam sobie jak najprościej wysłać powiadomienie na Windows 10 to aplikacja SnoreToast.exe jest tym czego szukasz.

@tlaziuk przywracasz mje wiarę w ludzi z tym zauważaniem granicy między push api a notification api. 99% tutoriali zawsze omawia to jednym tchem, z jakiegoś powodu traktuje jak nierozłączne części. I sieją niezrozumienie w głowach młodych adeptów.
  • Odpowiedz
Mircy, mam jsona

[{"id":2,"published_at":"2020-10-17T20:52:15.778Z","created_at":"2020-10-17T20:52:13.570Z","updated_at":"2020-10-17T20:52:15.825Z","SoftSkill":[{"id":1,"skillname":null},{"id":3,"skillname":null},{"id":5,"skillname":null},{"id":7,"skillname":null},{"id":2,"skillname":null},{"id":8,"skillname":null},{"id":4,"skillname":null},{"id":6,"skillname":null}]}]
oraz w alpine.js pobieram go I chcę go wypluć w templatce


Nie
  • 18
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@le1t00: bardziej mam to na myśli asnychrniczność. Że pobieranie danych jeszcze trwa, ale już pierwsza próba wyświetlenia template zachodzi. Najwyżej to olej jak wszystko działa.
  • Odpowiedz
Mam projekt w #typescript który ma zależność (normalnie w package.json) od innej mojej libki, która tez jest napisana w TS.
I czasem jest potrzeba by coś najpierw dodać/poprawić w libce a dopiero potem użyć w głównym projekcie.
Obecnie flow pracy wyglada tak, że wprowadzam zmianę do libki, pushuje, releasuje jako JS i potem podbijam wersję w głownym projekcie, instaluje etc... A za chwilę się okazuje, że jeszcze coś trzeba zmienić
  • 7
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Mirki z #programowanie #javascript #angular
Czy mogę stworzyć sobie klasę parsera z logiką bizesową, która działa poza DI (jego parametry są ustalane przez komponent, który jej potrzebuje) i jest tworzony ad hoc? Czy też jest jakiś paradygmat angularowy, że wszystko jest serwisem i taka "samowolka" jest źle odbierana?
  • 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@cypo: finalnie zrobiłem serwis, który przed użyciem trzeba jeszcze skonfigurować do swoich potrzeb - jednak potrzebowałem innych zależności, tak więc nie ucieknę od DI
  • Odpowiedz
Siema. To znów ja :). Podczas nauki podstaw #typescript stworzyłem prostą gierkę "Sencillo". Może kojarzycie taka obrazkowa układanka. Wszystko jest napisane w TS link do repo: GITHUB
Chciałem to napisać trzymając się OOP i używając wzorców.
Zrobiłem też deploy na GitHub Pages: The Sencillo Game

Wymagania: Chrome, Edge, Opera.
Firefox nie odpali ponieważ nie obsługuje OffscreenCanvas
Deflaut - Siema. To znów ja :). Podczas nauki podstaw #typescript stworzyłem prostą g...

źródło: comment_1602594785K83CZIjvOITF6x6vdLbugh.jpg

Pobierz
  • 17
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Zrobiłem bezpłatny tutorial (~18min), w którym tłumaczę jak można dodać backend do aplikacji Next.js . Przydatne techniki zwłaszcza gdy macie zrobiony front-end i potrzebujecie szybko zwrócić coś z backendu. W materiale wyjaśniam też różnicę między getServerSideProps oraz getStaticProps (funkcje umożliwiające Server Side Rendering)



#frontend #programowanie #javascript #nodejs
ArturEsportivo - Zrobiłem bezpłatny tutorial (~18min), w którym tłumaczę jak można do...
  • 4
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

via Wykop Mobilny (Android)
  • 3
@Querly96: skoro robiłeś małe projekty to polecam żebyś zrobił teraz jakiś duży. Idealnie jeśli taka aplikacja będzie Tobie przydatna lub efekt końcowy będzie spełniać jakieś zadanie biznesowe. Stwórz kilka widoków, podepnij się pod jakieś API, wykorzystaj frameworki itd. Gwarantuję, że po drodze napotkasz mnóstwo błędów i problemów, które pozwolą Ci dobrze uporządkować wiedzę. A na końcu bedziesz mieć fajny projekt do portfolio
  • Odpowiedz