「ascii.jp」を含む日記

■http://anond.hatelabo.jp/20161001121850 の追記

★2000/04　『彼女と彼女の猫』にてDoGA主催 第12回 CGアニメ コンテストのグランプリを獲得

www.doga.co.jp/ptdoga/contest/con12/html/12_11.htm

www2.odn.ne.jp/~ccs50140/colum2003.html

＞2000/04/23　受賞作品「彼女と彼女の猫」

★2000/05～　ファルコム退社（『ほしのこえ』を制作するため）

twitter.com/shinkaimakoto/status/647800736487600128

★2001/01-04～（？）　コミックス・ウェーブによるマネジメント開始（？）

bylines.news.yahoo.co.jp/sakaiosamu/20160926-00062558/

＞新海誠のマネジメントをぼくがやることになったんです。『ほしのこえ』を作っている最中

www2.odn.ne.jp/~ccs50140/colum2003.html

＞2000/12/17　「彼女と彼女の猫　MOVIES ＆ SOUNDTRACKS」を冬コミ（筆者注：C59）で売ります（DoGAで売っていただきます）

＞2001/04/01　猫のCD-ROM、ようやく再販を始めました。マンガズーさんのご協力で前回よりちょっとだけ豪華に

※販売協力がDoGAからMANGAZOOに切り替わってるので、この辺りに関係を持ったと推測。

※なおMANGAZOOもC59に参加している（www.comiket.co.jp/info-a/C59/C59kigyo.html）

★2001/06　『BITTER SWEET FOOLS』ムービー制作

www2.odn.ne.jp/~ccs50140/colum2003.html

＞2001/06/14　現在短いムービーを制作しています。鉛筆スケッチの手書き+3DCGというスタイル

★2001/08/31　『BITTER SWEET FOOLS』発売

www.minori.ph/lineup/index.html

www2.odn.ne.jp/~ccs50140/colum2003.html

ascii.jp/elem/000/000/325/325424/index-2.html

※ascii.jpの記事では原画の相田裕を始め脚本、音楽には触れているもののOPについては言及なし

dnarna-mirror.sakura.ne.jp/techle/2001/07/

dnarna-mirror.sakura.ne.jp/techle/2001/08/

dnarna-mirror.sakura.ne.jp/techle/2001/09/

※『Wind』のときはOPに言及したニュースサイトが『BSF』のOPには触れていない

★2002/01-02　『Wind -a breath of heart-』ムービー制作

www2.odn.ne.jp/~ccs50140/colum2003.html

＞2002/01/28　次の仕事の関係で、先日初めてプロの手によるホンモノの動画を手にしました～

＞2002/02/16　ちょっと仕事が詰まり気味でして、この土・日は以前の会社の後輩にお願いしてマシン持参で手伝いに来てもらいます～

＞2002/02/20　３日間こんちきさんにアシスタントに入ってもらい、何とか仕事の目処がついてきました～／今日はＳプロデューサー（筆者注：酒井伸和）がお見えになり～／今回の仕事（ムービーです）の結果は３月１日からご覧いただけるようですが～

★2002/02/02　『ほしのこえ』下北沢トリウッドにて公開

www2.odn.ne.jp/~ccs50140/colum2003.html

＞2002/02/03　トリウッドはお陰様で毎回満員、見に来てくださった方々とも直接のお話が出来、本当にありがとうございました！一晩のうちにこれほど沢山のメールをいただいたのもの初めて

web.archive.org/web/20020609191424/www.mangazoo.com/news/news.php3?id=889

dnarna-mirror.sakura.ne.jp/techle/2002/02/

★2002/03/01～　『Wind -a breath of heart-』のOPが『ほしのこえ』の上映会の最終日にあわせて下北沢トリウッドで先行公開、その後web上でも公開

web.archive.org/web/20020610084350/www.dengekionline.com/g-net/g-net_news/200203/02/gn20020302wind.htm

gamez.itmedia.co.jp/games/movie/wind/index.html

www.itmedia.co.jp/games/gsnews/0203/05/news07.html

当時のニュースサイトの反応

dnarna-mirror.sakura.ne.jp/techle/2002/03/

＞200203-042357　→　公開リンクの紹介

＞200203-061235　→　Windオープニング minoriがミラー協力者へ委託

＞200203-070015　→　Wind高画質版ミラーに5時間で5500アクセス

＞200203-072226　→　Windデモムービーのミラーによる転送量が5.5GB

＞200203-092338　→　ねこねこソフト Windムービー見て奮起

※『Wind』の発売は2002/04/19

新海さんが筆まめかつ過去の情報を残してくれるひとで良かったね！

あとInternet Archiveと俺ニュのミラーしてくれてるひともありがとう！

なお当時の状況を伝える個人ニュースサイトに俺ニュを選んだのはログが残ってたから。カトゆーかsawadaspecialあたりが残ってたらそっちも載せた。

Permalink | 記事への反応(1) | 07:18

ツイートシェア

■ASCII.jpが復活したらしいけど

公式コメに原因も経過も一切書いてない。こんなんでIT情報サイト名乗ってて恥ずかしくないの？

他社のサイトではアノニマスの攻撃ってことになってるけど、

ASCII.jpでは突然の通信障害ってことなっているし1週間も攻撃されてたわけ？

まあアスキーなんてとっくのむかしにオワコンだから別にどうでもいいんだけど

「皆様に喜んでいただけるメディアとなれるよう努力してまいります」っていうくらいなら

