Hatena::ブログ(Diary)

Web系がおもしろい。

2011-06-29

JavaScriptを擬人化したい!!

| 04:29 | JavaScriptを擬人化したい!! - Web系がおもしろい。 のブックマークコメント

色塗りましたっ


ということで、まずは

描いてみた

http://twitpic.com/5ijojf

  • けもっ娘なのは、BrendanさんがMozillaCTOだからそうした
  • 髪飾りが$なのは、jQueryと記号JSの影響
  • カチューシャは自分の好み
  • もともと魔法少女にしたいという願望があった
    • 僕の発想が足らんかった…
  • 幼く描いたつもりができたら割とそうでもなかった
    • 服装のせい?
  • 今の季節柄、長袖描きたくなかった
    • だぼだぼの服を着せるという発想は一応あった
  • 靴は考え中
    • ブーツが好みだけど年齢が上がりそう
  • 色も考え中

というか順番が違うだろって話ですよね…

まずは設定とかだよね。。


調べた


JS historyはすごくすごく面白いので、ぜひ。


外見考察

  • JS -> 女子小学生 -> 幼女
    • いま描いてるやつはJCじゃね?というツッコミが
    • 歴史から鑑みると、不遇の時期があったということでお姉さん設定、もしくはロリババァ設定も悪くはない
    • 「不遇の時期」を圧縮して考えると、キャラ絵に反映させなければならないほどのものでもない?
  • 髪留めが$なのは個人的に譲れない
  • けもっ娘について
    • これはふぉくす娘とちょっとかぶるので考えもの。その辺分けないとキャラ立たないし、Mozilla寄りになりすぎる。
    • 標準化が進んでるのでグローバルにいきたい
  • 服装
    • 魔法少女にしたかった理由は、JSの特徴であるちょっと変わった文法が面白くて、慣れなければ引っかかることがあるものの、慣れると短くかけて分かりやすい、魔法のようなものだと感じたため
    • 僕がJS好きなのも文法周りが面白いから。
    • ただごちゃごちゃさせすぎると描きにくいのである程度でセーブはしたい

キャラ設定

  • 元々LiveScriptという名前で呼ばれていたことがあった。
    • あだ名としてはいいかも
  • JavaScriptのうち文法周りの仕様はECMAScriptとして策定されている。JavaScriptの方言という形
    • 姉妹という関係に似てるかな
  • 方言としてActionScriptもある
    • ActionScriptはES4なのに対し、現行のJavaScriptは基本ES3.1。ということでActionScriptの方が姉に当たるかなと時間の流れ的に考えて、どうみても妹でしたっ…!。(文法的にもpackageとかclassとかあってリッチ)
    • 二人はあまり仲が良くない。というのも、友達のダグラスくんが姉のActionScriptdisって妹の肩を持つので、妹としては姉に甘えたいんだけど、姉がそのことで怒っちゃってあまりかかわりあえない状態
      • ダグラスさん変な引き合いに出してごめんなさい
  • 姉のActionScriptは割とヘマをする。(ActionScriptが、というかAdobeが、だけど)主にセキュリティ的な面で。Gumblarの件とか
  • 不遇の時を経た
    • 小さいころよく細かいことでいじめられていた
    • JavaScript?あぁ、あのマウスに画像がくっついてくるようにできるやつだろ?ウザいよねアレ」
    • Googleによってその誤解が解け始めた
    • でもJavaScriptはそれがGoogleからの恋であることに気づいてはいない
    • Googleさん、笑顔を振りまくJavaScript片想い☆ドッキュン

ちょっと書きなぐった感。今日はここまで。



追記

検索でみつけた

データ型の動的型と静的型で性格設定して欲しい。JavaたんとJavaScriptたんは見た目がそっくり!なのにJavaたんは何事にも几帳面で、JavaScriptたんはルーズ。とかそういう同人誌早く出せよいや出して下さいTwitter / @Molokheiya: データ型の動的型と静的型で性格設定して欲しい。Jav ...

JavaJavaScriptは個人的にあんまり比較対象にならないかなとか思うんですが、活発系いいですね!かわいいですね!!

