「ascii.jp」を含む日記

■[あとで読む]2020年9月はてブのあとで読むトップ30リスト

はてブのホットエントリ(総合)で月内に数多く[あとで読む]タグを集めたエントリ

332あとで/2811users ASCII.jp：リスニング能力をひたすら鍛え上げられるサイト「ELLLO 」

327あとで/2962users 冷凍／解凍方法 一目瞭然チャート｜保存テクニック｜旭化成ホームプロダクツ

309あとで/1734users 2020年のエンジニア新人研修の講義資料を公開しました - Cybozu Inside Out | サイボウズエンジニアのブログ

251あとで/1485users 『ビジネスの仕組みがわかる 図解のつくりかた』全文公開｜図解総研｜note

246あとで/1926users 依存症啓発漫画 第１話 | 三森みさ 厚生労働省

245あとで/1191users ネットワークハッキング入門 - ニート向けソフトウェアエンジニアリング塾

205あとで/1110users 3〜4時間でAWSの監視系のサービス一気に学べたらコスパ良いと思いませんか | Developers.IO

200あとで/1239users 認知行動療法学ぶならYouTubeにある「認知行動療法の基礎と展開」(早稲田大学の講義全12回)オススメ - jacoby のブックマーク / はてなブックマーク

198あとで/1239users 決済システムを作るまえにこれだけは知っておこう - shiodaifuku.io

192あとで/1724users [PDF] 深夜勤務者のための食生活ブック ―健康をめざすコンビニ食の選び方― | 東京労災病院 治療就労両立支援センター

184あとで/2233users ケンタッキー初心者指南 | anond.hatelabo.jp

171あとで/886users AWS Lambdaの裏側をなるだけ詳しく解説してみる - Sweet Escape

165あとで/1034users 発達障害の僕が発見した「すぐやる人」と「なかなか着手できず破滅する人」を分ける思考のクセ | 発達障害サバイバルガイド | ダイヤモンド・オンライン

165あとで/958users SQL記述者全員が理解すべきSELECT文の実行順序のお話 - Qiita

152あとで/1763users 「プログラミング言語Go完全入門」の「完全」公開のお知らせ | メルカリエンジニアリング

151あとで/801users Dockerハンドブック | shimoエンジニアの中の人

149あとで/1016users 難解映画【TENET テネット】攻略-文系にもやさしい徹底解説・考察 ※ネタバレあり｜ISO｜note

146あとで/1299users 無思想はなぜヤバいのか｜小野ほりでい｜note

143あとで/1265users マンション光回線の配線方式のお話 - notokenの覚書

142あとで/626users ペパボの新卒研修で利用した資料を公開します - ペパボテックブログ

138あとで/775users 表示速度を飛躍的に向上させるHTML/CSS最新仕様「content-visibility」「Lazy loading」「contain」をコード付き簡単解説 - Yahoo! JAPAN Tech Blog

138あとで/1149users 医師が勧める「ネガティブな考え方を止める方法」　マイナス思考な作者が楽になれた実体験漫画に反響 - ねとらぼ

138あとで/1355users 「紙」に印刷すると間違いに気づく理由 | リコー経済社会研究所 | リコーグループ 企業・IR | リコー

137あとで/1123users 「100分de名著」100シリーズ記念対談　伊集院光さん　×　プロデューサーＡ：100分 de 名著 | NHK

133あとで/957users 【ネタバレあり】量子物理学者に｢映画『TENET テネット』がどうすさまじいのか｣を教えてもらった | ギズモード・ジャパン

129あとで/635users 不安とストレスから解放される見積りとスケジュール方法 | Zenn

127あとで/589users インターネットの本質から理解できるプロトコル「BGP」についてまとめた！ - Qiita

124あとで/758users 認知行動療法講義 | 熊野宏昭

121あとで/680users JavaScript学習ロードマップ - Qiita

120あとで/787users Python初学者のためのPandas100本ノック - Qiita

