最終課題コレクション

このページでは東京都立大学で開講している授業,プロトタイピング基礎における受講生の最終課題制作物を紹介します.コロナ禍により昨年度より最終課題はp5.jsを利用して,ブラウザで動作する作品制作を行いました.日常生活における違和感や「こういうのあったらいいな」を個人的な観点から制作してもらいました.著作権や肖像権の都合上公開されていないものも含まれていますが,学生たちの力作をお楽しみください.

しんちゃんのモノマネを練習するゾ
by ぴよよ

しんちゃんのモノマネを練習するためのアプリです。それぞれのしんちゃんボタンを押すとしんちゃんの本物の声が流れます。またしんちゃんの周波数のグラフが赤色、自分の声の周波数のグラフが黒色でリアルタイムで表示され、どのぐらい自分の声としんちゃんの声が近いのかを波形を見て比べることができます。モノマネの練習をする時に自分に聞こえる声と周りに聞こえる声が違うためいちいち録音して確かめるのが面倒だったので、リアルタイムで波形を見て聴覚的にだけでなく視覚的にもモノマネの完成度を確かめられるようなものを作りました。 本作品は著作権保護の観点から閲覧できません.

どこでもウグイス嬢」これであなたも高校球児
by 和田颯

高校野球の大会ではウグイス嬢によるアナウンスがあります。打席に入る時に「1番センター...くん」という名前のアナウンスがあるだけでとてもテンションが上がり、やる気が起こります。そこで紹介するのがこのサイト。学校内の紅白戦や草野球チームでの試合などで「どこでもウグイス嬢」を使用することで、選手のモチベーションや雰囲気を盛り上げます。デフォルトは個人的なイメージで、インダスの先生の最強スターティングメンバーとなっています。

「る攻めのすゝめ」
by さいとうあかね

「る攻め 」 と は しりとりにおいて 「る」で終わる言葉を 多くまたは連続で繰り出すことで 相手により大きなダメージを与えること。 もしくはその行為。 本ツール「る攻めのすゝめ 」は しりとりにおいて 「る攻め」をされて困った時に、 ただのしりとりを よりスパイシーにプレイしたい時に使える「る攻め」補助アプリでございます。 四角のなかに ひらがな一文字を入力 すると 入力した文字から始まり、 「る」で終わる言葉が表示されます。 ※注意事項※ 「る攻め」は大変殺傷能力の高い戦法です。 使用する相手によっては 今後の人間関係に影響を与える可能性があります。 容量用法を正しく守って 素敵なしりとりライフをお送りください。

ひとつまみチェッカー
by おーた

一人暮らしをきっかけに、初めて自炊をするという人も少なくないのではないでしょうか。そんな料理初心者にとって「ひとつまみ」などというあいまいな分量の表現はとってもわかりずらいものです。また自分の性格上「いやひとつまみなんて人によるでしょ」といちゃもんをつけたくなってしまいます。そんな悩みを解決するために指の太さからひとつまみの分量を数値化する作品を制作しました。指の太さとひとつまみの平均から自分のひとつまみを算出します。

Lifescale+(人生という限られた時間の可視化表現)
by 沼野航

説明:サイトを開くと5本の数直線が表示されます。上から順番に今現在が何月、何日、何時、何分、何秒であるかがメモリで示されています。これに加えて、「あなたの生まれた年」と「何歳まで生きたいか」をテキストボックスに入力すると、人生の始まりと終わりを結ぶ数直線が引かれ、今現在、自分がその数直線上のどこに位置しているのかが一眼でわかります。このようにして人生を俯瞰してみると、人それぞれあらゆる感情が生まれることでしょう。

最近声、出してますか?
by のざわ

コロナ禍でマスクをしているため、最近大きな声を出すことがなくなってしまいました。自分の家のパソコンの前であれば大声が出せると思い、音声メーターを作りました。声の大きさによってボールが上下に動き、スコアを勝手につけられます。50以上は声が大きすぎるので、少しうるさいですよ、というメッセージが出るようにしました。

