「Jpg」を含む日記 RSS

はてなキーワード: Jpgとは

2013-07-12

まっつねの欺瞞と作画ブログ終焉

まっつねのアニメとか作画とかが、つい最近ブログ内で歴代最高のブクマ数を叩きだした。

それがこの記事だ

あいうらのOPはなぜ蟹なのか - まっつねのアニメとか作画とか

133user(2013年7月の時点)


あのさぁ・・・・・・・・・(怒)

久々に絶望感を味わった

こんなクソ記事で100ユーザー出る事実にも苛立ちを覚えた

一昔前(2003年2007年辺り)は真の意味作画的に見所のあるアニメ奇跡のように連発し、それに伴ってアニメ作画考察啓蒙目的としたブログが数多く乱立した。(以下、作画ブログとす)

その代表格が「あんていなふあんていダイアリー」や「電源を入れてください~都市ノォト~ 」とかだ

今はどちらも更新停止状態だが、自分は今でも作画ブログといえばこれらを真っ先に思い出す

作画ブログの乱立は、この時期のアクエリオン第19話やSAMURAI7第7話などを発端とする、ネット上における「作画崩壊厨」とか「萌え豚」とか言われる無知を盾にした傍若無人な連中のアニ

メーター叩きに対してのカウンター意味合いも多く含まれていたはずだ。

(電源を入れてください~都市ノォト~ 森久司&奥野浩行コンビに対する,ちゃねらーの容赦ない反応)

そしてどうしても忘れてはならないのがkanose村長の「ARTIFACT-人工事実-」

