Every Noise at Onceの使い方

論文も読めるようになりたい

今回は暇人のための音楽検索サービス「Every Noise at Once」とその使い方についての記事です。好きな音楽ジャンル見つけてみませんか？

Every Noise at Onceの機能

ジャンルベクトル

Every Noise at Once

Every Noise at Once（以下everynoise）は見てわかるように音楽のジャンル毎に検索できるサービスです。

面白いのがジャンルがめっちゃ細かいです（）

これらの情報はSpotifyのデータが利用されています（なのでSpotifyユーザーだとさらに便利）

ちなみに左右上下の意味はあまり気にしたことないです。なんとなくのベクトルが貼ってあるので近くを見ると趣向が近いものを見ることができます。

ジャンルごとの歌手

ジャンルをクリックすると歌手のベクトルが可視化されて出てきます。

ちなみに左右上下の意味はあまり気にしたこと（ry

知っているジャンルでもたまに知らない人でてきます

プレイリスト

これが結構いいかんじです。

左から「すべてのプレイリスト」「入門プレイリスト」「さらに知りたい人向けのプレイリスト」「オタク向けプレイリスト」「今年度のプレイリスト」って感じにあるので入門プレイリスト（Introってやつ）を聞いてみるとジャンルについて完全に理解できます。

その他

アルゴリズムやこれらデータを使ったその他機能はこちらに乗ってます

https://everynoise.com/#otherthings

まとめ

雑な紹介だけど使ってみた方がわかりやすいかも

振り返る 2021

やってなかった

コミュニケーション年間

コミュニケーションをスキルと慣れで克服する。

名前伏せるけどビジネスコミュニティやエンジニアコミュニティなどに参加するなど。 内向的性格とコミュ障の違いを押さえたら楽になった。

しばらく時間を空けちゃうとコミュニケーション能力が著しく低下しちゃうので、まだまだ。 慣れでかなり良くなることが実感できたので良かった。

チーム開発

円滑な開発を目指した。 積極的にメッセージ送るという珍事を行いコミュニケーションを活発化させようとした。

同時にスクラムマスターも取得した。 更新までに徳（Scrum Education Units）をつむ必要があります。ＬＴしなきゃ。

副産物として就活を有利に進められました。

起業

新しい働き方を実践する。

まずはフリーランス（個人事業主）から。めんどくさいことはfreeeにやらせよう。6月から開始。4案件ほど（継続含む）

思ったより早く始められた。初案件までに3か月を要した。 大学生だとコミュニティがデカいので人づてでの紹介がしやすい。

顧客目線でプロジェクトの成功に並走するには何度もコミュニケーションをとることが重要。 相手の解像度を上げ、必要なところにコストをかける。

実際にやると、学びに良い。 周りも個人事業始める人増えてうれしい。

確定申告（3月）まで結果を待ちましょう。

やること 2022

テーマは「分」

去年の「分散」から発展して、新たに「分配」を加えた。

国民全員に資産分配するより、コミュニティへの分配のほうが実現しやすい。 分散化によって分配が可能になることで、生産性の向上を目指せると考えられるからだ。

DAO（自律分散型組織）はベースとしてかなり有力。 表のシステムとしては、ホラクラシー型組織が面白い。最近日本のスタートアップでも採用が目立つ。

「中国の共同富裕」と「岸田政権の新しい資本主義」、「欧州のBI」を参考にしている。

非同期コミュニケーション

じゃあ何やるねんのところは、「非同期コミュニケーション」。

「去年コミュニケーション年間」と称していくつかのコミュニティーやイベントに参加した。 慣れの分野だと思うので、非同期コミュニケーションに関しても同じようにやっていきたい。

非同期コミュニケーションのメリットは時間の制約がないところ。

非同期コンピューティングもシステムの分散化で生まれたものだと思うし、 Twitterのドーシー氏退任もあって分散SNSは今年少なくとも話題になると思う。

月１でやってみた系ブログを書くようにする。

今の雑魚文章からどれだけましになるのかを実験する。

エッジサイド

先駆者から一年ほど遅れたけどやっていく。

2020年あたりから、フロントエンドの再定義が流行した。 UXの観点からみると、SSR、エッジサイド、BFFといったサーバーサイドよりな分野もフロントエンドが役割を持つと考えている（僕はUXエンジニアと呼んでいる）ので最近やっている。

Cloudflareが神。同時にプラットフォーム非依存によるPaaSの分散もやっていく。

このあたりが極められれば、マイクロフロントエンドにも手を付けられそう。フロントをプロジェクト毎に「分ける」技術。

メンズメイク

パーソナルカラー、顔タイプ、骨格診断、、、 何もわからん！

やるぞ！

一番伝わりやすい表面から自分の個性を出せるように。

最近スキンケアをハトムギ(ナチュリエ)に変えた。

参考文献

コミュニティマネジメントとは何か、なぜ今重要か / これから始めるコミュニティマネジメント入門 (1) from Takaaki Umada

www.slideshare.net

note.com

newspicks.com

newspicks.com

GitHubスポンサーで支援してみた

きっかけ

