タグ

technologyとhtmlに関するliscoのブックマーク (2)

  • 【HTML5】マリオのコインの音をブラウザで出そう【ファミコン】 - Qiita

    で、上記の通り「矩形波、三角波」って見たらアラフォー以上の人は「ファミコンじゃん」ってなったり、むしろ、コナミ矩形波倶楽部を思い出す方も多いかもしれません。 技術的なこと まぁ、ソースを見て貰えば特に難しいことはしていない(いつものように殴り書きだし…)のでコインであれば「♪シミー」という音を鳴らせばできるわけです。 const AudioContext = window.AudioContext || window.webkitAudioContext const audioContext = new AudioContext() const gainNode = audioContext.createGain() gainNode.connect(audioContext.destination) gainNode.gain.value = 0.1 const oscillator =

    【HTML5】マリオのコインの音をブラウザで出そう【ファミコン】 - Qiita
  • PWAをもっと簡単に初めてみる - Qiita

    はじめに PWAって知っていますか?(自分は最近知りました👱) では、実際に使ったことがある、あるいは触ってみたことがある方はどのくらいいらっしゃるでしょうか。 色々なPWAの初学者用の記事を見たのですが、どれも丁寧に書かれていてとりあえず使ってみたい私にとっては難しいとかんじてしましまいました…😵 そんな自分のような方向けに、もっと簡単にPWAを初めてみようという主旨で書きました! 今回は、自分が最近触っているvue.jsを利用して組み合わせてみました。 PWAとは そもそもPWAとはなんでしょうか? PWA(Progressive Web Apps)はグーグルがモバイルユーザーのユーザー体験向上を目的とし、今までのWebアプリ(サービス)にWebとアプリの両方の利点を兼ね備えた仕組みのことです。 Googleが取り組むWebのアプリ化プロジェクト「PWA」とは?- WPJ この記事

    PWAをもっと簡単に初めてみる - Qiita
  • 1