kiiteruyo
by miyu

話しかけられたくない時に話しかけられても勝手に返事をしてくれます。自分の名前を入力して、相槌を録音しておけばあとは放置です。寝てても動画を見てても大丈夫です。聞いてなくても文字で残るので後から見れます。時々音声を認識しないとループをしますが、それもいい感じの相槌になります。名前呼ばれた時だけなに?って返るようになってます。あとはランダムです。

あなたはどこまで音が聞こえますか
by ほんだこころ

家でモスキートーンで遊んでいたときに、全く自分は聞こえていないのに、猫が反応しているのを見て、他の動物がどこまで聞こえるのかわかるアプリケーションを作りました。黄色い枠の中でマウスを右から左に、押しながら移動すると周波数が上がっていき、その音が聞こえる動物だけが残っていきます。また、動物のイラストをクリックすると、その動物に関するサイトへ飛びます。たまに変なサイトへいきますが、ご了承ください。

みんなの馬場先生
by はるりん

ZOOM授業のブレイクアウトルームで知らない人と話し合わなければならない時間はなかなか苦痛である。話し出すタイミングどころか、何を話せばよいのかすら分からない。なんとか話し出せたところで、自分が話している時は心細く感じてしまいがち。「みんなの馬場先生」は、そんなお悩みを解決してくれるアプリケーション。馬場先生が会話の盛り上げ役および聞き手役となり、オンラインでのコミュニケーションをサポートしてくれる。たぶんオフラインで話すときに使っても楽しい。

音階のビジュアル表現
by Nagisa

絶対音感ツールに似たものです。マイクで入力された音の音域に応じた円が表示されるようになっています。今はA-Gで8音階で表記しています。内側の赤い円から外側に向けて描写しています。瞬時の音を一回だけ判定するツールはウェブで見かけたのですが、継続的に今こんな高さの音がなっているんだな、とみてわかったら面白いなと思って作りました。

国土面積の大きさの違いを視覚的に瞬時に判断することができるアプリケーション
by MS

「The True Size Of …」などの既存のアプリケーションでも国土を比較することは可能であるが、国の形そのものが移動するため、やや 直感的ではないと考えた。そこで今回制作したアプリケーションのように、各国の形を正方形にし、自分で基準となる国を設定できるようにすれば、国の規模という大きさ数字を持つものでも、より素早くかつ直感的に比較できるのではと考えた。

カクテルパーティー効果の表現
by ai

普段、私たちが発揮している何気ない選択的注意のひとつである、「カクテルパーティー効果」。そこに違和感、不思議さを感じ、今回実装することにした。マウスを人の意識の先に見立てることで、図に描かれた色のついている部分にマウスを近づけるにつれその音だけが大きくなり、はっきり聞こえてくると同時に、その色に変化したオーディオスペクトラムで音が可視化されるよう実装した。

ワンちゃん何匹飼える?
by chinnerina

あのおじいちゃん、ずいぶん高齢だけど子犬なんて飼って大丈夫?」という、お散歩中の高齢者を見て覚えた違和感から制作したこちらは、平均的な健康寿命を70年とし、そこまでの残り年数をカメ、イヌ、ハムスターの飼える数で表したものです。飼いたい動物を選択し、自分の現在の年齢を入力するとどれくらい飼えるかがイラストとして確認できます。

color diary_その日の思い出を色で残すアプリケーション
by hano

毎日書こうとしても面倒になりなかなか続かない日記。もっと手軽に思い出を残すことができたら、という思いから制作しました。その日に撮った写真をアップロードすると、その写真の色が抽出され、日付と共に新しい画像が作られます。任意でテキストも追加できます。構図がいまいち、変なものが映り込んでいる、だけど色が美しい素敵な風景。その日見た大切な思い出を新しい一枚の画像に収めることができるアプリケーションです。

IMAGE OF INFECTION
by 久保田恭平