b0a0ab0a0a 2011/06/30 19:54 歴史的にはJSが姉かと
それにActionScript3はAdobeが先走ってES4を実装したものですが
結局ES4は最終的には実質潰れちゃって、JavaScriptが間もなく採用予定のES5をさっさと策定することになっちゃいました

詳しく書くと、

姉妹(JSとAS)はお見合い先の家を紹介されました
無鉄砲な妹(AS)は姉(JS)に負けまいと急いで一見良さそうな次男(ES4)と付き合いましたが、実は次男(ES4)はかなりのくせもな男でした
対する姉(JS)は落ち着いて良く考えて次男(ES4)は見送り長男(ES5)と付き合いました、長男(ES5)は無難にいい男でした

ASが付き合ったES4は頼りがいはあるかもしれないけど面倒でくせものな男です
この男のおかげで彼女の中で今まで満たされてなかった部分が一部満たされる(JAVA系プログラマ大喜び)ようにはなりましたが
概ね軽い性格(WEB環境)の彼女には非常に疲れる相手でした
以前の彼氏(AS1,2)をまだたぶらかせたままだったので、そちらの彼氏と良く付き合うことで何とか元気(クリエイターからの支持)を保てました

JSは以前の彼氏が素直に良くなった感じのES5と付き合いますし、周りのいろんな人(ブラウザやWin8)が応援してくれて、いい物品(API,HTML5)を恵んでくれるのでますます元気になることは間違いないでしょう

って感じですかね

esperiaesperia 2011/06/30 23:51 むおお、すごいw

> 歴史的にはJSが姉かと
これは確かにそうですね!
女子小学生というあたりは字面だけなので気にしないほうがキャラ設定は通りやすそうです。

JS historyのスライド見る限りだと、ES4の仕様を止めたのはダグラスさんなので、b0a0aさんのシナリオだとAS妹の暴走を止めたダグラスさんマジイケメンですね!(AS妹はそれが嬉しかったかと言われると違う気がしますが)


ただ、アニメ/マンガ界隈で「彼氏持ち」はなにかとポイント下がるんじゃないかと思ってます…!(女性向けならそこからいろいろと膨らませやすいのでいいと思うんですが)

あと、今回の対象はJSなので、歴史にある程度則っておけば、他の絵師さん(プロトタイプ系言語擬人化期待!)が合わせてくれそうな気はしますw

2011-04-01

くぎゅううううううううう

| 14:10 | くぎゅううううううううう - Web系がおもしろい。 のブックマークコメント

昨日作ったてツイートしたんですが、";"を忘れて動かないもの投稿しちゃってました(´;ω;`)

var b=document.body,x,i;b.innerHTML=b.innerHTML.replace(/[^\00-\x7E]+/g, function(r){i=2;x='くぎゅ';while(i++<r.length)x+='う';return x})void 0

esperia09のついーとより


ということで一文字追加してはてなに投稿してきた!



くぎゅうううううううううううううううううううううううう

2010-06-27

.csvファイルを読み込んで、ブラウザ上で表示する

| 17:46 | .csvファイルを読み込んで、ブラウザ上で表示する - Web系がおもしろい。 のブックマークコメント

また小ネタ更新みたいな。

mixiアプリ「サンシャイン牧場」のwikiを見てたら、経験値の効率とかを載っけてる人がいて、それをCSV形式でダウンロードできたので、日記のネタにしてみました。


何これ?

Excel とか OpenOffice.org とか使えばできる、「CSVファイルを読み込んで表示するだけの簡単なお仕事」をわざわざブラウザ上でやるものです。

なんという車輪職人。(車輪の再発明的な意味で)


以下に置いてます

ソース貼り付けると長ったらしくなるので。。

ローカル環境でも使えます。HTMLファイルを保存してお使いください。

ついでにIE6でも使えます。見栄えは少し劣化します。

http://esperia.kitunebi.com/javascript/csvViewer.html


使い方

ソースの上の方に、

var csvFilePath = "100626_sunshine.csv";

っていう場所があるので、そこにCSVファイルのパスを書いてやってくださいませ。。


参考サイト様

最速インターフェース研究会 :: IEでXMLHttpRequestを使えるようにする

no title ←CSVファイル元。


思ったこととか

本来は、XPCOMとかWSHとか使ったりして編集可能にすると面白いのかもしれませんが、僕の脳みそが足りませんです。。

sxsx 2013/05/04 02:38 リンク切れを起こしている為対象をダウンロードすることができません・・・

2010-05-08

mixiに、Twitterのタイムラインを表示するグリモン作った

| 13:33 | mixiに、Twitterのタイムラインを表示するグリモン作った - Web系がおもしろい。 のブックマークコメント

mixiに追加機能みたいなのつけてみたかったんです(´・ω・`)