まずIT情報サイトらしい対応のお手本を見せてほしいとは思う。

Permalink | 記事への反応(1) | 11:59

ツイートシェア

■

なんでイルカ漁反対でASCII.jp攻撃したのかわからなかったけれど、テロリストが敢えて本件とは関係の薄い防衛の手が回ってない所でテロを起こすことで、次はどこで何を起こすのかわからないという不安を与えて要求を通そうとしている手口なのではと聞いて納得いった。

Permalink | 記事への反応(0) | 15:52

ツイートシェア

■ascii.jpがダウン

アノニマスに攻撃されたというツイートもあった。

https://twitter.com/ntsuji/status/656984405735403520

はてなで話題にもならないの？

Permalink | 記事への反応(0) | 12:15

ツイートシェア

■私は淫夢を憎んでいる

私は淫夢を憎んでいる。憎悪している。

我が愛するニコニコ動画を壊すからだ。衰退させるからだ。ついに滅亡せしめるからだ。

一般的な説明として「真夏の夜の淫夢」とは何であるかについて、ASCII.jpによる説明を引用する。

株式会社コートコーポレーションが2001年に発売したゲイ向けポルノビデオ

「BABYLON STAGE34 真夏の夜の淫夢 the IMP」に端を発する独特の動画群

本文での「淫夢」とはこのゲイ向けポルノビデオを元として改変した動画群を投稿し、再生し、コメントを付け楽しむユーザーの総称だ。

最近ニコニコ動画を利用したことがある人ならば、いや、近年では2ちゃんねるやそのまとめやtwitterやはてななど、

オープンなインターネットコミュニティを利用する人ならば、彼らの独特の言葉を一度は目にしたことがあるだろう。

淫夢は独特の言葉を使う。

「あのさぁ……」「関係ないだろ！いい加減にしろ！」「（迫真）」

淫夢は独特の定型文を共有し、頻繁にこれを使う。全く関係のない動画であろうと、

少しでもこの言葉を使えそうなタイミングがあれば大挙してこの書き込みを行い、

自分たちだけが分かる世界を展開し悦に入り、理解できないユーザーを混乱に陥れる。

この行動によって、初心者がニコニコ動画に参入することを大きく阻害する害悪となっている。

淫夢は非常に能動的だ。

淫夢は非常に活発で能動的であり、例えばニコニコ動画に新しく用意された玩具をいち早く見つけ、

それがどんなものであれ最大限利用しようとする。

今やニコニコ動画で最も能動的なコミュニティは淫夢であるため、ニコニコ動画が新しく何かを始めようとすると、

必ず淫夢の玩具になり初心者には使いにくいものとなるのは皮肉なことだ。

淫夢は動画を必要としない。

「ホモと学ぶシリーズ」という文化がある。

このシリーズは、まず退屈な製品の製造工程や、文化解説のビデオに「ホモと学ぶ〜」という目印になるタイトルを着けて無断転載を行う。

次にそのタイトルを目印に淫夢が集結し、思う存分前述の独特の言葉を付けて遊ぶというものだ。

その様子を見るに、動画の内容はほとんど関係がなく自らの定型文遊びだけが彼らの目的であり、

動画は動画として必要とされず、定型文遊びの媒介としてのみ使われる存在に成り下がっている。

このシリーズは典型的な例だが、概ね淫夢は本質的に動画を必要としていない。

そのため、高品質な動画を作ろうとするクリエイターと対立する存在であり、淫夢は今以上のニコニコ動画の発展を阻害している。

淫夢はコンテンツ文化を理解した上でそれを笑う。

BBという文化がある。BBとはブルーバックのことであり動画編集ソフトで切り抜き合成をしやすいように素材化された動画のことだ。

しかし淫夢におけるこのBBシリーズはおよそ素材としては使いにくい部分ばかりが投稿される。

しかもその使いにくい素材を使った動画が実際に作られていく。

彼らはニコニコ動画の特徴的な文化であるMAD文化や2次創作文化を理解した上で、

それをまともには取り合わず「素材として使いにくい素材を作る」「その使いにくい素材を使って実際に動画を作る」という一種無駄な努力を楽しみ、

その文化を上から見下ろした視点に立って笑う遊びをしている。

この例の他にも、概ね淫夢は色々なコンテンツや文化をよく理解しており、

その上にそれ自体を揶揄しパロディ化したコンテンツを生み出す傾向にある。

新しい楽しみ方を模索しているとも言えるが、この行動によって、コンテンツ文化はさらに複雑化し、理解されにくいものとなってしまう。

ようするに、淫夢というのはこういう存在だ。

独特の定型文による一体感を楽しみ、完成された動画を必要としない。

非常に活発に活動する。

提供された新しい玩具を最大限活かそうとする。

あらゆるコンテンツ文化を理解し、その上に成り立つ新しい楽しみ方を模索する。

そうだ。その通りだ。 知っている。私達は彼らを知っている。

私達は彼らが何者なのかを知っている。

独特の定型文による一体感を楽しみ、完成された動画を必要としない。

非常に活発に活動する。

提供された新しい玩具を最大限活かそうとする。

あらゆるコンテンツ文化を理解し、その上に成り立つ新しい楽しみ方を模索し続ける。

その通りだ。ニコニコ動画だ。

淫夢はニコニコ動画だ。淫夢は私の愛するニコニコ動画なのだ。

極めて純度の高いニコニコ動画は成れの果てに淫夢になる。

問題は、なぜ彼らは淫夢になってしまったのかだ。