別にそこは作画ブログではないのだが、松本憲生作画で今でこそ有名なNARUTO第30話をリアルタイムで真っ先に紹介していた( 『NARUTO −ナルト−』第30話「蘇れ写輪眼! 必殺・火遁龍火の術!」 : ARTIFACT ―人工事実―

これが作画ブログの始祖とも言える内容。キャプ画でアニメを紹介する文化は既に根付いていたが、作画オタ的な啓蒙記事でここまでやったのは初めてだったと思う

アクションカット特にインパクトのある画を並べさらgifアニメで動いている所を見せ、キャプションまでつける。

それまでもネット上での作画オタの作画語りは多数存在した。「沓名設備の「作画オタク日記」などがそれだが、完全文字ベースであり、内容も備忘録のようなものなので、一般的なオタが読んだ所で何も感じはしないだろう。(※1)

ところがどうだkanose氏のこの記事は。これほどまで広く解りやす作画凄さが伝わる方法は、作画ブログ乱立時代に多くの所で真似され、作画記事のフォーマットとなった。

kanose氏のこの記事でNARUTOもの凄い作画の回がある事を知った人間想像以上に数多いのではないか?色んな意味ブレイクスルーとなった記事だった。

作画ブログではない、とは言ったものの当時のkanose氏はかなり作画オタ寄りであり、他にも作画啓蒙記事を多く書いたし、こういう今でもダメ作画オタがよく繰り出すジョークもすでに

やっていた→ アニメスタッフに多い名前 : ARTIFACT ―人工事実―

その後、2chの「作画を語るスレから作画MADが生まれ、作画@wiki設立され、一大作画ブームが巻き起こった頃にkanose氏はこんな記事を書いた。

今時の作画オタク - ARTIFACT@ハテナ系

まったくもって耳が痛い内容である大勢作画オタクを生み出した記事を書いた人間にこう言われてはぐうの音も出ない。作画ブームはこの辺りがピークとなり、あとは徐々に下降線をたど

っていった。

で、そんな作画ブームの収束期に始まったのが「まっつねのアニメとか作画とか」だ。

作画ブログとしてはかなり後手だしあんていなふあんていダイアリーや水池屋無呂具堂とか流星、夜を切り裂いて ~FLY HIGH~とかに比べたら考察データベースとしても劣る内容だ。だ

別にまっつね氏が作画ニワカとは思わないしひと通りの知識は備わってる人だとはわかってる。何よりほとんどの作画ブログ更新停止状態にある中で今日まで継続してコンスタントに記

事を書き続けている貴重な存在として一定リスペクトは持っていた。そして徐々に閲覧者が増えてきたのか、平均でも20~30ブクマはつくようになっていった。

だがそれに比例して、何となくだが(特に今年入ってから)妙にある方向性恣意的に書き立てるようになっていった印象がある。身も蓋もない言い方をすると"バカを釣る"ような記事をよく

書くようになってきた。アニメについて良く知ってもいないような連中のか細い知識欲を刺激して注目を浴びるような、karimikarimiとかがよく使う手をまっつね氏も使うようになって来た。

そしてつい先月、まっつね氏のブログ史上最高のブクマ数を叩きだした記事が前述のこれだ。

あいうらのOPはなぜ蟹なのか - まっつねのアニメとか作画とか

133user(2013年7月の時点)



あのさぁ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・(怒)

はっきりとした絶望を感じたよね、まさかこんなくだらない記事が「まっつねのアニメとか作画とか」の最高ブクマ数なんてさ

ちょっと前にも大匙屋さんがこの記事を書いて(あずまんが大王 第04話のプール表現。と、その先 - 大匙屋)、ブクマ数500以上の超大台

を叩きだして、まだまだ作画系記事はイケるぞと思い込んでいた。この記事は岸田隆宏という実に捻くれた作オタ好みのリトルメジャー的人選を題材にして、(※2)ここまでの注目度を浴びた

のだから、人々(ニワカ)に作画の素晴らしさや尊さを伝える記事は全然廃れちゃなんかいないと実感した。のだけど、今にして思えば大きな勘違いで、この記事に注目してる奴等は岸田隆宏

に注目したわけじゃなくて寒天プール云々のエセ薀蓄のほうに食いついたわけで、これも"バカを釣る"要素が含まれてだったのかと。個人的意見を言わせてもらうとアニメバブルによる疲労と

寒天プールの台頭は特に関連性は特に無いと思うし、アニメーター作画技術に絡める話題でも無い気がする。作画云々で言ったらし寒天よりも水しぶきの塊が空中で雑に消滅する方がよっぽ

ど気になるし、しかしそれを言ったら今も昔も凄いのは凄いしショボいのはショボいという事でいいと思うが、そんな事よりも岸田隆宏という途方も無い能力を持った"アニメーター"を知らし

めてくれた事の方に感謝の念を覚えたので寒天云々の是非についてはどうでもいいやとすら思ったのです。でもやっぱこの記事に注目してた連中は寒天がどーたらの部分を見てたのだろうし、

画像スライダーの物珍しさしか見てない奴も多かっただろう。500ユーザーのうち何割が岸田隆宏名前を覚えてくれたのやら、半数以上はもう忘れちゃってる頃じゃねーかな。


結論としては、

作画ブログはとっくに終わってました。作画オタク時代も来ません。いくらアニメーター作画啓蒙したって無駄です。そこにいるのはバカしかいません。



(※1)

「沓名設備」は現在アニメーターである沓名健一作画@wiki - 沓名健一)のHP。ここのBBSネット上の作画マニアの溜まり場の元祖であり、そこにはNARUTO以前から松本憲生の熱心な追っかけみたいな人がいた。

その人物、HN中古マニア氏が2002年までの松本憲生仕事を網羅したリストを作り、その上に注釈や見所などのコメントを付けた資料的価値のもの凄い投稿をしていた。作画@wikiが生まれる約5年前だ。

まりに凄いのでログから該当箇所をjpgにして置いておく。これは見てほしい。アニメ様こと小黒祐一郎も驚嘆のレスしているのもポイントだ。

http://dl1.getuploader.com/g/butagoya/13/noriomania.jpg

(※2)

まどかマギカとかでもう有名だろーがという声も聞こえてきそうだが、あんなん岸田隆宏の魅力を語る上では100分の1以下も伝わらないような作品だ。総作監谷口淳一郎のほうがまどマギ

代表作と呼ぶに相応しい。

2013-03-29

http://anond.hatelabo.jp/20130327234710

600万画素写真1枚を受信するとしよう。ファイルサイズは約3MB、およそ24,000パケットだ。パケット定額パケット代は1パケット0.0525円。これを計算すると、この写真1枚の通信料は1,260円になる。

