LogoMark.png

岩井玄貴/卒業研究I の変更点

#author("2022-07-27T15:41:35+09:00;2022-07-27T14:30:16+09:00","default:member","member")
*Emoji Museum v1.0 😃
感情×文字の新たな情報の伝え方を研究する

#image(emojilogo.jpg);


-''岩井玄貴''
-'''Keywords：Web, Emoji, Communication'''
//-https://www.example.com
[[サイトマップ>https://www.figma.com/file/T6mHvHeQkR7IkKPNGCan5y/Emoji%E3%82%B5%E3%82%A4%E3%83%88%E3%83%9E%E3%83%83%E3%83%97?node-id=0%3A1]]

~


**😂概要
***🤔これは何？
Emojiの使う場面など分からない人や日本への認知拡大のためのサイト
-- 「Emojiとは」主に「Emoji」についての情報を載せる
-- 「今の感情は？」人の顔を読み取りそこに「Emoji」を当てはめるコンテンツ
-- 「Emojiの箱」今の感情を「Emoji」として集めるコンテンツ
-- 「emoji作成メーカー」12×12のグリッドで当時の風に作成するメーカー
-- 「emojiの変形」emojiを立方体から球体にすることでどこまで立方体から球体にするとemojiが成り立たなくなるかを体感してもらう。
-- 「emojiとフォント」emojiが色々なフォントにでも合うように設計されたが実際どのフォントによって印象が変わるかを確かめる。
-- 「emojiを3D」　3Dに見せることで2Dだけで表現できない新たな情報の伝え方を模索できる。
-- 「emojiのテクスチャ変える」「Emoji」のテクスチャを色々と変更することができる。
~


***🙃背景と目的
Emojiが今現代、海外で人気になりつつありニューヨークの近代美術館に(Moｍa)に収蔵されているのだが初めてEmojiを使い始めた我々、日本人が日本で作られてことすら知らない人が多い。そこでEmojiを使っている若者やそれ以外のおじさんと言われる年齢層の人たちに向けてより分かりやすく使い方を伝えたいと思ったのが背景です。
補足:使い方は特にないのですが、使いたいと思っているがどう使ってよいのか分からない人のためです。
この研究の目的はEmojiが日本で作成されたということを日本人に向けての認知拡大と、使いたいと思っているが使い方が分からない人のためにより分かりやすく伝えるということがこの研究の目的です。またEmojiでアメリカと日本でも使い方が異なっていたり、最近では薬物など取引にEmojiが使われていたりするのでそのような間違った使われ方を防止するためや引っかからないためにもこのサイトを作成しようと思ったのが目的です。
~

***😅コンセプト
Emojiの認知拡大と使い方をより分かりやすく伝える
~

***成果物の仕様
Webサイト
~

***制作ツール
HTML/CSS Three.js(WebGL) Javascript 
~


***まとめ
今後の流れ
- 日本にで生まれたEmojiについて感情と文字についてとても良い発明なのに意外と日本とことを知られていないのでそこを研究して多くの人に知ってもらいたい。
-今後、3Dで作成していたのですが、あまりにもやることが多かったので変更で2Dに変更していこうと思っております。デザインを作成してコーディングをしていこうと思っております。
https://d2lpypb6qpgozp.cloudfront.net/
~
~

~

**調査

***現状調査
[[pdfでまとめた>https://drive.google.com/file/d/1RiE0vMId4mLAgRixi-7r0iac1YXZ29ql/view?usp=sharing]]
~
[[tweetからemojiの収集した結果>https://docs.google.com/spreadsheets/d/1y5zrshii6ksrKyEDk_1_muGrvXKvZm4g88KfwRjvb3w/edit?usp=sharing]]
~
間違った使われ方がされている。
TwitterでEmojiが薬物の暗号にされている
🐘 : ケタミン
🧊：覚せい剤(メタンフェタミン)
🚲：コカイン
🌈：LSD
❌：MDMA
🥦：大麻
🍯：液体大麻
🍄：マジックマッシュルーム
~
***歴史
--歴史のこと(1995年NTTドコモ栗田氏)(82年カーネギーメロン大の掲示板)(フォールマン教授)
~
#image(https://asset.watch.impress.co.jp/img/ktw/docs/1036/520/01.jpg,,30%)
[[&color(#888888){&size(10){引用元：(栗田氏)ケータイwatch};};>https://k-tai.watch.impress.co.jp/img/ktw/docs/1036/520/html/01.jpg.html/]]
--メールのやりとりに苦労していると感じたから誤解を防ぐために開発された
--12×12のグリッドで感情を176個の「Emoji」を作成した
--漫画のひらめきの「電球」、緊張の「汗」
--著作権がないため競合他社が独自の「Emoji」を発表
--2010年文字コードの規格が発表されプラットフォーム間のやり取りがスムーズに
--人種や性格の多様性にも対応がはじまった。
--ジェンダーレスな「Emoji」
--顔文字は近代美術の仲間入り
-- 存在する数(2666)
--ニューヨーク近代美術館に近代美術に指定されている
#image(https://aws-tiqets-cdn.imgix.net/images/content/439d87ab220a4cbab16229a547117cdb.jpg,,30%)
[[&color(#888888){&size(10){引用元：tickets};};>https://www.tiqets.com/ja/the-museum-of-modern-art-moma-tickets-l145518/]]

-- 今までの祖先たち

***課題の発見
-- 「Emoji」は企業によって規格が違いそれぞれのプラットフォーム間の独自の「Emoji」が使われる
[[参考画像>https://cld.fashionsnap.com/image/upload/f_auto,q_auto,w_1088/asset/article/images/2021/06/emoji-210629-11.jpeg]]

-- よくわかない「Emoji」も存在する(特に数字と記号の部分は🈵とか)
-- 日本特有の「Emoji」(🙈🙉👺🍣🍙🎍)海外では通じない

***試作と理解度調査

-「Emoji」について色々試す

-10の「Emoji」
-- 自分で新しい「Emoji」リデザインする

-子供と「Emoji」

-デザインの体感
-- 「Emoji」を顔に当てはめてする
~

***先行事例
[[EmojiAll>https://www.emojiall.com/ja]]
[[Emojiについて研究者が真面目に議論したら、とても「熱い?」ものになった>https://wired.jp/2018/07/24/academic-emoji-conference/]]
[[WIRED/Emojiについての色々>https://wired.jp/tag/emoji/]]
[[各社のEmoji>https://emojipedia.org/]]
~

***技法・技術情報
[[福岡県立バーチャル美術館>https://virtualmuseum.fukuoka-kenbi.jp/]]
~
~

**プロジェクト管理


***スケジュール
[[スケジュール>https://decisive-rotate-643.notion.site/8e67f6beea1d44e3ada9545f73402930]]
7月　
6月　サイト作成
5月　中間の試作を作成
4月　情報収集　試作(出来そうな技術を10個ぐらい作成する)　
3月　%%テーマをなんとなく決める%%
~

***ToDo
fontを決める
多い

***NotToDo
家で作業をしない

~
~

#hr
CENTER:''進捗記録''
#hr
~

**2022.07.27
前期を主に情報収集とコンテンツの実装の試作を主にしました。
後期からは本制作をするとともにブラッシュアップをしていく。

***夏休みにすること
3Dのものが重たいので非同期処理を使い軽量化をしていく
~

**2022.07.22
絵文字の一覧を表示リポジトリ
[[emoji_list>https://github.com/gorirakuniro/emoji_list]]
~
**2022.07.15
|48|4|48|c
|#image(修正01.png)| |#image(修正02.png)|
トップページの3Dで表示する時に球体の縁にカクカクしたエラーのが出ておりそれを修正するのに2週間かかった。

  // new THREE.PerspectiveCamera(視野角, アスペクト比, near, far)
  const camera = new THREE.PerspectiveCamera(45, width / height, 1, 2000);
  // nearのところを0.0001→0.1に変更 
~

**2022.07.9
発表の審査で指摘をもらいサイトマップを作成
[[サイトマップ>https://www.figma.com/file/T6mHvHeQkR7IkKPNGCan5y/Emoji%E3%82%B5%E3%82%A4%E3%83%88%E3%83%9E%E3%83%83%E3%83%97?node-id=0%3A1]]

~

**2022.07.8
[[tweetからemojiの収集した結果>https://drive.google.com/file/d/1RiE0vMId4mLAgRixi-7r0iac1YXZ29ql/view?usp=sharing]]
~

サイトのデモ
https://d2lpypb6qpgozp.cloudfront.net

~
**2022.07.1
外国人と感覚の違うemoji
🇯🇵→(^ ^)   　🇺🇸→:) 
日本の顔文字は目が笑っているのに対し、
アメリカの絵文字は口が笑っているのです。
😪
🇯🇵→寝ている絵文字    🇺🇸→鼻ちょうちんが理解されず泣いている絵文字

🤧
🇯🇵→風邪をひいてなくても  　🇺🇸→使い方が分からないらしい
#image(https://cdn-ak.f.st-hatena.com/images/fotolife/s/serenita/20210118/20210118134110.jpg);

[[&color(#888888){&size(10){引用元：外国人と感覚が違うEmoji};};>https://serenita.hatenablog.com/entry/2021/01/19/093904]]
~
**2022.06.24
調査を行いました。
Emojiを使われ方についてどのように使っているかをtwitterで調べてまとめます
[[使われ方>https://docs.google.com/spreadsheets/d/1y5zrshii6ksrKyEDk_1_muGrvXKvZm4g88KfwRjvb3w/edit?usp=sharing]]
~
**2022.06.17
「今の感情は？」人の顔を読み取りそこに「Emoji」を当てはめるコンテンツ
[[Face api>https://www.webtips.dev/how-to-easily-add-emotion-detection-to-your-app-with-face-api-js]]
~

**2022.06.16
2Dから3Dにする
平行投影ー＞投資投影
参考
https://www.pluto.app/
~

**2022.06.07
間違った使われ方がされている。
TwitterでEmojiが薬物の暗号にされている
🐘 : ケタミン
🧊：覚せい剤(メタンフェタミン)
🚲：コカイン
🌈：LSD
❌：MDMA
🥦：大麻
🍯：液体大麻
🍄：マジックマッシュルーム
[[&color(#888888){&size(10){引用元：Yahoo知恵袋};};>https://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q13260002923]]
[[&color(#888888){&size(15){別記事};};>https://www.japanjournals.com/uk-today/10614-171129-1.html]]
~


**2022.06.04
サイトを公開しました。後でドメインも変更する予定です。
サーバー : AWS

Demo
https://d2lpypb6qpgozp.cloudfront.net
~

**2022.05.27
***中間発表で言われた問題点
-どんなものを作りたいのかを具体的に
--ミュージアム敵な感じ、Emojiのミュージアムぽくする
- 背景を見直し(この研究をして社会にどんな影響があるのか)
-- よりEmojiの発明が日本にとって、偉大であることを知ってもらう
~

**2022.05.20
#image(demo01.png);
現状の段階
blenderからモンキーをglb書き出しそれを円周上に配置をした。
[[現状のcode>https://github.com/gorirakuniro/emoji_three]]
~
**2022.05.12
絵文字を作成するのにモチーフになったのが漫画であり、その漫画の原点は「鳥獣戯画」であった。その鳥獣戯画は文字は書かれておらず顔などの表情などで猿やうさぎ、カエルを表現してあり文字のない表現方法は絵文字にも似ている！！と思った。

~
**2022.05.08

https://codesandbox.io/s/zxpv7
参考

https://chirpley.ai/
色

https://neondoorlit.com/
3Dアニメーション

https://garden-eight.com/
雰囲気

https://studyhall.design/
ローディングアニメーション
スクロールアニメーション

https://bdcdev.in/work/white-turtle/backups/210415/
Fontがいい

~
**2022.04.30
|30|30|40|c
|#image(https://asset.watch.impress.co.jp/img/ktw/docs/1026/989/01.png);|#image(https://asset.watch.impress.co.jp/img/ktw/docs/1026/989/02_s.png);||
[[&color(#888888){&size(10){引用元：ケータイWatch};};>https://k-tai.watch.impress.co.jp/docs/news/1026989.html]]
***MoMA美術館に近代美術として飾られている絵文字たち
2016年にロサンゼルスのニューヨーク近代美術館に収蔵されている「人々の生活を変えたデザイン」として、そして「文化」として認められた証らしい〜✊
-デザインで背景の部分をグレーのグリッドぽくするかもしれないなので参考に載せます


~
~
**2022.04.23
ロゴ作成
※後に修正します
#image(logo.jpg);
~
~

**2022.04.20
試作
スマホの押す強さによって絵文字の顔の大きさを変える試作
#youtube(uk-AoKZLg7I);
~
~

**2022.04.20
「絵文字」海外にうけた訳
日本は「表意文字」
-文字を見るとき目でみて内容を入れている
アメリカ「表音文字」
-文字を見て音で内容を理解している
例えば
「☂️を忘れた」という文章は漢字の「傘」に置き換わる日本人にとって何ら違和感のない文章になる。だが、表音文字を使う人は文字の中に別の体型の文字や絵が入ることはとても違和感「A」そのものにいみがなくあくまでも発音のために必要な文字であるためその文字列に意味がある「絵文字」が挿入されることはとても不自然なこと。
じゃあなぜ流行ったのか表意文字である絵文字は、表音文字の文化圏の人々が今まで触れたことのない概念ゆえに新鮮で面白く、日本より海外でより支持されるのではないだろうか、という仮説ある。
と書いてあった
-

~
~

**2022.04.15
***タイトル「Emoji Museum v1.0 😃」
--3Dを使った絵文字のWebサイト|
--「絵文字とは」主に絵文字についての情報を載せる
--「今の感情は？」人の顔を読み取りそこに絵文字を当てはめるコンテンツ
--「絵文字BOX」今の感情を絵文字として集めるコンテンツ
--「emoji作成メーカー」12×12のグリッドで当時の風に作成するメーカー
…もっと増やす予定です(最終的に3~5つに絞る)🤯

***調査
-歴史
--歴史のこと(1995年NTTドコモ栗田氏)(82年カーネギーメロン大の掲示板)(フォールマン教授)
~
#image(https://asset.watch.impress.co.jp/img/ktw/docs/1036/520/01.jpg,,30%)
[[&color(#888888){&size(10){引用元：(栗田氏)ケータイwatch};};>https://k-tai.watch.impress.co.jp/img/ktw/docs/1036/520/html/01.jpg.html/]]
--メールのやりとりに苦労していると感じたから誤解を防ぐために開発された
--12×12のグリッドで感情を176個の絵文字を作成した
--漫画のひらめきの「電球」、緊張の「汗」
--著作権がないため競合他社が独自の絵文字を発表
--2010年文字コードの規格が発表されプラットフォーム間のより取りがスムーズに
--人種や性格の多様性にも対応がはじまった。
--ジェンダーレスな絵文字
--顔文字は近代美術の仲間入り
-- 存在する数(2666)
--近代美術に指定されている
#image(https://aws-tiqets-cdn.imgix.net/images/content/439d87ab220a4cbab16229a547117cdb.jpg,,30%)
[[&color(#888888){&size(10){引用元：tickets};};>https://www.tiqets.com/ja/the-museum-of-modern-art-moma-tickets-l145518/]]

-- 今までの祖先たち

***課題の発見
-- 絵文字は企業によって規格が違いそれぞれのプラットフォーム間の独自の絵文字が使われる
[[参考画像>https://cld.fashionsnap.com/image/upload/f_auto,q_auto,w_1088/asset/article/images/2021/06/emoji-210629-11.jpeg]]

-- よくわかない絵文字も存在する(特に数字と記号の部分は🈵とか)
-- 日本特有の絵文字(🙈🙉👺🍣🍙🎍)海外では通じない

***試作と理解度調査

--絵文字について色々試す

--10の絵文字
-- 自分で新しい絵文字リデザインする

--子供と絵文字

--デザインの体感
-- 絵文字を顔に当てはめてする


~
~


**2022.04.12
***研究テーマ3案
-Emoji -感情と文字-
-創英角ポップ体 -ださい文字をよく見せるデザイン-
-日本文化の研究
~
***参考
|10|4|10|c
|#youtube(K4Fr7ZtcIt8)|||
~
~

~