健康関連、特にメンタルヘルスケア関連のエントリーが目立った。

28番目にある「知行動療法講義 | 熊野宏昭」は8番目のjacoby氏が勧めていた講義。

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

ツイートシェア

■国産のモニタ作ってる会社のおすすめおしえて

2006/5/26発売の三菱電機のRDT1713S使ってる

MITSUBISHIでいっかって調べたら2013/12/5に個人向けディスプレイ事業を終了してた

(PC Watchの記事で振り返る三菱電機のディスプレイ https://pc.watch.impress.co.jp/docs/topic/feature/626649.html 2013/12/7 06:00)

微力ながら国内メーカーの売上+1に貢献したいので

おすすめあったら教えて下さい(調べててEIZO初めて知った)

東芝って個人向け作ってないのかな

今が17㌅1280x1024だからそれより大きくてUSB type-C一本で事足りて10万以下ならいいな

＞ASCII.jp：デル、USB-Type C接続の23.8型QHDディスプレー https://ascii.jp/elem/000/004/004/4004444/

スペックは自分で調べるのでひいきの会社名だけおしえろください

Permalink | 記事への反応(3) | 07:41

ツイートシェア

■[増田advent2019] 大容量ホットPETがぬるい

コンビニのホット用什器で販売されているペットボトル入り飲料。

お茶は500ml級の大容量、紅茶やミルクコーヒー類は350ml級の大容量のものが主流になった。

飲み終わる頃にはすっかりヌルくなってて嫌なんだけど。

ヌルくなった飲み残しを捨てるのも嫌だし。

買ってすぐの温かいうちに500mlや350mlを一気に飲みきったりしないし。

糖分入った紅茶やミルクコーヒー類は冷めると甘ったるく感じるのも嫌。

ASCII.jp：「伊右衛門」「リプトン」のあったか～い500mlペット登場　2015年09月09日

確かにこの容量はあまり見なかった

https://ascii.jp/elem/000/001/048/1048147/

「あったか～い」ペットボトル飲料、なんで500mlはあまり売ってない？ メーカーに聞いてみた - Jタウンネット 東京都

2016年10月18日

https://j-town.net/tokyo/column/allprefcolumn/233662.html

ざっとググると2015年～2016年頃はまだ珍しいものだったようだ。

それが2019年のコンビニ店頭ではメインストリームに。

大容量化するなら、最後まで温かく飲めるような工夫がほしい。

Permalink | 記事への反応(0) | 23:36

ツイートシェア

■複合現実感（MR）がわからない

ARをさらに発展させたのがMRという新しい技術だ。

AR技術を使った「ポケモンGO」では、ポケモンに近づくことはできない。しかしMRならカメラやセンサーを駆使することで、それぞれの位置情報などを細かく算出し、たとえばキャラクターの後ろ側に回り込んだり、近づいて自由な角度から見たり、目の前の空間にさまざまな情報を3Dで表示させ、そこにタッチし入力もできるようになる。現実世界と仮想世界をより密接に融合させ、バーチャルな世界をよりリアルに感じることができるのがMR（Mixed Reality）というわけだ。

ttps://time-space.kddi.com/ict-keywords/kaisetsu/20170316/

KDDIの説明。

もとから「後ろに回り込む」「自由な角度から見る」「タッチして入力する」などもARに含まれるのでは…？

ARはスマートフォンやタブレット端末などの機器を使って、CGを現実世界に映し出すことができる技術です。

（中略）

MRは専用のゴーグルを装着して、CGを現実世界に映し出すことができる技術です。

ttps://flets-w.com/user/point-otoku/knowledge/other/otherl42.html

NTTの説明。

デバイスだけの違いかよ！

MRとは「Mixed Reality」の略で、日本語では「複合現実」と訳されます。仮想世界を現実世界に重ね合わせて体験できる技術です。MRの場合、ARとは逆で、主体は仮想世界（デジタル空間）となります。現実世界の情報を、カメラなどを通して仮想世界に反映させることができるのです。仮想世界に現実世界の情報を固定できるため、同じMR空間にいる複数の人間が、同時にその情報を得たり、同じ体験をしたりすることができます。

ttps://www.elecom.co.jp/pickup/column/vr_column/00003/

ELECOMの説明。

「拡張仮想感」的な解釈？ → オーグメンテッドバーチャル - Wikipedia

では、経験の浅い重量機械工が、巨大なトラクターにすっぽりはまり、機械の問題で完全に途方にくれているところを想像してください。作業員たちは仕事ができず、何もせず座っています。現場監督たちは心配になっています。

ありがたいことに、機械工のスマート グラスは、仮想のヘルプ セッションを始めることができます。このセッションのおかげで、機械工は実際のトラクターの近くに VR で先輩機械工を呼び寄せ、一緒にトラブルシューティングをしながら、実際のマシン上での作業ができます。作業には AR によって、トルクの設計書などの詳細なメンテナンスに関するオンライン マニュアルにアクセスが可能です。

これが MR (Mixed Reality) です。

ttps://blogs.nvidia.co.jp/2018/06/05/whats-the-difference-between-vr-ar-and-mr-2/

NVIDIAの説明。

例示しかないので分かりづらいけど「VRとARを組み合わせたサービス」という意味？

誰も彼もぜんぜん違うことを言っています。

「MR」っていったい何なの！？

…では時間をさかのぼって当初の定義を確認しにいきましょう、

というわけで1999年（！）の記事を引っ張ってきます。

まず、田村氏がVRとMRの違いを解説。VRではコンピューター内に仮想世界を作り、何らかのアクションを起した結果、すなわち音や映像が、人間の通常感覚の許容範囲内で、リアルタイムに返ってくるようにしなくてはならない。しかし、これまでのVRでは映画などのように、仮想空間を制作した側が見せたいものを一方的に見せるだけだった。そうではなく、現実から仮想世界への働き掛けを可能にするもの、それがMRである。もともとはトロント大学のポール・ミルグラム氏の発案だという。

現実世界(リアルワールド)と仮想空間(サイバースペース)のうち、現実世界を基本として、これを電子データで補強することをAugmented Reality(AR)という。逆に仮想空間を基礎として、実世界のデータで補強するという考え方をAugmented Virtuality(AV)という。この両方を加えたものが、MR研が目指す“現実世界と仮想世界を継ぎ目なく融合する”MR技術なのである。

ttps://ascii.jp/elem/000/000/303/303853/

内容としてはNVIDIAの説明に近いでしょうか。

MRの提唱者は「トロント大学のポール・ミルグラム氏」で、

• リアルのみの「現実」
• リアルにヴァーチャルを重ねる「拡張現実」（AR）
• ヴァーチャルにリアルを重ねる「拡張仮想」（AV）
• ヴァーチャルのみの「仮想現実」（VR）

をシームレスなものとみなし、

それらを総合的に取り扱うのが「複合現実（MR）」、

というのが当初の定義だったようです。

うーん、個人的な印象だと戦犯はMicrosoft Hololensで、

宣伝文句として「これはARじゃなくてMR！」とか言いまくってたせいで、

「Hololensの特徴＝MRの特徴」という誤解が広まったんじゃないかと思いますね。

Permalink | 記事への反応(3) | 11:30

ツイートシェア

■ニコニコ動画(く)リリース失敗に寄せて

そういうわけなので今日は公開資料を中心にリリース失敗の技術的な要因を分析してみたいと思います。

Scalaにおける最適なDependency Injectionの方法を考察する 〜なぜドワンゴアカウントシステムの生産性は高いのか〜 - Qiita

ドワンゴアカウントシステムはScalaのコードだけで22万行を越え、ドワンゴ社内で最大のScalaリポジトリとして知られています。

ドワンゴのユーザーアカウント基盤は明らかに破綻しています。 10 年以上にわたり、ガラケー時代から今に至るまで多くの業務をコードに落としていくことは極めて難しい作業であったと思います。そうはいってもやってるうちに一回なんとか出来なかったのかとは思うわけです。やっている当人たちがテンションを上げているほどには開発効率が出ていない、むしろ足を引っ張っているという可能性はかなり高いと思います。

ニコニコ生放送におけるdockerの活用事例:dwango エンジニア ブロマガ:ドワンゴ研究開発チャンネル(ドワンゴエンジニア) - ニコニコチャンネル:生活

ニコニコ生放送(以下「生放送」)ではバックエンド・フロントエンドのサーバーを建てる環境として、2016年からDocker Swarmを採用し始めています。

Docker Swarm Mode については私も検証をしたことがあり、非常に優れた思想をもった将来性のあるプロダクトであると感じていました。個人的な検証はずっと続けています。まず swarm mode の何が優れているかと言えば、コマンド体系の分かりやすさです。開発者は何のストレスを感じることもなくクラスタを扱うことができます。さらに、サービスディスカバリ層を極めて扱いやすい形(サービス作ると公開することを指定したポートがクラスタ内の全マシンで公開されるので、あとはクラスタ全台に向けてロードバランシングするだけでいい事実上のゼロコンフィグレーション)で実装したことは素晴らしいと思います。しかし、残念ながらこの素晴らしい思想を持ったプロダクトは砂上の楼閣でした。その肝心なサービスディスカバリは安定しておらず信頼できません。またマスターがコケてそのままクラスタ全部が機能を停止するだとか、ノードが気づいたら行方不明だとかはざらです。こうした問題は 2016 年末から現在に至るまで残念ながらあまり改善されていません。

私は kubernetes が嫌いです。 Google 製品は開発者の UX を考慮しないからです。しかし、 2016 年においても、 2017 年の今においても彼のプロダクトが商用環境における事実上唯一の選択肢でした(ついでに言うならば docker service コマンドで kubernetes いじれるようになるので UX 問題も解決する)。正直、 2016 年から swarm mode を仕事で使おうとしたのは、深刻なソフトウェア検証能力の欠如を感じます。

http://gihyo.jp/dev/serial/01/dwango-engineersoul/0002 大量トラフィックを支えるインフラ～独自プロトコル,ファイルシステムの実装もいとわない!～

実は分散ファイルシステムも独自に開発しました。もともと既存のオープンソースのファイルシステムを使っていたのですが,それだと期待する性能が出ないことがわかり,独自に調査開発を進めることにしました。

現状は初期バージョンの開発完了にかなり近づいています。

こちらの記事を読んでいただければわかりますが、配信基盤の再構築を行うにあたって

1. OSS の分散ファイルシステムを使用するという目論見が失敗した
2. 自前の分散ファイルシステムは 9 カ月まえの時点で全く完成していない

ということが分かります。

なぜ彼らはパブリッククラウドや CDN を使わないのか？

触れない話: 事実上全然稼働しなかった CTO 、北の将軍様

パブリッククラウド、特に CDN を採用することは開発負担の軽減に多いに貢献するように考えられます。実際「 akamai 使えよ」みたいなこと言ってるユーザーは結構いるわけです。ではなぜ彼らがそうしないのか、その意思決定の理由をここでは探ってみます。

ASCII.jp：niconico(く)開発の遅れを謝罪

動画ストリーミングサービスとして遅れているというのは恥ずかしいことではありますが、ハードウェアや使っている回線の影響もありますので、どのサービスも最終的には同じになると思っています。その差をつけられることはこの先はなくなると思っています。

ようするに CDN 屋だろうが自前だろうが最終的に同じようなところに落ち着くだろうという予測を彼らは立てているということです。しかし現実問題として現在競合他社との差は大きく、新配信基盤のリリースの目途は立っていません(半年以上の遅れというのは通常そういうことでしょう)。ではなぜ彼らは最終的に差は無くなると予測するのか。私はこの点において彼らが空元気をふりまわしているとは思いません。

CDNのトラフィックエンジニアリング:CDNの現状とSDNの可能性

大規模配信 | 強烈な価格競争 原価割れ（総合的サービス提供で収支合わせ)

