var fragment = document.createDocumentFragment(); for ( var i = 0,len = data.length; i < len; i++ ) { var li = document.createElement('li'); li.textContent = data[i]; fragment.appendChild(li); } element.appendChild(fragment);
JavaScript、Web MIDI API、Web Components/Polymerなどを使ってウェブブラウザで動くシーケンサーを作成、公開しました。 ドラムとベースに合わせて、eVocaloid初音ミク(ポケット・ミク)が歌います。ベースの音色変化にも対応しているので、アシッドっぽいこともできたりします。 Web MIDI API Rhythm & Bass Machine / ブラウザで動くリズムマシン&ベースマシン+ポケミク用シーケンサーその1 アクセスはここから。 主な機能、特徴 Chrome(Windows/Linux/Android)で動作、iOSはWeb MIDI Browserで パートはドラム、ベース、ミク、ドラムはキック、スネア、クラップ、ハイハット(オープン/クローズ) 1パターンは1小節16ステップ、パターンは12個までセーブ、ロードが可能 各パートを個別に
数千円で手に入れられるシングルボードコンピューターとしては「Raspberry Pi(ラズベリーパイ)」が有名ですが、これらの安価なコンピューターでプログラミングを学んだりオリジナルの電子工作ガジェットを作ったりする「Maker」と呼ばれる電子工作ファンが世界中で増殖中です。そんな中、Makerへのハードルを大きく引き下げてくれそうな激安9ドル(約1000円)のワンボードコンピューター「CHIP」が登場しました。 CHIPがどのようなコンピューターボードなのかは以下のムービーを見ればよく分かります。 CHIP The World's First Nine Dollar Computer by Next Thing Co - YouTube これが世界初、わずか9ドル(約1000円)のコンピューター「CHIP」です。 CHIPはコンポジットケーブル、VGAケーブル、HDMIケーブルでディスプ
新人iPhoneディペロッパーをにとってゲーム開発は、一つの大きな壁なのではないでしょうか。 「ツール系のアプリは作れるようになったけど、ゲームはちょっとハードル高いなー」って方に朗報です。 XcodeにはSpriteKitっていうゲームを作成するためのフレームワークがあるのです! これで新人でも簡単にゲ新人iPhoneディペロッパーをにとってゲーム開発は、一つの大きな壁なのではないでしょうか。 「ツール系のアプリは作れるようになったけど、ゲームはちょっとハードル高いなー」って方に朗報です。 XcodeにはSpriteKitっていうゲームを作成するためのフレームワークがあるのです! これで新人でも簡単にゲームアプリが作れちゃいます。 SpriteKitで作るiPhoneゲーム入門 1.プロジェクトを立ち上げてみよう 2.パーティクルで見栄えをよくしよう 3.ゲームを作ろう 3.1
これをやっているときにお母さんが部屋に入ってきたら驚くだろうな。 彼女は一体何をやっていると思いますか? ディスコなんですよ。「サイレントおうちディスコ」という遊びです。 ギズも過去に「ヴァーチャル・ディスコ」と題して同様のイベントを実施したことがありましたが、ヘッドホンで音楽を聴きながらVR映像を見て盛り上がろうというもの。欧米では「サイレントディスコ」という名で盛んに行われているこのムーブメントを自宅でパーソナルに楽しんでしまおうという企画として、ソニーのサイトで展開されている月刊コンテンツ「大人のソニー」に掲載されています。 「サイレントおうちディスコ」の様子を動画で見てみましょう。 急にお母さんが入ってきたら100%驚かれると思いますが、ほのぼのムードもあってなかなかステキです。 ダンスミュージックをガンガンに再生するプレーヤーとヘッドホン、および段ボールにスマホを仕込んで手軽にV
個人的に困っている状況では無かったのですが、以前に作ったREGZA用Eメール録画予約サービスに改善要望を頂いたのがご縁で、「レグザ USBハードディスクの傾向と対策」を運営されている竹田さんと共同で東芝レグザで録画データの保存に利用しているハードディスクの簡単コピー(引越し)アプリケーション(REGZA HDD Easy Copy)を作ってみました。 REGZA用に初期化したハードディスクとUbuntu(動作確認したのは11.04以上です)を用意すればREGZA HDD Easy Copyで簡単にハードディスク・録画データのお引越しが出来るというツールです。 ※ハードディスクの初期化、Ubuntu(REGZAではハードディスクをxfs形式でフォーマットする為、Ubuntuを使って操作する必要があります)の準備までの詳しい手順は竹田さんのサイトをどうぞ。 では早速、使い方を。
404 ノット・ファウンド あるいは、ページが存在しないことについて そのページはかつてここに存在していたか、あるいは元から存在していなかった。ただひとつ言えることがあるとすれば、君の探していたページは今、ここには存在していないということだ。 考えられる可能性はざっと2つある。ひとつはブラウザのアドレス・バーに打ち込んだURLが間違っていたことだ。たしかにURLは取るに足らないアルファベットの文字列に過ぎないし、打ち込んだ後はそのことをきれいさっぱり忘れてしまっても構わない。実際、君はそれを数秒後か数十秒後には忘れてしまうだろう。それでもURLを入力するときには、土曜日の朝にドリップコーヒーを淹れるときみたいに、間違えないよう丁寧に扱ってやる必要がある。ただの1文字でも間違ってしまったURLは、君をどこへも連れて行ってはくれないのだから。 もうひとつの可能性は、君の探していたページが、ここ
米Appleは5月4日(現地時間)、「Apple Watch」用バンド製作のためのサードパーティー向け公式サイト「Creating Bands for Apple Watch」を立ち上げた。 ページには「Apple WatchはこれまでAppleが手掛けた中で最もパーソナルな端末です。Apple Watchのために美しく仕上げられたバンドをデザインすることで、ユーザーが自分自身を表現するためのより多くの選択肢を提供してください」と書かれている。 資料として、バンドと、本体とバンドを簡単に脱着できる「ラグ」部分の詳細な図解を含むバンド製作に当たってのガイドライン(このPDFの初版の日付は4月24日)をダウンロードできる。以下の図は、38ミリサイズのApple Watchの図解だ。 ガイドラインでは、素材や強度についての細かい規定や、心拍センサーが正常に稼働するようぴったり腕に巻けるようにする
Table of Contents (free) The whole book (open source and free) iOS App Reverse Engineering is the world’s 1st book of very detailed iOS App reverse engineering skills, targeting 4 kinds of readers: iOS enthusiasts; Senior iOS developers, who have good command of App development and have the desire to understand iOS better; Architects. During the process of reverse engineering, they can learn archi
EMCは米ラスベガスで5月4日から4日間開催したイベント「EMC World Las Vegas 2015」で、ブロックストレージ機能を提供する分散ストレージソフトウェア「ScaleIO」の無償提供を発表しました。 ScaleIOはもともと同社が2013年に買収したScaleIO社の製品で、その後EMCの製品としても販売。コモディティサーバにインストールすることでそのサーバをストレージサーバにするもので、最大の特長はスケールアウト機能です。ScaleIOによるストレージサーバをネットワーク上で増やしていくと、台数に応じてI/O性能も向上します。 また、ScaleIOはストレージサーバの動的な追加や削除が可能で、一部のサーバが障害で落ちても全体としての運用は継続可能など、耐障害性も備えています。 分散ストレージによってブロックストレージ機能を実現するソフトウェアとしては、オープンソースのCe
久富慶子アナです。やべっちでのユニホーム姿とかいいですね。 macで動画から画像を連続出力する方法について説明します。 まず、ffmpegをインストールします brew install ffmpegこれで、たとえば以下のようなコマンドをうつことによって 画像が出力されます。 動画のすべてのframeを画像出力する ffmpeg -i hoge.mov -an -vsync 0 img%03d.png動画のすべてをframeを1として画像出力する(18秒の動画なら18枚出力) ffmpeg -i hoge.mp4 -an -r 1 img%03d.png 参考) 【ffmpeg】動画から特定フレームを画像で出力する方法 : ニコニコ動画研究所
If you’re using React 0.13's shiny new class syntax… class MyComponent extends React.Component { }…remember, there is no auto-binding. class MyComponent extends React.Component { componentDidMount() { // `this` won't be what you think it is MyFluxStore.listen(this.onChange); } onChange(state) { // this is not this :( this.setState(state); } }An easy way to fix this is to use Function#bind. class M
まずはこちらをごらんください。 shinh.hatenablog.com すごすぎる……。恐ろしいですね。 なぜこんなことになるのか、解説していきましょう。まずはPerlの気持ちになりましょう。 Perlの気持ち編 ポイントその1 barewordを数値コンテキストで評価するとどうなるのかということ 件のプログラムは、base64 っぽい文字列が書かれていますが、これを前からPerlコードとして読んでいくと、大きく2つのパートに分かれることに気づきます。というのも、前から一文字ずつ読んでいくと、「+」という演算子にぶつかるわけですね。 それに気づくと、このコードは前半部分 dXNlIE1JTUU6OkJhc2U2NDtwcmludCBlbmNvZGVfYmFzZTY0IGpvaW4nJyw8PjsKX19FTkRfXwo と、 s//v62/e+s//v60/e+s//v44/e+s//v
マイクロソフトが提供しているプレゼンやアプリなどに使えるアイコンを、知っている範囲で最近のものをまとめました。 Cloud and Enterprise Symbol/Icon set Cloud and Enterprise Symbol/Icon set は、UX グループが Azure 向けに作成した200個以上のアイコンセットです。PNG 画像と Visio ステンシルがダウンロードできます。 新サービスのリリース時と四半期ごとに更新が予定されているようです(現在は、4月に更新された Ver. 2.22)。アンケートやメールでのフィードバックも受け付けています。 基本は、Azure 関連のアイコンですが、一般的なアイコンも含まれています。資料作成などの用途に広く使えます。 You can use them in architecture diagrams, training mat
Posted: 2015.05.07 / Category: HTML&CSS, javascript / Tag: CSS3, jQuery iOS風のぼかしは画像が全画面表示だったら色々jQueryプラグインがあったのですが、今回は一部の要素の背景に重ねたかったのでちょっと試してみました。 確認環境: Chrome42, Firefox37, Safari7, iOS8, Android 4.4 均一の余白で配置するバージョン paddingのみでぼかすパネルを配置する方法です。これならCSSオンリーでいけます。 html&cssは下記のようにします。 html <div class="panel"> <div class="panel-in"> <div class="panel-main"> 内容文が入ります。 </div> </div> </div> css *::before,
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く