実際のところ、淫夢は淫夢さえ必要としていない。淫夢が淫夢であるためには、淫夢が必要というわけではないのだ。

その証拠に、少し前、淫夢は淫夢ではなかった。少し前には、淫夢は淫夢ではなく、ビリー・へリントンであった。

問題は、なぜ彼らはビリー・へリントンをやめ淫夢になってしまったのかだ。

それは簡単だ。

ニコニコ動画がビリー・へリントンを認めたからだ。ビリー・へリントンをビリー・へリントンとして定義し、表舞台に上げたからだ。

なぜ彼らは表舞台に立ったビリーへリントンを見放したのか？

その理由こそが、彼らを彼らたらしめているものだ。

すでに小野ほりでいが喝破しているように、その心性とは「理解されることを嫌う」ということだ。

彼らは、理解されるぐらいならば消えたほうがましだと考えている。

それは、特別でいたいという気持ちと、馬鹿に自分を理解できるわけが無いという上から目線が同居した気持ちである。

ビリー・へリントンが表舞台に立ったとき、彼らは彼らがビリー・へリントンであるまま理解されずに済むことは難しいと考え、

その瞬間から彼らはビリー・へリントンをやめ淫夢になったのだ。

同時に重要なことはこの「理解されることを嫌う」心性が、既存の価値を否定し新しい価値を生み出しやすいニコニコ動画のアーキテクチャーと

容易にマッチしてしまうということだ。

彼らは理解されることを避けるために、新しい価値を生み出している。

そして理解されることを避けるならば、最初から理解されていないもの、理解される可能性が低いものを題材に選んだほうが効率が良い。

だからこそ彼らはセクシャルマイノリティや、政治的タブーなどアンタッチャブルな題材を選び、

理解を巧みに避けながら安全にニコニコ動画を楽しんでいる。淫夢はそのような彼らにとって、安息の地であり約束の地なのだ。

淫夢はニコニコ動画だ。

しかし、淫夢はニコニコ動画であっても、ニコニコ動画は淫夢であるわけではない。

ニコニコ動画がニコニコ動画であるかぎり、容易に淫夢的なものに支配されうることは確かだが、それは淫夢を淫夢たらしめている性質からしても、衰退の道に繋がることは明らかである。

新しい価値を生むことで理解を避けるニコニコ動画がある一方、新しい価値を生み、その上でその理解を渇望するニコニコ動画もあるはずだ。

我々はそういうニコニコ動画を知っている。

私は淫夢を憎んでいる。憎悪している。

彼らはニコニコ動画でありながら、ニコニコ動画を壊し、衰退させ、ついに滅亡せしめる存在だからだ。

ASCII.jp：ある意味とてもニコ動らしい淫夢動画の世界 (1/3)｜myrmecoleonの「グラフで見るニコニコ動画」

http://ascii.jp/elem/000/000/873/873619/

淫夢語録とは (インムゴロクとは) [単語記事] - ニコニコ大百科

http://dic.nicovideo.jp/a/%E6%B7%AB%E5%A4%A2%E8%AA%9E%E9%8C%B2

ニコる(淫夢)とは (ニコルとは) [単語記事] - ニコニコ大百科

http://dic.nicovideo.jp/a/%E3%83%8B%E3%82%B3%E3%82%8B(%E6%B7%AB%E5%A4%A2)

ホモと学ぶシリーズとは (ホモトマナブシリーズとは) [単語記事] - ニコニコ大百科

http://dic.nicovideo.jp/a/%E3%83%9B%E3%83%A2%E3%81%A8%E5%AD%A6%E3%81%B6%E3%82%B7%E3%83%AA%E3%83%BC%E3%82%BA

BB先輩シリーズとは (ブルーバックセンパイシリーズとは) [単語記事] - ニコニコ大百科

http://dic.nicovideo.jp/a/bb%E5%85%88%E8%BC%A9%E3%82%B7%E3%83%AA%E3%83%BC%E3%82%BA

Permalink | 記事への反応(7) | 19:23

ツイートシェア

■http://anond.hatelabo.jp/20141113115725

クックパッドは材料や調味料から検索できるのが便利なんよね。

冷蔵庫の中を見て、これとこれを使ったなにかができないかしら→クックパッドを検索→思っても見なかった味付けが見つかった

というパターンに今まで何度助けられてきたことか。

なにしろクックパッドはあの掲載レシピ数だから、スーパーで一般的に扱っている食材ならおよそどんな組み合わせでもたいていなにかレシピが出てくる。

それにクックパッドの検索はあいまい検索がよくできてる。「芋」「いも」「イモ」くらいの同一視はgoogleでもやってると思うけどクックパッドは対象が料理関係限定なぶんもう一歩踏み込んでる。うまい例を挙げられないのがつらいが、そこにふれた記事があったはず。

あったこれだ。

ASCII.jp：人気レシピを食べながらクックパッドのAWS導入の話を聞いた

http://ascii.jp/elem/000/000/929/929256/

料理や素材の検索で利用するデータベースも独自なものが多い。「じゃがいも」と「ポテト」を同義語として扱ったり、「塩」と「レモン」を分かち書きするのではなく「塩レモン」を単一の用語として認識させるような“秘伝の辞書”は、まさに同社のノウハウそのものだという。

Permalink | 記事への反応(0) | 00:14

ツイートシェア

■対数を使ってブックマーク数に別の指標をつける

ブックマーク数5の記事に新たに+100ブックマークされる場合と、ブックマーク数500の記事に新たに+100ブックマークされる場合とでは、同じ100増えたブックマークでも印象が違います。