要するに CDN 各社は現在逆ザヤで出血を続けながら戦闘しており、 DDoS 対処を中心としたセキュリティサービスにより最終的な帳尻を合わせている状態です。自前で動画配信インフラを構築した経験のあるドワンゴは CDN 大流行の早い段階から「成立するビジネスではない」という見通しを立てていたであろうと思います。

ただしこの点において今後もビジネス環境、技術環境が現在のように推移するのかは、私にはよく分かりません(誰にも分かってないでしょう)。結局同じようなところに落ち着くならありもの使っとけよとは思わなくはない。

まとめ

まあもう無理でしょいろいろ

Permalink | 記事への反応(3) | 21:42

ツイートシェア

■Mastdonは流行らない

突然話題沸騰のMastdon（マストドン）に登録してみた。

あぁ、これは流行らないなと思った。

話題のもとになっている記事はこの二つかな

ポストTwitter？　急速に流行中「マストドン」とは - ITmedia NEWS

http://www.itmedia.co.jp/news/articles/1704/13/news131.html

ASCII.jp：Twitterのライバル？　実は、新しい「マストドン」（Mastodon）とは！｜遠藤諭のプログラミング＋日記

http://ascii.jp/elem/000/001/465/1465842/

記事をまとめると、Mastdonの特徴は次の4つに集約されると思う。

