ドラムマシンのパターン共有サイト Drum Patterns

 (drumpatterns.onether.com)
4 ポイント 投稿者 GN⁺ 2025-03-24 | 1件のコメント | WhatsAppで共有
  • ドラムマシンのパターンを素早く参照したいユーザー向けに、作成・閲覧・検索・コメントの流れを1か所に集めた共有ウェブサイト
  • 閲覧はジャンル・テンポ・ドラムキットを基準に分かれており、Breakbeat、Electro、Hip Hop、House、Rock、Techno などのジャンルリンクをすぐに見つけられる
  • 各パターンは「How to make」形式の配置説明と16ビットグリッドをあわせて表示し、楽器ごとのシーケンスを目で確認しやすい
  • drum rolling、Oh Yeah、8OBit - ElectroWerk66、2 Step Chill などの例には、BPM とバリエーションパターン番号があわせて付いている
  • サイト下部基準で8,000 patterns、1,47,166 beats規模のため、ドラムパターンのリファレンス兼共有リポジトリとして活用できる

ドラムパターンを作って探す基本フロー

  • Drum Patternsは「Discover & share drum machine patterns」を掲げるドラムマシンパターン共有ウェブサイト
  • ユーザーはパターンをCreate、Browse、Searchでき、コメントページも別にある
  • アカウント機能としてRegisterとLog inリンクを提供している

ジャンル・テンポ・ドラムキット中心の閲覧

  • パターンの閲覧は複数の基準に分かれる
    • Genre: Breakbeat, Electro, Electro Funk, Electro Pop, Hip Hop, House, Miami Bass, Pop, R&B, Reggae, Rock, Techno, Uncategorized
    • Tempo: 例として 90 BPM の閲覧リンクがある
    • Drumkit: 例として Roland TR-808 の閲覧リンクがある
  • 並び替えまたは一覧リンクとしてRecent、Popular、Liked、Discussed、Randomを見られる

パターンの読み方

  • 各項目は「How to make」見出しの下に、段階ごとの作り方を付けている
  • 手順説明は、特定の楽器を特定の beat に配置する方式
    • 例: drum rolling は snare drum を 4、5、13、14 beat に配置し、high tom と low tom を追加する
    • 例: Oh Yeah は bass drum、snare drum、closed hi-hat、clap の配置を段階ごとに示す
  • パターン本文は、楽器略称ごとの行と X の位置で構成されたシーケンスグリッドを使う
    • 例: CH、OH、CY、CB、CP、SD、BD のような行が表示される
  • 各パターンにはPlay BPMの値とパターンのバリエーション番号があわせて付いている

画面に表示されるパターン例

  • drum rolling: 160BPM、snare drum と tom を中心にしたパターン
  • oof lala: 90BPM、cowbell、maraca、clave、conga の配置を含む
  • Oh Yeah: 90BPM、bass drum・snare drum・closed hi-hat・clap 構成
  • Arpeggio Pattern: 90BPM、bass drum と conga 系を反復配置する
  • 8OBit - ElectroWerk66: 129BPM、1〜6番のバリエーションパターンを提供
  • 2 Step Chill: 90BPM、1〜5番のバリエーションパターンを提供

登録規模と項目情報

  • サイト下部基準の登録規模は8,000 patterns、1,47,166 beats
  • 各パターンには作成者リンク、カウント値、コメント数と思われる数字があわせて表示される

関連記事