同じ100ブックマーク増えただけに違いないのに、なぜでしょうか。

沢山ブックマークが付くとランキング等で後押しされ更にブックマークされやすくなります。

まっさらな+100ブックマークと、後押しされた比較して付きやすい+100ブックマークだから印象が違うのです。

そこで”印象”の部分に着目してて、ブックマーク数が多ければ多いほどブックマーク数の数の力を弱める、といった指標を作ります。

次の式を使います。対数、logです。

f(n) = round( log(n) / log(√(2)) )

n はブックマーク数、
例外として、f(1) = 1
round() は整数に四捨五入のこと

ブックマーク数が２のときに2、すなわち

f(2) = 2

になるように対数の底を√(2)にしています（”log(√(2))”で割る）。これは自分勝手な都合です。色々変えてもよいかもしれません。

数字の増減がわかりやすいようにブックマーク数が1~20までの結果を羅列します。

f(n)が増えるところだけ見ます。

桁が増えるくらいで f(n) が 7 増えます。

ブックマーク数が5以下のときは f(n) = n であり、

ブックマーク数が多ければ多いほど f(n) が増えにくくなっています。安易に対数を使うとこんな感じになります。

実例で見てみます。

2014年07月21日～07月27日の週間ランキング - はてなブックマーク

(表組み内で「|」文字を使う方法がわからないので、タイトルからはその文字だけ削除しています。)

ブックマーク数2283も1903も大体同じという印象にそって、同じ数値22を得ました。期待通りですが、ふうんて感じです。

100前後のブックマーク数サンプルがないので別のページを参照して同じことをやってみます。

2014年07月21日～07月27日の週間ランキング - おもしろ - はてなブックマーク

終始ふーんという印象が拭えませんでしたが、ブックマーク数を伏せた上でこの数値を被験者に利用してもらい、比較して対象の行動にどう変化が出るのか、というところまでやるのがよいようです。

このf(n)の各数値を別の言い方、ちょい、ちょいちょい、すごい、ちょいすご、かなりすごい、またはいくつかの星、勲章、色、濃度などを充てていくと、親しみやすいものになっていくと思います。少ないブックマーク数は無理せず、そのまま表示がわかりやすいかもしれません。

直接的な数字からの脱却というか、いっそはてな自体が被ブックマーク数を見えなくして、印象だけで見せるって風になったらどんな見られ方をしてどんな未来が待っているのかなあなんて思いました。しかしこれはある人にとってはちょっとしたディストピアでしょう。

Permalink | 記事への反応(0) | 17:57

ツイートシェア

■最近のSoftBank

いくらなんでもやりすぎだろ。

その①

・堺雅人を使って、半沢直樹風に消費者を煽る

堺雅人 × SoftBank × 半沢直樹　CM　全５Ver. - YouTube

ちゃんとした調査をしたことないのに「繋がりやすさNo1」。

その②

・価格.comの広告

価格.com - iPhone 5cとiPhone 5s 徹底解剖

このページ見た時点気づいたけど、これは明らかにSoftBankの「広告」だよね。

3キャリアの並び方で必ずSoftBankが先頭になってる。

で、調査の中身はもちろんSoftBankの圧勝。

あれ、ASCIIの記事ではauが一番だったんだが、、、

ASCII.jp：山手線全駅でテスト！　3キャリアのiPhone 5sで通信速度比較 (1/4)｜アスキースマホ総研

時間・場所によって結果も全然変わるだろうから、これだけで故意とは言えないけどさ。

こういうのをステマと言うのかは知らないけど、

この価格.comのページは明らかにSoftBankのiPhoneの「広告」だけど、建前上はそこを伏せておいて、

上のASCIIの記事みたいに、「中立の立場で調査しましたよ。その結果SoftBankが一番でした！」って閲覧者を誘導しようとしてるよなぁ。

①、②どっちもかなり問題ある内容に思うんだけど、全く問題になってないのはどうなの？？

こういう広告を監視する機関（JAROとか）は何をしているんだろう。

お前らはそのためにいるんじゃねえのかよ。金もらってダンマリなのかな。

あと、価格.comはこういうステマっぽい消費者を騙した広告が多いことに今回初めて気づいた。

Permalink | 記事への反応(0) | 00:22

ツイートシェア

■jQueryのテキストがはてブ集めてて嬉しい

さっきはてなブックマーク見たら、はてなブックマーク - jQuery最高の教科書｜株式会社シフトブレイン 著というのがはてブ集めてて嬉しかった。

最近はてなって、SEが少なくなったから、こういうテキストがはてブ集めると久々にはてな村に来たという気がしてテンションが上がるよね。

jQueryってのはid:blue1stが指摘しているとおりに、バージョンアップで使えなくなることが多くてゲンナリなんだけど（Ver.1.9で今まで使えた関数が削除されてゾッとした）、コツさえつかめばJavaScript使う上でこれほど便利なものはないんだよね。Webアプリ作ろうと思えばjQueryは避けて通れないんじゃないかな。

今までまとまった入門書がなかったから、たとえば、

ASCII.jp：40分で覚える！jQuery速習講座 (1/6)

とかで勉強したり、

7つのサンプルでjQueryを学ぼう！「jQueryが全く分からない人のため」の超初級者向け入門講座 | OZPAの表4

を見ながら後は自分で一つ一つ勉強していくのが一般的だった。