毎日の暗いニュース。 「今日の東京の感染者数は…」 なんだかよくわからないけど数字だけがどんどん増えていき、そしてその数字にも慣れ、というのを繰り返した結果、危機感も少なくなってきている。そこで、感染者がどのくらいの割合でいるのかを可視化するために、一日の感染者数を入力すると、新宿駅構内に何人いるのかが計算され、画像の上にその数の赤丸が表示される。

メルセンヌ素数を探そう
by オイラー先生

素数を探す楽しみを奪われている違和感を、素数を探す体験を与えることで表現しました。数字nを入力すると、2のn乗から1を引いた数が表示されます。この式で求められる素数をメルセンヌ素数と言いますが、メルセンヌ素数を探すのもよし、出てきた数を素因数分解するもよし、な素数好きにはたまらないアプリケーションです。数学が苦手な人も、まずは数当てだと思ってチャレンジして見てください。

昔の暗号送信を疑似体験?!モールス信号で遊べるアプリ!
by 矢坂紘一

リアルタイムでテキストボックスに入力された文字を認識して、モールス信号に変換されるようにプログラムしました。和文モールス符号を採用しており、ひらがな文字が対応言語となっています。エンターを押すことでログが残るようにしており、疑似的に通信ログのようなものを再現しました。モールス信号において拗音や促音は適宜されておらず、通常の文字として表現することになっているが、それにも対応させてあります。

音楽の才能ありますか?
by さとうみ

3つの曲を自分でアレンジできるアプリケーションです。4×4ある四角形の色をクリックすることでリズムを変えます。色がついているとリズムとして反応し、色をなくすと反応しない仕組みです。そして、Aボタン:キック音、Lボタン:シンバル、Nボタン:打楽器の音 とキーボードを押すことでそれぞれの音が鳴るようになっています。音楽は今回3つ用意しました。曲のボタンをクリックすると流れます。用意した3つの曲、それ以外の曲を自分なりにアレンジしてみてください。

How much shampoo?
by 金子るん

シャンプーの適量がわかるアプリです。髪の長さを入力すると何プッシュ使えるのか計算してくれます。小数点以下第三位まで出てきて、「そんな細かい数字言われても」と思いがちですが頭の片隅にこの数字があることで髪を洗うときに「あともう半プッシュ弱使えるなあ」などと思い出せる点がミソです。シャンプーの公式を編み出すところに一番力を入れました。

理系のためのきっちりレシピ変換アプリ
by toriu

適量」「たっぷりの水」「一煮立ち」。それって一体何mg ?失敗しないようにレシピに忠実に作りたい。きっちり計って美味しいレシピを再現したい。数値しか信用できない。そんな理系のための、曖昧な料理用語を数値に変換してくれるアプリ。レシピ検索サイトを使うことを想定し、検索サイト、文字入力エリア、変換結果表示エリアで構成。検索サイトからコピペしたり文字を打ち込んだりすると、「ひとつまみ」が「1.0g」、「一口大」が「3cm^2」などの組み合わせで変換される。ある程度料理をする人でも適当にしているような表現だけを変換する理系Lv.1から、大さじ小さじまで変換する理系Lv.3まで、変換レベルをスイッチで選択可能。

強いパスワードを作りたい!
by シマムラアリサ

日常生活の中でパスワードを考える機会って多いけど、結局使い回してしまったりして、でも毎回変えると忘れちゃう!!って人向けに、自分にしかパスワードの由来がわからない、かつ他人にはわからない強いパスワードが作れるアプリケーションです。入力した文字列が3文字ずれでパスワードとして出力されるので、記号や数字が混じってより複雑になるのが魅力です。そして、パスワード作りだけでなく秘密を暗号化したい時にも!!

拝啓、ゲラのみなさんへ 思う存分、笑えばいいと思うよ
by 津江勇作

僕はお笑いが好きで、劇場にもしばしば足を運んでいます。 しかし、僕はゲラで他の観客が笑っていないようなしょうもないことでも1人で笑ってしまいます。 そうすると、目立ってしまうばかりでなく、その場の空気を壊してしまう可能性があります。 そこで僕は考えました。みんなで笑えば怖くない。 1、声をマイクで拾う。 2、その音量が一定以上だと笑い声が流れる。 これだけでみんなが笑っている世界(のよう)に。

