TEST CORDING » JavaScriptでオーディオビジュアライザを作ってみた

2013/03/01 3088 users tmlib.js TEST CORDING ライブラリ 一言

Web Audio API という、ブラウザ上で音を解析したり鳴らしたりできるプログラムを利用してオーディオビジュアライザを作ってみました。 使用しているライブラリ @phi_jp さんが作成された、 tmlib.js を利用しています。このライブラリは……一言で「コレができる」ってものではなく、いろんなことができます。本当に。 Web Audio API にも対応されたということで使っています。... 続きを読む

TEST CORDING » JavaScriptでローグライクを作ってみた

2013/05/22 2020 users ローグライク iPhone TEST CORDING URL

JavaScriptを用いてローグライクを作ってみました。ブラウザ上で動くので、iPhoneやパソコンでも動きます。 厳密にいえばローグどころかローグライクですらないので、ローグライク風(？)なゲームって言ったほうがいいでしょうか。 実際に遊ぶ 以下のサンプルを動かせば、どんな感じに動くのか分かるかと思います。 フル画面で動かしたい場合は、以下のURLにアクセスしてください。iPhoneの場合は、... 続きを読む

ブラウザ上でさくさくデータベースの設計ができる『WWW SQL Designer』がすごすぎる - IDEA*IDEA ～ 百式管理人のライフハックブログ ～

2009/01/24 1344 users IDEA データベース WWW SQL Designer

ちょっと操作に慣れが必要ですが、すっごく便利なツールが登場した模様。ブラウザだけでさくさくデータベースのER図を描いていくことができます。しかも作った後にSQLでエクスポートが可能という超絶便利ツールです。 ↑ こんな感じのがさくっと作れます。見た目がきれいなのが素晴らしいです。 ↑ メインメニュー。テーブルを作ったり、フィールド足したり。関連付けもこちらで。 ↑ オプション。SQLの種類（Sql... 続きを読む

どの音がドでどの音がレなのか驚くほど分かるようになる音感マスターツール「音感トレーニング」 - GIGAZINE

2011/06/13 1334 users 音感 GIGAZINE 高低 音感トレーニング 楽器

音楽は好きだけど、音感に自信が無いのでカラオケが苦手、楽器に手を出しづらいという人は多いのではないでしょうか。フリーの音感マスターツール「音感トレーニング」は、そんな音感コンプレックスを解消してくれるきっかけになってくれそうなツールです。 このツールは、ある音をピアノの鍵盤上から探し出すゲーム形式のトレーニングツールで、ブラウザ上で手軽に遊ぶことができます。そもそも自分がどの程度音の高低を認識でき... 続きを読む

どの音がドでどの音がレなのか驚くほど分かるようになる音感マスターツール「音感トレーニング」 - GIGAZINE

2018/06/14 1331 users 音感 GIGAZINE 高低 音感トレーニング 楽器

音楽は好きだけど、音感に自信が無いのでカラオケが苦手、楽器に手を出しづらいという人は多いのではないでしょうか。フリーの音感マスターツール 「音感トレーニング」 は、そんな音感コンプレックスを解消してくれるきっかけになってくれそうなツールです。 このツールは、ある音をピアノの鍵盤上から探し出すゲーム形式のトレーニングツールで、ブラウザ上で手軽に遊ぶことができます。そもそも自分がどの程度音の高低を認識... 続きを読む

これはすごい！3秒でプログラミングが始められるサービス17選

2014/12/04 1100 users プログラミング オンラ サービス17選 谷口 ハードル

2014-12-04 【プログラミング学習】が超捗る！3秒で実行環境が作れるサービス17選 Photo by jmj5805こんにちは。今回は谷口がお送りします。プログラミングの勉強で「ちょっとあの開発言語の勉強をしてみたいな～」「実際にコードを書いて動かしてみたいな～」という時に、ハードルとなるのが「実行環境の作成」だと思います。そんな時に役立つのが、書いたコードをブラウザ上で実行できる「オンラ... 続きを読む