それが、今回のテキストではかなりまとまった決定版めいたものになっているんではないかと期待している。アプリを作るならば、覚えておいて損はない知識と思うんだよね。

いろいろなテキストがあるけれども、せっかくだからここで俺もいくつか基本書を薦めたいと思う。ブコメにあった

DLmarket / jQuery入門道場 [ダウンロード]

はもともと jQuery入門道場の記事を電子書籍化したもので、このサイトには確かに一番お世話になった。

他には、

Amazon.co.jp： jQueryで作る Ajaxアプリケーション: 沖林 正紀: 本が画面周りについて詳しくて、分かりやすかった。

読みやすさを求めるならば、やっぱり

Amazon.co.jp： Web制作の現場で使う jQueryデザイン入門 (WEB PROFESSIONAL): 西畑 一馬: 本だろうね。これがオススメなのは、HTMLとCSSの知識があればなんとか理解できるというところ。

ただ、慣れてくるともっと実践で使えるのが求められると思うから、そんな人には、

Amazon.co.jp： jQueryクックブック: jQuery Community Experts, 株式会社クイープ: 本だろう。

今回ブクマ集めてたこの本が、こういうjQueryのテキストの集大成だったら嬉しいなと思う。

Permalink | 記事への反応(1) | 02:10

ツイートシェア

■シュタゲ熱冷めない内に hukeファン煽って炎マかよ！ハム速さんよぉ！

hukeという初音ミクさんをパクったブラック★ロックシューターの作者が今度はダンボーをパクる

http://hamusoku.com/archives/6130168.html

上の記事にイライラっとしたので、思いの丈をぶつける

------------------------------------------------------

＜基礎知識?＞

下の短縮URLは Wikipediaにおける「ブラックロックシューター」についての記事へのリンク

http://p.tl/YR4x

以下は、上のリンク先の「概要」の記述の引用

＞元々はhukeが2007年12月26日にpixivや自身のブログにおいて発表していたキャラクターイラスト。

＞注目を集めるきっかけとなったのはsupercellのryoがこのキャラクターに着想を受けて

＞音声合成ソフト「初音ミク」を用いて曲を作り、hukeが映像を付けて2008年6月13日に

＞『初音ミクがオリジナルを歌ってくれたよ「ブラック★ロックシューター」』として

＞動画投稿サイトニコニコ動画で発表した動画である

以下は、ASCII.jpのブラックロックシューターについてのhuke氏へのインタビュー記事

『スランプに悩む自分を変えた「ブラック★ロックシューター」』(2009年8月28日)

http://ascii.jp/elem/000/000/449/449394/

---------------------------

＜思いの丈＞

そもそも初音ミクというキャラクター自体、強いストーリー性や性格付け等の

設定を持っているわけではない。

つまり一部の人々に「初音ミクのパクリ」と判断されるキャラクターが

存在するとすれば、その殆どは、初音ミクの外見的特徴との類似点を持っているに

過ぎないのではないか。

確かに、ブラックロックシューターは初音ミクに類似する点(と言っても髪型とスレンダー体型くらい)を

幾つか持っているように見える。ブラックロックシューターの発表が初音ミクの登場より時期的に

後であることから、ブラックロックシューターが「ミクのパクリ」と揶揄されるのもある程度は仕方ない。

しかし、ブラックロックシューターの持つキャラクターイメージは、ミクのそれと類似しているとは

考えにくい。それは、ミクではなくブラックロックシューター自体をメインに据えた

オリジナルのゲーム・アニメが作成され商業展開されていることからも伺える。

ブラックロックシューターに端を発するhuke氏は、確かに初音ミクの存在に大きく支えられた

部分もあるが、それだけに頼って現在の人気を得たとは言いがたい。

最近、複数の2chまとめブログ(ハム速・カナ速など)にて、「アンチhuke」的な

記事がまとめられている。huke氏のファン達の一部は、このようなアンチhuke的記事に対して

「huke氏の人気への嫉妬の表れ」という評価を下すことも少なくないようだ。

しかし、俺はその評価は誤りであると考える。

寧ろ、ハム速などのまとめブログの運営者達は、huke氏の人気を認めているに違いない。

ここ数ヶ月で、huke氏がキャラクターデザインを担当したシュタインズゲートの人気拡大に伴って

hukeファン数は大きく数を伸ばしたと推測する。

シュタインズゲート熱も醒めやらぬ今において、アンチhuke記事を公開すれば

所謂炎上マーケティングの真似事が可能であると俺は考える。

このような発想が、最近の2chまとめブログ管理人達の間で共有され

「アンチhuke」記事が増加したのではないか。

どうなのかしら

ニコ厨は煽りやすい

hukeファン層にはニコ厨が多いはず

シュタゲ流行ったね

じゃあ煽ってみるか～みたいな

// 追記

個人的にhuke氏とブラックロックシューターが好きなんだよね

初音ミクっていう存在を(結果的に)取り込んで人気を広げた上に

初音ミクという設定に縛られない作品展開を見せてるのはクールだなって思う

あと、ブラックロックシューターを観る時はいつだってミクさんの幻影がチラつくけど

なんかそういうのも含めてブラックロックシューターだなって感じ

完全パクリでも完全オリジナルでもない空気。なにこれよくわかんない

ハム速みたいな大手まとめブログがネガティブ方向に煽り立てることで

huke氏のモチベが下がってしまうことを俺は恐れてる

もっとブラックロックシューターみたいな、フワフワした存在を産み出して行って欲しい

Permalink | 記事への反応(2) | 02:10