仮に受信側が4インチRetinaだとして
1,136*640ピクセルあれば全画面表示できる。約72万ドット
jpg圧縮すれば208KBぐらいにはなる。これはだいたい1700パケットで、90円ぐらいで送れるかな。
90円で目的達成できるのに、600万画素画像リサイズもしないで送る。
その嗜好品としての価値が1260円なんじゃないの?

2012-10-16

http://anond.hatelabo.jp/20121016121139

横だが。

からjpgpdfzipでくれ。

それだと、コピーされたもの普通に読めてしまい、DRMを導入すると「ふざけんな」「買わない」と騒がれ(そもそもDRMも独自規格と言える)。

こういう話をすると、「コピーが容易いデジタルコンテンツは、需要供給観点から、すでに市場価値を失っている」とドヤ顔する奴が出る、いつもの流れですよね。

(意訳すると、複製コストが限りなく0の製品は、価値も限りなく0、タダで当然)

http://anond.hatelabo.jp/20121016121139

あーそれもあるんだよね。

今のところはPDFjpgデファクトスタンダードになっているけど、それすらも数十年後にどうなるのかわからいからなー

今後100年は下位互換を保障しますって事にならないとダメなのかな?

2012-08-25

OLD SHIP PICTURES PAINTINGS PHOTOGRAPHS POSTCARDS IMAGES JPG WW1 WW2 http://www.photoship.co.uk/

2012-08-10

とある企業ウェブ屋の看板掲げてはいるが、音頭を取ってるのが紙媒体イラレ人間である為に

「厳密に」イラレの見た目を再現することを命じられ、結果として不本意ながらクソページを量産している。

「厳密に」イラレの見た目を再現することを厳命される。

イラレで配置された全てのパーツを全く同じ位置に配置することは勿論、

フォントから改行位置、文字送り、ラインのアンチエイリアスまですら完璧に差異なく再現しなければならない。

それに対してこちらから異議申し立てを上げる権限はない。

ブラウザ間の表示の差異を認めるなど始末書モノの話だ(スマホ対応顧客要望してきたらどうすんだろね?)

それでもまだ段落組するだけして全て画像で書き出してaltを設定し

position:absolute等で強引に配置する方法がない訳でもないだろう。

だがそもそも内容がない。

例えるなら「これはペンです」「これはペンなのです」「これこそがペンなのです」のような文章がひたすら並ぶ。

内容はすべて「これはペンです」でしかないのに手を変えネタを変え同じ事を繰り返して水増ししているだけだ。

古代ロボット検索向けのスパムページとなんら内容が変わりない。

極めつけは全画面修正を平気で出してくることだ。

画像を一つ差し替えたら雰囲気が変わったから全体を調整したとかさらっと言ってくる。

それも二度も三度もだ。そしてそれをまた厳密に再現することを求められる。

そうして絶望した俺は考えることを止め、流れてきたイラレデータjpgに変換して貼り付けだした。

当然もうそこには文書構造も何もない。altの設定すらない画像が一枚貼ってあるだけだ。

しかしそれに異を唱えるものは誰もいない。客先も満足しているようだ。

それが絶望に追い打ちをかける。欠片程のウェブ屋としての尊厳をも粉々に砕かれる。


これは極端な例だがこの2012年現在、未だにこんなクソなことが平気で起こってる。

ウェブ印刷物の下位互換しか無いと言う認識特に媒体で物を言わせてきた連中には根強いようだ。

2012-08-07

生まれて初めて漫画を描いた、やりかたまとめ

備忘と記念を兼ねてまとめ。

鉛筆、基本モノトーンちょっと着色。

参考

【読解アヘン短編漫画製作過程

http://dka-hero.com/pict_03/mak/01.html

 

『 A4を8等分するんだよ 』

『 だいたい 13~15枚におさまるように調整する 』

 

A4用紙を8つに折る → 折れ目で区切られた一枠を一コマとして描く。

この解説イラストを見ていなければ、描いてみようと思えなかったと思います

ありがとうございました!

自分の背景

用意

手順

上記参考の 「⑥スキャンする」 まで一緒(ただし鉛筆描き)

