サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
Pixel 9
chords.hatenablog.com
2016 - 08 - 01 YouTube動画からコード譜を自動生成する はじめに 本記事には、コード解析に関する 音響工学 的な内容は含みません。 本記事では、 オープンソース のツールを使って、 YouTube 動画から コード譜 を生成する仕組みを紹介します。 「仕組みはどうでもよいから、とりあえず YouTube 動画から コード譜 を生成したい!」という人は、 コード譜共有サイト ChordKitchen(コードキッチン) にアクセスして、「 コード譜 を作成」を押してください。または既に約30,000曲を自動生成しているので検索してください。 最終的にこんなものが出来上がります。 http://chordkitchen.net/sheet/B1-Bh-RNNS 処理フロー 処理①:動画のダウンロード→音声ファイル抽出→正規化 動画のダウンロードと音声ファイル抽出 まず you
はじめに webブラウザからリンクをクリックして、KindleやiTunesを起動したことありますよね。 このときリンク先アドレスは以下のようになっています。 kindle://home/?action=refresh itmss://itunes.apple.com/jp/album/liang-cheng-bai/id1065727732 カスタムURIですね。 自分で作ったElectronアプリもカスタムURIで起動したいと思います。 完全なソースはGitHubにあります。 github.com こんな感じで動きます。 カスタムURIの登録 MacとWindowsに分けて書きます。 MacでのカスタムURIの登録 Macの場合は、アプリのinfo.plistにCFBundleURLNameを登録することで、カスタムURIでアプリを起動できるようになります。 https://devel
javascriptで、フレームワークを使わずにMVCしているサンプルがなかったので、作ってみました。 あくまで参考です。(業務ではちゃんとフレームワークを使ったほうが良いと思います。) 作ったもの よくあるTodoアプリです。以下で試せます。 http://jsfiddle.net/54sjqL6z/ 機能は以下だけです。 Enterキー押下でTodo追加 各Todoをクリックして完了にする コード index.html フレームワークは使わないけれど、underscorejsは使います。 あとjQueryも使いません。(最近できるだけ使わないようにしている。これ本当にjQuery必要なの?ってことが多いため。) <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>Todo MVC Sample</t
Mithril.jsを使って、がっつりSPA(シングルページアプリケーション)を作ったので紹介します。 Mithril使いやすいので広まって欲しいです。 作ったもの コード譜をweb上で作成して共有できるサービスを作りました。 コード譜共有サイト ChordKitchen http://chordkitchen.net サービス紹介動画です。 www.youtube.com 開発環境 プログラミング言語 typescript(versionは1.4) typescriptいいよ!! コードはできるだけjavascriptっぽく書いて、 コンパイル時にケアレスミスを検出する感じに使いました。 タスクランナー gulp webpack(後述) クライアントサイド 使用しているライブラリ Mithril.js underscore.js Mithril.jsについて 公式サイト https://
小ネタです。 文字列が数値かどうか判定して、数値ならその値を返し、数値でなければnullを返すとします。 javascriptで書くと以下です。 function(num){ return isNaN(num) ? null : Number(num); } これをtypescriptでそのまま書くとコンパイルが通りません。 static toNumber(num:string):number { return isNaN(num) ? null : Number(num); //コンパイルエラー } 理由はなんと、lib.d.tsではisNaNの引数がnumberになっていました。 /** * Returns a Boolean value that indicates whether a value is the reserved value NaN (not a number). *
Capistranoまだよく分かってないけど、ひとまずワンパス通ったのでメモです。 あまり自信はありませんが、ご参考になれば幸いです。 ※capistranoはv3.2.1を使っています。 やりたいこと node.jsアプリケーションのデプロイ作業を自動化したい。 サーバ環境 リモート(本番環境) => さくらVPS IPアドレス => 192.168.222.222 User => qop SSH port => 9999 ローカル(作業環境) => mac デプロイ用リポジトリ => bitbucket アカウント名 => account_name リポジトリ名 => repository_name デプロイの流れ [ローカル]デプロイ資産をまとめる(js,cssファイルのminifyなど) [ローカル]まとめたデプロイ資産をデプロイ用リポジトリへpush [リモート]デプロイ用リポジ
仕事でハマったのでメモ。 やりたいこと webページの一部で、iframeを使用して外部ページを埋め込む。 このとき、スクロールを表示せず、埋め込んでない風に(いかにもページの一部ですよ風に)表示する。 対応案1:そもそも、、 できるならiframe使わないで。。。 別サイトは別ウィンドウで開くのが自然な気がします。 対応案2:css ほとんどのブラウザで以下で上手くできました。 index.html <iframe id="myFrame" class="frame" src="http://www.xxx.com" frameborder="0" height="100%" width="100%" scrolling="no"> </iframe> index.css .frame { overflow:hidden; overflow-x:hidden; overflow-y:hi
この記事はTypeScript Advent Calendar 2014の25日目の記事です。 少し早めの公開です。 最後の残り一枠が最終日でした(;・∀・)最終日がんばります。 クラスをインタフェースとして使う typescriptの言語仕様書にこんなことが書かれています。 7.3 Interfaces Extending Classes When an interface type extends a class type it inherits the members of the class but not their implementations. It is as if the interface had declared all of the members of the class without providing an implementation. Interfac
typescriptを始めて1ヶ月くらい経ちました。 そんなtypescript初心者がはまったところをまとめます。 typescriptを始めた理由 趣味でwebサービスを作っていて、言語はjavascriptなのですが、昼間の本業が忙しいと1週間とか1ヶ月とか間が空いてしまいます。 そうすると前に何をコーディングしていたか忘れてしまう。。。 このオブジェクトはどんな関数持ってたっけ?とか、この関数の戻り値の型はなんだっけ?とか。 (javascriptに型チェックはないですが、型は意識してコーディングしている) そしてやる気を無くしてしまう。。 そこで、 型を付けてコードの自動補完とかしてくれたら、どうにかなりそう(・∀・) と始めたのがtypescriptです。 他のラッパー言語も考えましたが、coffeescriptは型チェックないし、haxeは気になるけどjQueryとかの外部ラ
このページを最初にブックマークしてみませんか?
『chords.hatenablog.com』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く