ツイートシェア

■【Webサイト制作】独学素人がjQueryで、ドラクエ画面を作ってみた

こんなサイトを作ってみました

　オッス、オラ日曜ネット大工。

　１年に１回くらい趣味でwebサイトを作ったりする独学素人ノンプログラマーです。

　仕事はＩＴ系にかすりもしないけど、たまにサイトが作りたくなるんです。

　htmlもCSSも知識不足ですが、作成ソフトに頼ればなんとかなります。

　そんなレベルで無謀にも「JavaScriptも使いたいな」とか思ったりするわけですよ。

　で、たまに「簡単にわかるJavaScript入門」なんてサイトや記事がありますよね。

　ああいうのを書いてくださる人に、ちょっと言いたい。

　あの、独学素人ノンプログラマーの俺をなめてませんか？

　あなた方の想像を絶するほどに、俺のＩＴ系理解能力はゴミクズですよ！

　「簡単に分かる入門」にさえ入門できません助けて先生！

　と、鼻水をたらしながら泣き出すような底辺レベルのスキルしかないザコであります自分は。

　ですが、jQueryと出会い、見よう見まねと思いつきで作ったら、こんなんできました。

ドラゴンクエスト・ロトシリーズのストーリーまとめ

　jQueryってやつを使えば、ド素人にもこんなものが作れるんですね。

　超簡単で超便利！　作ってめっちゃ感動した！

　そんな感動を伝えるため、このサイトの中身を説明してみます。

　あと自分の個人的な超自己満足！　いやっほぅ！

　なお、素人なんで専門的な解説は他にお任せします。

　用語とかあんまり使わずに、中高生でも読めるレベルで語ります。

　（小学生はがんばれ！　めっちゃがんばれ！）

　web制作にくわしくない方にも「どうなってるのか？」って雰囲気は伝わるかと思います。

　技術はないけど、人とは違ったwebサイトを作りたいって方、jQueryマジオススメです！

　きちんと勉強されてる方からすれば失笑ものの内容かもしれませんが、ご容赦を。

　よくある「入門」すら難しく感じる自分のような方々に届けるつもりで書きます。

　くわしい方は、間違いなどがあれば温かくご指摘いただければ幸いです。

　あと、「知識不足の人間はこんな思考をしてるのか」という参考になればうれしいです。

　前置きが長くなりましたが、それではサイトで使用した４つのjQueryを説明します。

１・パッケージ画像が拡大されて表示されるとこ

　jQueryには「プラグイン」ってのがあります。

　プログラマーさんたちが作った高性能なjQueryのコードなんですが、このプラグインってのが超便利なんです。

　使い方は、すでに作られているコードをコピーして、ちょっとのアレンジするだけ！

　自分でゼロから作れなくてもＯＫなんです。

　昔、jQueryの知識がほぼゼロだったころ、このプラグインを知りました。

　で、俺も「カッコいいプラグインが使いてええ！」と考えて試しに使ってみたわけです。

　けどまあ、プロが作ったコードを、知識ほぼゼロで動かそうなんて甘すぎですよね。

　でも、あんまり深く考えずに、貼りつけて動かしてみたところ――

　あっけないほど簡単に動きました。

　それがサイト内の、パッケージ画像にマウスを合わせると大きくなる部分です。

　みなさま、マウスを合わせて動くか確かめてみてくださいませ。

　きれいな動きしてるだろ？　ほぼコピペなんだぜ、それ。

　プラグイン「Bubbleup」

　紹介記事１ マウスオーバーを気持ち良くするjQueryプラグイン「Bubbleup」 | Web活メモ帳

　紹介記事２ JavaScript + Ajax 実践サンプル集 - jQueryのbubbleupプラグインでアイコンを拡大する

　配布元（英語）BubbleUp jQuery Plugin to Spice Up Your Menu | AEXT.NET MAGAZINE

　ネット上にはこういうのがいっぱいあるんで、ぜひいろいろ眺めてくださいませ。

　とりあえず、プラグインのまとめサイトを置いておきますね。

jQuery 469 プラグイン：skuare.net

　こういうの眺めても、「どうせこんなの使えないし」と思えますよね。

　でも、「これがコピペで使えるのか！」と思えば楽しくなってきません？

　このプラグインってのを使いこなすには、htmlとCSSの知識が必要です。

　ですが逆に言えば、それと切り貼りアレンジだけで、高性能のjQueryが使えるわけです。最高ですぜ。

２・最初の消える画面

　プラグインを貼ってカッコよく動いたんで、

「やっぱ俺天才だな、自作も楽勝じゃね？」

　と考え、最初に作った自作のjQuery部分が、サイトの表紙です。

　世の中には、JavaScriptを有効にしていない人がいます。

　たとえば、決して私ではありませんが、エロサイトで出る変な広告表示をさけるため、それを切っている人もいます。

　で、頻繁にエロサイトに通いすぎて、切ったままなのを忘れて普段のサイトを巡ると、たまに表示がおかしくなる。

　あれは実に面倒らしいですね。噂で聞きました。

　で、そんな人のために「JavaScriptを有効にしてください」と書いた表紙をつけたわけです。

　ですが、jQueryはまだよく分かってなかったんで、「入門」のサイトを眺めてました。

　で、いくつか読んでみても、やっぱりすぐには分からん……。

　でもね、そういうとこには、「練習用サンプル」ってのがあるんですよね。

　練習台で「ボタンをクリックすると画像が非表示になる」みたいなのがあったんで――