GIMP
  1. スキャン画像を開く
  2. 鉛筆描きの線を太くする
  3. 画像ゴミを削除(消しゴム機能
  4. GIMPからInkscapeコマを持っていく準備
Inkscape
  1. Inkscapeコマ画像を開く
  2. Inkscape で9割仕上げ
  3. InkscapeからGIMPへ戻して最終仕上げの準備
(再度)GIMP
  1. 出力画像GIMPインポート
  2. 背面に白いレイヤを敷く
  3. ゴミ取りや最終形の切り抜きをして保存

おまけ(Excel画像にする手順(上の手順とはまったく関係ない備忘))

おまけ(某所投稿時)

縦横 1200pixel 以内, PNGベター

2012-07-31

楽天koboは意外と期待できるかもしれない気がする。

続・本の電子書籍業界の糞さと伸び代がヤバすぎる

http://anond.hatelabo.jp/20120731231313

このエントリで「この4つの条件を満たした電子書籍ストアを作れば成功する」的なことを書いたんだけど、

楽天kobo結構満たしている

1.購入した本は最低一ヶ月再ダウンロードできるようにし、epub,pdf,zip,cbzなどの数十年後も確実に読めるフォーマットで販売する。
2.販売サイトサービス終了後に購入した本が読めなくなる様な仕様にはしない)

koboでは、フォーマットとしてepubを使用している。

epubは、XHTMLで構成されているのだが、数十年後にxhtmlが読めなくなるとはとても考えられないので、

数十年後も確実に読めるだろう。

不安材料として、試しに海外写真集を購入し、拡張子を.zipに変えてjpgファイルを取り出してみたらPC普通に見れたのが、

日本漫画を購入し、jpgを取り出してみたら「破損されてて読めない」と表示された(当然kobo Touchでは普通に読める)事があるが、

多分、まだkobo Touchのみにしか対応していないからそうなっただけで他端末に対応されたらこういう事もなくなると思う。多分。

しかしたら、koboダウンロードした書籍koboが用意したアプリを使用しないと読めない仕様でやっていくのかもしれないと思ったが、

それは流石にないだろう。


3.エロ規制などせずに、どんなジャンルの本も読める

koboでは、エロ規制は一切無い。モザイクすら無い。

koboランキングや「美術建築カテゴリを見ればわかるが、海外無修正エロ写真集普通に販売されている。

また、漫画の「歴史フィクションカテゴリでは、「ヒストリエ」「三国志」等の隣に、「ウルトラくのいち M汁開拓史」というエロ漫画も販売されている。

ジョブズみたいなエロ嫌いの野暮な人間と違い、三木谷先生エロ規制する気が一切無い。

4.1000部以上刷る出版物の7割以上は電子書籍でも発売する

これはかなり難しい事だが、楽天なら可能だろう。

毎日1000冊以上コンテンツを増やす名言し、7月中に3万冊以上のコンテンツを確保するとも言っていた。

7月中というと、後残り30分程だが、三木谷先生なら間に合わすだろう。

2012-05-17

bReaderの青空文庫形式で挿絵を表紙として表示させる

bookyardとかでダウンロードした物を調べて同様にすればいいだけの話なんだけど、一応備忘録として書いておく。

ググってもググっても出てこないから、誰かがどこかに書いておいても良いだろう。

1行目 タイトル

2行目 著者名

