(注:2016/1/21、頂いたフィードバックをもとに記事を修正いたしました。) 『 Programming in Scala (Scalaでプログラミング) 』の初版を読み始めた(でも読み終えていない)5年前からJavaの代わりにScalaを使うようになりました。最初はテストの時に使用していましたが、すぐにちょっとしたユーティリティクラスでも使用するようになり、気付いたらプロジェクト全てで使用するようになっていました。 Scalaに対する不満は多く存在しますが、この記事は違います。これは非難するものではなく、むしろ称賛するものです。 Scalaに興味ある開発者や聞いたことがあっても詳しく見たことがない人、「スムーズなプログラミングの妨げになる」と思い使用を先送りしていた人のために書きました。もちろんScalaファンに読んでもらうのも、他の人にも紹介してもらうのも大歓迎です。 この記事は3
機械学習のモデルを構築した際、データサイエンティストとしての私たちの最終的なゴールは価値の創造でした。モデルが無かった(あっても今より原始的だった)頃よりも、何かしら良いものを生み出すためにモデルによる予測を活用したいのです。結果に焦点を当てるということはつまり、私たちのモデルのパフォーマンスの最終的な評価は、その有効性によって為されるということです。それは、モデルを利用したアプリケーションが生み出した価値の量として計測されます。この投稿では、ビジネスの価値を最大限にするモデル構築による意思決定を、選択したり理解したりする際の強力なツールとして、データの可視化を活用したいと思います。 分類アルゴリズムにおいて、最も一般的な利用パターンの1つが 閾値(しきいち) です。閾値以上のスコアを持つ全てのケースに対して、何らかの特別な処置を行うのです。以下に例を挙げます。 不正の防止: あなたはソー
sunnyと申します。サーバ運用チームの運用をやっています。糖質制限ダイエットで3キロ痩せました。 9年程サーバ運用に携わっていますが、運用を業務にしている人とそうでない人のギャップのようなものを感じることがあり、それについて書きたいと思います。 運用ってなに “運用”を初めに定義をしたいと思います。本記事で扱う”運用”は弊社フルマネージドホスティングサービス(以下FMH)のシフト業務を指すこととします。そもそもFMH is 何という方は、こちら を参照頂ければ幸いですが、かいつまんで言いますと 24時間365日オンプレのサーバを守るサービスです。特徴としてはお預かりしているお客様のサーバの rootアカウント(管理者権限) を弊社で保有してサーバ内で起こりうる全ての事柄に対してサポートをさせて頂くことです。サービス開始当初は「お客様がシステム管理者を採用する必要はありません」というような
記事が少ないと寂しいので,自分の専門について書こうと思います. 私が現在専攻しているのは,簡単に言うと「機械学習」ということになるでしょう. 細かく言うと,その中でも機械学習の観点から,統計的な「時系列解析」を扱っています. 最近,ビッグデータだのディープラーニングだので機械学習が(まさに)にわかに脚光を浴びていますので,機械学習を勉強したいんだけど,なにから初めていいのかわからない...という人があふれているかもしれません. そういう人のために,教科書を紹介するのも専門家の役目だと私は思っているので,浅学ながら紹介します. 全くの初心者向け 機械学習を学ぶために必要な数学的知識として,主なものは 解析学(微分積分学)線形代数統計学 です.これは情報系大学数学の三本柱と言い換えてもいいかもしれませんw まず,解析学・線形代数は大学初年度程度のリテラシーがあれば大体は大丈夫です. 解析学では
今回から、いよいよ「微分」です。俗に難しい数学の代名詞で「ビブンセキブン」と言われるくらいで、滝壺の周りは、いまでも乗り越えられずに息絶えた無念のシカバネで死屍累々といった最大の難所ですが、数学に苦手意識のある学習者にとって、微分が特に難しい理由は、次の二つがあるのではないかと思います。 ひとつは、例によって、「なんでそれをやっているのかが分からない」ということです。 微分の授業や説明には、前置きなしにいきなり微分の数式上の定義や、機能の説明から入るものが今でも多くあります。すると、聴く方は、「はあそうですか。でも、それがどうしたの?」となって、そこから先はもうチンプンカンプンでまったくついていけなくなります。 理由のふたつめは、数学自体でみても、微分までと、微分から先は、同じ数学と言いながら、実は中身の味つけが大きく変っていることです。 一般に数学嫌いの生徒がつまずく箇所は、数学そのもの
2024-07-08 【終演】テオ・ドーロ歌劇団『愛の妙薬』を終えて 音楽 去る7月6日と7月7日に、テオ・ドーロ歌劇団の第3回公演『愛の妙薬』が、無事終演しました。 1日経った今日もまだ興奮冷めやらない感じですが、今の気持ちをBlogに残しておきたいと思います。多分に自画自賛になるかと思いますが、ご容赦ください(笑)。 … #オペラ #愛の妙薬 #音楽 2024-06-22 初心者がオペラを楽しむ方法《ドニゼッテイの『愛の妙薬』を例に》 音楽 ドニゼッテイ作曲の『愛の妙薬』を例に、まったくのオペラ初心者がオペラを楽しむ方法をまとめました。 #ドニゼッティ #オペラ入門 #愛の妙薬 2024-05-29 新刊『一度読んだら絶対に忘れない数学の教科書』(SBクリエイティブ) 著作 数学 2024年6月2日に発売となる『一度読んだら絶対に忘れない数学の教科書』(SBクリエイティブ)の紹介です。
2024-07-08 【終演】テオ・ドーロ歌劇団『愛の妙薬』を終えて 音楽 去る7月6日と7月7日に、テオ・ドーロ歌劇団の第3回公演『愛の妙薬』が、無事終演しました。 1日経った今日もまだ興奮冷めやらない感じですが、今の気持ちをBlogに残しておきたいと思います。多分に自画自賛になるかと思いますが、ご容赦ください(笑)。 … #オペラ #愛の妙薬 #音楽 2024-06-22 初心者がオペラを楽しむ方法《ドニゼッテイの『愛の妙薬』を例に》 音楽 ドニゼッテイ作曲の『愛の妙薬』を例に、まったくのオペラ初心者がオペラを楽しむ方法をまとめました。 #ドニゼッティ #オペラ入門 #愛の妙薬 2024-05-29 新刊『一度読んだら絶対に忘れない数学の教科書』(SBクリエイティブ) 著作 数学 2024年6月2日に発売となる『一度読んだら絶対に忘れない数学の教科書』(SBクリエイティブ)の紹介です。
昔はいわゆる「伝説のピアニスト」がいましたが、今は小学生でもショパンのエチュードを弾くようになり、演奏ができることの希少性がなくなってきました。弾くノウハウが体系化され、蓄積されてきている証でしょう。聴く側も体系化した学び方を知ると、弾く側に変わるのではないでしょうか?皆で太鼓を叩きながら踊るという全員参加型の民族音楽のように、ピアノがまさに全員参加型の民族音楽に近づいていると思います。今日本中でアマチュアサークルがあり、ピアノ弾き合い会の後に飲み会をするんですが・・楽しいですよ!そうなると指導者がたくさん必要になります。今、歴史的な変わり目にきていると思います。 ただテクニックに関する部分は進化してきていますが、ピアノと一緒に、ソルフェージュや作曲語法までをきちんと勉強するシステムにはなっていないように思います。広義のソルフェージュとは和声や対位法などの全てを含むものです。初歩の段階では
「数学記号は英語の略記号でしかない。基本的に数式は単なる文章なんです。」高校時代は国語が得意だったと言う安富先生。文章を読むように、数式の中のストーリーを読み解きます。 道路を色分けしよう 点と点を結ぶ矢印があるグラフで、どの点からも同じ数だけ矢印が出ている図を同次有向グラフといいます。 たとえば点が4つ、各点から矢印が2本ずつ出ているとします。 各点から出ている線の数と同じ数、つまり2種類の色(赤、青)を使って、各点から出ている線を色で塗り分けます(カラーリング)。 このとき各点から同じ色の矢印は1本しか出ていません。 赤という号令をかけると、各点から赤の矢印に沿って移動します。 ある号令(たとえば赤、青、赤、赤、赤という号令)をかけたときにどの点からスタートしてもひとつの点に到着する。 そんなカラーリングが存在するかどうかという問題を、矢印を道(ロード)に見立ててロードカラーリング問題
むかしは好きだったけど、文理選択で文系選択してからは数学との縁は切れたまま。就職活動の時に、一般常識問題でふたたび顔を合わせて顔面蒼白。それからまた距離を置いちゃったけど、でもやっぱり数学に魅力を感じていて……。数年ぶりに、何度目かのトライ。そしたら今度は面白いじゃないの! と夢中になってしまいました。そんなガチ文系を虜にした数学本をご紹介します。 始めの一歩!やっぱり入門する際にどの門を選ぶかは重要です。なるべく低い敷居の門を探していたとき、多くの数学好きと多くの数学克服者からオススメされたのが本書でした。 著者 矢野 健太郎 出版日 著者の矢野健太郎さんは数学者で、とにかく多くの数学本を手がけています。数学者の本は「分かりやすい」と言われているものでも、ズブの素人にはなかなか理解できないことがあります。しかし、著者が執筆経験豊富だからでしょうか。非常に読みやすい文章が特徴です。 本書は
2024-07-08 【終演】テオ・ドーロ歌劇団『愛の妙薬』を終えて 音楽 去る7月6日と7月7日に、テオ・ドーロ歌劇団の第3回公演『愛の妙薬』が、無事終演しました。 1日経った今日もまだ興奮冷めやらない感じですが、今の気持ちをBlogに残しておきたいと思います。多分に自画自賛になるかと思いますが、ご容赦ください(笑)。 … #オペラ #愛の妙薬 #音楽 2024-06-22 初心者がオペラを楽しむ方法《ドニゼッテイの『愛の妙薬』を例に》 音楽 ドニゼッテイ作曲の『愛の妙薬』を例に、まったくのオペラ初心者がオペラを楽しむ方法をまとめました。 #ドニゼッティ #オペラ入門 #愛の妙薬 2024-05-29 新刊『一度読んだら絶対に忘れない数学の教科書』(SBクリエイティブ) 著作 数学 2024年6月2日に発売となる『一度読んだら絶対に忘れない数学の教科書』(SBクリエイティブ)の紹介です。
2024-07-08 【終演】テオ・ドーロ歌劇団『愛の妙薬』を終えて 音楽 去る7月6日と7月7日に、テオ・ドーロ歌劇団の第3回公演『愛の妙薬』が、無事終演しました。 1日経った今日もまだ興奮冷めやらない感じですが、今の気持ちをBlogに残しておきたいと思います。多分に自画自賛になるかと思いますが、ご容赦ください(笑)。 … #オペラ #愛の妙薬 #音楽 2024-06-22 初心者がオペラを楽しむ方法《ドニゼッテイの『愛の妙薬』を例に》 音楽 ドニゼッテイ作曲の『愛の妙薬』を例に、まったくのオペラ初心者がオペラを楽しむ方法をまとめました。 #ドニゼッティ #オペラ入門 #愛の妙薬 2024-05-29 新刊『一度読んだら絶対に忘れない数学の教科書』(SBクリエイティブ) 著作 数学 2024年6月2日に発売となる『一度読んだら絶対に忘れない数学の教科書』(SBクリエイティブ)の紹介です。
ソニーコンピュータサイエンス研究所は、多言語対応ソーシャルラーニングサービスの第一弾として、PC(Web ブラウザ版)や、iPhone/iPad 版などのモバイル端末向けアプリケーション「MathNative」(マスネイティブ)を開発、提供しているが、今回、Android タブレット版の提供も開始した。料金は無料。 日本語版と英語版があるが、中国語版も現在開発中で、今年度中を目途に提供を開始する予定。 「マスネイティブ」は、日本の小学生の算数問題をベースにしたものだが、幅広い年代で楽しめる、考える力をのばす算数クイズアプリケーション。算数クイズの主人公は参加者自身で、100種類以上の物語と関連させる、多言語対応の「ストーリー提供型」。 ソニーコンピュータサイエンス研究所では幅広い領域の基礎研究を行っており、その取り組みの一つとして、ネットワークサービスの研究と事業化を目的としたネットワーク
「やまとなでしこ」の数学 フジテレビのドラマ 「やまとなでしこ」 (連続11回、2000 年 10 月 9 日 〜 12 月 18 日、月 曜 21:00〜21:54 放送)の中では、主人公神野桜子(松嶋菜々子)の相手として 中原欧介(堤真一)が登場しました。 欧介は、「数学者を志し、マサチューセッツ工科大学 (MIT) にも留学したが、 父の死と母の病気をきっかけに数学をあきらめて帰国、魚屋を継ぐ。しかし、桜 子とのつきあいを通じて再び数学の道に戻ることを決意し、アメリカに職を得て 最後には…」という設定で、ストーリーの中の所々に数学 の話題がすべりこまされていました。 ここでは、そうした数学関係の話題を(プロ向きの野暮な突っ込みはおいといて)、 「なんか面白そうだけどさっぱり分からない、何を言ってるんだろう?」 と思われた方への簡単な解説を試みたいと思います。 長くなりそうな解説はリン
何を隠そう、数学はこのブログ随一の非モテコンテンツ。 もうこの数学って単語見た瞬間にブラウザの戻るボタン押されたりタブ閉じたりされているんじゃないかって思ってる。 まー、でもここはそういうブログなのだ。 半年くらい前に始めた微積、実はもう3周目くらいに突入している。 1周目はホント辛くってさ、何もかもがほぼ忘却の彼方だったので予備知識はほとんどない状態だったんだ。もうね、高校生の頃に習ったような公式類を忘れているもんだからその歩みは匍匐前進レベル。ブックオフで高校生向けの参考書を買ってきて、あーそうだっけなぁと思いつつ復習してようやく元の微積の本に戻るということを繰り返していた。だから1周目は全体を俯瞰するだけと思っていたのに想定外に時間がかかりまくった。で、2周目にようやく突入して今度は練習問題を解くということを中心に。今の3周目は証明と応用に重心を置いて読んでいる感じ。 で、今その3周
'Restless' is taken from New Order's 'Music Complete', out now on Mute. Buy/Stream: https://smarturl.it/NOMC 'Restless' Remix EP, out now on Mute. Buy/Stream: https://smarturl.it/NO-RE Sign up to the New Order mailing list for updates: https://smarturl.it/NOML Connect with New Order: http://www.neworder.com/ https://twitter.com/neworder https://www.facebook.com/NewOrderOfficial https://www.in
FASHIONBEAUTYLIFEGOURMETTRAVELART&CULTUREHOROSCOPEPHOTO運営会社お問い合わせ パリ発のチョコレートの祭典「サロン・デュ・ショコラ(Salon du Chocolat)2016」が1月27日から31日まで新宿NSビルで開催される。昨今チョコレート界で新しいトレンドとしてその地位を確立し、同祭典でも発売される“Bean to Bar”について紹介する。 今年のサロン・デュ・ショコラのテーマは、「カカオの誘惑、ショコラの冒険」。会場では世界でも名高い、一流のショコラティエたちが自らの作品を通じて、“カカオの魅力”を伝える。そして、最新の業界のトレンドが「Bean to Bar」のチョコレートだ。 Bean to Barとは、チョコレートの素材となるカカオ豆(Bean)の選定から、チョコレートのタブレット(Bar)になるまでの全工程を一つのショ
グリークヨーグルト ティラミス風 · ココアとミックスベリーのお豆腐ケーキ · ビヒダスのココアティラミス · チョコ不使用☆チョコヨーグルト · 米粉のもちふわココア ...
焦がしにんにくのマー油と葱油の香ばしさや、噛むほどに広がる焼豚のうま味で、一度口にすると一心不乱に食べきってしまいたくなるチャーハンです。
2022/03/30 · 香ばしく焼き上げたワッフルにチョコレートをサンドするお菓子はよく見かけますが、塩気のあるブロンドチョコレートが新しいという事でデパートの催事など ...
「マルニ(MARNI)」が、バレンタイン限定のチョコレートボックス(1,995円)を発売する。 1箱6個入りで、4種のチョコレートをセット。定番のミルクホワイト、ローズ、ラズベリーの他、製作中に焙炉(ほいろ)へ入れたままになっていたホワイトチョコレートが10時間後にブロンド色に変身していたという偶然のアクシデントから生まれた「ブロンドチョコレート」をラインアップ。それぞれにマルニの14SSコレクションのプリントが施されている。チョコレートの組み合わせは販売店によって異なる。 全国での販売に先駆けて、1月29日に伊勢丹新宿店、伊勢丹新宿店メンズ館、銀座三越、日本橋三越店で発売。続いて2月5日より、名古屋三越、阪急うめだ本店、阪急メンズ大阪、阪急メンズ東京、松屋銀座、玉川高島屋S.C店、京都大丸店、心斎橋大丸店、神戸大丸店、福岡岩田屋店で販売する。いずれも期間は2月14日まで。
前章にひきつづき、セロトニンを増やすための食事法について、具体例を挙げながらご紹介したいと思います。 → セロトニンを増やすための食事法 セロトニンを増やすためには、セロトニンを合成するトリプトファンを摂ることが大切です。 また、トリプトファンを多く含むたんぱく質と炭水化物を、1日3食のうちで効率良く摂ることが大事です。 そのための上手な食事法についてまとめてみましたので、ご参考になさってください。 セロトニンを増やすための食事・朝食 【朝食は、たんぱく質やビタミンを摂る】 朝食をきちんと摂ることで、1日の活力源となります。 たんぱく質やビタミンを摂るためのメニューがおすすめです。 ・フルーツヨーグルト フルーツにはビタミンが豊富で、ヨーグルトはトリプトファンやカルシウムが豊富です。 ・豆乳入りカフェ・オ・レ 豆乳にはたんぱく質が豊富。牛乳と混ぜてカフェ・オレにすれば、飲みやすくなります。
難消化性デキストリンは、低粘性・低甘味で溶けやすく、水に溶かした場合はほぼ透明、耐熱性・耐酸性に優れている食品素材です。いろいろな生理機能をたくさんもっている ...
穀類、野菜、豆類、キノコ類、果実、海藻、甲殻類(エビやカニ)の殻にも含まれてい ... 難消化性デキストリン食物繊維不足を補う目的ででんぷんから作られた、安全性が ...
こんにちは、くみです。 GoogleDriveに保存してあったよく使うファイルがフォルダごとごっそり消えていて青ざめたのですが、Googleさんに復旧して頂き、事なきを得た話です。 同じような状況の人の参考になりますように。 状況と原因の確認 フォルダがない。検索するもない ある日GoogleDriveのあるフォルダを使おうとDriveをブラウザ上で開いたところ、あれ?ない!どこにもない。中にはいってたファイルごとごっそりない。検索してもない。ゴミ箱にもない。 ファイルやフォルダを検索 | Google ドライブ の使い方 なぜなくなったのか、更新情報を調べる 他人と共有もしていたので、もしかしたら消された?いやそんなはずないよなー… そういえばGoogleDriveはファイルの更新履歴を記録しているので、消えたフォルダについても確認できるのではないか?と思い、探してみる。 ちょっといじっ
5 日前 · 米Googleのクラウドストレージ「Googleドライブ」で、データが消えるという不具合が複数報告されている。Googleは、ヘルプページ内にあるコミュニティ ...
超簡単!Arduino UNOをMIDIコントローラーにしよう! <Arduino MIDI Library 4.2対応版>ArduinoMIDI 突然ですが、Arduino UNOでMIDIコントローラーが作りたいですね! というわけで、以前、缶の作り方を紹介しましたが、今度はもっと簡単なのを紹介します。 Arduino UNOをそのまま使って、ボリューム、CDS、スイッチ1を1つづつ繋ぐだけ! USBをそのまま使うので、MIDIケーブルもMIDI/IFも不要! しかも、今度のやつの方が、機能が豊富です。 なななんと!前回の缶はノートON/OFFができるだけでしたが、今回は音程も変えられるし、なんとピッチベンドもできちゃいます。 頑張ればメロディーが演奏できるかもしれません!(相当難しいですw) さっそく作ってみましょう! 2015.7.22 記事が古くなりましたので、Arduino I
Download (14.10.12)timbre.jstimbre.dev.jsDocumentsIntroductionGetting StartedPragmatic SynthRecording ModeCustom ObjectFor DeveloperstimevalueExamplesBeatBoxChordWorkGymnopedieKhoomiiReichReferencesTimbreObjectNumberArrayFunctionBooleanObjectSynthDefSoundBuffer*+-/audiobiquadbufferchorusclipcompdelaydistenveqfftfnoisegateifftintervallagmapmaxmediastreammidicpsmidiratiominmmlmonondictnoiseoscOscGen
Pixi.jsとgetUserMediaとneume.jsを使って簡単なFirefox OSアプリを作ってみた。HTML5WebGLFirefoxOSWebAudioAPIfxos 以前、Open Web Boardを使ってFirefox OSアプリを作ってみたのですが、さすがに3ヶ月も触ってないとすっかり忘れましたw が、今度はflameが手に入ったので、またちょっとやってみることに。 で、ただHello World作るだけでは面白くないので、他にやりたいと思ってたことと混ぜこぜで、 getUserMediaを使ってみる(特権必要だと!?) Pixi.jsのv2を使ってみる(Retina対応簡単になったと言うので!) neume.jsで音を出してみる(ついにWeb Audioだぁ!) という実験をやってみました。 カメラ入力から音出すやつ いろいろテキトーですが、こんな感じのになりました
キーボードショートカット一覧 j次のブックマーク k前のブックマーク lあとで読む eコメント一覧を開く oページを開く ✕
これまでのシリーズで Electron の開発環境が固まってきので実際にアプリを作成してみたい。サンプルとしてある程度の複雑さがほしいから以前に nw.js を使ってみる 5 - 簡易音楽プレーヤーで実装したものを移植することにした。 設計方針 移植にあたり単純に動かすだけなら NW.js 版の実装を Renderer プロセス部分へまるごとコピーするだけでよい。 しかし今回は Electron らしく Main/Rendrer を分割、ダイアログ表示や音楽ファイルのメタデータ読み込みは Main プロセスで実行させて Main/Rendrer 間の連携は IPC に限定する。 remote を利用すれば Main プロセス部分の機能を Renderer プロセスから簡単に呼び出せるけれど却下。便利な反面 Main/Renderer が密結合になりやすい。特に双方の Object を参照し
7月25日に WebMusicハッカソン #4 @kyoto というのがあるのですが、ちょうど良い機会なので僕が作ったウェブ音楽用簡単超絶便利ライブラリを紹介したいと思います。 WEB AUDIO SCHEDULER 2 つの時計のお話 - Web Audio の正確なスケジューリングについて - HTML5 Rocks Web Audio で必須な割に難しいのがスケジュール管理で、いちおう上の記事のやり方が推奨なのですが、そのままやるとかなり面倒くさい。のだけど、このライブラリを使うと面倒な部分は気にせず、いつ何をしたいのかを書くだけで良くなる。以下は簡単なメトロノームの例。 var gcguard = []; var audioContext = new AudioContext(); var scheduler = new WebAudioScheduler({ context: a
WebAudioとは ブラウザで音を扱えるAPI。音のデータの再生や加工のほか、オシレータの音源やフィルタをもっているので、シンセサイザみたいなものが簡単に作れる。 Chrome、Safari(iOSもOK)とFirefoxで動作。 ここではシンプルな構成のアナログシンセの音源を作ってみる。 情報リソース W3Cの仕様書最新ドラフト 仕様書日本語訳(ちょっと古い) 日本語解説 まずはこれをひと通り読むのがいい とりあえずデモ OSC-LPF-EV+LFOの簡単な構成のアナログシンセ音源。 CONTボタンで連続音。TRIGボタンでEG付きの音、SEQでシーケンスを刻む。あとはスライダーをいろいろいじってみてください。 実働デモ 全ソース(gist) (要jQuery) 音を鳴らしている部分は実質30行ほどでできちゃう。あとはUIの処理。 ポイント解説 モジュール構成 OSCとLFOは同じオシ
SVGで楽譜を作ろう!を作ってみた。 SVGとWeb Audio APIで楽譜の作成と再生。 音楽の知識がないので、 音が外れてたり長さが違うかも?? 音が鳴る時にプチプチしてるのが気になる・・・ ※Chrome Ver.39.0.2171.95 ~メニューバーの説明~ 左から ①音符をドラッグで楽譜上に配置 右クリックで音符の種類が選べます。 ②楽譜のリセットと楽譜読込です。 「キラキラ星」と「さくらさくら」の楽譜を読込むことが出来ます。 ③作成した楽譜を再生 or 停止 ④音量の変更 ⑤テンポの変更 ⑥配置した音符を削除したい場合はゴミ箱へ! $(function () { "use strict"; var // 再生タイマー playLineTimer = "", // オーディオオブジェクト audio, // AudioContext audioContext, // 音量
Web Music Developers JP Advent Calendar 2012 の 12日目です。 前回の記事では信号処理用の簡易インターフェイスを紹介しましたが、今日は内部でどういう処理を行なっているのかという話です。 といっても、音を作るための高度な信号処理の話ではなくて、各APIごとの簡単な使い方とブラウザによって使えるAPIが異なるだけでなく、同じAPIでもOSによって動作が異なったりバグっぽいのがあったりという状態なので、それらをできるだけ回避するためのバッドなノウハウ集といった具合、地獄の様相です。 Web Audio API編 やり方 まず使えるかどうかを判断します。 if (typeof webkitAudioContext != "undefined") { } Web Audio APIでは new webkitAudioContext() で作られる Aud
これが最後の Step となります. 音を読み込んで再生することで 一気にゲーム感が増します! Table of contents チュートリアル目次 サンプル ソースコード 解説 まとめ チュートリアル目次 前半 Step00 ゲームのひな形を作ろう (サンプル) Step01 ピースを定義して並べよう (サンプル) Step02 ピースのタッチ処理とゲームクリア処理を実装しよう (サンプル) 後半 Step03 UI を実装しよう(サンプル) Step04 タイトル画面とリザルト画面を追加しよう( サンプル ) Step05 BGM, SE を鳴らそう( サンプル )←いまココ up サンプル 今回作るサンプルです. 音データを読み込んで再生しています. up ソースコード main.js 最初に ASSETS というオブジェクトを定義して, そこに音データのキーとパスをセットしていま
(訳注: 元の記事 の上部にて、このプレイヤーを実際に実行できます。) これは何か? Play(再生)ボタンを押すと、音楽が再生されます。具体的には、1994年に公開されたFastTracker 2と呼ばれるプログラムで作られた(もしくは、少なくとも互換性のある)音楽です。これは私が懐かしくなって敬意を込めて書いたJavaScriptです。 ソースコードはGitHub で確認できます。 Load(読み込み)ボタンを押すと、私のWebホスト上にある他のいくつかの.XMを読み込んだり、コンピュータからプレーヤーのウィンドウに.XMをドラッグアンドドロップしたりできます。 次の画像はFasttracker 2のインターフェースです。 元のフォントを使用して上記のFasttracker 2インターフェースを模倣したものをレンダリングしています。 広く普及している.MOD音楽ファイルフォーマットは、
HTML5には魅力的なAPIが数多く実装されてて、前からいじりたかったWeb Audio APIをいじってみた。結論から言うと、これ専門にやらないととても扱える物ではないことがわかった。自分がアホなだけかもしれんけど。草案段階ということもあり、頻繁に仕様が変わるため世に出回ってるサンプルは機能しないものが多くて素人をよせつけない感じ。Googleのサンプル集はさすが、見事に動作するものがほとんどだったけど、ソースみてもなにやってんだこいつ状態でとてもパクれるものじゃない。何はともあれ、細かいこと気にしなかったら簡単なんで適当に書いてみましょう。まずモールス信号について。 国際モールス符号は短点(・)と長点(-)を組み合わせて、アルファベット・数字・記号を表現する。長点1つは短点3つ分の長さに相当し、各点の間は短点1つ分の間隔をあける。また、文字間隔は短点3つ分、語間隔は短点7つ分あけて区別
この記事は、Node.js Advent Calendar 2014 - Qiitaの19日目です。 はじめに 最近はWebAudio APIによってJavaScriptで簡単にオーディオアプリが作れるようになりましたが、最終的なアプリ配布を考えるといろいろと面倒です。 複数ブラウザやブラウザバージョンの差異吸収が面倒(開発者サイド) 一時期のdeprecatedなAPI大量発生前後のような現象 prefix付きのAudioContext()に対応しないといけない場合がある 同じAudioContextでもブラウザによって挙動が異なる アプリの実行が面倒(利用者サイド) このような場合に、node.jsとChromiumベースのデスクトップアプリ用フレームワークAtom-Shellを使うと、以下なようなメリットがあって楽でした。 環境が固定できて複数ブラウザに対応しなくていいので楽 Aud
Web Music とは, Web (ブラウザ) をプラットフォームにした音楽アプリケーション, あるいは, そのような Web アプリケーションを実装するために必要となる, クライアントサイドの JavaScript API の総称です. これは, 一般的な技術用語ではなく, ある種の技術マーケティング的な造語です. 具体的には, 以下のような, クライアントサイド JavaScript API の総称です. Web Audio API HTMLMediaElement (HTMLAudioElement) WebRTC Web MIDI API WebCodecs API Web Audio API, HTMLMediaElement, WebRTC に関しては, 本サイト制作開始時点の 2023 年時点で W3C recommendation となっており, モダンブラウザであれば利
: サイト内検索 トップ 製品 KnobMan 偏ったDTM用語辞典 過去記事一覧 ソフトウェア/VST WebMusic その他 g200kg > Web Audio API 解説 > 19.各ノードのパラメータ一覧 Web Audio API 解説 2019/01/1919.各ノードのパラメータ一覧 « Prev 01.前説 02.とりあえず音を出す 03.オシレーターの使い方 04.ノードの接続 05.ノードのライフタイム 06.バッファソースでワンショットサンプルから音を出す 07.パラメータとオートメーション 08.a-rateパラメーターとk-rateパラメーター 09.スクリプトプロセッサーの使い方 10.フィルターの使い方 11.オシレーターのカスタム波形 12.アナライザーの使い方 13.ディレイの使い方 14.ウェイブシェイパーの使い方 15.コンプレッサーの使い方 1
JavaScript初級/中級、HTML5初級/中級、およびjQueryの基礎知識。 getUserMediaおよびオーディオAPIを使用するため、デモにはChrome Canaryが必要です。また、デモはローカルWebサーバーを介して実行する必要があります。 必要なその他の製品(サードパーティ/ラボ/オープンソース) Chrome Canary次のようなローカルWebサーバーのいずれか:Xampp(Mac、Windows、Linux)Mamp(Mac) 次のようなwebmファイル形式のビデオエンコーダー:WebM形式(VP8)に変換するためのOnline ConVertのVideo converter 次のようなmp4ファイル形式のビデオエンコーダーのいずれか:Adobe Media EncoderAdobe After EffectsHandBrake 次のようなoggファイル形式のビ
Web Audio APIAudioContextコンストラクターAudioContext()インスタンスプロパティbaseLatencyoutputLatencysinkId Experimental インスタンスメソッドclose()createMediaElementSource()createMediaStreamDestination()createMediaStreamSource()createMediaStreamTrackSource()getOutputTimestamp()resume()setSinkId() Experimental suspend()イベントsinkchange Experimental 継承BaseAudioContextEventTargetWeb Audio API に関連するページAnalyserNodeAudioBufferAudioB
音楽の覚えがあるエンジニアとしては、触らなきゃダメだろーと思いつつ、なかなか手を付けられていなかったWebAudioAPI、 先日のハッカソンでようやく着手できました。 その過程でわかったこと・つくったものなどまとめました。 登場人物 HTML5のAudio要素を使う時と違って、 WebAudioAPIの場合は、使っているオブジェクトがけっこう多い。 そのあたりを把握するのが、WebAudioAPIのマスターの第一歩っぽい。 context (AudioContext) 音をとりまとめるcontext。 音の再生先(destination)なんかも、このcontextが握っているみたい。 WebAudioAPIに対応しているブラウザは、 window.AudioContext (window.WebkitAudioContext)というのが生えてるので、 これをインスタンス化すると作れる。
Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.
ユーザのモバイル端末をそこそこ正確に同期したい瞬間があります。 しかしその為だけにサーバ立てるのも面倒です。 NICTがJSONサーバを建ててくださっているので、そちらを使いましょう。 一応、負荷をかける使い方はしない方がいいかと思います。 日本標準時プロジェクト https/http を介してアクセスされる場合 ポイント 下記の3つから、レイテンシを考慮した現在時刻を計算します。 リクエスト送信時(クライアント) サーバ時刻(JSON内) レスポンス受信時(クライアント) 概ね、レイテンシは「(レスポンス受信時 - リクエスト送信時 )/ 2」となると思われます。 そのため、現在時刻を計算するには、サーバ時刻からレイテンシ分進めてあげればいいことになります。 ソースコード NTPを元に現在時刻との差分を計算し、なるべく正確な時刻を表示するサンプルです。 <!doctype html> <
Web Audio APIを使ってブラウザで音楽を楽しむためのライブラリ、neume.jsを触ってみるJavaScriptWebAudioAPI ブラウザでも音が鳴るなにかをやりたくなったので Web Audio APIは正直めんどくさい。 たとえば。 Web Audio APIの基礎 2 つの時計のお話 - Web Audio の正確なスケジューリングについて 。。。。ごめんなさい。難しくて、何書いてるか、ぜんぜんわかりません。。。。 というわけで、「私はWeb Audioはわからない!」と堂々と生きてきたわけですが、心の中では、「簡単に使える良いライブラリは無いものか?」と思い続けていたわけです。 そりゃ、音出せれば楽しいに決まってますからね! ある日(結構前)、どこからか天の声が聞こえてきました。 「neume.js使えや」 。。。。声が聞こえてきてから半年くらい経った気がするけど思
記事中に掲載されている価格・税表記および仕様等は記事更新時点のものとなります。 © Shimamura Music. All Rights Reserved. 掲載されているコンテンツの商用目的での使用・転載を禁じます。 Future Audio Workshop(フューチャーオーディオワークショップ)社が直感的に音作りができるソフトシンセの最新バージョン「Circle 2」を発表しました。 特徴 新しいシンセシス「VPS(Vector Phase Shaping)」を搭載 Future Audio Workshopとメイヌース大学のオーディオリサーチ・グループ野]共同開発によるユニークなシンセシス「ベクターフェイズシェイピング」を搭載、ユニークで全く新しいサウンドメイキングが可能です。 オーディオエンジンを刷新 「Circle 2」はオーディオ・エンジン・プログラムを100%刷新していま
問題 消えるときに CSS3 transition してから DOM から取り外すというとき transition の duration と timeout の秒数を同期するにはどうしたらよいかと。 こうしてみた JavaScript で transition-duration を読み取って setTimeout に渡すとか。 transition-delay も加算するともうちょっと実用的か。 <!DOCTYPE html> <html> <head> <link rel="stylesheet" media="all" href="./index.css" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script> <script src=
2024/03/23 · JavaScriptでタイマーを使いこなすための10の方法を紹介。サンプルコード付きで初心者でも分かりやすく解説。応用例やカスタマイズ、注意点も網羅。
2016/01/26 · 概要周期的に何らかの処理を実行したい場合、Update関数内でTime.deltaTimeから経過時間を取得する方法が一般的です。しかしUpdate関数の実行は描画 ...
2022/05/08 · アゲアゲな年末を過ごすために、JavaScriptのちょっとマニアックなAPI「Web Audio API」を用いてシーケンサー機能付きのシンセサイザーを作成しました ...
2017/11/11 · ... シンセサイザーの仕組みを皆様のプログラムで再現していただきます. ... ワークショップで使用する資料は,全て電子的に配布しています ...
こんにちは、JavaScriptエンジニアの渡邉です! 最近はblueエンジニアブログをもうちょっと活発化してやろうと息巻いております! そんなわけで今回はJavaScriptを書いてるときに、「この実装のやり方が何パターンも思いつくんだけどどれが一番処理速いのかな…」とかなったときに処理速度を測る方法です! 知ってる方的には「何をいまさら…」な内容かもしれませんがとっても便利なので知らない方は覚えましょう! 目次 やり方 実際にやってみる 比較しないと意味がないのでやってみよう まとめ では始めましょう。 やり方 やり方としては、 console.time() と console.timeEnd() を使います! 計測したい処理の手前で console.time(“hoge”) でタイマーをセットしてカウントを始めます。そして console.timeEnd(“hoge”) でカウン
beep.jsはブラウザ上で動く、WebAudio APIを使ったシンセサイザー構築の為のJavaScriptフレームワークです。シンプルなコードで動かせるように作ったそうです。デモページではコンソールを開いてtextareaを編集する事で動作テストを行える様になっています。使い方や詳細及びライセンスはGithubをご参照下さい。 beep.jsOn Github
ブラウザで動くHTML5/JavaScriptベースのFM音源シンセ Web FM Synthesizer » 音楽コンテンツ(作曲/演奏) [編集] 前回の記事と同じく、藤本健さんのブログ "DTM ステーション" で WebSequencer とあわせて紹介されていた HTML5/JavaScript/Web Audio API で作られた FM 音源シンセ Web FM Synthesizer を紹介。 Web Audio API 対応の Chrome もしくは Safari 6 で利用できます。 作者は、iOS アプリの DXi FM synthesizer をリリースしている水引孝至さんで、DXi の4オペレーター FM 音源部を HTML5/JavaScript/Web Audio API を使って Web アプリで再現したものです。 DXi に実装されていた機能で、波形選択
三つ子の魂百まで? HTML5 + JavaScript でWebシンセを作りたい! 今年(2012 年)の初夏ごろから、WebAudioSynth や、WebModular など、HTML5 + JavaScript で作られたソフトシンセが次々と登場してびっくりさせられました。Web ブラウザ上でさくさく動く手軽さと、それでもしっかりした音が出る実用性に二度びっくり。その後すぐに発表された、WebMidiLink で Web シンセ達が連携して動く!と、三度もびっくりさせられました。 そんな勢いに触発されて、私も Web Audio API を使ったシンセを作り始めました。最初はスライダーと、鍵盤代わりの四角い画像が一つだけという、シンプルな UI の 4 オペレータ FM シンセサイザーでした。 初期のプロトタイプ。4オペレータ分の ADSR + Ratioと、鍵盤代わりの四角い画像
: サイト内検索 トップ 製品 KnobMan 偏ったDTM用語辞典 過去記事一覧 ソフトウェア/VST WebMusic その他 g200kg > WebModular 2017/01/02WebModular « Prev WebModular Next » Tweet Japanese | English HTML5+Javascriptで書いたモジュラーシンセサイザーです。 Javascriptのソフトシンセでリアルタイムに音を合成しています。 FirefoxまたはChromeでアクセスする事をおすすめします。 InternetExplorer/Opera/Safari などのWebAudioAPI/AudioDataAPIをサポートしていないブラウザでは JavascriptとFlashを組み合わせて音を出すテストをしています。これらのブラウザで音を出すには 「Flashプラグイ
Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.
: サイト内検索 トップ 製品 KnobMan 偏ったDTM用語辞典 過去記事一覧 ソフトウェア/VST WebMusic その他 g200kg > WebGroove 2017/01/02WebGroove « Prev WebGroove Next » Tweet HTML5+Javascriptで書いたグルーブボックスです。 Javascriptのソフトシンセでリアルタイムに音を合成しています。 Ver 0.9ではボーカルシンセ「200キロイド」を追加、歌も歌えます。 FireFox、Chrome、特定バージョンのMac版Safariでないと音が出ません。 ※Safariは最新のSafari 6 (Mountain Lion)でWeb Audio APIがサポートされています。 デフォルトのパターンが入っていますので、取りあえず「Play Seq」を押すと演奏します。 起動後、パネル
最近のHTML5やWebブラウザのAPIの進化はけっこうすごくて、普通にサウンドプログラミングもできるようになってきました。そんなわけでシンセサイザーアプリを作ってみました。 サウンドを扱う方法はいくつかあるみたいですが、Google Chromeで使えるWeb Audio APIがEQやディレイなどあらかじめ用意されていて良さげなので使いました。 http://aikelab.net/websynth/ まだ、バグもけっこうあるのでじょじょにブラッシュアップしていきます。 Chrome以外では動かないと思うので試せない人はこちらの動画をどうぞ。 Google API Expertが解説するHTML5ガイドブック 作者: 羽田野太巳,白石俊平,古籏一浩,太田昌吾 出版社/メーカー: インプレスジャパン 発売日: 2010/09/16 メディア: 単行本(ソフトカバー) この商品を含むブログ
Getting started with Web Audio API Stay organized with collections Save and categorize content based on your preferences. Before the HTML5 <audio> element, Flash or another plugin was required to break the silence of the web. While audio on the web no longer requires a plugin, the audio tag brings significant limitations for implementing sophisticated games and interactive applications. The Web Au
HTML5 AudioとJavaScriptで作られたシンセ付き8トラックパターンシーケンサー : Sonant Live » 音楽Webサービス(作曲/演奏) [編集] HTML5 Audio と JavaScript で作られたソフトシンセ機能付きの8トラックのパターンシーケンサー Sonant Live を紹介。 HTML5 Audio、Canvas に対応した Chrome、Firefox、Safari、Opera で利用可能です。 主な特徴 音色編集機能がついたトラッカー風のコンパクトな8トラックシーケンサーで、Windows 版 Sonant がベースになっています。 HTML5 Audio と javaScript だけで音声処理を行っている (Flash 未使用) 最大8和音、8トラック・パターンシーケンサー 1パターン32ステップ、1トラックにつき最大10パターンまで作
JavaScriptでチップチューン風サウンドエフェクトを生成するライブラリ : jsfx (音楽方丈記) HTML5 audioで作られた、パラメータを指定するだけでシンセサイザー効果音が作れるJavaScriptライブラリ「jsfx」が紹介されています。 ライセンスはMITのようです。
HTML5ではメディア要素としてAudioが定義され、プラグインを使わずに音声を扱えます。HTML5 Audioについては本連載でも何度か取り上げてきました。 ・第35回「HTML5 Audioで作るiTunes風音楽プレイヤー」 http://ascii.jp/elem/000/000/525/525808/ ・第36回「JSONで管理するHTML5音楽プレイヤーを作ってみた」 http://ascii.jp/elem/000/000/531/531370/ ・第37回「iPad対応!HTML5 Audioで作るブラウザーピアノ」 http://ascii.jp/elem/000/000/533/533100/ これまでに作成したHTML5 Audioのサンプルは、事前に用意したオーディオファイルを再生しており、プログラムで音を生成しているわけではありませんでした。一方、Firefox
2022/03/11 · 『デジタル大辞泉』には、【事情を汲んで納得すること。承知すること。承諾。「了承を得る」「申し入れを了承する」「了承済み」】とあります。終了や完結 ...
2019/03/24 · setTimeout でループ処理をさせるときの基本形は、以下のような形です。タイマーで呼ばれた関数から、さらに同じ関数を setTimeout する、という流れです ...
2021/07/12 · JavaScript が new Date() で正確な現在時刻を取得できる仕組み · JavaScriptは、 ECMAScript Epoch からの経過ミリ秒( ECMAScript Epoch の1/1000)で指定 ...
ホームブログアーカイブJSだけで楽器を造る?! Web Audio API - SINAP Christmas Project 2013 - こんにちは。柿内です。 さて、クリスマスも近くなりSinap Christmas Project 2013の制作も佳境を迎えています。 (プロジェクトリーダーの私は胃が痛いですが、、、、) 前々回はLeap Motion、前回はiPhoneとセンサーデバイスの記事を掲載しましたが、今回はセンサーの動作に合わせて鳴らす音、「Web Audio Api」のお話をさせていただきます。 詳しいお話をするまえに、Web Audio APIを利用して簡単なデモをつくってみましたので、それを御覧ください。 「バンザイ」ピアノ ※この記事のデモではWeb Audio Apiを利用しています。Web Audio Apiをサポートしているブラウザ(Chrome,Safa
2021/03/14 · ちょっと大げさなタイトルだけど単にJavaScriptで時間を計測するような処理を実装しようとしたら上手く行かなかった話。 最初は普通に1秒おきに ...
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く