1件のコメント

 
GN⁺ 2025-03-24
Hacker Newsのコメント
  • Funkletを思い出した。かなり前にJack Stratton（Vulfpeck）とRob Stensonが作ったもので、ファンクやMIDIドラムが好きなら本当に宝石みたいなツールだ
    https://goodhertz.com/funklet/
    • バックビートやドラムサウンド、リバース信号のようなものをいじっていると、かなりファンキーな感じが残る
  • いくつかのパターンをGlicolに移してみたい: https://glicol.org/
    ひとつ提案すると、https対応
    • ドラムパターンを見るような、セキュリティが必要なさそうなものにまで、なぜ最近みんなhttpsにこだわるのか気になる
    • Glicolがよく分からなかったが、デスクトップ版のサイトがモバイル版よりずっと多くの情報を見せると知って納得した
      少なくともAndroid版Chromeではデモ再生の選択とGitHubリンクのクリックしかできず、GitHubではglicol.orgに行くよう勧められるので、なぜみんなGlicolを気に入っているのか疑問だった
      Sonic-Piのいくつかの機能が気に入っているので、IDEのような機能を追加する予定があるのかも気になる。VS Codeプラグインを作ろうとする試みも見かけた
    • SSL証明書を再生成する必要があり、OVHでは完了したことになっているが、反映されるまで少し時間がかかりそう
  • 3連符をサポートしてほしい。基本的なシャッフルがないと大きな部分を見落としていることになる
    配置に関する別の意見にも同意する。シンバルは上、スネアとタムは中央、ベースと他のペダルは下がよい
    hh |x-x-x-x-x-x-x-x-|
    S |----o-------o---|
    B |o-------o-o-----|
    • CH、OH、CY、CB、MA、CL、HC、MC、LC、SD、BD、ACの順でよいのか、それともさらに調整が必要なのか気になる
      3連符対応はまもなく入る予定
    • 3x16パターンを作って4x12のように解釈すれば、各拍が3ステップになるので可能そう
  • iOSユーザーには、音を聞くには小さい側面トグルで消音モードをオフにする必要があると知らせるとよいかもしれない
    iOS特有の挙動で、これに気づくまで本当に何年もかかり、それまではWeb Audio APIをサポートしていないのだと思っていた
    • 開発者なら``要素でバックグラウンドに無音オーディオを再生することもできる: https://github.com/donbrae/onscreen-piano-keyboard/blob/main...
      こうすると「消音」スイッチがオンでもWeb Audio APIが音を出す
    • ハードウェアのスライドトグルのことを言っているのか気になる。iOSが入ったiPadではどんな方法でも音が出ず、iPadにはミュートトグルもない
    • この助言がなければ音量ばかりいじって諦めていたと思うので助かった
      このWebアプリはアイデアも実装も、うらやましくなるほど素晴らしい
  • 数年前に作ったリズム可視化ツールを少し思い出した
    https://michaelmior.github.io/rhythm-wheel/
    • 触っていてとても楽しい。バグを見つけた気がするが、https://imgur.com/BRwst17 の設定ではキックが緑ではなく赤でトリガーされているように見える。勘違いかもしれない
    • リズムの見せ方が本当にかっこいい
  • PWA対応を追加して、モバイルアプリのようにインストールできるようにしてほしい
    manifest.jsonファイルを追加するだけなのでとても簡単で、ここで生成できる: http://pwabuilder.com/
    ドラムキットをさらに追加する予定があるのかも気になる。あるいは、HNでヘッダー色を変えるように、ユーザーが自分のサンプルをローカルに保存して使えるようにもできそう
    • PWAはやることリストに追加した
      他のドラムキットはやることリストの最上位にあり、今はYamaha RX5とOberhiem DMXを作業中。1〜2日以内には提供できそう。おすすめのドラムマシンがあれば知りたい
  • そこそこのサウンドを持つスタンドアロンのAndroidドラムマシンがある。パターンを移せるかは分からない
    Drum Onで、apkは小さい
    https://f-droid.org/en/packages/se.tube42.drum.android/
    • こんな宝石みたいなアプリがあるとは知らなかった。インターフェースは少し無骨だが、役目は果たしている
  • https://drumpatterns.onether.com/doofusbeatz666s-yowzah-2/
    これはかなり刺さった
  • サイトが良い
    まだ出ていないフィードバックをひとつ加えると、iPhoneの問題かもしれないが、視覚要素がオーディオより4分の1拍ほど先行して見える。60 BPM基準で約200〜250msずれている
    大きな問題ではないが、少し違和感を覚えるには十分。iPhone Safariのオーディオ特性かもしれない
  • いじって遊ぶのに良かった。作るのにどれくらいかかったのか気になる
    似たようなプロジェクトにいくつか関わったことがあるが、TypeScriptとNext.jsを使って、思ったよりずっと時間がかかって驚いた
    • 全体ではたぶん3〜4週間くらいかかったが、数か月に分けて作業した
      Webアーカイブされた808.pixll.de向けのカスタムクローラーを作り、クロールしたデータからパターンを抽出するツールを作った。そのあとパターンプレイヤーに取り組み、最後にWebサイトを作り始めた
      本当は最初からサイトを自作するつもりだったが、結局WordPressを使うことにした。すでにサイドプロジェクトが多すぎる :)