5秒で、Web上にプログラミング勉強用の実行環境が作れるWebサービス9選！ | APPGIGA!!（アプギガ）

2014/09/25 1059 users APPGIGA 0310lan プログラミング アプギガ 勉強

どうも、まさとらん（@0310lan）です！ 初めてプログラミングの勉強をする際に、意外と面倒なのがコードを実行するための「開発環境」を整えることではないでしょうか…。 そこで、ブラウザ上から「ログイン無し」で素早くプログラミングを実行できる環境を、「無料」で提供しているWebサービスをピックアップしてご紹介しようと思います！ Webプログラミング学習に最適なサービス！ 【 webscript 】... 続きを読む

思わずWeb開発したくなる最強のJavaScriptライブラリ7選が楽し過ぎてヤバイ！ | シェアしたくなる最新のWebサービス・ITニュース情報をチェック！ APPGIGA!!（アプギガ）

2016/10/31 994 users 0310lan VR空間 まさとらん モノ APPGIGA

どうも、まさとらん（ @0310lan ）です！ 今回は、JavaScriptを活用して、何かユニークなWebアプリやサイトを作りたい！と考えている人に最適です！ 最近は、開発に便利なJavaScriptライブラリが多く公開されていますが、その中でも特にワクワクしながらWeb開発できそうなモノを厳選してみたので、ご興味ある方はぜひ参考にしてみてください！ ブラウザ上のVR空間で「お絵かき」してみる... 続きを読む

有名WebサービスのAPIをすべて同じ書き方でプログラミング可能な「RapidAPI」は、検索・テストもブラウザ上で実行可能！ | シェアしたくなる最新のWebサービス・ITニュース情報をチェック！ A

2017/01/11 912 users Instagram Twitter Facebook API

どうも、まさとらん（ @0310lan ）です！ Twitter、Facebook、Instagram…など、今では多彩なWebサービスがAPIを提供しており、独自の機能を開発者が利用できるようになっています。 ただし、利用するAPIによってプログラムの書き方がそれぞれ異なるので、複数のAPIを使う場合は学習が困難なうえ、テストなどにも時間が掛かるケースが少なくないでしょう。 そこで、このような問... 続きを読む

ブラウザでつくれる履歴書「yagish（ヤギッシュ）」

2018/07/11 826 users ブラウザ 記入例 パソコン 外出先 自宅

yagish(ヤギッシュ)はブラウザ上で履歴書がつくれる無料サービスです。記入例や入力補助機能がついた履歴書テンプレートを選んで入力するだけ。自宅でも外出先でも、スマホでもパソコンでも、必要なときにいつでも履歴書を作成できます。 続きを読む

なにこれ楽しい！SQLをブラウザ上で学習できるSQLZOO！ - 嗚呼、学習の日々

2015/11/29 807 users みなさまごきげんよう データベース 言語 SQL 審査

みなさまごきげんよう！ 嗚呼蛙でございます！ 一昨日amazonアソシエイトの審査を無事通過したことを祝って、露骨なアフィ目的記事を書いてみました。 今日はデータベースの操作を行う言語『SQL』を実践的に学習できるサイトを発見したので、それについて書いていこうと思います。 SQLってなに？ SQLを知らない方のためにSQLについて簡単に説明しておくと、例えばネットショップで買い物をする時にこんな感... 続きを読む

ブラウザ上で超簡単にWebサイトが作れる！Bootstrap4対応のWeb制作エディタ「Pingendo」の活用ワザを一挙大公開！ - paiza開発日誌

2016/11/07 802 users paiza開発日誌 0310lan Bootstrap4

2016 - 11 - 07 ブラウザ上で超簡単にWebサイトが作れる！Bootstrap4対応のWeb制作エディタ「Pingendo」の活用ワザを一挙大公開！ プログラミング初心者 開発ネタ Webサービス紹介 どうも、まさとらん（ @0310lan ）です。 今回は、 マウス操作で簡単に「Bootstrap4」に対応したWeb制作をブラウザ上で行えるサービス「 Pingendo 」 をご紹介し... 続きを読む

