オープニングと三線アプリ開発のきっかけ
こんにちは、Kanohです。 こんにちは、たきがわです。 こんにちは、Masuokaです。
NOOP Tech Talkは、大阪のスタートアップ企業で働くKanohと、 京都のスタートアップ企業で働くたきがわが、
テクノロジー周りの話題から脱線しがちな 雑談を楽しむポッドキャストです。
先週はMasuokaです。 今週もよろしくお願いします。 よろしくお願いします。
たきがわさん、最近アプリ作ってるんですか?
そうですね。先週Masuokaさんがアプリを作っているって話をして、
そういえば作ってたわっていうのを思い出しまして。
収録終わった瞬間に言いましたね。
そうそう。ネタないなって思ってたんですけど、 そういえば作ったわっていうのを思い出して。
めっちゃあるじゃん。
すごい食い気味にこうやって言いましたから。
そういえばありましたわ。
じゃあ次回その話しましょうみたいに言って。
あるんかいってなりましたけど。
三線練習アプリ「動く工工四」の機能と仕組み
何作ってるんですか?
これが何かっていうと、
このポッドキャスト言ったことあるかわかんないですけど、 沖縄の楽器の三振を、言ったことあるな。
三振をたまに練習してまして、
その練習のお供にできるようなアプリを作って、
これはLaravel Cloudでデプロイして、仲間うちに共有して、
これ使ってみてよみたいな話をしたっていうのが、 最近作ったものですね。
竹田さん趣味多いっすね。
趣味、そうなんですよね。減らさないとダイエット。
私、生まれてこの方30年近く無趣味で生きてるもので、
やることあるんですけど、そんな没頭する趣味がそうそうなく、なんか羨ましいっすね。
確かにそうだ。
このラジオ、ポッドキャストで聞いただけでも三振があって、
この前馬の乗馬の話があって、
その前はカカオからチョコレートを作るっていうのがありまして、
チョコレート作ってますね。
すげー。いいな。
それぞれ多分頻度は全然違いますけどね。
なるほど。
三振を持ってるんですね。
コンスタントにやるのは三振が一番頻度は高いですけど。
へー。手軽に引けばいいですよね。
これどういう内容のアプリかと言いますと、
三振の楽譜にあたるものが、くんくんしって読むんですけど、
漢字で書いてある音階、鳴らす音ですけども、
それが日本語の縦書きみたいな感じで、
縦に並んで開業して右側にどんどんずれていくみたいな通学があるんですけども、
それが動くくんくしっていうことで、
音を鳴らしてるところが光ってるときにその音が鳴るみたいな。
なるほど。
くんくんしって読むんですか、これ。
そうなんですよ。こうこう。こうってのはこうじのこうですね。
音楽とかのこうですね。
A4って書いてあるのかと思って。
A4じゃない。Cが4だから。
アプリのタイトルのところに動くくんくんしって書いてあるんですけど、
今聞いて聞こえて、動くA4ってなんだろうって。
A、A、A、A、A、A4。
カタカナのAと同じカタカナで。
なんかおかしい。
なるほど。これでくんくんしって読むんですね。
くんくんしと読みますね。
へー。
そう、だから一部長言のことをちんだみって言ったりとかして、
そういう単身用語がいろんなところに出てたりとか。
これでテンポを最初の方は結構この速さで弾くのはきつかったりするんで、
テンポを下げて、あとは選択。
この部分をループ再生しますみたいな選択をすると、
苦手なところを重点的に練習できる。
ドラッグで。
ドラッグすると。
これ音符っていうか、これが歌詞というかなんだ。
楽譜っていうか。
楽譜になってるのか。
わかんない人向けに説明すると、今私の前には画面が開いてるんですけど、
縦書きで漢字が4つずつ並んでるんですよ。
4つずつ並んだマス目みたいな方が用紙みたいなのがあって、
これが縦書きで上から読んだら1文字が1音になってる楽譜になってるらしいですね。
はい、その通りです。
選択したりするとそこの音が鳴って、
ドラッグして選択したところを繰り返し再生とか曲自体再生とか、
曲選んでできるみたいな感じになってますね。
そういうことですか。
完全に勘違いして。
これキーボードみたいになってるのかと思って。
ここに書いてるボタンをクリックして演奏してたんです、勝手に。
再生ってボタンあるじゃん。
これ繰り返し再生してくれるのかなと思った。
この意味は自分でクリックしてはよかったです。
これはUIが良くなったな。
本的に人がわからない人、始まる前に台本読んでるんですけど、
松岡さんがキラキラ星を頑張って今演奏してるって言ってて、
これ再生ボタン押したらずっとループ再生なのに、
演奏してるってどういうわけかわからなかった。
この楽譜の中で音階を選ぶながらキラキラ星を演奏してたんです。
それで変なところに音が散らばってる。
これ楽譜なんですね。
縦書きで見ないといけないから、それもねちょっとね。
確かにこれ三振習ってない人からしたら無理ですね。
三振習うとこの縦書きの楽譜が配られて、
これやるよみたいな感じになるってわかるんですけど。
しかも右から左に動いていくんですよね、音が。
縦書きなんで。
右から左ですね。
右から下に行って、また上に行って、
左に向かって進んでいくって。
だからこれ再生ボタンを左右に反転しないといけないですね、三角を。
あ、そうか。
やめずしなくてもいいんですけど。
いいんじゃないかな。
なるほどな。
アラビアの電池のマークも反対ですよ、実はっていうあれですね。
そうですね。
難しい。
ちょっと感動したのが部分練習できるようになってるんですよね、ドラッグして。
そうなんですよ。
すごいな。
これは本当に自分が欲しい機能を入れてるんで。
昔楽器をやってたんであれですけど、部分練習のループ再生のときに一拍置いてほしいですね、ギターに。
確かに。
ちょっと一呼吸置かないと、つだめがあって聞こえちゃいそうだし、それで覚えちゃいそうだし。
はいはいはい。
これいいですね、公開してるとフィードバックがもらえるっていう。
そうなんですよ。
楽譜をこの曲を追加してくれっていう仲間の曲をやってるんで。
手打ちなんですよね、大変なことに。
手打ちして、よしよしみたいな。
これJSONファイルにして追加したら追加されるようにしますよ。
そうですね、中身はJSONなんですよ。
さすが。
そう、だからアカウントを作ったら自分で曲入れれますよみたいな感じで。
自分で追加してくれっていうやつですか。
そうそう。これからはそっちの方向だなって思って。
リクエストが来るから。
そうなんですよ。
面白いな。これリズムってどうやってやってるんですか。
今見ると漢字が縦に4つ並んでるのが何行もあるみたいな感じで、
西洋音楽で言うオタマジャクシの八分音符とか四分音符とかにあたるやつがないじゃないですか。
そのあたりってないんですね。マスが一拍なんだ。
マスがそうですね。
で、間に挟まってる音あるじゃないですか。
あ、この一番…あれ?キラキラ星あるな。
例えばアシビナとか。
本当だ。アシビナとかなんか間にあるな。なんかキラキラ星みたいなのが。
キラキラ星はちょっと待っててくださいね。
この間に4ってあるのはこれ4じゃなくて、
例えばこれ何て言うんですか。アリア?アリアユンタ?
アサトヤユンタですね。
アサトヤユンタ。アサトヤユンタだと…
アサトヤユンタは4か。
これって4になるんですか。ファのことですか。
4ですね。4。
そうですね。4アイ4ジョーっていう感じのリズムになるんですよ。
ああ、じゃあそうか。キラキラ星じゃなかったけど、他の楽譜を見ると音を表す大きな感じの間に小さな感じが入ってるんですね。
この小さな感じがリズムを表すんですね。
リズムっていうか、ここの間にその音が入るっていう。
だからそれも弾くっていう。
この時間の中にもう一個入ってるから、それがリズムになるってやつ。
音を弾いたり縮めたりするんじゃなくて、音と音の間にもう一個音を入れることでリズムができてるっていつも表現してるってやつ。
あれかな。西洋音楽でいう装飾音符かな。
そうかも。小さく音を入れるみたいなのがあるから、それかな。
再生するこの遊び庭ってやつにめちゃくちゃ入ってますね。
アシビナーはほぼ全部。
ごめんなさい、これがアシビナーって読むんですね。
そう、これがアシビナー。
なるほど、そういうことか。
さっき言ったやつ。
打ち合わせやって遊び、アシビナーって読むんだってやってる時頑張ってキラキラ星演奏してた。
僕はキラキラ星演奏してるから見てないって。
アシビナー。
これは沖縄らしい。
リズムも全部沖縄っぽい。
なるほどな、そういう感じなんだ。リズムもパターンも。
パターンが少ないってことですね。
間に入ってたらずっと一緒なんだよ。
もうちょっといろんな曲をやってたらこれで困ることがあるかもしれないんですけど、
今のこのモデルで困ってないっていう感じで、
アシビナーの場合は真ん中に入るやつが0.7拍後ろに来る。
だから後ろの音にだいぶ近い。
そういう感じなんだ。
アサデンとは同じ、あと0.5拍後に4を入れるみたいなのを、
曲ごとに設定できるみたいなモデルに。
曲ごとに決まってるんですね。
そうですね。リズムが曲ごとに違ったりとか、
跳ねるようなリズムのやつと普通のがあって。
こんなに詳しくこの話をするつもりではなかったんですけど。
今アプリケーションを見ながら喋ってるので、
いろいろ話が弾んでるんですけど、
今までになく視聴者に伝わりづらい、
なったかもしれないですね。
絶対そうですよ。
ほっとかしておきではない。
何言ってんのって。
クークーシーで検索したら多分A4が出てくると思うけど、
それを見てこういう感じで。
公開されてるから検索エンジンに引っかかってる。
分かんないですね。どうなんだろう。
検索エンジンに引っかかってないですけど、
クークーシーと調べたら画像が出るかもね。
動くクークーシー自体は、
三振教室の人が、
僕が言ってるところじゃないですけど、
YouTubeにあげてらっしゃる方とかもいて。
そうなんですね。
それをアイディアだけ解釈してですね。
YouTubeだとループ再生、
ここからここだけループ再生するとか、
音階を調整するとか、
テンポを変えるとかできなかったんで、
こうなんとかしたいなっていう。
アプリの技術的詳細と三線ドメイン知識
広告入るシーン。
クンクンシーって出たけど、
クンクンシーなんですね。
クンクンシーですね。
アプリケーションの一番下に説明が入ってるんですか。
ヘルプみたいな、ヘルプじゃない釣り書きが。
勘所っていうところはRubyを振ってるんですけど、
そのクンクンシーにRuby振ってほしいですよ。
ほんまや。
確かに。
クンクンシーの上だ。
アプリケーションよりドミン知識の内容が、
ドミン知識が面白い。
AI先生なんですかね。
AI先生ほぼほぼ。
だからちょっと面白い感じ。
そうですね。
小音にサイレントってRuby振ってやって。
本当だ。
確かに。
本体の小音かっこサイレントボタンを解除してください。
そうですね。
これは実機でiPhoneでやったら音出なくて、
あれって思って直したやつですね。
なるほど。
これ面白いな。
一応ドレミの振りがRubyが振ってるのがあれですよね。
そう。
例えばこの話はいつまで続けるんだっていう話なんですけど。
まあまあいいんじゃないですかね。
例えばアシビナーだったら、
こうななななななって書いてあるじゃないですか。
ありますね。
これなんて読むんですか。
5、6、7、i、
そうですね。5、7ですね。
じゃあドって読まないですね。
これ振りがなくてドって書いてあるけど。
そうですね。
ドレミで言ったら何っていうもので。
へえ。
なるほどな。
あと多分絶対音感の人が聞くと、
これ全然ドじゃなくなるはずで。
これコとかが、
このちんだみって書いてあるやつのBに当たるようになってるので、
Bってドじゃないですよね。
C。
あ、そっか。これ調子を変えると変わっちゃうのか。
そう。で相対だから、
ドってCですよね。
あってる?
ドはCですね。
だからC、F、Cに合わせると、
これがちゃんとドになるんですけど、
B、Bとかにすると、
ドからはずれるんですけど、
でも相対的にはずれている。
うん。
なるほどな。
あー。
今なんかバグって、
バグってちんだみが選ばれなかった。
バグバグりました。
ちんだみ真っ黒になった。
あら、リラックスのパターンを発見。
何かバグがあるらしいですよ。
なるほどね。
ちなみにこれ、
これってPodcastを聞いてる人に公開してもOKなURLなんですか?
どうしようかな。
いやなんか、
どうしようかなっていうのは、
楽譜の著作権とかどうなってるんだろうって思って、
あんまり多く言ってなかった。
AKがありますね。
民謡の古いやつとか多分見切れてるんで、
大丈夫なんですけど、
っていう。
スクリーンショットだけ?
そうっすね。
あ、てか、
何の話をしてるのか全然わからなくなっちゃいます。
わかんないだろうなこれ。
画像だけでも見てもらえると。
その辺をクリアにして、
これを、
ドビーも綺麗な感じにして、
公開できるといいですね。
うん。
音階練習とかはいいのかな。
うん。
音階練習とか普通にドレミですね。
あ、ほんとだ。
えー。
あ、音階練習でもう真っ黒になった。
あれ?
何かバグがあるらしい。
ブラウザーと、あとOSを、
後で報告ですか。
あとこれあの三振ドメイン知識なんですけど、
あの尺っていうのが、
はいはい。
あの音がありますね。
三振ドメイン知識。
これ曲によって、
尺ですね。
尺。
尺八の尺って書く尺ですね。
尺八の尺ですね。そうそう。
尺が、
高い尺と低い尺っていうのがあって、
曲によって決まってるんですよ。
はー。
で、音階練習の尺は高い尺で書いてて、
あのC、
Cってドレミ表示するとCになるんですけど、
あの足びなとかを開くと、
ドレミ表示でCbって書いてあるんですよね。
あ、ほんとだ。
なんで、どっちの尺ですよっていうのも、
曲の情報に、
あのJSONにこう入ってるっていう、
なんか、
謎の、謎の知識があります。
はー。
これ全然演奏する人には必要ないけど、
横にJSON併記してほしいですね。
それですかね。
ディベロッパーモードみたいな。
ってこう、
あの、
ヘッダーを
7回タップすると、
ディベロッパーモード開いて、
JSONが見れるのであるみたいな。
隠し、隠し。
一般ユーザーの目に
触れないように、
涙ぐましい努力が
行われてる感じにしますね。
開発者通りの
ダダダにしてみたら。
確かに。
やっぱりなんか、
ちんだみを変えると、
ドがドじゃなくなっちゃうのが、
ちょっと気持ち悪いです。
どっちでやればいいのかな。
そうですね。
楽天的には、
ドと言うっていう、
あれもあるんで、
調が変わっても、
ドに当たる
主音のところをドとして
書くみたいなのもあるらしいですけど。
あ、そうですね。
ちょっとなんか、
楽器やってる人は、
ちょっと違和感はあるかもしれないですね。
これは
三振を持って、
体感と
結びつけないと、
分からない感覚かもしれないですね。
弾くと感覚が分かるから。
確かに。
楽譜だけ見てると音しか聞いてないですけど。
いいなぁ。
テンポ変えれるし、繰り返しがあるっていう
部分練習ができるっていうのがすごい
ちゃんとしてますよね。
ララベルクラウドはやっぱり、
デプロイがめちゃくちゃ楽で、
ララベルクラウドのデプロイですね。
これあんまり
ララベルっぽいやつじゃなくて、
データベース使ってるわけでも
なんでもないんで、
ほぼインデックスみたいなやつに
フロントエンドが
リアクトで書いてあって、
イナーシャで出してるだけ
みたいなやつなんで。
バックエンドもいらないですもんね。
あんまりいらないんですけど、
ララベルクラウドでデプロイしていて、
ルーティングぐらい。
今後会員に登録したら、
自分だけの楽譜が作れるとか、
それがあれば、
ララベルにした意味が
ようやく出てくるかなという感じですね。
登録とかになってくると
そうですね。
曲の登録とか。
そうなんですよね。
なおさら
著作権の話とかも
いろいろあったりするので。
登録すると
公開範囲も出てくる。
そうですね。
あんまり気にせずに
いけるかなという
黙論ですね。
楽譜関連はね、
教育だって言い張ればなんとかなる説とか
あったり。
最近ちょっと怪しかったです。
確かに幼中。
幼中。
PHPカンファレンスJapan 2026の注目トーク
いろいろと
面白かったんで、めっちゃ聞いてしまい
お時間の方が来ております。
すごいな。
これでしゃべれてしまったという。
これでモタした。
全部しゃべってモタ。
どうしましょう。
気になるイベント紹介コーナー行きますか。
そうですね。やばい話題に触れないで。
どうしますか。
やろうからいい。
もともと予定してた話をしゃべってない
っていうやつですね、今回。
もともと予定してたこの話は
次回に回しますけど、これは
ちょっと重い話なんで。
なるほど。
多分5分以上終わらん。
じゃあちょっとこれは
別の次回に回しますか。
次回に回します。
次回ってこれ間に合うのかな。
あんまり規定事実にするか。
話しようから
すぐに次回を
報告したいと思います。
気になるイベント勝手に紹介
コーナーでございます。
先週に引き続き
PHPカンファレンス東京の方、
Japanを
紹介できればと思います。
日付が
7月20日月曜日。
祝日ですかね。
既にタイムテーブルが
公開になっていまして、
今回は最終工事が
会場の関係で少し
紹介したいので、ニットラックには
なっているんですけど、また面白いのが
いっぱい並んでますね。
皆さん
面白そうなトーク、気になっている
トークあります?
テストコードを
消す方が難しい
みたいな。
正しいタイトルが出てこない。
テストを書くより
消すのが難しい。
3ヶ月で
6万行のテストを
削除した。
6万行。
6万行、すっきり。
これはすごいですよね。
やっぱりテストって
やっぱり消す
を足す時は
安心安心
というか
これが保てていることが
今後も保たれ続けるから
いいねっていうので
追加するんだと思うんですけど
やっぱり消す時って
本当に消して大丈夫かって
思うけれども
消さなかったら消さなかったら
やっぱりテスト実行時間が
めちゃくちゃ伸びていったり
みたいなところで
すごい困ること
テストありがたい反面困るな
みたいなところがあると思うんですけど
そうですね
消して残すべきの
判断事項っていうので
気になるトークですね
なかなかプロポーターを見ていると
面白いですね
クロードコードを使って
いろいろと調査しながら
3ヶ月で消してるらしいですね
すごいな
これ
AIのいい使い方ですよね
他に気になる
CIどんどん遅くなるし
そうCIで遅いとやっぱり
困りますよね
うん
ちょっとしてるな
面白そうですね
これがすごい面白そうだなと
思いましたね
もう1個ぐらい紹介できますか
個人的には
最近ちょっとね
私自身がコードを書くところから
離れて久しいんですけど
コンポーサーのセキュリティ周りとかは
ちゃんと見ておきたいんで
この辺りはちょっと
最近ね
新しいリリースとかがあって
コンポーサー周りのセキュリティアップデートされたり
してると思うので
この時にどうなってるかっていうのを
アップデートはしたい感じはしますね
あれコンポーサーの話
コンポーサーの話ってあったっけ
コンポーサーの話もあるのか
なるほど
ライトニングトークのほうにもあるんですよね
LTEのほうにセキュリティ金庫診断
こっちにありますね
LTEかこれは
今ちょっと話題ですからね
いろいろとそれに関連の話が
多分皆さん
会社でやってる人は
何人かそれで走り回ったでしょうし
AI構成性
×サプライチェーン攻撃
の
どこか
そうですねリクワイヤーを
AIが提案してきた
そのパッケージは安全ですかっていう
あ
そうそう
えっと
そうですよ
何がそうですよって
そうです
近所さんがその話するのかなと思ったら
近所さんやり取りの話をしてて
あこれサイト参加するのか
ちょうど同時期に
サイトさんが
同じような
ああそうなんですね
ところをついてて
その話の
もっと詳細版みたいな
話
なるほどサイトさんのほうも
コンポーサー自体の話もあるし
そうやってサプライチェーンの話もあるし
みたいな感じなのか
これもコンポーサーリクワイヤー
AIが提出してきたんですね
それこそ私近所さんの
4月頃だったか
5月頃だったかの記事を
チャットで2回共有するってやってました
公開された時にこうやって
この前サプライチェーンが話題になった時に
PHPではこうですって言って2回目共有して
あれ可能性もこの前も共有してませんでした
って話になって
あそうでしたってなりましたね
という風にちょっと
いくつか面白そうな発表があるので
もしなる方はぜひ
ちょっと聞いてみてください
ずっとプロポーザルを読んで
カノアさんは酷ってなかった
まとめに言ってしまった
酷い
酷い
酷いやつ
改めて
トークの内容を読むと
いいなと思って
まあいいや
我々はこの後プロポーザル読むので
エンディング
今週の配信はここまでとします
このポッドキャスト
ノープテックトークの感想は
ハッシュタグ
NOOPTT
Twitterもしくはミクシーツーでのポストをお願いします
最後までお付き合いいただき
ありがとうございました
また来週
さよなら
ミクシーツーとリスンのコメントもよろしくお願いします
さよなら
![[2] アプリを100個つくっていく勢い](https://image.listen.style/img/CoazSOVLhcG5dBTuoKdLgMRtBIFBGB7_D8vGzpEgz2M/resize:fill:80:80/aHR0cHM6Ly9pbWFnZS5saXN0ZW4uc3R5bGUvcC8wMW0wN3gyZXFxNDFncHE3a21id3AxNHludC9pbWFnZXMvUjVWZ2JKbDNnNklPVjZzVWU1TGxFSjVJaHlXcjdPaXhUcGdqTzd4cC5wbmc.avif)