いつものようにGitHub見てたら、めっちゃおしゃれなREADMEがあったんですよね。 まあ、いつも見ているページなんですけど、インターン先(*1) がOSSへの寄付に結構積極的でそういった話していたので僕もやってみようかと思いました。

過去の寄付歴

といっても以前にも複数のプロジェクトに寄付したことがあって、少額ながらもOpen Collectice使ってました。

opencollective.com

vue, Nuxt.js, rust-analyzerの３つですね。 Facebook由来のReactなどと比較するとコミュニティー駆動なプロジェクトで、当時は結構お世話になってました。

ちなみに支援やめた理由は、Vue使わなくなったからではなくちょっと大きな自己投資しちゃった分の節約なんですけど笑。 学生だからしょうがないね

github.com ↑自分のOpenCollective歴

GitHubスポンサーつかってみた

GitHubはよく使うSNS(*2) なので気軽にアクセスできるのはいいですね、サムネみたいに1ドルの寄付だけでバッチを獲得できます。

今回支援したのはVue, NuxtのコアメンバーでおおくのOSSを持っているantfuさん。

Tailwindcssを高速化したWindicssや、スライドをvueとマークダウンで作成できるslidevなど、フロントエンド技術の最先端を走っている感あります。

みんなも気軽につかってみては？

プログラミング書いた人であれば絶対にお世話になっているOSSがあるはず（書いたことない人も） ってか機械さわってたら全てに入っているので、ちょっとみてみると面白いかも。

github.com

このサイトみてみたら、僕のコードだけで2.5kのプロジェクトに支えられているらしい！恐ろしい！

---

*1 株式会社HERPに長期インターンしている

*2 「Githubのせいで留年しました」 · GitHub

筑波大学のシラバス閲覧アプリをつくった

目次

• 目次
• はじめに
• どういったアプリ？
• 開発に至った経緯
• 開発過程
  • Next.jsについて
  • Vueとの比較
• さいごに

はじめに

夏なのにサマーインターン受けなかった @ITF_hikary です。 さて、今回はシラバスっぽいなにかを作ってみました。以下からログインなしで遊べます。

↓↓

syllabi.vercel.app

はじめに使い方について説明したあとに、 今回の開発に至った経緯と、どのように開発を行ったのかについてお話できればと思っています。

どういったアプリ？

このアプリは筑波大学で履修できる授業を検索し閲覧できるようにするアプリです。 追加機能として、授業に対して★星レビューができるようになっています。（Googleログイン）

ログインして授業評価できるようになりました！アルファ版として公開してるのでどうぞ https://t.co/Kh3yPd37q8 pic.twitter.com/JIdu8KxLI7

— hikae (@ITF_hikary) 2021年8月20日

開発に至った経緯

授業情報であるシラバスはkdbを通して閲覧することができます。しかしこのkdbは処理が重く、変わりのアプリとして「kdbっぽいなにか」っていうプロダクトをみんな使っている現状です。

make-it-tsukuba.github.io

このアプリではシラバスについてはとくに何もしてないのですが、シラバス自体もかなり不便です。 多くの人がいまだに紙の履修要覧を利用しているのではないでしょうか？

具体的には東京大学の履修検索システムでは、マイリスト機能（kdbっぽいなにかにある）などwebならではの機能がついており、履修仮組に便利です。

catalog.he.u-tokyo.ac.jp

こちらは有志によるものですが、立教大学ではレビュー機能、オススメ授業レコメンド、チャットなどSNSを利用した履修をさらに強化する機能がついており、とても便利です。

web.rep-rikkyo.com

シラバスページをおしゃれにして、シンプルなレビュー機能をつけてみたら便利になるのではと思いアプリを作成してみました。

開発過程

今回のアプリは3日（2日目にリリース）で実装しました。

1日目の段階でシラバスが表示できるようになり、 2日目には検索機能とレビュー機能を追加してリリース。 3日目はアルゴリズムの修正による高速化のみを行っています。

今回のアプリはフレームワークとしてNext.js(React)を採用しており、Vercelにてホスティング、Firebaseをデータベース、認証に使っています。

Next.jsについて

Next.jsを採用した背景としては、SSRによるAPI機能によりバックエンドを統合した開発を行おうと思ったからです。ホスティングにVercelを利用しているのもそのためです。

テンプレートとして、先日作成したRSSリーダーのプロジェクトを用いて開発を行いました。

mini-rss-reader.vercel.app

github.com

Vueとの比較

vite(vue3)と比較すると、Firebaseをクライアントで操作する場合はvueのほうが使いやすかったしホスティングもFirebaseにまとめやすかった印象でした。

github.com

@vueuse/firebaseで一貫した開発ができたのはとても良かったです。

vueuse.org

さいごに

レビュー機能は荒れる心配があるので、ちょっとだけためらいがある印象です。 ユーザーの声を参考に便利な機能を増やしていくのがいいと考え、機能を最小限に抑えたリリースを行いました。（MVP） この記事を最後まで見ていただいた方にはぜひアプリを触っていただけたらいいなと思います！

https://psychic-enigma.vercel.app/psychic-enigma.vercel.app