[#改ページ]

<img src="cover.jpg">

[#改ページ]

画像形式はjpgpngはOK、gifだとダメ。理由がわからないのでたまたまかもしれないけど。

あと、画像ファイル名は半角じゃないとダメ。("表紙.jpg"はNG

i文庫は一行目に<img src="全角でもOK.jpg">、タイトルをその後に記述、でも表紙/タイトルとしてちゃんと認識されてて楽だったような気がする…けどもう覚えてないわ。

bReaderの青空文庫形式で挿絵を表紙として表示させる

bookyardとかでダウンロードした物を調べて同様にすればいいだけの話なんだけど、一応備忘録として書いておく。

ググってもググっても出てこないから、誰かがどこかに書いておいても良いだろう。

1行目 タイトル

2行目 著者名

[#改ページ]

¥<img src="cover.jpg"¥>

[#改ページ]

画像形式はjpgpngはOK、gifだとダメ。理由がわからないのでたまたまかもしれないけど。

あと、画像ファイル名は半角じゃないとダメ。("表紙.jpg"はNG

i文庫は一行目に<img src="全角でもOK.jpg">、タイトルをその後に記述、でも表紙/タイトルとしてちゃんと認識されてて楽だったような気がする…けどもう覚えてないわ。

2012-03-21

http://anond.hatelabo.jp/20120321013609

俺がそんな下手打つわけがないだろう。

JCJKは俺のハードディスクの中でjpgとして永遠に生き続ける!

くぱぁ

2012-02-28

http://anond.hatelabo.jp/20120227235048

ミサワ風のイラストにして送ってやればいいじゃん

jpg3枚で静かになると思うよ

2012-01-24

http://anond.hatelabo.jp/20120124011447

ソースどこ~?

新規でjpgから実行出来たらだいもんだいだーwww

じゃあブラウザも好きなように乗っ取れるの?すごーい。

逃げずにソースだしてNE!!

http://anond.hatelabo.jp/20120124010123

どうぞご自由に、お好きにどうぞ☆

毎回制限まですぐにダウンロードされてますがwww

少なくとも私はjpgから任意のexeを実行する術は知りませんがねwww

なんでこんなことするかって?なんて言うの?

いつも女に相手してもらえない恨み節が渦巻くこの増田現実とは無情な物だと、格差現実を見せつけてやりたいだけだよww

2012-01-23

ネットやってて意外と少ないなぁ~と思うのは

2012-01-14

ネット上の何らかの謝罪文に「jpgで出すな」と吠えてる人の気持ちがわからない

jpgファイルだと「反省の色なし」なんだそうだ。

2011-10-31

何の知識もないけど電子書籍希望的観測を描いてみる

http://alfalfalfa.com/archives/4768100.html

こんな感じでいろいろ話題になってるみたいなので

チラシの裏に個人的な希望を描いてみる。

ダウンロードスマフォでもPCでもネット機器なら可

JPGテキスト、ワード、PDFなど形式はダウンロード時に選択可能

ベクターなんかのソフト販売みたいにダウンロードパスダウンロードとか楽)

支払い方法コンビニPayPalキャッシュカードケータイ払いとか種類多め

ダウンロードサイトタグ付け機能レビュー機能デイリーランキングマンスリーランキング、販売数カウンターなど

大雑把な評価システム付き、

サイト取り分10%以下

(口座番号入力すれば誰でも販売可能、通報された場合サイト管理者が判断し販売停止措置?)

他人の作品を売りに出されたらどうするのかとか、問題は多そうだけど

あれば利用したい。

とか、

2011-05-02

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 (小学生はがんばれ! めっちゃがんばれ!)

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

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

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

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

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

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

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

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

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

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

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

 自分ゼロから作れなくてもOKなんです

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

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

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

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

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

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

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

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

 プラグイン「Bubbleup」

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

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

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

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

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

jQuery 469 プラグイン:skuare.net

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

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

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

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

2・最初の消える画面

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 はじめてのjQuery

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

 ASCII.jp:40分で覚える!jQuery速習講座

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

<「すすむ」の仕組み>

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

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

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

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

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

<「もどる」の仕組み>

 こっちは簡単。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

処理イメージ

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

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

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

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

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

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

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

  (実際に見えるのは、2のスライドして出てくるところだけ)

 という処理です

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

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

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

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

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

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

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

 いちおう処理としては、

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

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

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

  (実際に見えるのは、2のスライドして出てくるところだけ)

 と、1.5を入れたものです

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 それは「すすむ」の部分

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

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

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

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

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

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

 という、単純なものです

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

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

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

 jQueryめっちゃ楽しいです

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

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

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

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

2010-10-22

シャープパソコン事業から撤退。

液晶屋になってしまったという事であろう。小さな液晶しか作れなかった時代においてはパソコン用の液晶ディスプレイは高価なままで売れる商品という基準を満たしていたが、大きな液晶が作れるようになってくると、持ち運べるサイズの液晶画面で十分というパソコン液晶の販売ルートとして、見劣りがするようになっていったのである。

大画面の液晶を安く作り、大量に売り捌くには、テレビの方が良かったということである。HDDメモリー、CPUマザーボードと、パソコンの構成要素は専業化が進んでいて、それほど大きくないサイズの画面が求められる液晶も、時代遅れとなった製造ラインを買い取った中進国の企業の専業へとなりつつある。

パソコン事業を打ち切るのは理解できても、タブレットPCにという展開は理解できない。

画像ファイルの閲覧だけであれば、極端な話、デジタルフォトフレームで十分となる。書籍画像データとして取り込んだモノを、一枚ずつ捲れれば良いのであれば、数千円で買える画面サイズ7インチぐらいのデジタルフォトフレーム以上の機能は、必要無いとなる。zipで圧縮したままで閲覧できるとか、jpgだけでなく、pngbmpといった画像形式に対応していてくれると、解凍したり画像変換したりしなくて済むし、flvmp4やaviといった動画フォーマットにも対応していると、youtubeニコニコ動画を保存して閲覧するという形でテレビの代用にもなりえる。充電池で動かせるとなれば、通勤にも持ち運べるし、寝床でもつかえるとなる。

フォントがどうとか、著作権保護(DRM)がどうのと、余計なコストをかけて使い勝手を悪くしているメーカー利権屋の自慰行為に消費者が付き合わなければならない理由はどこにも無い。

とんがった製品を作れないメーカー存在意義は無い。本人達は、最先端をつっぱしっているつもりでも、まるっきり見当外れの方向に、しかも大幅に遅れて走っているという状態であったりする。しかも、筋が悪い事を多くの人が気付いているので、その方向に走っているのは本人達だけとなる。回りに人が居ないので独走しているように見えているのかもしれない。

パソコンを持たず、携帯電話だけという人にならば売れるかもしれないが、そういう人の購買力をあてにする商売は先が無いとは思わないのであろうか。

メーカーの大きな図体を食べさせていけるだけの売り上げは、見込めないと判断せざるを得ない。

2010-10-21

富士通ScanSnap S1500による自炊スキャン方法まとめ。(コミック/本ともに)

[概要]検索と保存性の問題で、PDFで保存、読む時にJPGに分離して読む。

  →理由:JPGでは内部検索が出来ない。Leeyesの機能でガンマを変えて読めるため、PDF保存は、ややこしい事をせずに、ほぼデフォルトで行うことができる。

────────────────────────────────────────────

☆蔵書記録作業

●[ISBN_BarCodeReader]

 URL:http://mhsodai.kazelog.jp/chalog/2009/11/webusb-96dd.html

 とWEBカメラ UCAM-DLU130H を使って、書籍バーコードを読み取りISBN番号を書き出しておく。

●[メディアマーカー]

 http://mediamarker.net/

 にまとめて登録(登録 →一括登録)

メディアマーカーの蔵書リストページをPDFプリントし、PDF化しておく。(別にHTMLでもテキストでもいいけど)

────────────────────────────────────────────

スキャン作業

●本の解体

 ・表紙表裏・帯・見返しとカッターで切る。

 ・[裁断機(大型ペーパーカッター)]

  URL:http://search.rakuten.co.jp/search/mall/%E5%A4%A7%E5%9E%8B%E3%83%9A%E3%83%BC%E3%83%91%E3%83%BC%E3%82%AB%E3%83%83%E3%82%BF%E3%83%BC/-/

  で本をバラバラにする

PDFフォーマットスキャン

 設定:

 #アプリ選択 タブ

  ・ScanSnapOrganizer 選択

 #保存 タブ

  ・ファイル名の設定  →yyyyMMddHHmmss

 #読み取りモード タブ

  ・画質の選択 →スーパーファイン

  ・カラーモードの選択 →カラー

  ・読み取り面の選択 →両面読み取り

  ・継続読み取りを有効にしま

  ・オプション →[文字列の傾きを自動的に補正します]をON

 #ファイル形式 タブ

  ・ファイル形式の選択 →PDF

   →他すべてデフォルト(OFF)

 #原稿 タブ

  ・原稿サイズの選択 →サイズ自動検出

  ・マルチフィード検出 →重なりで検出(超音波)

 #ファイルサイズ タブ

  ・圧縮率1

 →カラーページと白黒ページで設定を変えるなどは手間がかかるので、全部カラースキャンする。

スキャン時に、紙詰まりを少なくする方法。

 →S1500に紙を装填前に、中指の長さ程度、差し込む側の紙の中央を縦に山折りにする。こうすることで、紙詰まりが1/5程度に激減する。

────────────────────────────────────────────

データ保存

●ページを整える

 ScanSnap Organizerで、編集したファイルダブルクリックすると、ScanSnap Organizer ビューアーが立ち上がる。

 ・いらないページを削除(ただし、偶数奇数を守らないと、見開きで読みづらくなる)

 ・傾いてしまったぺージを修正

●[Acrobat]で文字を読み取る・画像データを圧縮

 ScanSnap Organizer上のファイル右クリック →開く、で、Adobe Acrobatで開く。

 →文書 →OCRテキスト認識 →OCRを使用してテキスト認識

 →すべてのページ

 →テキスト認識設定

  ・日本語

  ・検索可能画像(非圧縮)

   →HDDに余裕がない場合は、検索可能画像/最低(600dpi)に。ただし、その場合は[画像梱包]で画像を分離できなくなるので注意!

    つまり、Acrobat以外で読めなくなる。

  ・ →OK

 理由:

 -[探三郎]

  URL:http://www.geocities.jp/koutarou_y1926/sin3rou.html

  と言うソフトで、PDFの中身ごと全文検索できる

 -サイズが37%ほど(600dpiの場合)に小さくなる

メディアマーカーの蔵書リストををPDFしたファイルを開き、ScanSnapOrganizer上でタイトルを変更する。

Acrobatで開き、左右綴じ(左右開き)をチェックする。縦書きなら右綴じに変更する。

 ファイルプロパティ→読み上げオプション→綴じ方

ジャンル別にフォルダに振り分ける。

────────────────────────────────────────────

☆閲覧

PDFそのまま閲覧可能(文字が大きい)なものは、Acrobatでそのまま読む(WXGAで見開き)

 →まず、

 編集環境設定→ページ表示

 で、レンダリングテキストスムージング

 で、「液晶画面用」に変更しておく。要するにアンチエイリアシングのことで、これをやっておかないと、とても読めたものではない。

 Acrobatの画質を上げる。

 編集環境設定→[レンダリング]エリア

  テキストスムージング 液晶画面用

  「2Dグラフィックアクセラレーションを使用」をOFF、それ以外全部ON

ほとんどのコミック書籍は、jpgファイルになおしたほうがずっと読みやすい。

 →理由は、Acrobatの絵の拡縮アルゴリズムよりも、Leeyesのほうが高画質の設定だから

●[画像梱包](pic2pdf)

 URL:http://www.vector.co.jp/soft/win95/writing/se377893.html

 を使って、PDFから画像を分離する。

 ・「開梱」設定

  -Sub作成 にチェック

  -Origin優先 にチェック →よくわからないが一応

  -BASE 0、 STEP 1

  -Colmun 3

  -jpgのチェックを外す(チェックが入っていると、再度エンコードをするので画質が落ちる) 

 →だが、起動ごとにいちいち設定しなおすのは面倒なので、以下の文章をメモ帳コピーし、

  「pic2pdf.ini」という名前で「C:\Program Files\pic2pdf」のフォルダ内に入れると、設定が保存される。

#-------------ここから

[SaveOptions]

UseingSaveFile=1

ConvertBmpToFax=0

ConvertBmpToJpeg=0

JpegCompressPer=85

MetaLoading=1

DisplayView=1

JepgImplant=1

NoOriginalName=0

[PDFOptions]

WindowTitle=1

UseingDPI=0

OriginalDPIValue=100

UseingPaper=0

OriginalPaperValue=7

DobulePageRight=0

Centering=0

FixedPageSize=0

ShowOutThumbs=0

PortLandAngle=0

ViewFactor=2

PageType=0

ViewMenuBar=1

ViewToolBar=1

ViewWinowUI=1

NoProducer=0

NoTimeStamp=0

[PDFCrypt]

PrintPrivileges=0

CopyPrivileges=0

ModifyPrivileges=0

AnnotePrivileges=0

CryptStrength=0

[TakeoutOptions]

UseingSubDirectory=1

ReFileName=0

UseingOriginalName=1

NumericColmun=3

BaseNumber=0

StepNumber=1

OutputStyleBMP=1

OutputStyleFAX=0

#-------------ここまで

●出来たjpgファイル

 [Leeyes]

 URL:http://mitc.xrea.jp/diary/020

 で読む。(ドラッグ&ドロップ)

 ・SUSIEプラグインがないとjpgさえ見られない。

 ・イメージ→綴じ方向 で、綴じ方向を合わせる(横組みは左綴じ、縦組みは右綴じ)

 ・なぜか[画像梱包]で画像抽出すると、ファイル名が逆順になるので、

  表示→並び順→降順 にして昇順から降順に変える。(ファイル一覧の「名前」をクリックし、▽を△にしてもOK)

 ・イメージフィルタ で、設定をいじって見やすくする。

  4: グレースケール・レベル補正

  にだけチェックを入れ、

  設定は

   入力レベル:35-231

   出力レベル:0-255

   輝度補正する にチェックを入れる。

  とする。

 ・オプション→設定の保存

  で、設定ファイルを保存する。

●読み終わったら、jpgファイルは不要なので捨てる。

2010-08-30

こんなイラストサイトは見たくない。

蒸し暑くて眠れないから、曾孫以下のニュースサイトを運営している身として、見たくないイラストサイトを垂れて見る。

眠いのに蒸し暑くて眠れないストレスで一部表現が乱暴かも知れんが、そこはオマイラの『スルー力』で大目に見てくれ。

  • 扉ページ作るの構わんが入口分かり易くしてくれ・・・
    • キナTOPページが表示されず注意書き満載の扉ページを置くのは個人的には良いけど、入口分かり易くしようぜ
    • 極小フォント+背景に溶け込むカラーリングで「こちらをクリック」と書かれても・・・

・・・何と言うか、殴り書きしたけど根底にあるのは「見て頂く方が分かり易い感じにしてくれ!」の一言だな。

いや、何もイラストサイトに限った訳じゃ無いけど、そのWebサイトさんがどんな事を売りにしているのかが分かり難いとSearchやRingから飛んできてもタブを閉じたくなっちゃうモノです。

何か無駄にエラそうな上から目線で書き綴ったような気もするが眠いけど蒸し暑くて眠れなくて良く分からなくなって来たけど、まぁそんな感じ。

オイラ自身絵師さんじゃ無いのでpixivID無いからイラストSearch経由でイラストサイトさん探してるけど、絵は正直ウメェがサイト構成が残念な人がチラホラ見受けられるのよ。

眠気とけだるさと熱気が良い具合にgdgdになってまいりました。

何か気の利いた事を書きたいが脳味噌が回らん。

とりあえず、イラストサイトを運営しててイラストSearchとかに加入されてる絵師の皆さん、分かり難い奇々怪々なWebサイトになっていませんか?

2010-02-14

http://anond.hatelabo.jp/20100214210142

全く同意だな。

できればjpgとか、汎用的な画像データで提供してもらえれば月に10冊は買う。

2009-07-12

http://anond.hatelabo.jp/20090712183453

しかも、ツール立ち上げてボタン押して待つだけ、みたいな作業ではなく、1ページずつにスキャナに入れ直さなきゃならない。1冊200ページで、表裏1枚スキャンするのに1分かかると仮定すると、本の分解を含めてぶっ通しでやっても軽く2時間くらいかかる。

んなわけない。ページばらしたんならフィードの付いたスキャナに流し込むだけ。もちろん両面読み取りもやってくれる。jpgだろうがpdfだろうが保存形態自由自在。いまどき業務用のレンタルコピー機にも付いてる機能だ。

「業務用のでかい自動スキャナ」なんぞ必要ない。5万円も出せばヨドバシビックカメラで手に入る。

2009-02-02

展開後の容量が数百MBになるjpgを用意するとブラクラになる

2009-02-01

http://anond.hatelabo.jp/20090201022835

ファイル保存時にファイル名を「filename.png」にしてもJPGで保存されてしまう場合がある。「filename.png.jpg」みたいな感じに。

そうなってないか?

ログイン ユーザー登録
ようこそ ゲスト さん