自己紹介 藤澤伸 (のびー) fnobi.com カヤック社員ページ HTMLファイ部 最近のおしごと Lobi-SDK(Android・Unity・Cocos2d-x) NARUTO-ナルト-展 公式サイト ハイブリッドに技術を使うものや、わいわい動くLPが得意
![HTML5で音を扱う3つの方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/c37c146004e6e063ffc162c4244f96af0465de41/height=288;version=1;width=512/http%3A%2F%2F150217-html5sound.fnobi.com%2Fimg%2Fogp.jpg)
iOS9がリリースされ、iPhone6sも発売され、iOS9 Safari9で使える新機能をWebプログラマ目線で使ってみたいものをいくつか試してみました。iOSはアップデートの進捗がわりと良いので、新機能でもモバイルサイトであれば積極的に使える…はず。デスクトップ版の方は…お察しください。 ぶっちゃけ今回はそこまで目玉機能はなく、地味です。地味ですが、SafariでWebアプリを作れるようになりそうな気配がどことなくするようなしないような感じの内容です。残念ながらServiceWorkerには対応していないので、それに対応してくれたらもっとアレなんですが。 iOS Safari9の新機能(OSX版含む) CSS系 backdropフィルタ対応 新し目のiOSやOSXとかのメニューバーが半透過されるあれが作れます。要は背景要素に対してフィルタがかけられるプロパティです。綺麗で良いですね。
: サイト内検索 トップ 製品 KnobMan 偏ったDTM用語辞典 過去記事一覧 ソフトウェア/VST WebMusic その他 g200kg > Web Audio API 解説 > 01.前説 Web Audio API 解説 2019/01/1901.前説 « Prev 01.前説 02.とりあえず音を出す 03.オシレーターの使い方 04.ノードの接続 05.ノードのライフタイム 06.バッファソースでワンショットサンプルから音を出す 07.パラメータとオートメーション 08.a-rateパラメーターとk-rateパラメーター 09.スクリプトプロセッサーの使い方 10.フィルターの使い方 11.オシレーターのカスタム波形 12.アナライザーの使い方 13.ディレイの使い方 14.ウェイブシェイパーの使い方 15.コンプレッサーの使い方 16.コンボルバーの使い方 17.パンナー
勉強のために作ったプログラムです. どうぞ, ご自由にお使いください. ©AkikoMitsu 最新(?)のものは, http://wwwrsphysse.anu.edu.au/~mxk121/javascript/ に移動しました. 以後, ここにあるプログラムは更新いたしません(かも...). 申し訳ありません. ご了承ください. jsRipple0.html ・ripple0.js ・ripple.gif jsRipple0r.html (リモート) 連続波紋 波紋が連続して現れます. jsRipple1.html ・ripple1.js ・ripple.gif jsRipple1r.html (リモート) クリック波紋 クリックすると波紋が現れます. jsDataPlot.html ・jsIO.js ・jsPlotXY.js データのプロット データをグラフにすると, どうな
13日に開催されたweb music ハッカソンで声の高低に合わせてオブジェクトを上下させるアプリ作ってきました マイクを許可して、声か楽器の音程を上下させると丸い球が上下に動きますので、横から飛んでくる棒を避けてください。 仕組み web audio apiには波形をフーリエ解析するAPIがあり、音にどの周波数がどれくらいの音量で含まれているのかを2行ほどで解析してくれます。(サンプル)。 これを使うことでボコーダーやコード進行の検出のような踏み込んだ音のハックができるわけです。 このアプリではanimationframeごとにもっとも音量の大きい周波数を取得し、それを音の高低としています。ただし実際には最大の周波数はかなり揺れるので50フレーム分の平均を取って平滑化し、滑らかにみせています。慣性のような挙動をするのはそのせいですね これから 当たった時の演出を乗せて、教育用のゲームとし
★音量は小さめにしてください ★動作環境 Chrome Canaryの設定でWebAudioを許可してください。 Chrome Canary https://www.google.com/intl/ja/chrome/browser/canary.html ★参考 http://www.g200kg.com/jp/docs/webaudio/analyser.html //Canvasの設定 var canvas = document.getElementById("world"); var ctx = canvas.getContext("2d"); var w = canvas.width = window.innerWidth; var h = canvas.height = window.innerHeight; var audioContext = new webkitAudio
初めまして、ProttのフロントエンドエンジニアのSyoです。よろしくお願いします! 実は皆さんもう既にご存知と思いますが、Mac OS XにはAppleScriptというスクリプト言語があり、システムアプリケーションや一部のサードパーティ製アプリをコントロールすることができます。これより日常中繰り返し同じ操作する所はプログランミングで操作を自動化することができるので大変便利です。ただし、AppleScriptはそれ以外一切使う所がなくて、その為にわざとAppleScriptを勉強するのは非効率ではないでしょうか。 今秋リリースするOS X Yosemiteでは、AppleScriptに加えJavaScriptも利用可能になりました。ということでJavaScriptを少しでもわかる方は、JavaScriptで簡単にMacアプリケーションを操作することが出来るようになりました! Hello
Google+ボタン はてなブックマークボタン 更新日時: 2013年10月24日(木) 作成日時: 2013年03月03日(日) 前の記事 / 次の記事 ツイッターの「ツイート」ボタン、facebookの「いいね!」ボタン、googleの「+1」ボタン mixiの「イイネ!」ボタン、はてなの「はてなブックマーク」ボタンをajaxで差し替える、 と 正常に表示されない。 たぶん他の各ソーシャルサイトのボタンも全部そう。 ちょっと調べてみると、ajaxで要素を差し替えた場合は、 scriptタグに記述されたスクリプトは実行されない。 document.onload() イベントが発生しない(jQueryの $(document).ready() イベントも発生しない) っていうところに原因がありそう。 Ajax/Ajaxで取ってきたHTMLコンテンツ内の<script>タグを実行させたい そ
スキルチェックの目次へ JavaScript の簡易スキルチェックのための調査表。印刷用。 レベルは,0から4までの5段階。 (0) 非 JavaScript開発者 (1) 初学者(入門書を学習してゆく段階) (2) ノーマル(基礎的な知識があり,ある程度の動くものを作れるようになった段階) (3) 中級者(開発プロジェクトで1人月としてカウントできる水準) (4) 上級者(メインPG/メンターとして,主設計を任せられる水準) Webアプリのプロジェクト開始時に作業振り分けをするにあたって,新規メンバ全員にこれを渡して回答してもらうという用途を想定。 ※なお,下記URLでは10段階に細かく分ける方法が公開されているが,それだと細かすぎてレベルが前後する可能性があり,業務上のスキルチェックは難しいかもしれない。 javascriptプログラマのレベル10 http://tech.kayac.
azu @azu_re 皆さんの集め方も書いてもいいんですよ "最近のJavaScript情報の探し方 · Issue #2 · azu/jser-info" http://t.co/tZeSNAvB59 2014-01-30 13:01:07
Photoshop自動化のjsを書くときに使うScripting Listenerプラグイン、CS6以上での有効化方法JavaScriptphotoshop Scripting ListenerプラグインはPhotoshopをjsで操作する際に、そこそこ便利なプラグインです。 いつのまにか有効化する方法が変わっていました。 CS6から変わってました。以下手順です プラグインとスクリプトをダウンロードする プラグインを置く jsxファイルを置く メニュー - [ファイル] - [スクリプト] - [ScriptListenerOn] で ON! デスクトップにログファイルができる 1. プラグインとスクリプトをダウンロードする ↓ここからScripting Listenerプラグインをダウンロードします Photoshop ヘルプ / ダウンロード可能なコンテンツ(プラグイン)) 2. プラ
browserify(ぶらうぜりふぁい、と発音しているのを誰かから聞きました)は、その便利さに比して、利用例などが少ないため、お粗末ながら、今日までにわかったことをまとめてみようと思いました。ドキュメントが足りない状況はしばらく変わらないと思いますので、ハックヒント用に内部構造を含めて、概要を伝えられればと思います。 そもそもbrowserifyとは 御存知の通りnode.jsはブラウザでも動作するjsで記述します。ですから、サーバーとクライアントで共有できるコードは共有したいものです。ですが、それには幾つかの壁がありまして、思いつく分だけを書きますとこのぐらいになります。 モジュールシステム(CommonJS) node.jsの組み込みモジュール http要求を受け取って、ブラウザへコードを届ける仕組み これらを提供するのがbrowserifyです。 処理の概要 browserifyの流
気になったら即調べるが吉、ということで。 数値→文字列 var num = 123; // わかりやすい String(num); // "123" num.toString(10); // "123" // この用途では使ったこと無い num.toFixed() // "123" // なるほど num + ''; // "123" 文字列→数値 var str = '123'; // わかりやすい Number(str); // 123 parseInt(str, 10); // 123 parseFloat(str); // 123 // なるほど str - 0; // 123 str * 1; // 123 str / 1; // 123 // すっきりやけど知らん人は読めない +str; // 123 -(-str); // 123 ~~str; // 123 str&-1;
タイトルに書いてあることを実現しようとして、少し悩んだのでメモ。 ウインドウのリサイズ操作やjQueryに限らず、短い周期で連続してイベントが発生する場合に、一連の最後のイベントが発生した時にだけ何らかの処理を行いたい時に使えるパターンです。 何も工夫せずに書くと… こんな感じになります。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く