最近話題になったイケてるWebサービス・アプリ12選（2014年5月編） | creive【クリーブ】

2014/06/01 768 users ユーティーミー UTme クリープ creive ユニクロ

こんにちは。 5月が終わり6月が始まったということで、5月中に話題になったWebサービスやアプリを12個ほどご紹介します。 UTme!（ユーティーミー） ユニクロがリリースした、自分がデザインしたTシャツを購入できるサービスです。 スマホとPCのブラウザ上で、デザインし、完成したTシャツは1枚1990円で購入できます（送料450円：3点以上購入で無料）。 リリースした当初の利用規約は、ユニクロに全... 続きを読む

プログラムの中身が見れる「jsdo.it」で、天才的な猛者のWeb作品10選を集めてみた！ | APPGIGA!!（アプギガ）

2014/03/28 740 users CSS 0310lan 言語 APPGIGA 最初

どうも、まさとらん（@0310lan）です！ 「HTML5」「CSS」「JavaScript」と言えば、ほとんどの方が一度は聞いたことがあるのではないでしょうか？ サイトやWebアプリなどを作る上で、まず最初に学習するための知識・言語と言えますが、これらをブラウザ上で書いたり実行したり共有できるサービスとして「jsdo.it」があります。 サイト内は、毎日無数のWeb作品が作られており、コードの中... 続きを読む

| ＾＾ |秒刊SUNDAY | もうアプリ要らない！WEB開発に使えるFirefoxのアドオン１１個

2008/07/09 739 users 秒刊SUNDAY Firefox Dreamweaver

2008年07月09日 もうアプリ要らない！WEB開発に使えるFirefoxのアドオン１１個 Firefoxの強みといえば、やはり膨大な種類と強力なアドオンでしょう。その中でも特に使える、そして開発に役立つアドオンがありますので是非活用してみてください。もうこれでアプリ要らなくなるかもしれません。 ◆DreamWeaverの代わりに『Codetch』 言うならば、DreamWeaver。ブラウザ上... 続きを読む

これは凄い・・！ブラウザ上で音楽制作が出来るAudioSauna | somode blog

2012/02/14 731 users DAW レジストリ 音源 ハードル 抵抗

音楽を制作しようとするとお金もかかりますし、無料体験版を使うにしても、ハードルがあります。僕はレジストリを汚したくないのでインストール自体に抵抗があります。 Naive Solutionsの発表したこの大興奮なサービスはブラウザ上で音楽制作ができるというもの。今までも似たような試みはありましたが、このサービスは”使える音源”、”普通のDAWと同じ事がまんまできる”というプロフェッショナルな内容にな... 続きを読む

字幕.in | YouTube動画にブラウザ上から字幕を挿入できるサービス

2007/01/20 730 users 字幕 YouTube動画 YouTube 字幕.in サービス

YouTubeの動画にブラウザ上から字幕を作成できるサービス字幕.in | YouTube動画にブラウザ上から字幕を作成できるサービス 続きを読む

JavaScriptのthisの覚え方 #JavaScript - Qiita

2013/01/31 652 users window Qiita this ソースコード コード

JavaScriptのthisは同じソースコードでも呼び出し元次第で意味が違ったりして複雑だと思われがちだけど、一回覚えてしまえば簡単だ。 JavaScriptにはthisが4種類ある これだけをしっかり覚えておけば、後は必要な時に 4種類って何があるんだっけ？ と考えれば容易に思い出せる。 ちなみに、下記のコードはブラウザ上で実行することを想定している。(なのでwindowを使う) トップレベル... 続きを読む

ブラウザ上でベジェ曲線の描き方がマスターできる『The Bézier Game』 | IDEA*IDEA

2014/09/13 627 users IDEA イラレ GAM ベジェ曲線 トレース

あ、これすごいぞ。ベジェ曲線の練習がブラウザ上で出来ます。 ↑ イラレのペンツールとかの使い方ですな。 ↑ そのときどきで使うショートカットも教えてくれます。 ↑ こういうのも描けるようになります。 ↑ チュートリアルとかが終わるとこうした課題が出ます。 ひととおりやればちょっとしたトレースはすぐに出来るようになりますな。かなり良いサイトかと思います。是非どうぞ。 » The Bézier Gam... 続きを読む