・ほぼTwitter

・オープンソースソフトウェア

・サーバーの分散化によるリスク回避（中央集権体制に対するアンチテーゼ）

・テーマごとにサーバーを変えることも出来る

いうなれば、Windowsに対するLinux郡の構図である。

だが、いまだかつてWindowsより流行ったLinuxなど存在しない。

人類の歴史は、中央集権→革命→群雄割拠→中央集権→革命を繰り返すことで進歩してきた。

Twitterという中央集権に対するアンチテーゼたるMastdon、ないしGNU Socialは「革命→群雄割拠」に当たる。

しかし、Mastdonに「革命→群雄割拠」を起こし、Twitterに取って代わる素晴らしい特徴があるかと言われれば無いだろう。

OSS化されただけのTwitterのクローンである以上、結局Windowsに取っては変わらないLinux同様、Twitterに勝つことは出来ないと思う。

また、群雄割拠の先には新たな中央集権体制があることも忘れてはいけない。

Windowsという中央集権のアンチテーゼであるLinuxは現状どうなったかと言えば、

ほぼUbuntuとAndroidに集約されたと行って過言でない。

UbuntuとAndroidは明確に用途が異なるから交わることはないけども、群雄割拠の末にたどり着いた中央集権の構図である。

同様に鯖とか研究用とか用途ごとにディストリビューションはあれどとりあえず集約されている。