　それをほぼコピペしました。ふひひ。

　みなさま、いかがでしょ？

　サイトのjQueryは、「画像をクリックすると画像が非表示になる」とアレンジしています。

　最初に現れる画像をクリックすると、画像が消えて下の画面が現れましたでしょうか？

（JavaScriptを切っていると動きませんのでご注意を）

　この表紙は１枚の大きなjpg画像で、それをクリックすると消えるようになってます。

　よく分からんまま見よう見まねで貼りつけて動かしただけなんですが、こ、こいつ、動きます！

　なんつーか、簡単すぎる。マジでjQueryに万歳三唱です。

＜自分が主に使った入門用サイトの紹介＞

　はじめてのjQuery

　・５分ほどのスライド。最初見たときは知識不足で理解不能だった。

　ASCII.jp：40分で覚える！jQuery速習講座

　・初心者の神・西畑一馬様の入門講座。jQueryの雰囲気が分かる！

　なお、「はじめてのjQuery」を見たのが、このドラクエサイトを作るきっかけでした。

　黒い画面に浮かぶスライドを見て、「ドラクエの画面っぽい」とひらめいたのです。

　いろんなjQueryのサイトを見てパクれる……いや、参考になるのを探すのは面白いかと思います。

　うちのサイトを見て、「懐かしのゲームブック風サイトを作りたい！」とかひらめいてください。

　個人的に楽しみたいので、ホントぜひどうか誰かひらめいてください！

　で、簡単に動くのを見て、jQueryのすごさを改めて思い知り、きちんと勉強しようと考えました。

　そこで助けられたのが、jQuery初心者の救世主「西畑一馬」さんの記事です。

　それを見ながらようやくjQueryの勉強を始めたのです。

　なお、本格的に勉強しようという人は、入門の「速習講座」より、

　ASCII.jp：Web制作の現場で使えるjQuery　UIデザイン入門

　という記事がオススメです。

　これも同じく西畑さんの記事なのですが、こちらは量が膨大にあります。

　速習講座では軽く流された部分も、一個ずつ丁寧に解説されています。

　本気でやる気に火がついた方にはこちらがオススメです。

　というか、西畑さんは本を書いてはるので、それを買いましょう（布教）。

　サイト作成ではホンマに助けていただきました……！

３・「すすむ」と「もどる」

　勉強しながら、コピペでなく試行錯誤で作ったのがこれです。

　ここは入門によく書かれる「アコーディオンパネル」をアレンジして作りました。

　アコーディオンのように開いたり閉じたりするアニメーションでの演出です。

　jQueryは、簡単にいろんなアニメーション効果がつきます。これが楽しんです。

　そこから３種類を紹介すると、

• ノーマルアニメーション：単純な表示or非表示の切り替え
• スライドアニメーション：隠れてたのが下におりて現れるor上に隠れて消える
• フェイドアニメーション：フェードインで表示orフェードアウトで非表示に

　どうですか？　なんかおもしろそうじゃないですか？

　自分のサイトの「すすむ」「もどる」で使っているのは、スライドアニメーションです。

＜「すすむ」の仕組み＞

　「すすむ」を押すと、表示部分が上に隠れて消え、次が表示されます。

　あんま気にしなくていいんですが、処理を細かく言うと、

1. 最初は一番目だけが表示部分
2. クリックで、表示部分の次の二番目も表示
3. 直後に一番目を上にスライドして消すことで、二番目がスライドして現れる

　という変な動きをしています。

　たぶんもっと簡単な処理ができると思うんですが、自力で考えてやるとこんな感じになりました。

＜「もどる」の仕組み＞

　こっちは簡単。

　クリックしたら、表示部分の前の部分がスライドして現れるだけです。

　正直この「すすむ」には苦戦しました……。

　けど、ちょっと苦戦して勉強するところがあるのもまたよいです。

　勉強したおかげで、jQueryの能力がちょっと見えました。

　htmlとかCSSとかからすると、jQueryはなんか信じられないくらい大量のことができます！

　たぶん、jQueryの元になってるJavaScriptがすごいんでしょうね。

　わずかに勉強して改めて、使いこなしているプログラマーのすごさを思い知りました。

４・「もくじ」とかの移動

　で、順調に進んでいたサイト作成の最後で壁になったのが、こいつです。

　この目次には、２つの仕組みがあります。

1. 「もくじ」にマウスを合わせると、ひょいっと選択画面が現れる仕組み
2. クリックすると指定の場所へ飛んでいく仕組み

　１つめの、「マウスを合わせたときの動作」は「hover」というものを使っています。

　hoverってのは、「マウスを合わせたとき」ってことです。

　なんか難しいのが出てきましたが、実はこれも入門講座の例をパ、参考にしました。

　上で挙げた、「はじめてのjQuery」に出てきた「hover」の使い方の例です。コピー万歳。

　でも、いきなり「hover」とか言われても意味が分からん人も多いですよね。

　なので、どんな感じで動いているか、「ふーん」とイメージだけ見ておいてください。

＜処理イメージ＞

1. 初期状態では選択画面を隠す
2. 「もくじを　hover（カーソルを合わせる）したとき」「選択画面を　表示させる」
3. （hoverじゃないときは、選択画面を隠す）

　ということをやっています。

　これは簡単な処理でした。まあ、ほぼ丸写しですし……。

　で、苦戦したのが、２番目の「クリックして移動」です。

（なお、パッケージ画像をクリックしたときも同じ移動を使っています）