あと、ちょっとグリモンの関数も使ってみたかったので。


これは?

mixiの右カラムに自分の監視したいツイートを設置するプログラムです。


使用方法

動作条件
  • Firefoxを使っている
  • Greasemonkeyアドオンがインストールされている

…ということが前提です。


インストール

以下をクリックします。

http://esperia.kitunebi.com/javascript/

リストの中から mixi_twitparts.user.js をクリック。


mixiTOPページにアクセスします

http://mixi.jp/


TwitterIDを入力します

TwitterIDを聞かれるので、閲覧したいタイムラインのTwitterIDを入力してください。


キター!

f:id:esperia:20100508131946p:image


閲覧タイムラインの変更

タイトル(○○のツイート の部分)をクリックすると確認ウィンドウが表示された上で、現在閲覧中のタイムラインのTwitterIDを削除することが出来ます。

削除した上でブラウザの更新ボタンをクリックすると、再度TwitterIDを設定することが出来ます。


今回使ったやつ

  • GM_xmlhttpRequest()
  • GM_setValue()
  • GM_getValue()
  • GM_deleteValue()

GM_xmlhttpRequest()っていうのが、以前os0xさんが教えてくださったFast lookup JP and EN でも使われてる「クロスドメイン制約を超えられるAPI」なんですねー。

prototype.js の Ajax.Requestと似てる感じでとても使い易いです。


追記:動作条件を追加しました。


追記2:GM_addStyle()

id:rikubaさんからはてブコメを頂きました!ありがとうございます!

どうせならGM_addStyleも。

GM addStyle - GreaseSpot Wiki

おぉ、知りませんでした><

head 内に createElement("style") した要素を入れたりする処理を書かなくても、GM_addStyle()を使うとその処理を書く手間を省けるようです。

ということで、簡単にですが GM_addStyle() を使う形に少し修正してみました。以前のスクリプトはコメント化してあります。

2010-04-10

久しぶりに絵を描いたんですが

| 05:45 | 久しぶりに絵を描いたんですが - Web系がおもしろい。 のブックマークコメント

喋らせる言葉が思いつかないので他の人に考えてもらおうと思いました!!


ななみさんと、えすぺりあさん

窓辺ななみさんが描きたかったのです!色つけてないけど。。

f:id:esperia:20100411054240p:image


↓にアクセスして、喋らせたいことをかきます

http://esperia.kitunebi.com/javascript/?q=speak.html


オリジナルおしゃべり

の欄をコピーして掲示板とかに貼り付けると、言葉喋らせることができます!

http://esperia.kitunebi.com/javascript/speak.html?esperia=%E3%82%A4%E3%83%BC%E3%82%B8%E3%83%BC%E3%83%A2%E3%83%BC%E3%83%89%E3%81%8C%E8%A8%B1%E3%81%95%E3%82%8C%E3%82%8B%E3%81%AE%E3%81%AF%E3%80%81%E5%B0%8F%E5%AD%A6%E7%94%9F%E3%81%BE%E3%81%A7%E3%81%A0%E3%82%88%E3%81%AD%E3%83%BC%EF%BC%81&nanami=%E3%81%88%E3%83%BC%E3%81%BE%E3%81%98%E3%83%BC%EF%BC%9F%E3%82%A4%E3%83%BC%E3%82%B8%E3%83%BC%E3%83%A2%E3%83%BC%E3%83%89%EF%BC%9F%E3%82%AD%E3%83%A2%E3%83%BC%E3%82%A4%EF%BC%81%EF%BC%81