Mastdonも、最終的にはLinux群と同様に集約されるだろう。

おそらく、".cloud"（＋".jp"）しか残らない。だってLinuxのディストリビューション以上に差がないもん。

集約された時点で、「サーバーの分散化によるリスク回避」という特徴が死ぬ。

じゃあどうすればいいのって話だけど、

サーバーの分散化によるリスク回避（現状）

＝鯖ごとにアカウント作る必要あり、鯖ごとに切り替えて投稿する必要あり

　→　.cloudへの集約による中央集権化

　　→　特徴が死ぬ

↓

サーバーの分散化によるリスク回避（未来？）

＝全鯖共通アカウント化、投稿は鯖(テーマ)ごとに切り替える

　→　Google+がサークル制で通った(爆死した)道

↓

サーバーの分散化によるリスク回避（さらに未来？？）

＝全鯖共通アカウント化、投稿も共有＝中央のあるp2p的な？

　→　面白そうだけど、なんかアレ感がある

つまり、

・ほぼTwitter　→　Twitterに勝てない

・オープンソースソフトウェア

・サーバーの分散化によるリスク回避（中央集権体制に対するアンチテーゼ）　→　意味がない

・テーマごとにサーバーを変えることも出来る　→　Google+の二の舞い

うーん…OSS大好きおじさん(老害)しか残らない未来しか見えないなぁ…