　処理の内容としては、たとえば「ドラクエ１・１話」の項目に飛ぶ場合、

1. 「ドラクエ１・１話」の前の部分すべてをスライドさせて消す。
2. 「ドラクエ１・１話」の部分をスライドさせて出す。

　　（実際に見えるのは、２のスライドして出てくるところだけ）

　という処理です。

　が、なぜかここでエラーが。

　「ドラクエ１・１話」に飛んだ後、「すすむ」がうまく使えない……。

　まるで「次が存在しない」みたいに進まなくなってしまうんです。

　ぶっちゃけると、ここは今でも原因が分かりません。

　で、理屈が分からないから、思いつく方法を手当たり次第試してみました。

　その中で成功したのが、「次が存在しないなら存在させてしまえ」というものです。

　何を言っているか分からないと思いますが、大丈夫、俺も分かりません。

　いちおう処理としては、

　1・「ドラクエ１・１話」の前の部分すべてをスライドさせて消す。

　1.5・「ドラクエ１・１話」の後ろの部分すべてをスライドさせて出す。

　2・最後に「ドラクエ１・１話」の部分をスライドさせて出す。

　　（実際に見えるのは、２のスライドして出てくるところだけ）

　と、１．５を入れたものです。

　自分でもなんで成功したのかはよく分かりませんが、きちんと表示はされています。

　よく分からないなりにも動いてしまったのは、きっとjQueryのパワーだと勝手に納得しておきます。

（ここはきちんと知識のある人に見せるのが恥ずかしい内容ですね。変なコードですみません）

最後にお話ししたい、jQueryのすごいパワー

　つまるところもありましたが、以上がjQueryでの処理です。

　これで何とかサイトは完成しました！

　たまの休日に作成する趣味レベルのサイトとして、自分でもすごく満足です！

　で、このサイトを作って気づきました。

　jQueryは何がすごいかって、これ、めっちゃ楽しいんですよ。

　・プラグインをコピペするだけで見違えるように、サイトが動く。

　・ちょっと表現を覚えるだけで、表現にアニメーションが加わる。

　・さらに研究すればするほど、いろんなことができるようになる。

　今までJavaScriptとか、独学素人なんで、なかなか勉強する気が出ませんでした。

　勉強の大事さは分かるんですが、時間とか取れないです。

　しかも、「関数や引数がどうたらで、まずは足し算をアラート表示」とか、あまりやる気が出ません。

　でも、jQueryは勉強の成果がすぐにめっちゃ分かりやすく出ます。

　たぶん、自分にとって一番効果が大きかったのは、簡単さよりも便利さよりも、「やる気が出る」ってことでした。

　実は、いったん完成した後、付け加えた機能があります。

　それは「すすむ」の部分。

　「最後のページで『すすむ』をクリックすると、始めに戻る」という機能です。

　ここは、jQuery独自の機能を使ったわけではありません。

　JavaScriptの「if構文」を勉強して作りました。

　jQueryもJavaScriptの一種なんで、こういう構文が使えるんですよね。

　どんな感じの処理かを説明すると、

• もし、最後なら最初に戻る。
• それ以外なら、表示を次に進める

　という、単純なものです。

　単純だけど、初めてのJavaScriptの構文で、自分には大きな一歩です。

　今まで進むことができなかった、本当に大きな一歩を、自然と踏み出せていたのです。

　届けたいので、もう一度書きます。

　jQueryはめっちゃ楽しいです。

　めっちゃ楽しくて、やる気を引き出してくれるんです。

　今はまだ技術はないけど、魅力あるwebを作る力を身につけたい方、jQueryマジオススメです！

　自分も取れる時間は少ないなりに、楽しみながら少しずつ進歩していきたいと思います。

　このような長い文章をご覧いただき、誠にありがとうございました！

Permalink | 記事への反応(7) | 04:18

ツイートシェア

■[速達][特急料金][人月][受託開発][man-month][コード1行の価値]

ASCII.jp：「納品をなくせば」の倉貫CEOたちが語る新しいSIへの道 (1/2)

めりくるくるりん: 簡単に人月請求の矛盾を指摘する

どっちの契約でショー！「一括請負」vs「準委任」

Rails Hub情報局: 優秀なエンジニア5人は二流の1000人を完全に凌駕する

404 Blog Not Found:プログラマーって本当に労働者なのか?

例えば、「コード1行につき10円」という取り決めがあったとする。

そしてプログラムの中に要素数1000からなる配列を

初期化するルーチンが必要だったとする。

この場合、

my @a;

$a[0] = 1;

$a[2] = 1;

# ...

$a[999] = 1;

というコードを書けば

1万10円になるが、

my @a;

for (my $i = 0; $i < 0; $i++){

$a[$i] = 1;

}

と書けば一気に

40円に下落し、

my @a = map { 1 } (1..1000);

と書けばたった

10円になってしまう。

下に行けば行くほど優れたコードなのに、収入も減ってしまうのだ。

論理的思考の放棄 - 登 大遊＠筑波大学情報学類の SoftEther VPN 日記

システム業界の詐欺的行為2 - 小学校の算数もできない技術者？　--- 生島 勘富 : アゴラ - ライブドアブログ

404 Blog Not Found:博士の異常なアルゴリズム、または私は如何にして心配するのを止めて線形探索を愛するようになったか

アルゴリズムとは何か (研究者向けの解説)

見積りの根拠出してくれっていったら、金くれって言われたよ

Permalink | 記事への反応(2) | 15:37

ツイートシェア