2025-07-06

「福井フェスオープンデータ」
src on GitHub
HTML出力!

夏といえば音楽フェス!2025年の福井県は、5つも開催!(内1つは開催済み)


ICAL形式でカレンダーにインポート可能!

お気に入りのアーティスト、探せるようにもっと細かいオープンデータにするのも良さそう!

2025-07-05
SUNOはサブスク加入で作曲した曲をステム(ボーカルや、ドラムなどのミックス前のパート)に分離する機能があって便利そうです。ZIPによる圧縮ファイルでダウンロードできるので、それをウェブ上で再生、チェックできるアプリを目指し、ひとまず、https://fukuno.jig.jp/4726「IchigoJamの魔法」を使ったデモアプリとしました。


「IchigoJamの魔法 (stems)」

スペースキーで全ステムが一斉に再生されます。右クリックでミュートできるので、パートごとの違いが分かります。
個別に再生位置を変えるとめちゃくちゃになりますが、エスケープキーで初期位置に戻ります。


「IchigoJamの魔法」

ミックス後の曲には、河和田小学校のテーマと同様、歌詞データを付けました。


「IchigoJamの魔法 - IchigoJam-music」

楽曲オープンデータ。歌詞、パートごとに分割したSTEMSファイルもあります。ZIPファイル内はMP3。


「zlib.js/es at develop · taisukef/zlib.js」

日本語タイトルのSTEMSファイルをダウンロードすると、zlib.js/esunzip.js で展開すると文字化けしたので、UTF-8対応しました。

2025-07-04
鯖江市立河和田小学校でプログラミングの講義。


「河和田小学校のテーマ」

休憩時間にSUNOでAI作曲し人気だった熱いロックバージョン。歌詞も合わせて表示するアプリを作りました!曲も歌詞もオープンデータです。自由に活用ください。


歌詞は、時間tと歌詞lyricを持つCSVデータを使って、wave-viewerと連動して表示させてます。


「wave-viewer on GitHub」

音楽データをブラウザで表示するコンポーネント。拡大縮小、シーク、クリックしたら再生、右クリックでミュート、スペースキーで停止、エスケープキーで停止&最初へ、再生時間取得機能(カーソル下)を実装。プログラミングして一度つくったものは、いろいろ使い回せて便利!


今回の場所は、アクセスルーム。こどもたちが漆器に塗ったパソコンの絵が河和田っぽい!


小学4年生で実施するIchigoJamプログラミング体験に続く、小学5年生向けへの追加プログラミング教育のひとつ「サイバーセキュリティ」。IchigoJamに配線中。


0と1だけで友達とコミュニケーションできるかな?UARTプロトコルで遠隔操作!?
守る基本は通信遮断。体験しながら楽しく学ぼう!


大人チームで分担して全12小学校でプログラミング教えてます!

Tweet
クリエイティブ・コモンズ・ライセンス
本ブログの記事や写真は「Creative Commons — CC BY 4.0」の下に提供します。記事内で紹介するプログラムや作品は、それぞれに記載されたライセンスを参照ください。
CC BY / @taisukef / アイコン画像 / プロフィール画像 / 「一日一創」画像 / RSS