コード進行ジェネレーター
by 山本悠翔

8小節からなるコード進行を生成し再生するアプリケーションです。とりあえずコードの番号(ディグリーネーム)を決めたいときに便利だと思います。 奇数番目のコードはランダムに選ばれ、偶数番目のコードは一つ後のコードの四度下(半音五個下)のものが選ばれるようになっています。最後のコードは初めの音の四度になっています。これは、強進行という四度上の音に行きやすい性質を利用しています。(厳密には成立してところあるのですが、7つのコードだけでまとめたかったので、常に3つ前のコードを選ぶようにしました。)

Ame dongurai
by ZAZY

雨の降水量何ミリと言われてもどれくらいの強さかあまりピンと来たことがなかったので、降水量を入力するとどのくらいの雨が降るのか教えてくれるアプリケーションを作りました。雨の量は計算でも求めて見たのですが、それだとあまりしっくりこなかったので最終的にYouTubeの動画を見て感覚で合わせたので正確じゃないです。大体なのでこれに頼りすぎないでください。

うちなわぬふぁつうんになーり!
by ふーちんまりい

テキストボックスに任意の日本語を平仮名で入力してもらうと、沖縄の発音に変換し、さらに読み上げてくれるものです。(Chromeだと読み上げてくれないことがあります)日本語は世界で最も難しいと言われているにも関わらず、日本語を他国語に変換するツールはたくさんあるのに、肝心の日本語から日本語への変換ツールがないことに疑問を持ったことが制作のきっかけです。正しいかどうかは少し怪しいですが、クスッと笑えるので暇つぶしにピッタリです。

イマイチピンとこない◯cmの大体の長さ(1~10cm編)
by 後藤狭霧

私自身、普段の生活で「だいたい5cm」や、「10cmくらいの幅開けて」などと言われても、イマイチピンとこず、いつも定規で測っていたので、実際に定規で測らなくてもすぐに大体の長さがわかればいいなと思い、今回この作品を製作しました。1cm~10cmをなるべく身近なものの中から見つけ出すのに意外と苦労し、時間がかかりましたが、家にあるものの長さを測ったり、ネットで探したりしてなんとか10個見つけました。今回様々なものの長さを測ってみて、身近なものは意外と、ピッタリ◯cmのものは少ないんだなと思いました。2cmと4cmで見つけたのものはありきたりのものになってしまって少し悔しかったので、もっと面白いものを見つけたかったです。

Karaoke List & Time Calculation
by めむた

カラオケで使える曲リスト兼曲の長さの和を計算してくれるアプリケーションです。完全作者用です。「カラオケにあと20分くらいしかいられないけど、ギリギリまで歌っていきたい!」と思った時、これを利用すれば効率よく歌えるかもしれません。チェックを入れた曲の合計が一番下に表示されます。曲と曲のインターバルは12秒で制作しています。

ココからココまでアイツなら何分?
by Yokosuka

私は地図や乗り換え案内アプリなどの「徒歩〜分」の指標に「いや誰の徒歩だよ」といった違和感を覚えている。私は歩くのが速く、あまり参考にならないからである。そこで私はこの違和感を大袈裟に表現することにした。距離測定アプリのように地図をなぞることで距離を測り、その経路をさまざまなものがどれくらいの時間で移動できるかを求めることができる。しかし全力のボルトやハワイ、国際宇宙ステーションなど全く参考にならないものを選んだ。違和感の表現だけでない楽しい作品になったと思う。

Concept Art sketch Generation
by yuirin83

コンセプトアートでよく見られる構図の下絵を自動的に生成するプログラムです。三分割法のグリッドの交点を中心にガウス分布を生成してそれに応じて配置される図形の座標が定まるため、自然と目を引く位置にオブジェクトが描画されます。自分の脳内に無い形や配置が生成されるので、突発的にインスピレーションを得ることが可能です。