Web Audio APIを恐ろしく簡単にする「Tone.js」で音楽プログラミングを試してみた！ : うえぶはっく
「Web Audio API」を使うと音声の「再生」だけでなく、音の「生成」や「加工」などもJavaScriptだけで手軽にプログラミングすることが出来るようになります。 ただ、ちょっとクセがあるので「扱いにくい…」と感じる人も少なくないでしょう。 そこで、誰でも簡単に「Web Audio API」を活用できるJavaScriptライブラリ「Tone.js」について、今回は簡単なサンプルと共にご紹介しようと思います！ ファイルを準備しよう！ まずは、「Tone.js」を使ったサンプルを作るのに必要な「index.html」と「app.js」を用意しましょう。 「Tone.js」自体は、GitHubからダウンロードするか、以下のURLから利用可能です。 https://tonejs.github.io/build/Tone.min.js ひとまず、「index.html」はこんな感じでOKで
わずか1行のコードで「リアルタイムWeb通知」が実装可能になったMilkcocoaを試してみた！ : うえぶはっく
国産のバックエンドサービスとして人気の「Milkcocoa」ですが、いつの間にか「リアルタイムWeb通知」を実現できるようになっていたのでご紹介しておきます！ これが出来るようになると、自分のWebサイトやサービスなどを利用しているユーザーに向けて、スマホの「プッシュ通知」のような感覚で、リアルタイムに任意のメッセージを送信し、ユーザーのブラウザ上に表示させるようなことが出来るので便利です。 今回は、チュートリアル形式でサンプルを作っていく過程をご紹介しようと思います！ まずは初期設定をしよう！ まず最初に「Milkcocoa」にログインし、管理画面から新しいアプリを作成します。(無料プランで問題ありません…)
プログラミング不要で、マウスオーバー時にポップアップ表示ができる超軽量CSSライブラリ「Hint.css」を使ってみた！ : うえぶはっく
今すぐ、自分のWebサイトやブログなどにポップアップ表示を導入できる超軽量なCSSライブラリ「Hint.css」のご紹介！ HTMLの好きな要素に、専用のクラス名を指定するだけで誰でもすぐに利用できるのが特徴で、メッセージやインフォメーション、ヒントなどを表示させるのに最適です。 そこで、スマホでの利用シーンも踏まえて、サンプル例と一緒にご紹介しようと思います！ 使い方！ 利用方法はシンプルで、GitHubからファイルをダウンロードするか、以下のCDN経由でCSSライブラリを取得します。 https://cdnjs.cloudflare.com/ajax/libs/hint.css/2.0.0/hint.min.css HTMLの骨組みはこんな感じになるでしょう。 // index.html <!doctype html> <html> <head> <meta charset="utf-
実在するWebサービスを作りながらプログラミング学習できる「CodeUpStart」が面白い！ : うえぶはっく
プログラムの基本的な文法や例題を解くのではなく、実際に動くWebサービスを完成させることに重点を置いたプログラミング学習サービス「CodeUpStart」のご紹介！ 海外のサービスなので英語ではあるものの、すべて動画による学習構成になっているので、見ているだけでどのように制作していけば良いのか分かりやすくなっています。 また、プログラミングを最小限に抑えるために、便利なWebサービスをいろいろと連携させるテクニックも紹介されていて勉強になりますよ。 使い方！ サイトのトップページから無料の「ユーザー登録」を済ませて、学習したいコースを選択すればOKです。 例えば、オリジナルの「ポートフォリオ」を制作するコースを選んでみましょう！
JavaScriptで「OS」を開発した猛者が現れ、ブラウザ内にデスクトップ環境を構築できる「OS.js」が話題に！ : うえぶはっく
その名もズバリ「OS.js」というJavaScriptライブラリです。 誰かのイタズラかと思いきや、使ってみるとブラウザの中にもう1つ別のパソコンが起動しているような感覚になり、その完成度の高さに驚かされます。 APIも提供されており、「OS.js」で起動したデスクトップ環境用のアプリケーションを自分で開発することも可能になっているのは面白い点でしょう。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Googleが「日本人」専用の開発者向けYouTubeチャンネルを公開中！ : うえぶはっく
最新のIT・Web技術を動画で学べるマイクロソフトの「Channel９」が、やたら勉強になる件！ : うえぶはっく
世界中のIoT開発事例や作り方を無料公開する「Hackster.io」がマジで勉強になる！ : うえぶはっく
「Git」コマンドで戦闘するRPGゲーム「ギットクエスト」がWebで公開中！ : うえぶはっく