とりあえず誰かﾏｽﾀﾞﾄﾞﾝ鯖早く立てればいいんじゃないの

Permalink | 記事への反応(2) | 04:38

ツイートシェア

■[はてな統計]補足)はてなブックマークホットエントリ入りしたドメイン2013年〜2016年

http://anond.hatelabo.jp/20170220005414 の1年間隔のデータ。

はてなブックマークホットエントリ入りしたドメイン 2013年〜2016年

(※カッコ内は回数)

毎年3月の全ホットエントリを http://b.hatena.ne.jp/hotentry/20050215 から取得。タイルレイアウトで取得したので1日49件×31日で月間合計1519件弱のデータを基にしている。重複はuniqで取り除いてある。

Permalink | 記事への反応(0) | 19:02

ツイートシェア

■[はてな統計]補足)はてなブックマークホットエントリ入りしたドメイン2009年〜2012年

http://anond.hatelabo.jp/20170220005414 の1年間隔のデータ。

はてなブックマークホットエントリ入りしたドメイン 2009年〜2012年

(※カッコ内は回数)

毎年3月の全ホットエントリを http://b.hatena.ne.jp/hotentry/20050215 から取得。タイルレイアウトで取得したので1日49件×31日で月間合計1519件弱のデータを基にしている。重複はuniqで取り除いてある。

Permalink | 記事への反応(3) | 19:00

ツイートシェア

■[はてな統計]補足)はてなブックマークホットエントリ入りしたドメイン2005年〜2008年

http://anond.hatelabo.jp/20170220005414 の1年間隔のデータ。

前エントリの5年毎のデータじゃ思い出を振り返るには分解能が足りない気がしたので1年間隔で補足します。興味ない人にはスパムエントリ並にうざいのだろうから申し訳ないけど、その当時を見てたらただの数字の羅列には見えないのですよ。近々はてブシステムに大幅な改修が入るらしいから今やっとかないと来月も同じように見られるとは限らないしね。

はてなブックマークホットエントリ入りしたドメイン 2005年〜2008年

(※カッコ内は回数)

毎年3月の全ホットエントリを http://b.hatena.ne.jp/hotentry/20050215 から取得。タイルレイアウトで取得したので1日49件×31日で月間合計1519件弱のデータを基にしている。重複はuniqで取り除いてある。

Permalink | 記事への反応(3) | 18:56

ツイートシェア

■[はてな統計]はてなブックマーク・ホットエントリー入りしたドメイン 2005,2010,2015,2017

関連 http://anond.hatelabo.jp/20170219233955

(※カッコ内は回数)

Permalink | 記事への反応(12) | 00:54

ツイートシェア

■はてなブックマーク - ASCII.jp：丸亀製麺1000円飲み放題セットがコスパ最強｜寅年生まれ肉食ナベコの「なんでも食べてみる」

スーパードライをうまいと思うと味覚障害って判定されるってどんだけお前の味覚は偉いんだよっていう

もともとビール好きじゃない自分にとってはオリオンビールっぽくて飲みやすくて言うほど辛口でもないし、これなら飲んでもいいかなって思えるビールだったよ

酒飲み老害は滅びろ

Permalink | 記事への反応(0) | 13:56

ツイートシェア

■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. クリックすると指定の場所へ飛んでいく仕組み