GitHubだけで超高機能なスライド資料が作れる「GitPitch」の使い方を徹底解説！ - paiza開発日誌

2017/06/22 625 users GitHub Markdown paiza開発日誌 ファイル

2017 - 06 - 22 GitHubだけで超高機能なスライド資料が作れる「GitPitch」の使い方を徹底解説！ プログラミング初心者 プログラミング学習 開発ネタ Webサービス紹介 どうも、まさとらん（ @0310lan ）です！ 今回は、ブラウザ上の GitHub で Markdown （マークダウン）ファイルを作成し、そのまま超高機能なスライド資料に変換してくれるサービス のご紹介で... 続きを読む

ブラウザ上でHTML / CSS / Javascriptを書いてその場で実行、ブログ等にも貼付できるjsfiddleの基本的な使い方をざっくりと - かちびと. net

2011/10/24 624 users jQuery jsfiddle CSS JavaScript

個人的にお勧めしているjsfiddle ですが、せっかくなのでちゃんと 記事にして普及活動をしてみよう かなと思います。jQueryのコード を気軽に試す、などにも最適です。 全部は書ききれないのでざっくりと、程度です。一応基本的な部分だけ・・jsdo.itでいいじゃんとか言われそうな空気満々ですが、いいならこんな記事書きませんのでお察し頂ければ幸いです。 jsfiddle jsfiddleとは、... 続きを読む

とってもお手軽なFavicon作成ツール『Favikon』 | 100SHIKI.COM

2007/11/14 605 users favicon 100SHIKI com ツール 特徴

これが決定版じゃね？とってもお手軽なFavicon作成ツール『Favikon』 November 14, 2007 9:17 AM written by webmaster これは便利。 Faviconをブラウザ上で作れるツールがFavikonである。もちろん、こうしたツールは他にもある。 ただ、Favikonは「画像のこの部分をFaviconにしてね」をブラウザ上で手軽に指定できる点が特徴である... 続きを読む

インストール不要・誰でも無料で打ち込み音楽をブラウザ上で簡単に作曲できるGoogle「Song Maker」 - GIGAZINE

2018/03/02 594 users タブレット ツール 音楽制作 画面 GIGAZINE

Googleでは、誰もがアクセスできて楽しみながら音楽制作を行えるサイト Chrome Music Lab を通じ、さまざまなツールを使って簡単に音楽制作に触れられる環境を提供しています。ここに新たに追加された「 Song Maker 」は、PCやスマートフォン、タブレットなどの画面を直接操作するだけで手軽に音楽を打ち込んで制作することができます。 Simple music-making for ... 続きを読む

Google Chrome上でマイクから録音した声をリアルタイムで文字に書き起こしてくれる「The Recording Studio」 - GIGAZINE

2019/01/22 583 users GIGAZINE ウェブツール マイク リアルタイム 文字

「Recording Studio」は、Chromeに対応している音声認識API「SpeechRecognition API」を利用してマイクから録音した声を音声認識によってその場で文字に起こしてくれるウェブツールです。オンラインのブラウザ上で動作するのでダウンロードやインストールは不要で、開発したみずちさんが無料で公開しています。 Recordin... 続きを読む

JavaScriptをやるなら覚えておくと超便利な、コードをブラウザ上で開発＆発行できる「JS Bin」:phpspot開発日誌

2009/10/23 555 users phpspot開発日誌 サーバ コード JavaScript

JavaScriptをやるなら覚えておくと超便利な、コードをブラウザ上で開発＆発行できる「JS Bin」 2009年10月23日- JavaScriptをやるなら覚えておくと超便利な、コードをブラウザ上で開発＆発行できる「JS Bin」というサイトを発見。 ちょっとした動作確認用のコードを書いたり、入門者の方がJavaScriptを学ぶのに非常に有用ですし、その結果も保存してサーバに置いてホスティ... 続きを読む