「XHTML」を含む日記 RSS

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

2016-11-02

HTML5

W3Cは、初期のHTMLからXHTMLまでを仕様勧告したのですが、その作業の遅さなどの諸問題で、この団体に見切りをつけて枝分かれしたのがWHATWGです。

今のHTMLWHATWGが主導しています

WHATWGは、変化していくものとして扱うため、「HTML」と呼称

W3Cは、固定された規格として扱うため、「HTML5」とバージョン化。

WHATWGが作ったHTMLを、W3Cが切りの良いタイミングで複写して、独自の考えを足したのが、「HTML5規格」です。

2016-03-12

プログレッシブ最高じゃねえかNHK死ね

元日本マイクロソフト古川享さんブログより。このブログかなり前から消えてるんだけど、復活の目処は無いのだろうか

放送・通信の在り方に関する、私見その9

http://furukawablog.spaces.live.com/blog/cns!156823E649BD3714!4256.entry

さて、この話をいつかはちゃんと記述しておかねばと常々思っていたのですが、それに取り掛かろうと思うと胸の古傷が疼くというか、平常心を保って書こうと思ってもキーボードを叩く手に自然と汗が滲んでくるのです。しっかり深呼吸をして、書きます。(またまた長文にて、失礼)

まず、1999年5月24日発表の郵政省資料「地上デジタルTV放送方式について電気通信技術審議会から答申」に記述のある以下の文章をご査読ください;

「また、昨年9月の暫定方式や既に答申がなされているBSデジタル放送方式、CSデジタル放送方式の技術的条件において、実証実験を必要とする映像の表示方法とされていた720p(有効走査線数720本の順次走査による映像表示方法)について実験を行った結果、その性能が確認されたこと等が併せて報告されました。 この中で、720pは技術的にHDTV放送と位置付けることが可能である、と結論付けられています。」(同上答申より引用)

関連記事は、日経産業新聞(1999年5月25日PP.3)、日本経済新聞(1999年5月25日PP.11)、電波新聞(1999年5月26日PP.2)などにも掲載されています。

以下は、そこに至るまでの「血と汗と涙のお話」であります。

今となっては、720pや1080pのプログレッシブ方式はプラズマ液晶テレビとの親和性、映画やCGなどの映像制作に有利なバリアブル・ピッチによる撮影、パソコンによる編集や再生環境においてその優位性を疑う人は居ないと思うのですが...1998年からこの1999年5月24日までの間、この720pを日本の放送業界から抹殺しようとする「ありとあらゆる活動を展開した集団」がおり、その軋轢の中で多くの人が傷付き市場から去ることになったのでした。

私個人の主張、そしてマイクロソフトの立場は、1080iと720pどちらが良いか、どちらかひとつを採択するかではなく、仕様の中に1080iと720pを併記して頂きたいというものでした。 米国の放送方式はATSCによるHD放送に向けた放送の標準フォーマットとして早くから1080i、720p、480p、480iが規定されていました。50年以上前に発明されたテレビ放送が米国に合わせてNTSC方式を日本は採用し、ヨーロッパ・中国・ロシアなどがPAL方式を採用してきた背景からすれば、日米のテレビ方式がデジタルハイビジョン(HD放送)の時代になっても米国と同様の1080i及び720pを両方サポートするということは自然なことと思われました。日米間の互換性だけではなく、当時よりブラウン管チューブを使った重たいテレビ受像機は、急激な勢いでプラズマTVや液晶テレビに取って変わることは明らかであり、走査線が走り一本ずつの光るスダレを交互に表示して人間の眼の残像を利用してひとつ映像に重ね合わせるという飛び越し走査よりは、一つ一つのセルが自ら発光する、もしくは遮光をオン・オフして光源を反射もしくは直視映像を表現するフラットパネルの時代には、プログレッシブ(順次)方式が有利と思われました。さらに、映像圧縮に採用されたMPEG2方式においては、1080iは22Mbpsでは最高品質映像を表示するも、その転送レートを15Mbps以下まで落としてくると映像破綻するという現象も既知のことでした。720pはMPEG2による映像圧縮でも15Mbpsでほぼ最高品質を達成し,12Mbpsでもほぼ実用の域を保ち、さらにMPEG2以外の圧縮方式MPEG4H.264、WMV(現在のVC1)などを使えば8Mbpsから12MbpsでHD放送を伝送できるというのが、私たちの主張でした。

当時の私の主張をまとめると、「HD放送は1080iもしくは720pいずれでも撮影、記録、編集、伝送、受信、視聴できることとする。映像圧縮に関してはMPEG2に限らず、将来の斬新な圧縮技術を随時採択できることにする。コンテンツ保護技術や、個人の認証、課金技術は特定技術一つに限らず、複数の技術をそれぞれもしくは組み合わせて提供可能とする。放送と通信の融合(連携)サービス記述するメタ言語はHTMLをベースに各種プラグインそしてXMLに対応する。XHTMLベースにしたBMLはそのサブセットとして組み込む。」

それに対して、1080i擁護派は、「1080iが優れた方式で、議論の余地は無い、プログレッシブの話をするなら帰れ!!」(実際に砧の某研究所で当時の所長に言われた言葉ですが...今の所長さん(E並氏)はとても紳士ですので、私は尊敬しております。決して誤解のないように)郵政省の会合でも何度となく放送のプロ達に諭(さと)されたものです。「君はPC業界に都合の良い方向へ持っていこうとしてるんでしょ」「崇高な放送の世界を邪悪な世界に引き込もうとしている」と..多くの人が同席する会議の場で私は名指しで糾弾されたものです。

将来のデジタル放送の規格に720pは絶対入れないという強い意思とあらゆる活動は「1080iと720pを併記したらどうか」と主張する陣営を徹底的に痛めつけました。

当時、松下電器産業殿は720pの優位性を説きながらDVC Proをレリースされ、1080iと720pの両用機能を持った松下電器産業のHD D5という放送局ビデオデッキは、AJ-HD2700やAJ-HD3700という型番で欧米放送局でも沢山採用され、放送業界権威あるエミー賞をDVC ProもHD D5も受賞されています。このD5というビデオデッキはNHK殿に納入する時、720pの機能が付いているなんてことがバレると殺されるので、本体に点在するボタンを11個以上押さないと、(つまり二人の人間の指を駆使してボタンを押さないと720pの機能はアクティブにならないように細工がしてあったそうです。)..まるで隠れキリシタンが隠し絵にキリスト像を描いていたような話でありますが..この類(たぐい)のプレッシャは日々激しいものになってきて、魔女狩りに駆り出された狂信的な信者が、誰彼となく次々と火あぶりに挙げるような行為が続いたのです。

480pと720pの実験放送をやっていた日本テレビSさんKさんの受けた仕打ちは、某放送局のEB沢さんから直接日テレ社長のUJ家氏に電話をかけてこられて、「お宅の技術のトップの人間は、ウチに対抗して何かやっているようだけど、けしからん話だ。そんなことではデジタルハイビジョン映像をウチから供給できなくなるけれど、それでも良いのかねぇ」と迫ったそうです。その結果SさんKさんは当然将来取締役が約束されてもおかしくない何十年にも渡る業界に対する貢献がありながらいつのまにか表街道を去ってしまうことになりました。

テレビ朝日殿が新しいスタジオを作るにあたり、1080i/720pの両用ビデオスイッチャーを東芝から導入された時、某放送局キツイお達しがテレ朝と東芝に飛び、720pの機能は殺して納入するようにとの指示が飛んだそうです。そして、BS-iのスタジオ導入で,1080iのカメラと720pのカメラを性能評価したという話を聞きつけて、「まさか720pのカメラを導入するなんてことはありませんね?」という問い合わせが某局から入ったそうです。

TBS殿も全く同様にメインスタジオへのHD機材導入にあたって1080iと720pの両用システムの導入計画は純粋な技術的観点選択肢だけではなく、それ以外の見えない力に奔走されておられました。「魂の報道」を標榜するTBS殿の報道部門が、DVC Pro 720pを採択されたことが、唯一の救いと感じられました。

NAB98の会場にて明日から開場というまさに前日のこと、某放送局のY氏、会場を事前に巡回されJVC殿の会場にて1080iと720pの両用カメラを発見、JVC殿に対して「好ましくない表示は控えるようにと一括」結果としてNAB98の初日には無残にも綺麗にできた展示パネルの1080i/720pの文字列の720pの部分にはガムテープが張ってありました。

毎週のようにこのような話を耳にするにつけ、これは魔女狩りでも特高警察の検閲でもあるまいに…現代の話なのに本当にそんなことが起っているのだろうかと自分の耳を疑っていました。そしてそれが、とうとう我が身にも降りかかったのでした。

1998年のNABショウでマイクロソフトは初めて放送関連のコンベンションで技術展示をすることになりました(関連記事)。松下殿より当時500万円程したHD D5デッキマイクロソフトは購入し、1080iと720pの映像を左右1対で比較デモ表示し、どのように優位性が表示されるか比較デモを予定していました。1080iの標準的な撮影は1440x1150の1080i標準ビデオカメラによる撮影結果を1920x1080の映像に計算しなおし(アップスケール)、それをスダレのような偶数・奇数のフィールドに振り分け送出するという方式を取っていました(現在デジタルハイビジョン放送の標準撮影方法です。)。そして同じ映像を1280x720の720p標準カメラで撮影しD5デッキに録画した映像をそのまま720pで再生するというデモ内容でした。映像の再生には当時の最高品質のCRTスタジオモニター(8000ドルクラスのSONY製品を2台)をマイクロソフトの展示会場に用意しておりました。比較展示用デモ映像は同じスタジオ環境で撮影した1080iと720pのそれぞれの映像データをお持ちの松下電器産業殿からD5の録画テープをお借りして、初日のデモへ向けて全ての設営と映像チェックが終わった時のことです。某放送局の方が、マイクロソフトブース垣間見るや、とても渋い顔をしておられます。

私は夕方の6時過ぎに会場の設営も終わり、ホテルに戻ろうとしていたところ、松下殿から緊急の連絡が入り、展示に使っていたビデオテープを持って松下殿の技術担当役員のホテルの部屋まで来て欲しいとのこと..部屋に入るとその役員さんは、ベッドの上にあぐらをかいて、その両脇には15人を超そうという松下の方々が壁沿いに2列にずらりと並んで座っているではないですか..その姿はまるで、新入りの囚人(私)が牢名主の親分に「今日からお世話になります」と仁義を切るのかい、というような雰囲気でありました。

そしてその親分さんが言うには、「そのテープ黙って置いて、帰ってくれ」とのこと..「冗談じゃない、そんなことしたら明日の展示は何も映像が表示できないではないですか?何故そんな唐突な話をこの期に及んでされるのですか」と問いただしたところ、松下がマイクロソフトに協力して720pを推進するのはけしからんと、某放送局からお叱りを受けたと..それだけでも絶句の出来事なのに…「とにかく松下から映像を貸し出すなどとんでもない..即効撤収してくるように」との具体的な命令を受け私は必至に食い下がり、「その映像作品は全て松下殿の著作物であり、某放送局に文句を言われる筋のモノでは無いはずです。それを何故ゆえに引き上げなければならないのですか?」と伺えば..「その中のヨーロッパのお城のシーンはARIB加盟各社がテスト映像として皆で利用するために松下が供出したもので、そのテスト映像をARIBの会員でもないマイクロソフトが勝手に使うのは如何なものか?」とのこと..私はさらに一歩も引かず交渉を続け…もしそれが現実になるのなら「明日の朝は急遽説明のパネルを書いて、某放送局の名前を実名で明らかにした上で、この名前の会社の不当な介入でマイクロソフトでは展示ができなくなりました」と張り出しますよとまで迫りましたが担当役員は首を立てに振りません。最期に私は「判りましたこのテープはここに置いて行きますが、夜中に誰かに盗まれたということにして私が犯人になりますから..盗難届けを出してください!!それでは如何でしょうか?」と交渉は3時間を越える押し問答となりました。

その結果最後に明らかにされた背景は、某放送局の方から松下の役員に語られた厳しい言葉でした。それは、「君、僕らは今年50億円くらい君の会社からモノ買う予定だよねぇ、そんな態度でいると、50億円のビジネス失うことになるよ、君ぃ!! それでも良いのだね!!!」というもので、担当役員は縮み上がってしまったのだそうです。技術担当の役員がマイクロソフトの展示に協力をした結果、50億円のビジネスを失うことになったら営業担当の役員との軋轢を生むことは必至であり、そこまでのリスクを負ってまでビデオテープマイクロソフトに貸し出すわけにはいかないとの判断、私はビジネスの交渉でこんなに困り果てたことは一生に何度も無いというぐらい意気消沈しきっておりました。

夜10時にならんとするタイミングで、日本からシアトル経由でラスベガスに到着後、時差から回復する間も無く会場の設営を手伝っていた私はもうダウン寸前…そこで思いついた解決策は「判りました、このテープはお返ししましょう。その代わり今から新規に撮影を開始しますから、必要な機材と人を朝まで貸してください」と何とも無謀な提案を申し出たのでした。 NABのメイン会場からマイクロソフトの借りていたヒルトンホテルの部屋まで、HDカメラ(当時は100kg以上あったと思います)とD5のデッキを担いで深夜に部屋へ持ち込みスイッチャーや編集機もないままイッパツ撮りでデモ映像を仕上げなければなりません。私はそれまでにいくつかの放送スタジオに見学に行ったことはあるものの、映像プロデュースも撮影も全くのシロウトですので、カメラのライティング、撮影のオペレーションに付き合ってくれる人たち3人ほどに朝まで付き合ってもらいました。

途方に暮れて困ったことは、深夜の12時にラスベガスホテルで撮影できる生素材など有りはしないのです。それも著作権肖像権侵害せず、HD映像の違いが際立って表現できる素材、なおかつ1080iより720pの方が綺麗に見えるという素材(多くは、風にそよぐ木々とか波打つ水面、キックされたサッカーボールなんてものが使われるのですが..残された時間に日中でロケハンに出かけることもできず、全てはラスベガスヒルトンの部屋で深夜、朝までの6時間以内に解決しなければなりません。

まず、深夜のルームサービスで果物の盛り込みを頼みました。そしてその果物の表面に霧を吹いて光るリンゴの表面に張り付く水滴なんてものを撮影しました。本格的なスタジオと違って光の回り方も映像モニタを視ても、思ったような映像にはなりません。

夜も更けて3時を廻り4時にならんとした頃でしょうか、雑誌のカラーグラビアをメクりながら、この際著作権の許諾を無視して雑誌に写っている写真を撮影してしまおうか?こんな深夜にマトモに著作権の許諾などできる素材など有りはしないし、と途方に暮れていたところ、あるアイディアが湧き出てきました。「そうだ、ドル紙幣を撮影すれば手彫りのエッチングで表現された人間の顔やお札の文様はHD撮影すればビックリするほど細かい映像として撮影対象になるに違いない、誰でもそのパターンが何か理解できるはずだし、何よりもお札の縦横無尽に走っているストライプが際立って720pと1080iの違いを引き立ててくれるに違いない」と確信するに至ったのです。ドル紙幣をビデオ撮影しても肖像権著作権を主張する人もあるまい、という点が一番大事ポイントだったのです。

壁に貼り付けた50ドル札(私の持っていたピン札はそれしかなかったので)にバッチリとライティングを施し、撮影した結果は「キタ、キタ、キターッ」という感じ!!カメラパンして右へ左へ振りながらお札の表面を舐めるように撮影した720pの映像は細かい線の1本1本を明確に表示して、1080iの映像は実に見事にモアレ縞が出まくり画面にチリチリと汚い映像が糸を引きます。これでこの映像をそれぞれディスプレィに表示した上で、視聴者にどちらが高精細でしょうというブラインドテストにかければ、間違いなく1080iの映像品質が悪く,720pに軍配が挙がることは間違いない..と確信を持って撮影を終了したのでした。

もう夜の明けてしまったラスベガスの街を撮影の終えたテープ大事に抱えてひとまずシャワーを浴びにホテルチェックインし、そのまま会場入りした、NAB98の経験は一生忘れることのできない“ラスベガスの一夜”となりました。

もしNAB98の720p展示を諦め、その後さらに激しいバトルとなる「日本のデジタル放送には720pの仕様は含まれない」というARIB殿の提言がそのまま郵政省の答申として結論付けられていたら、720pは日本の市場抹殺され、生まれ出(いず)ることの無い子として闇に葬られていたことでしょう。DVC ProとHD D5の研究開発の立役者としてタキシードを着て米国のエミー賞まで受賞された、松下の技術担当役員、N岡さん…最期の采配としてシロウトの私に自社の展示機材と若いスタッフを朝まで貸して頂いたご恩は一生忘れません。..その後、全社CTOとしてのお立場に昇進されても当然と多くの方に思われながらも、定年前(もしくは定年の延長もなく)引退をされたことが気がかりでなりません。

1080iを推進する陣営は720pを抹殺するために何故ゆえにそこまで狂信的に走ったのでしょうか?それは、1080iの機器を主に生産されていた機器メーカーと某放送局の思惑が一致した結果なのですが、その詳細は明日以降に順次明らかにいたしましょう。

では、ふるかわでした

コメント

渡辺 新治 - 2006年 6 月 16 日

遂に、ipバトル(interlace v.s. Progressive)について

開示していただけましたね。

私は多分次回出場するメーカー殿にコテパン

やられた者として、妙に集中して記事を

読ませていただきました。

特に、ドル紙幣の話はすごい!と思いました。

次回も楽しみにお待ちしております。

osaka oyaji - 2006年 7 月 5 日

読ませて頂きました。某国放送協会のやりかたは聞いていた以上に凄いですね。

ある方のお話では、日本のブラウン管色温度が9000を超える青白い物に対し、世界の基準はCIEのD65(6500K)に決められています。勿論同じNTSCの米国でも・・・ブラウン管には蛍光体が必要です。

昔(白黒ブラウン管)は9300前後にするための蛍光体を使っていたそうです。コントラスト比を高めるために必然的にそのくらいの色温度が必要だったのでしょうたぶん・・・しかカラー放送になり自然な色を再現するには6500kに(SMTP基準)決まったそうですが・・・・・白黒用の蛍光体が余る・・・同じように開発を進めている日本に・・・そして某国放送協会推奨JIS規格9300kが誕生・・・・何か構図が薬害エイズに似ている気がします。

 720Pの素晴らしさはバリカムというカメラで実証済みです。そしてBSデジタルもチデジも書かれた通り720での搬送になっていますね。フルスペックハイビジョンという言葉でD5開発のM社もプラズマテレビを売ってるんですが、本来のフルスペックを観るためにD5を用意するかSRが必要ですね。HDCAMないしDVCProHDやHDV等は圧縮されていて1080といっても8ビットしか・・・・・・

長く成りましたが、本当に誰がHDを必要とするのですか?アメリカではHD放送はたぶんされないでしょう?

国からたくさんの開発費を貰った某放送協会関東、関西のキー局(チデジに向かっての新局建設費の大半を国から・・・)そして国の横暴で2011年からは以前の放送が見られなくなり貧乏人にはテレビが遠くなっていく、それにメーカーも新しい商品が売れると・・・・この国は何処へいくのか?

(名前なし) - 2006年 11 月 1 日

すごい話が書いてあってびっくりしましたが、放送メーカサイドの人間です。

当時720pの提案は、マイクロソフト社が土足で放送業界に乗り込んできた印象を受けました。

現在の状況からすれば、プログレッシブ方式の優位性は既知のものですが、当時やはり1080pが最終目標という意識がみなあったと思います。

また、その過程においてプログレッシブ方式同士の720p->1080pの親和性より、解像度が同一な1080i->1080pの親和性の方が大きいと考える人たちは少なくなかったでしょう。今となっては笑い種ですが。当時、アナログになれた人間たちがそう考えても不自然ではありませんでした。

このような卑怯な事実が過去に起きたのも、業界人感情的になってしまったからだと思います。

当時、デジタル圧縮に精通しているヒトはほんの一握りでした。

それ以外の人たちを納得させる十分な時間がなかったからといえるのではないでしょうか?

私はコンピュータにも携わっていますが、放送業界コンピュータ業界よりはるかに歩みが鈍い現実があります。

今でこそ、放送規格が乱立し、オンエアの画質にこだわる目も衰退してしまいましたが、当時ははるかに士気の高い、研ぎ澄まされた集団でした。

放送業界は、歩みは鈍いが、確実に進歩し、時には飛躍します。

コンピュータ業界は、飛躍の連続ですが、時々失敗をやらかしお蔵入りになります。

そんな、異種の人種がぶつかって起こってしまったトラブルの一つだと感じました。

2014-11-29

http://anond.hatelabo.jp/20141129112709

新米マネージャ管理する小規模プロジェクトにおいて発生する諸問題とその対策について

マネージャを多少悪者気味に書いていますが、マネジメントの大変さはわかっているつもりです。

自分が開発すればこのくらいでできる」問題

上司「この間言ってたプロジェクト見積もりできた?」

マネージャ「たぶん2週間ぐらいでできますよ!wordpressなら学生のころバイトとかでもよくインストールしてたから楽勝です!」

デザイナ「完全オリジナルwordpressデザイン2週間か、なんとかなるかな?」

プログラマPHP経験なんだけど大丈夫かなあ…」

.... 略 ....

上司「あれから2週間だけど、こんなにバグ多すぎじゃリリース無理じゃない?」

マネージャ「違うんですよ!デザイナー全然テンプレートの使い方覚えてくれないし、あのプログラマPHPからないとか言って仕事中にPHPの本とか読んでるから遅れたんです!たぶん自分だけだったらこんなに時間かなりませんよ。」

デザイナ(「XHTMLになってない!」とか余計な所に口突っ込んできやがって!)

プログラマ(PHPなんて簡単だよとか言ってJavaプロジェクトからコンバートさせたのテメーだろうが!)

原因

対策


テストは開発工数に含まれないよね?」問題

マネージャ「このスケジュールなんだけど、テスト期間長過ぎじゃない?」

プログラマ「え、でも機能もこれだけあります10日程度は妥当かと」

マネージャ「いやいや、画面たったこれだけじゃない、通しのテストなんてみんなでやれば1日ぐらいで終わるでしょ?」

プログラマバグがあったらどうするんですか?」

マネージャ「俺がレビューしてるんだからそんなでかいバグ出るわけねえだろ。ナメてんのか」

.... 略 ....

プログラマテストバグこれだけ見つけました」

マネージャ「へー、それじゃこれ今日のうちに修正してね」

プログラマセキュリティ周りのバグもあるので、修正には3日程かかると思いますが」

マネージャ「ふざけんな!テスト今日で終わるスケジュールだろ!」

原因

対策


バージョン管理効率悪くなるからダメ問題

プログラマ「前のプロジェクトgitを使って便利だったので、今回のプロジェクトでも使いたいのですが…」

マネージャバージョン管理とか使ってるの?あんなの効率悪くなるからやめたほうが良いよ」

デザイナ「私もそういうの面倒だからあんまり使いたくないな」

マネージャ「前に俺がやってたプロジェクトではフォルダで日付ごとに管理してた。同じ風にすれば大丈夫だろ」

プログラマ「でもロールバックが…」

マネージャ「古いフォルダからファイルコピーすればいいだけだろ。馬鹿か」

.... 略 ....

マネージャ「なんで古いソース持ってきても動かないんだよ!」

デザイナ(間違ってファイル上書きしたのは黙っておこう)

プログラマローカルgitリポジトリあるのは黙っておこう)

原因

対策


フレームワークバグがあったらどうするんだ!」問題

マネージャ「何このCodeIgniterっていうの?」

プログラマ「あ、それ最近流行ってるPHPフレームワークで、URLルーティングが…」

マネージャ「はぁ!?フレームワークとか使わないと開発できないわけ?これだから最近ゆとりダメなんだよ。」

プログラマ「でも、便利ですよ?」

マネージャ「俺のプロジェクトではそういう怪しいやつは使わないからバグがあったらお前責任取れるの?」

.... 略 ....

マネージャ「どう、俺の書いたURLルーティングライブラリすごく便利じゃない?」

プログラマ大文字を使うとうまく動かないのですが」

マネージャ「あー、それは仕様からしょうがないよ。mod_rewrite使えば問題無いでしょ?」

プログラマ他人が再発明した車輪バグ修正するのって本当に不毛だな…)

原因

対策

2012-09-26

【2012超まとめ】確実にWEBサービスを作りたい人へ【前編】

(記事が長すぎたので前編・中編・後編に分けました)

僕ももう、リストラされそうなとあるおっさんなんですが、先日Webサービス公開しました

きっかけになったのはこの記事です。

自分WEBサービスを作りたいと思っている人へ

http://anond.hatelabo.jp/20101203150748

こんな事できたら良いなぁと思っていると、他にもやっている方たちがいました。

たった2日で製作されたWebサービス「お部屋晒し」って?

http://matome.naver.jp/odai/2131952812556433001

WEBサイト発注してみた。

http://anond.hatelabo.jp/20120318122617

Rails3 と jQuery で、真面目にオシャレなエロサイトをつくってみました - h300

http://d.hatena.ne.jp/inouetakuya/20120331/1333192327

週6フリーターWEBサービス作ってみました。

http://anond.hatelabo.jp/20120914214121

その他、ロプロスさんがまとめてくれています

http://blog.ropross.net/archives/99

これらを読んで自分もやってみたくなり、

先日の家入さんの折れずに挑戦を続ける姿を見てモチベーションも高まり

7月21日~8月19日の30日でWebサービス作りました

最後の一週間はお盆休みでしたが、それ以外は平日は仕事をしながら土日をフルに使っています

試行錯誤込みで、だいたい300時間くらいだと思います

その方法をできるだけ詳しく、具体的に書きます

と言っても、いきなり高度な事をするのは大変なので、

本当に自分が作りたいサイトをやる前に、一度シンプルサイトを作ってみる、という所までです。

やってみて改めて分かったのは、「自分WEBサービスを作りたいと思っている人へ」の中の人はかなりがんばったんだなぁ、と。

かなりの熱意とモチベーションをもって、効率良くやらないと、一から勉強してあの短期間であのサイトは作れません。

プロ顔負けの技術とおもしろいアイデア情熱をもって短期間でそれをやってしまった中の人は凄いです。

からWebサービスに夢を見る人(僕)も、Web業界の人も、あとHな人もブクマするのでしょう。(賞賛

それでは、一般人が一般的ながんばりで確実にやれるだろう手堅いラインをお届けします。

偏差値40の僕が最低限ここまで出来たので、きっとあなたならもっと出来るはず。

ステップ7まではサクサク進めて、分からなくてもどんどん次に行きましょう。

今回ぼくが作ったサイトはこちら

気になるあの人に内緒告白!「好きでいて.net

http://sukideite.net/

ステップ0:準備

パソコンを用意

インターネット接続環境

ブラウザChrome,IE,Firefox,Safariあたりをインストールしておく。Chrome便利。

・作りたいサイトアイデアデザインイメージドメイン名(○○○.comとか)のイメージ

・作る理由とやる気

はてブ便利、Web業界の皆さんの空気感を知るため、なるべくPCスマホでチェック。

ステップ1:HTML・CSS(10時間

HTMLCSSについて調べる。

ブラウザ右クリックして「ソースを表示」すると出てくるアレです。

Yahoo!とかのソースを見るとかなり長いけど、全部書くわけじゃないか大丈夫

ネットで調べても良いけど、やっぱり基礎知識は本が良いと思います

これを半日くらい眺めます

よくわかるHTML5+CSS3教科書

http://www.amazon.co.jp/%E3%82%88%E3%81%8F%E3%82%8F%E3%81%8B%E3%82%8BHTML5-CSS3%E3%81%AE%E6%95%99%E7%A7%91%E6%9B%B8-%E5%A4%A7%E8%97%A4-%E5%B9%B9/dp/4839943486/ref=sr_1_2?ie=UTF8&qid=1347970693&sr=8-2

メモ帳で書いてブラウザで表示して、メモ帳で直してブラウザF5で更新して確認、

って流れで挙動を把握していきます

何となく分かってきたら、より具体的に理解するためにこの本を読みます

概要が分かればあとは実践で伸びるのでだいたいでOK。

XHTML/HTML+CSSスーパーレシピブック

http://www.amazon.co.jp/XHTML-HTML-CSS%E3%82%B9%E3%83%BC%E3%83%91%E3%83%BC%E3%83%AC%E3%82%B7%E3%83%94%E3%83%96%E3%83%83%E3%82%AF-%E3%82%A8%E3%83%BB%E3%83%93%E3%82%B9%E3%82%B3%E3%83%A0%E3%83%BB%E3%83%86%E3%83%83%E3%82%AF%E3%83%BB%E3%83%A9%E3%83%9C/dp/483993276X/ref=sr_1_1?s=books&ie=UTF8&qid=1347974663&sr=1-1

ステップ2:PHP20時間

PHPについて調べる。

初めはこの本が勉強になりました。

よくわかるPHP教科書

http://www.amazon.co.jp/%E3%82%88%E3%81%8F%E3%82%8F%E3%81%8B%E3%82%8BPHP%E3%81%AE%E6%95%99%E7%A7%91%E6%9B%B8-%E3%81%9F%E3%81%AB%E3%81%90%E3%81%A1-%E3%81%BE%E3%81%93%E3%81%A8/dp/4839933146

書いてある通りロカールサーバー(XAMPPMAMP)を入れて、自分マシンPHPが動くようにします。

データベースの使い方も一緒に書いてあるので入門に最適です。

次はこれを読みます

普通に読んでいくと中盤のフレームワークを作る所で挫折するはずなので、一旦そこまででOK。

パーフェクトPHP

http://www.amazon.co.jp/%E3%83%91%E3%83%BC%E3%83%95%E3%82%A7%E3%82%AF%E3%83%88PHP-PERFECT-SERIES-%E5%B0%8F%E5%B7%9D-%E9%9B%84%E5%A4%A7/dp/4774144371/ref=sr_1_1?s=books&ie=UTF8&qid=1347971428&sr=1-1

PHPの他の選択肢としてRubyPythonもあるみたいですが、学習コストがかかりそうなのと、そのままでは動かないサーバーがあったりで、

PHPと比べてまだまだエレガント感があります

最先端プログラマーになる必要はないので、レガシー&枯れたPHP一択です。

カッコつけずにモチベーションが持続するうちに勝負です。

ステップ3:サーバー10時間

サーバーを借ります

VPS(専用サーバーを仮想的に分割して安くしたサーバー)が流行ってますが、

学習コストがかかるのと勉強する事が増えるので割りきって始めは普通レンタルサーバーします。

VPSを借りるとLinuxの知識やWebサーバーメールサーバー、及びそれらの保守管理などの知識が必要になります

レンタルサーバーならある程度マネージドで、作ったプログラムが動かない時の原因の切り分けもしやすいです。

おすすめは「さくらレンタルサーバー」のスタンダードプランです。データベースの使えない「ライトプランは止めましょう。

http://www.sakura.ne.jp/

その他、ロリポップCORESERVERなどいろいろあるので最低限PHP,MySQLが使えるサーバーを選びます

サーバー契約したらアカウント情報を確認して、FTPログインしてみましょう。

FTPソフトフリー定番FFFTPを使います

http://sourceforge.jp/projects/ffftp/

ログインできたら、ステップ1で練習したファイルアップロードしてブラウザで表示してみたり、

ステップ2で作ったPHPファイルアップロードしてブラウザで実行してみたりします。

ローカルサーバーと同じように動けばOK。

慣れてきたらFileZilla FTP Clientが便利です。

http://filezilla-project.org/

ステップ4:ワードプレス(10時間)

Webサービスのしくみを理解するために、WordPressを借りたサーバーに入れてみます

WordPressPHPで出来たCMSコンテンツ管理システム)で、ステップ1~3がどう組み合わさって動くのか理解できます

ブログ会社案内サイト程度は作れてしまうので触れておいて損はないです。

テーマをいじったり、プラグインで遊んでみると理解が深まります

オススメはこの本。

WordPress レッスンブック 3.x対応

http://www.amazon.co.jp/WordPress-%E3%83%AC%E3%83%83%E3%82%B9%E3%83%B3%E3%83%96%E3%83%83%E3%82%AF-3-x%E5%AF%BE%E5%BF%9C-%E3%82%A8%E3%83%93%E3%82%B9%E3%82%B3%E3%83%A0/dp/4883377245/ref=sr_1_2?s=books&ie=UTF8&qid=1348060950&sr=1-2

プラグインのまとめはこの辺りが親切。

2011年版!絶対にインストールしたいWordPressプラグイン45個

http://vanilla-stone.com/blog/wordpress/2011-edition-45-wordpress-plugin-pieces-install-absolute/

TwitterInstagram連携するプラグイン入れたり、CRONで自動化したりすると楽しくなってきます

簡単なSNSくらいならここまでで出来てしまうかも。

ステップ5:CakePHP(20時間)

ここまでで何となくWebサイトのしくみが理解できると思いますが、

自分の作りたいサイトを一から書いていくと思うと心が折れると思います

そこで、CakePHP(ケーキピーエイチピー)というフレームワーク勉強します。

フレームワークというのはWebサイトの開発で必要になることが多い色んな機能をまとめてくれている枠組みソフトです。

PHPの文法で、フレームワークの書き方のルールに従うだけで、様々な便利機能を簡単に使用でき、

慣れると開発の効率も激しく上がります

フレームワークは他にRubyRuby on RailsPHPだとSymfonyYiiなどかなりの種類があります

CakePHPおすすめなのはこの二冊。

CakePHP 1.3によるWebアプリケーション開発―オープンソース徹底活用

http://www.amazon.co.jp/CakePHP-1-3%E3%81%AB%E3%82%88%E3%82%8BWeb%E3%82%A2%E3%83%97%E3%83%AA%E3%82%B1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E9%96%8B%E7%99%BA%E2%80%95%E3%82%AA%E3%83%BC%E3%83%97%E3%83%B3%E3%82%BD%E3%83%BC%E3%82%B9%E5%BE%B9%E5%BA%95%E6%B4%BB%E7%94%A8-%E6%8E%8C%E7%94%B0-%E6%B4%A5%E8%80%B6%E4%B9%83/dp/4798026646

プロになるための PHPプログラミング入門

http://www.amazon.co.jp/%E3%83%97%E3%83%AD%E3%81%AB%E3%81%AA%E3%82%8B%E3%81%9F%E3%82%81%E3%81%AE-PHP%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E5%85%A5%E9%96%80-%E6%98%9F%E9%87%8E-%E9%A6%99%E4%BF%9D%E5%AD%90/dp/4774149721/ref=sr_1_2?s=books&ie=UTF8&qid=1348062131&sr=1-2

あと、余裕があればこれも購入。

この本の情報Webで調べれば解決できるのでなくてもOK。

Pocket詳解 CakePHP辞典

http://www.amazon.co.jp/Pocket%E8%A9%B3%E8%A7%A3-CakePHP%E8%BE%9E%E5%85%B8-%E6%BB%9D%E4%B8%8B-%E7%9C%9F%E7%8E%84/dp/4798027456/ref=sr_1_1?s=books&ie=UTF8&qid=1348062432&sr=1-1

注意したいのは、現在CakePHPバージョンは1.3系と2.0系がありますが、1.3を使うという事です。

2.0系は新しい機能が付いたりパフォーマンスが良くなったりしていますが、2012年9月現在

バージョンアップが激しく、関連書籍は2~3冊程度、Web検索でもヒットするのは1.3の情報が圧倒的に多いです。

MVCというデータ処理・表示処理・それらのコントロール処理を分離して記述するルールや、

ステップ2では踏み込んでいなかったクラスが出てきますので、慣れるまではかなりの心折設計です。

難しすぎて僕は理解できなかったので、ここで一旦CodeIgniter浮気しました。

CodeIgniterCakePHPと同じPHPで書かれたフレームワークで、インド方面で良く使われてるらしい。日本だとまだマイナー、かな。

ライセンス問題で下火になっていますが習得の容易さとパフォーマンスが良いのでフレームワークという概念の把握にはオススメです。

本はこれ一冊しか出ていませんが分かりやすくてオススメです。

僕はこれを読んでCodeigniterだけじゃなくてCakePHPも理解できました。

CodeIgniter徹底入門

http://www.amazon.co.jp/CodeIgniter%E5%BE%B9%E5%BA%95%E5%85%A5%E9%96%80-%E6%B2%B3%E5%90%88-%E5%8B%9D%E5%BD%A6/dp/4798116769/ref=sr_1_1?s=books&ie=UTF8&qid=1348062829&sr=1-1

ただ、CodeIgniterは簡単・高速で習得しやすいけど、

その分シンプル機能が少ないので、ちゃんとしたサイトを作ろうと思うほど自分で書く部分が増えていきます

セキュリティユーザー認証なども素人が自前で一から作るのは危険なので、やっぱりCakePHPお勧めです。

開発する時はgitHubに上がっているデバッグキットを入れると便利です。

cakephp / debug_kit

https://github.com/cakephp/debug_kit/tree/1.3

それから、ここいらで開発環境を導入します。

PHPの開発環境おすすめは2種類。

Eclipse+PDT

http://codezine.jp/article/detail/5105

NetBeans IDE

http://ja.netbeans.org/

僕はNetBeansを使ってます

NetBeansを使う時のCakePHP用の追加モジュールはここ

https://github.com/evilbloodydemon/cakephp-netbeans/tree/autocomplete

中編はこちら

http://anond.hatelabo.jp/20120926165533

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分程だが、三木谷先生なら間に合わすだろう。

2011-12-28

ふと

Webサービスになるんじゃないかなーってことを思いついたので、自力で作ってみよう思う。

プログラマとして社会人約三年経験後、無職半年目。別業界に行こうと思ってた。

でも思いついたからやってみるって言うのは有りだと思うんだ。

しかし、一から作るってどうしたらいいんだろうなあ。

機能拡張かばっかりだったから、どうしていいのかいまいちわかってない。

サービス提供するために

レンタルサーバを借りる

・余裕があればドメイン取得

・開発言語PHP(とはいえ独自フレームワークばっかりだったのでCakeとか使えないぞ……)

MySQL実は使ったことがないんだよな。関数をチェックしておく必要性あり。

UIHTML5意識したXHTMLで書いておけば将来的な移行がしやすいのかな。最初からHTML5で書くというのも手か?

CSS3使ってもいいのかなあ

調べること

・関連商品の表示のために何をすればいいのか(DBに閲覧履歴を保持するのか?)

・他にも思いつき次第追記

ユーザを集めるために

・ここがわからないのであった

twitterとかなのかな

まあ、作れないかもしれないけど、その時はその時。

いつか似たサービスを誰かが作るだろうし、あるいはもう存在しているのかもしれない。

2011-11-13

基金訓練講師

http://anond.hatelabo.jp/20111113010022

こちらに触発されて書いてみる。辞めてからかなり時間も経ったのでそろそろ書いてもいいかなと。

元増田の人は前向きな感じですごくうらやましい。

WEBクリエイターコース

こちらはWEBクリエイター講師をやってました。

訓練内容はAdobeCS4操作方法→自主制作というのがだいたいの流れとなっていて、それぞれのアプリケーションテキストフォトショイラレDWFlash)とHTML+CSSの本という感じ。

このテキストを選定しているのは教室を運営している会社のようで、(伝聞で聞いたので定かではない)もし運営してる会社WEB制作を知らないとか知っててもテーブルレイアウトだった場合にはあまりいい本は選ばれないようです。また運営会社同士でヨコの繋がりで話し合って本を決めてる部分もある(複数の教室で同じ本だった)のかな?と予想しました。

前準備

実際の訓練内容はハローワークで決めているのか運営会社で決めているのかは解りませんが、講師は訓練スケジュールテキストに関してなにも言えない、わからないまま講義が始まります

HTML5時代だというのにFLASHにえらく時間を割いたりするスケジュールで、受講生から「せんせーFLASHってどうなんすか?」と物凄く困る質問をされたりします。

また受講生はAdobe製品アカデミックで買えるというナイスな特典があったりしますが、授業で使ってるのはCS4だけど買ったのはCS5.5みたいな微妙だけど重要アクシデントが発生します。

HTMLの本もXHTMLならまだしもHTML4.01(しかもStrict)で書いてる本だったりすることもあります

受講生はテキストを実費で購入しているため、ないがしろにするわけにはいかないので「これいらんだろ」とか思ってもとりあえず本の通りに進めなければなりません。(例えばHTMLの本を早めに終わらせてXHTMLの話をして余計混乱させたりとかあった)

ここで問題なのは受講生は基本的にお金に余裕がある人は少ないです

AdobeWebプレミアムアカデミックで買えるとはい10万以上の余裕があるなら基金訓練なんかコネーよ!という人が半数以上いるんじゃないかと。

体験版はあるけど1ヶ月で終わるし、訓練自体は半年あるわけです

家に帰って復習しようと思ってもうまくいかないのです

なのでGIMPとかInkscapeとかもサラっと存在を教えておいたりします。

あとはフォームのHTMLだけ教えて肝心のPHPやらPerlやらには基本触れないのでそこも工夫が必要です

教科書3冊くらいクリアするころには生徒からこれで本当にWEB屋さんになれるの?とか疑問を持たれますので、フリーでやっていく方法とか自分経験談の話をすると人気の講師になれますが、会社からはいい顔されないかもしれません。職業訓練なのでどこかに就職するのが大前提なんです

一応WEB屋に就職する以外での道筋も示してみました



指導要綱みたいなものはキホンないので講師の思うとおりに教えられますが、上記のテキストの縛りとスケジュールの縛りがあるので本が変わる前にグループを作ってもらって共同作業させることを取り入れました。実際にWEB屋さんにいったら分業しますしね。

労働時間とか

さて、各アプリケーションテキストがいいものだったらよいのですが、そうでない場合自分課題とかを作る必要があります

フォトショやらイラレはいいんですが問題はHTML+CSSFLASHFlashなんかはASがゴッソリ抜けてたりすると生徒から「やりたいことができない!」と嘆かれますCSSなんかも「やりたいことができない!」と言われがちです

実際は一人の講師が2コマやることがザラなんじゃないかと思います

AM9時からお昼を挟んでPM3時まで+PM3時からPM9時まで。若干ズレはするでしょうがこんな感じなんじゃないかと。

これで課題自作していたら睡眠時間は3~4時間くらいになっちまいます。ああ祝日ってステキ・・・。とか思い始めますフリーランサーは普段の仕事は全部お断りしないとイカンかもしれません。

もちろん自宅で課題作ったってノーギャラです

テキストの内容とスケジュール(x月x日からx月x日までFLASHとか書いてある)なんか完全に合わないので苦悩します。

事前に用意できればいいのですが先に書いたようにスケジュールテキストは開講数日前にコレでヨロ!的に渡されますので初めてやるひとは対応難しいでしょう。


とりあえず今日はここまで。

2010-12-03

自分WEBサービスを作りたいと思っている人へ

もう、いいおっさんの年齢なんですが、先日、とあるWEBサービス公開しました

5年ほど前からぼーっと考えていたんですが、如何せん、事務職の自分には”創る技術”が無かった。

優れた若い技術者id:amachangとかうらやましい)や、チャレンジ精神あふれる経営者id:hiroyukiegamiとか)が出てくる中うつうつとしている自分に嫌気がさし、4か月前の7月からHTMLプログラム勉強を始めた。


本屋立ち読みしたら、まずはHTML勉強する必要があると、書いてあった。同時にCSSを学んだ。

プログラムを作りたかったので、次にJavascriptをやった。

jQueryがすごい。「プログラムって誰でもできるんだ。」この時そう思った。

検索システムを作りたかったので、本屋に行ったらCGI/Perlの本がいっぱいあったので、Perl勉強した

しかし、HTMLテンプレートが使いたかったのでPHP+Smarty勉強した

作りたかったWEBサービス大手サイトデータ検索サイトだったので、自動データを集める必要があった。

クローラーというらしい

PerlのLWPを勉強したが、データを集めた後に加工する必要があった。簡単そうだったRubyとMechanizeを勉強した

Rubyはものすごくきれいにプログラムがかけることを知った。話し言葉に近い気がする。

プログラムを作っている時、最初自分パソコンの中でやっていて気付かなかったが、実際に公開するときレンタルサーバーを使うというのを知って調べると、Linuxサーバーが多いということを知った。

から、今度は自宅のあいているパソコンLinuxを入れた。

Linuxを入れたはいいものの、全く使い方が分から四苦八苦してRubyのインストールした

世界中メインで動いているWEBサーバーApacheということも3か月前に知った。

Apacheの設定がテキストファイルなのも驚いた。cd,ls,vi,mv,cp,chmod等、基本的なUNIXコマンドを覚えた。

例の図書館の事件があったので、クローラーを動かすのをためらったが定期的にちょっとずつなら怒られないんじゃないかと、Crontabを勉強した

自宅のサーバーが壊れてしまい、構築が大変だったので今度はVPSサーバーを借りた。

同じように構築はしたがかなり苦労した。このとき、始めてmakeというコマンドを使った。コンパイルというらしい

クローラー自動的にデータを集めていたが、動かし始めて2カ月目でデータファイルが1GBを超えていることに気がついた。

このときテキストファイルデータを扱おうと思っていたが大きすぎて動かない。

SQLサーバーというものを触り始めた。

最終的にデータ量は5GBを超えた。


11月も後半、本稼働用のサーバーを探していたら、丁度カゴヤVPSサーバーベータ版を募集していた。

ここぞとばかりに申し込みボタンクリックして申し込んだ。

すごく、快適です。まだベータですが、本番稼動でも、50GBで900円という激安プランです

http://www.kagoya.jp/cloud/vps/

さくらさんの2.5倍の容量でさくらさんよりちょっと安い。

ベータ版では、3つまでOSインストールができます。もちろんそれぞれにIPアドレスが振られます

このVPSサーバー管理システムインストールし、もろもろの環境も作って、11月末についに、公開。

AV女優スリーサイズから検索できるシステム、「完全に一致です

 【完全に一致AV女優類似検索システム

 http://www.kanzen21.com/

類似検索機能付きで、2次元3次元をつなげる夢のシステムですはい

「なんだエロかよ」とか言わないでください。

真剣に作ったんだ。仕事をしながらよく頑張ったと自分をほめてあげたい





このシステムは、下記のような構成になっています。

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

サーバー:カゴヤVPSサーバーベータ版)

WEBサーバーApache

SQLサーバーMySQL

HTMLXHTML+CSS

インターフェースjQuery+selectToUISlider

検索プログラムPHP

テンプレートエンジンSmarty

クローラーRuby+Mechanize+Cron

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

サーバー上にある静的なHTMLは1ページもなく、mod_rewriteですべてPHPが処理しています。

ボタン等の画像は、GIMP作りました


一番大変だった事は、、、

このサイトデータDMM社のデータを使わせてもらったのですが、AV女優顔写真をそのまま使うのは、肖像権的にNGらしく、AV女優の作品の中からその女優の顔が一番大きく写っているパッケージを使うことにしました

しかし、女優データは約5万件。作品データ12万件。とても手作業でやるわけにもいきませんでした

結局どうしたかというと、Face.com(http://face.com/)という、画像の顔認識ができるAPI無料提供しているサービスを利用しました

同様のことができる、OpenCVというソフトがあるのですが、最初から付いているパターンデータでは人の正面の写真しか顔として認識しませんでした

それに比べて、Face.comの認識精度は驚くほど高く、横だろうが斜めだろうがかなりの精度で顔を認識してくれました

データJSON形式で返してくれる(JSONもこのとき初めて知った)為、取得したデータを後で加工しやすかったです

1.このAPIを使い12万件の作品データをすべてスキャンするプログラムを書く※1

2.顔の縦の長さと横の長さを取得

3.縦×横で顔の面積を計算

4.作品テーブルの中に3で計算した顔の面積を追加

5.SQL女優テーブルと作品テーブルを結合

6.その女優の作品の中で顔面積が一番大きなパッケージ写真をその女優顔写真として代用しました。※2

※1 APIの制限が1時間1000リクエスト迄だったので、これまたCronで・・・

※2 実際には女優テーブルと作品テーブルを繋ぐ中間テーブルのフラグONした。若干の間違いはあるものの、かなり正確に出ました



長々と書きましたが、ズブの素人から約4ヵ月でここまで出来ました

勉強する前、SEをやっている友人に話したら、「3年はかかるんじゃないか?」と言われましたが、できたものを見せたら褒めてくれました

WEBサービスを作りたいと思っていて、技術がないからとあきらめている人は、とりあえずやってみてください。意外に簡単にできますよ。

あと、クローラーが動いていると、全能感を味わえるので楽しいです




あ、あと、椎名舞さんのファンです

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

19:30追記

サーバーソフトからアラートが上がって、見てみてたらなんかすごいアクセス貰ってまして。

ありがとうございます


>カゴヤ中の人乙wwww VPSといったらさくらServersManくらいし選択肢が無いのは現状当然の認識であるはずなのに!

ゴヤ人間じゃないですよー。広告してるつもりもないんですが、ベータ版だからかもしれませんけど、すごい快適ですよ。今は。

何よりタダなので。

本当に月額900円のまま本公開になったら、環境構築もめんどくさいのでそのまま契約しちゃうかもです


>カゴヤはOpenVZだからなあ。俺としてはより自由度の高いさくらVPSお薦めしたい。

そうなんですか。2週間のお試し期間はつかったのですが、正直どっちがいいとかわかりません。

どんな風に自由度が高いんですかね?あと、アダルトOKなんですっけ?


>組み立てるプログラミングは本当に簡単だよ。 みんなで入り口を隠しているだけだよ。 #組み立てるだけじゃなくて、アルゴリズムを練ることが真のプログラミングかもしれない

そう思います。感覚的にはジグソーパズルに似てました

ただ、ピースを探すのに時間がかかりましたけど。

私の場合は、アルゴリズムとかその辺はできなそうですね-。

サンプルプログラムの組み合わせで作ったようなサービスですので、プログラムソースとかぐっちゃぐちゃです

一応、公開前に見える所はきれいにしたつもりですが・・・




もともと、作ろうと思ったきっかけなんですけど、

椎名舞さんがですね、すでに引退しちゃってるんですよ。ずいぶん前に。

で、彼女プロポーションが大好きなんですね。私。

それで、検索エンジン検索したです。でも、なかなか出ないんですね。

欲望のままにやってたら、次から次に壁にぶち当たって、そしたらいつの間にかできました

結果、このシステム使って椎名舞さんのプロポーションに似たAV女優を探すと、

雛乃つばめさんとか、果梨さんとか、佐伯さきさんとか既にDVD持っている女優さんばっかりヒットしちゃうんですね。確かに似てるんですスタイル

当たっててうれしいやら、既に持っていて悲しいやら。


あと、スタイルが似てる女優って顔も似てる気がする。

とくに最近の細い子は。



あ。デザインは、某企業をパk、じゃないリスペクトさせてもらいました


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

23:55追記

アクセス過多でサーバーが落ちました

寝てたらサーバーからアラートメール携帯に飛んできておこされました

こんな瞬発的なアクセスを考えていなかったので、とりあえず再起動しました

が、また重くなってます。。。どうしたらいいんだろう。

しい方居たらアドバイスいただけるとうれしいです


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

12/4 01:45追記

何度再起動してもサーバーが反応しなくなるので、うぎゃーってなってたのですが、

親切な方が「MySQLサーバーが原因じゃね?デフォルトだろ?query_cache_sizeを設定したらいいよ。」とわざわざお問い合わせからアドバイスくれました

設定してみたら驚くほどつながりやすくなりました

同じSQLクエリーを保持してくれるらしく、実際にデータ検索を行わないので高速になるそうです。こんなの知らなかった。ありがとうごいました

プログラムはサンプルがあるからどうにかなるんですが、サーバー周りの事が全然わかりません。。。。ぐうぅぅ。。。。

おやすみなさい。

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

12/6 23:30追記

ブックマークコメントもらっていた事を別の日記で説明しました

http://anond.hatelabo.jp/20101206224349

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

1/12 10:00追記

最終報告を書きました想定外ばかり。

http://anond.hatelabo.jp/20110112095450

2010-07-07

七夕なのでニッチビジネス展開をしているホームページ比較してみた

今までSOHOでやっていたWeb制作の事業を法人化することになったので、

最近税理士紹介のサイトを色々と調べている。

ついでなので色々なサイト比較してみた。

税理士紹介ビスカス

http://www.all-senmonka.jp/

コードXHTMLCSS

使用CMS:不明、まさかのベタHTMLブログからのRSSのみで更新

使用アクセス解析:独自PHPGoogle Analytics

===所感

たぶん業界最大手の風格。電話番号のゴロあわせがいまいち意味不明

全体的なデザインとしては流行に左右されない白ベース。おそらくYahoo

リニューアルされた頃に流行った900px周辺のデザインの頃に作られたもの。

仕方ないことだが中年男性証明写真みたいな顔が並んでるのでちょっと怖い。

税理士紹介センター

http://www.zeijimu.com/

コードXHTMLCSS

使用CMS:不明、まさかのベタHTMLブログからのRSSのみで更新

使用アクセス解析Google Analytics

===所感

ランディングページ万歳!といった作り。JQueryの必要性がいまいち見えない。

SEOにかなり力を入れている→その効果もクライアントへのフィードバック

個人情報保護方針の記載の中の「クッキー」がカタカナなのがかわいい

顧問無料.com

URL:http://komonryo.com/

コードXHTMLCSS

使用CMS:MTくさいなぁと思ってたら案の定。

使用アクセス解析Google Analytics、Lapis、mogura。多い。

===所感

ランディングページとコーポレートサイトの中間みたいなデザイン

というか途中から方針変更したのか?パーツによって質にバラツキ有り。

紹介料じゃなくて顧問料が無料ってなんかすごい。

総評

他にも色々みてみたけどなんか全体的にあんまりWEBに力を入れてなさそうな

雰囲気。外注先に投げました!納品されました!OK!って感じ。

そういうもんなのかしら。

2010-03-13

当たったら面白いから予言しとく

まだあまり話題になっていないようだけど、とんでもない事態だと思う。

Apple社ユーザー自作のePub電子書籍もiBooksアプリで自由に閲覧できることを明らかに

http://hon.jp/news/1.0/0/1477/

EPUB(いーぱぶ)とは米国電子書籍標準化団体の1つであるInternational Digital Publishing Forum(IDPF)が普及促進するオープン電子書籍ファイルフォーマット規格。

http://ja.wikipedia.org/wiki/EPUB

単なるテキスト形式(XHTML)なので、形式さえ守れば誰でも書ける。

これが見本。

http://www.kobu.com/docs/epub/index.htm

DRMがかかっていない電子書籍の読み込みを許可したってことは、ePub形式が音楽で言うMP3にあたるものになるはずだ。

つまり近い将来、現在zipでばらまかれているような漫画などの出版物が、さらにキッツいことになる。

単なる画像の集合体で、解凍や閲覧ソフトインストールなどの敷居があったzipではなく、リーダーと標準仕様が出来てしまった場合、一般層に恐ろしい勢いで普及するはず。

iPadは単なる点火台でしかなく、数年後には3千円とかのレベル電子書籍リーダーがその辺のTSUTAYAなどで売っているような事態になるだろう。まさにmp3プレーヤーと同じ流れだ。

スキャナOCR(文字認識)→ePub形式にフォーマットを整え、配布出来る状態にするような一連の流れを自動化するソフトもあっという間に整うと思われる。

そして違法アップロードに対抗するために国内出版社電子書籍ガチガチDRMを掛け、消費者にそっぽを向かれる。

しかし結局DRMの掛けようがない紙による出版をやめるわけにもいかず、結局流出は止まらず、出版業自体が沈没して行く。

この辺は音楽CDと同じ流れ。

まさに破壊イノベーション

混乱Loverなら喜ぶのかもしれないが、本屋としては死刑宣告をされたようなもの。困ったもんだ。

生き残るには自らが破壊者側に回るしかないというのもなあ。

2010-03-09

世界携帯ウェブiPhoneで始まった(キッ

何故か「海外では携帯ウェブiPhone登場まで無かった」と本気で思ってる人いるよね。

まあ大抵は驚き男のパフォーマンスでもあるんだけど、驚き男は本人も本気で信じてるから結局同じ。

海外では携帯ウェブは存在せず電話SMSしか出来ないのが普通(キッみたいな。

 

んとね、海外でも携帯ウェブはあるよ。

仕様的にはおおむねWAP2.0XHTML BasicMIDPJavaアプリで共通化されてて日本イメージで言うと「KDDIXHTMLSoftBankJava(またはKDDIオープンアプリ)」みたいな作りかな。当たり前だよね。KDDIXHTMLだってSoftBankJavaだって国際標準をまるっと採用したものなんだから。

携帯での音楽ダウンロードサービスつまり着うたなんかも存在する。キャリア課金してるところもある。まあこれはKDDI提携してるキャリアKDDIの協力で導入したみたいな日本発の例が多いかも。あくまでビジネスモデル単位であってimodeが海外コケたみたいな話とは別ね。

つまるところ、欧州のそこそこ大きな会社だとケータイ公式サイトは持ってるという事実があったりする。Flash Lite使ったサイトとかもあるしね。

 

ただ、まあ、エコシステムとしての規模は大きくない。

日本みたいな「メール文化」は全くないわけじゃないけどほとんど無いに等しい。

セカンド・サードパーティを巻き込んだキャリア公式課金エコシステムもあまり発達していない。かなり前から日本式の垂直統合モデルは羨望と驚愕で見られていて世界の大キャリア諸氏はみんなあわよくばやりたいと思ってたはずだけど、なんかこう政治的問題とか色々あって結局実現できなかった。

課金のみならず公式メニュー的なものも弱いから、各社のケータイサイトは離散していてナビゲーション性も総じて悪い。

 

具体的にどのくらいの規模なんって話をすると、ぶっちゃけてしまえば海外3G携帯はそういう携帯ですよと考えればいいかと。

というか逆に考えて欲しいんだけど、通話もSMSも出来るGSM携帯から3G携帯に買い換える意味って何ですか、全部がPC向けUSBドングルスマートフォンだとでも思ってたんですかと。つまりそーゆーことです。

GSMでもそういう機能ある携帯はあるけど、まあ基本的には3G=日本みたいなケータイと思えばいい感じ。

 

まーつまりですね、日本ガラパゴスたらしめているのは「メール」でも「携帯サイト」でも「絵文字」でもないということです。それは何かというと「課金収益モデル」です。エコシステム収益モデルを中心に構築されるんですよ。だからなんだよといわれても困るけどね。

あ、驚き男の方々は徹底的に浮き足立ってデタラメ述べまくるのがいいと思います。それが仕事ですから。

2009-11-28

HTMLを体系的に理解するための7仕様

はじめに

最近マークアップエンジニア志望の若者と話す機会が多いのだけれど、そこで気づかされるのは、彼らの中に過去HTML(特に90年代以前の仕様)を読んだことのあるという人が、驚くほど少ないことだ。

例えば「マーク・アンドリーセンをどう思う?」と聞くと、「アンドリーセンって誰ですか?」という答えが返ってくる。「ヨスケの独自要素で何が一番好き?」と聞くと、「見たことがありません」と言われてしまう。「ではきみは、昔のHTMLを見たことがあるの?」と聞くと、たいていが「とほほでやっていたものくらいなら……」という答えしか返ってこない。

今の若い人の間では、HTMLを体系的にとらえようという人は少ないようだ。見るのは専ら近年の話題仕様ばかりで、歴史を辿ってみたり、系譜をひもといて標準化団体ごと理解しようとする人はほとんどいない。

これは、ちょっと由々しき問題だと思わされた。HTMLは、もう長いこと(90年代の早い時期から)インターネット王者としてあらゆるWeb関連技術の上に君臨してきた。だから、Webを作ることを仕事にしたいなら、何をするにせよ避けて通ることはできない。

HTMLは、表・画像・フォーム・音楽デザインフレーム動画など、さまざまな分野においてその時代々々に達成された最新の成果を持ち寄るようにして作られてきたところがある。だから、HTMLを読まずして現代のインターネットは語れないと言ってもいいくらいだ。

もし何かクリエイティブなことをしたいのなら、HTMLを読むことは欠かせない。また、単に読むだけではなく、それを包括的・体系的にとらえることも必要だ。なぜなら、HTML包括的・体系的にとらえることによって、現代のインターネットそのものを、包括的・体系的にとらえられるようになるからだ。そしてそうなれば、Webを作ることの道理や筋道が理解でき、何かクリエイティブなことをする上で、大きな助けとなるからである。

そこでここでは、昔のHTMLをほとんど見たことがないという人や、あるいはHTMLそのものもあまり見ないという人のために、これを見ればHTMLを体系的に理解でき、現代インターネットの成り立ちや実相までをも包括的にとらえることができるようになる、7本の仕様を紹介する。

ここで紹介するHTMLは、いずれも後のWeb業界に決定的な影響を与えたものばかりだ。これらが、HTMLという標準のありようや方向性を決定づけた。この7本を見れば、HTMLというのはどのようなきっかけで生まれ、どのような変遷を辿って、どのような足跡を残してきたかというのが、体系的に理解できるようになる。そしてそれが、世界インターネット利用シーンにどのような影響を及ぼしてきたかということも、知ることができるようになるのだ。

HTMLを体系的に理解するための7本の仕様

1本目『HTML 3.0』(1995年

まず最初は、ちょっと強引かも知れないけれど、第一次ブラウザ戦争前のHTMLをひとまとめにするところから始める。

80年代末にティムバナーズ=リーの発明したHTMLというメディアは、その後『HTML 1.0』(1993年)『HTML+』(1994年)『HTML 2.0』(1995年)などの仕様で次第にそのスタイル確立していき、マーク・アンドリーセンが一大産業として発展させた後、『HTML 3.0』に行き着く。そして幸運なことに、ここに集大成されるのだ。

ブラウザ戦争前のHTMLは、これ1本だけ読めば良い。このHTMLに、戦前HTMLの全ての要素(属性)が詰まっている。このHTMLを見れば、HTMLインターネット王者としての風格、スターという存在の大きさ、作者以上にブラウザが重視される「産業」としての側面、お尻Pから終了タグ省略可へ・文字情報から画像付きへと移り変わった技術革新の変遷など、戦前HTML史やWeb業界のありようが全て分かるのだ。

このHTMLの魅力は、説明し始めるといくら紙幅があっても足りないので、ここではその一端を紹介するにとどめておく……といっても、気の利いたことを言えるわけではない。『HTML 3.0』の魅力を知るには、まずは読んでもらうこと――これに尽きるからだ。そして、もし一度でも読めば、その魅力はたちどころに理解できるだろう。

HTML 3.0』を見て驚かされるのは、現在HTMLと比べても全く遜色ないところである。破棄されてから14年の時が経過しているが、現代人の読解にも当たり前のように堪えうるのだ。それは、逆にいえばHTMLというものは、今から14年前、つまりこの『HTML 3.0』が作られた時点で、様式として一つの完成を見たということでもある。

HTML 3.0』は、HTMLという標準が到達しようとした一つの極みである。それゆえ、HTML史というものは、『HTML 3.0』以前と以降とで分けられるようになった。これ以降に作られたHTMLで、『HTML 3.0』の影響を免れたものはないからである。

2本目『Compact HTML』(1998年

iモード世界HTML史に与えた影響というのは、一般に理解されているよりもはるかに小さなものである。日本人というのは、「日本技術世界に影響を与えた」というと、なぜか鼻高々と聞いてしまうところがある。「日本ガラパゴス」という言葉は聞いたことがあっても、「それって日本人過小評価しているだけじゃないの?」と、眉に唾をしてとらえるところがある。

しかしiモードは、真に日本HTML史を塗り替えたサービスの一つである。特に、このサービスの後世に与えた影響には、本当に計り知れない大きさがある。

iモードは、ドコモメインストリームだったポケットベルが、それまでの栄華の反動で深刻な低迷期に陥っていたPHS流行後すぐの時期、そんなポケットベルに取って代わって、日本で最も輝いていた携帯サービスであった。それゆえ、広末に見蕩れ世界HTMLファンたちは、iモードWebサイトを見ることによって、失われかけていたWeb制作の魅力を再発見することにもなったのである。

iモードは、没落したHDMLに変わってモバイルWebの命脈をつなぎ止めた、言うならば救世主のような存在であった。海外モバイル陣営が営々と築きあげてきたそれまでの栄光を切り捨て、日本の後代へと引き継いだ重要リレー第一走者としての役割を、HTML史において担ったのである。

そして、そのバトンを受け取った日本の若きWebデザイナーたちが、2000年代に入って雨後の竹の子のように現れたことで、モバイルWebは鮮やかな発展を遂げる。だから、もしiモードが存在しなければ、HTMLの様相は今とは違ったものになっていたかもしれないのだ。

そんなiモードHTMLバージョンはいくつもあるのだが、中でも特に多くのHTMLファンを――取り分け日本の若きWebデザイナーたちを魅了したのが、この『Compact HTML』である。この仕様の一番の魅力は、なんといってもその大胆に構築されたW3C Noteであろう。HTML史において、これほど拡張多く適当ディテールで構成されたNoteは他にない。そのためこのNoteは、これ以降無数に手本とされ、真似され、拡張されることとなるのである。

3本目『HTML 4.0』(1997年

正字仮名の影響を受けた日本の若き日記書きたち――言うなれば「CSSコミュニティ」――が頭角を現す直前のW3Cで、HTML史に乾坤一擲の巨大な爪痕を残した1本の仕様誕生する。

この時期、情報技術進歩によって、HTMLにもさまざまな新しいテクノロジーがもらたされていたのだが、それらを十全に取り入れたばかりではなく、縦横に駆使することによって、これまでとは全く違った国際化、全く違ったアクセシビリティ体験を生み出すことに成功したのが、この仕様HTML 4.0』を勧告したWorld Wide Web Consortiumである。

HTML 4.0』は、HTML史において最も革新的な仕様の一つとなった。この仕様に初めて触れた当時のWebデザイナーたちは、そのあまりの目新しさに度肝を抜かれた。そこでは、これまで全く見たことのないマークアップがくり広げられていた。そのため、これまで想像さえしたことのなかった全く新しいHTML体験を、そこで味わうことになったからである。

W3Cの果たした一番の功績は、テクノロジーHTMLを見事な調和をもって融合させたことだろう。例えばそこでは、「スタイルシート」という新しい技術デザインと、それでレイアウトされたページが閲覧者に与える独特の感覚というものを、双方ともに熟知していた。だから、それらを効果的に融合させることによって、全く新しいHTML体験を生み出すことができたのである。

この仕様HTML 4.0』には、そうしたテクノロジーHTMLとの融合が、至るところに散見できる。その数の多さとクオリティの高さによって、HTMLはここに、新しい時代の幕開けを迎えるに至ったのである。

4本目『ISO/IEC 15445:2000』(2000年

先に述べた「CSSコミュニティ」がWeb日記業界に論争をもたらすのは、2000年代に入ってからのことである。そして、そのきっかけとなったできごとの一つが、1947年生まれの非政府組織で、IECとも協力した生粋工業標準化団体であった国際標準化機構が、この仕様ISO/IEC 15445:2000 (ISO-HTML)』によって成功を収めたことである。

このHTMLは、単にJIS的に標準化しただけではなく、文化的な意味においても、フラットリニア構造の力を広く世界に知らしめることとなった。この仕様の成功によって、世界の人々は、レベル付けされた見出しの魅力の大きさを知る。そしてそれが、やがて見出しレベル分けが世界スタンダードとなり、誰もが当たり前のように使う状況を育んでいくのである。

またこの仕様は、CSSコミュニティそのものにも大きな影響を与えた。この仕様の成功に刺激を受けた才能ある若きコミュニティ住人たちが、その後立て続けに台頭し、いくつもの名サイトを生み出していくからである。

それらが相まって、やがてCSSコミュニティは空前の黄金時代を迎えることになる。その端緒となり、道筋を切り開いたのが、他ならぬこの『ISO-HTML』なのだ。

5本目『XHTML 1.0』(2000年

HTML 4.0』で繁栄の足がかりを築いたW3Cは、この仕様XHTML 1.0』によって、ついにその栄華の頂点に達する。そして、それを成し遂げたメタ言語も、W3C勧告のの一つであり、また『HTML 4.0』を作ったSGMLの改良でもあった、Extensible Markup Languageであった。

この勧告は、史上最も商業的に成功した仕様となる。そのためこれ以降、この勧告にならって商業バズワードを盛り込んだ仕様が数多く作られるようになり、しかもそれらが、実際に大きな商業的話題を集めていくのだ。すると、そこで生み出された多くの意見は、やがて再びW3C還元され、さらなる発展をもたらすことにもつながった。

そんなふうに、この仕様がきっかけとなってW3Cにもたらされた意見は、HTMLという言語を変革させていくことになるのだが、それに伴って、HTMLそのものにも大きな革新をもたらすことになる。

その変革も、他ならぬW3Cの手によってなされた。ここで『XHTML 1.0』の成功によって手にしたメンバーをもとに創設した文書マークアップの開発集団「HTML Working Group」が、より魅力的な拡張性を追求していく中で、やがてM12n(モジュール化)という技術の開発に至るのである。するとそれが、これまでのHTMLを一変させたのだ。

M12nは、HTMLに魅力的かつ効果的な特殊語彙を、DTDでしかも複雑怪奇にもたらすことに成功した。おかげでそれは、あっという間に世界から見捨てられていった。そのため今では、M12nの使われているHTMLを探す方が難しくなったくらいだ。それくらい、この『XHTML 1.0』がWeb業界にもたらした変革には、大きなものがあったのである。

6本目『XHTML 2.0』(2009年

2000年代以降、繁栄を謳歌したW3Cは、しかしその栄華の大きさゆえ、00年代中盤に入るとそれを存続させることに力をそがれてしまい、革新的な仕様はなかなか生まれてこなくなった。

しかし、そんな時代が5年は続いた00年代の後半になって、今度はその栄華のただ中で育った新しい世代のHTML WGメンバーたちが台頭してくることにより、再び変革の時を迎えることとなる。

その新しい世代のHTML WGメンバーとは、マイクロソフトモジラファンデーションオペラらに代表される「ブラウザベンダ」と、無関係な編集者たちであった。

彼らに共通するのは、文書構造に不必要なものなら全て――とるに足らないガジェット的なものまで含めて――残らず切り離そうとする「オタク的な性質」を持っていたことだ。

彼らは、それまで見過ごされがちだったHTMLの些末な要素にスポットを当て、それを別仕様に押し出すことで、従前とは一風変わった、新たな魅力を持った草案を生み出していった。そして、その真打ち的な存在として00年代の後半に登場したのが、XHTML2 Working Groupだ。

XHTML2 WGは、特に99年に最後の草案が作られたこの仕様XHTML 2.0』によって、オタク的なHTMLの楽しみ方が、一部のマニアだけにとどまり、それ以外の多くの人たちには受け入れられないことを証明してみせた。この失敗が、デ・ファクト的な新生HTML WGにさらなる脚光を浴びせることになったのはもちろん、それに影響を受けたWeb WorkersやDOM Level 3 Eventsといった、次世代のWeb標準たちの誕生にもつながっていったのである。

7本目『HTML5』(2022年?)

最後は、第二次ブラウザ戦争集大成ともいえるこの仕様である。

HTML5』は、HTML史においては『HTML 3.0』と同じような意味を持つ。つまり、それまでのHTMLの要素が全て詰まっているのだ。この仕様を見れば、それ以前のHTML歴史というものが全部分かる。

HTML5』には、HTMLのあらゆる要素が詰まっている。ここには、『HTML 3.0』のような歴史的な仕様としての「総合性」があり、『Compact HTML』のような「実装の実在さ」がある。『HTML 4.0』のような「マルチメディアアクセシビリティの融合」があり、『ISO-HTML』のように「セクション構造の魅力を全世界に知らしめ」た。また、『XHTML 1.0』のように「バズワード的に成功」したのはもちろん、『XHTML 2.0』が別仕様押し出した「オタクガジェット」にも満ちている。

全て詰まっているのだ。なんでもあるのである。つまりこのHTMLは、『HTML 3.0』と全く同じ意味合いを持っているのだ。HTML史というものは、『HTML5』以前と以降とで分けられる。これ以降に作られるHTMLで、『HTML5』の影響を免れるものはないであろうからである。

まとめ

以上、これさえ読めばHTML包括的・体系的にとらえることができる7本の仕様を、制作された年代順に紹介した。

こうして見ると面白いのは、歴史的に重要仕様は、必ずしも定期的に現れるのではなく、あるところでは連続しているし、あるところでは長らくなかったりすることだ。それはまるで「素数分布」のようだ。一見規則性はないように見えるものの、何かしらの法則が隠されているようでもあり、興味深い。

それから、ここに挙げた仕様は、いずれも「読むことによって他の仕様にも興味が移行する」ということを念頭に選んだ。

例えば、『HTML 3.0』を読んだならば、ブラウザ戦争前夜の独自HTML拡張自然と興味がいくだろうし、『Compact HTML』を読んだなら、iモードのそれ以外のバージョンHTMLも見たくなるだろう。CSSコミュニティについてもそれは言えるし、『ISO-HTML』を読んだなら、このHTML流行らす土壌ともなった「フラットリニア構造」というムーブメントにも自然と興味がわくはずだ。さらには、『XHTML 1.0』はXMLオタクになるきっかけになるだろうし、『XHTML 2.0』はその他の「オタク的なXML EventsやXForms」の仕様も見たくなるという効果を持っている。

ただし、最後に選んだ『HTML5』だけは、こうした例とは別に考えなければならないかも知れない。なぜならこのHTMLは、完成度があまりにも高いために、これを見た後に他のHTMLを読むと、どうしても物足りなく感じてしまうからだ。

しかしいずれにしろ、これらの仕様を読むことによって、HTMLをさらに愛さずにいられなくなるのは疑いない。そしてまた、これらの仕様を読むことによって、HTML包括的・体系的に見る目を養ってもらえれば、その後のクリエィティブな活動にも、大きな助けとなるはずだ。

おまけ(参考文献)

上に挙げた仕様への理解は、以下に紹介する著作を読むことによって、さらに深まる。これらを読むことによって、ぼくは「HTMLを体系的に見るとはどういうことか」を学んできた。

高校時代に読んだこのサイトによって、「リソースとは何か」ということを、ぼくはを知った。

HTMLSGMLの応用だ」ということが、このサイトを読むことでよく分かる。何気なく見ていた省略記法でも、その裏には、実にさまざまな技術や、それを開発してきた歴史というものが隠されていた。

世界CSSコミュニティの何に驚かされたかといえば、それはやっぱり精緻に書き込まれた正字仮名にだ。ノジタン日記には、HTML本質が詰まっている。だからこそ、あれだけ多くの日記で多くのコミュニティ住人に、言及されたり模倣されたりしたのだ。

ここでは取りあげられなかったのだが、とほほ氏がHTMLというジャンルに及ぼした影響にも、本当に大きなものがある。そして、ぼくが上に挙げた感想のいくつかは、このサイトに書かれていたばけらさんとの「スタイルシート論争」を参考にしたものなのだ。

これらのサイトを読めば、どんなHTMLが素晴らしく、どんなHTMLがそうではないというのが、よく分かる。その判定基準を知ることができ、審美眼を養うことができるのだ。なにしろ、あのCSSコミュニティ住人の言うことなのだ。これにまさる教科書は、他にはない。


元ネタ

2009-08-25

http://anond.hatelabo.jp/20090825110407

明示的に縦表示にするCSSでも組んでない限り、「横書き文書である」のはすべてのブラウザにおけるデフォルトだと思うが、どうか。

つうか、ブラウザの出力を文書ではなくデータとして看做すなら、それこそすべてのHTMLXHTMLでなきゃいけないだろうよさ。

2009-07-05

webデザイナー面接受けてきた。すごく不安

フリーター生活を終わらせるため、

コツコツと半年かけて独学でHTMLCSS勉強した。

そして、先日、はじめてweb製作会社面接に行った。

用意したものは、

企業webサイトテンプレート3つ

ショッピングサイトテンプレート5つ

フラッシュを混ぜたアニメサイト(私の個人運営サイト

構文は色々なツールやサイトでチェックしたため多分完璧

デザインはとがった物を2つだけにして、後は無難にまとめた。


勉強したことは、

HTML(XHTML含む)、CSSJavascriptフラッシュ(基礎的なことのみ)、

 PHP(基礎的なことのみ)

SEO対策(本屋にある分は全て立ち読みした)

色彩検定

MTとWP(基礎的なことのみ)

フォトショップ、ワード、エクセル

バイト先のパソコンフォトショップとワードとエクセルインストールされていたため、

こっそり勉強させてもらった。

イラストレーションや、Macは触る機会が得られなかったのでちょっと不安


で、不安や期待を抱えて面接を受けに行った。

で、面接は大成功。準備したかいがあったなー・・

と思ってたら、面接官が時間があるなら社内見学しないか?って誘ってくれた。

凄く嬉しい。もう採用決まったようなものだ!と思った。


で、社内見学したんだけど、何か色々ひどい。

フォトショッププラグインが全然少ねぇ・・

webデザイナーディレクターとされる人がHTML参考書見ながら打ってる・・

タイピングおせぇ・・記号打ち間違えんなよ・・

フリーソフトかよ・・ドリバを使うんじゃなかったっけ?・・

職場空気くせぇ・・社員の口くせぇ・・

真面目そうな人と思ったらニコニコ動画みてた・・



最後に面接官が、

○○くん、採用の場合は即戦力として期待してるよ!って。


うんこ

2009-05-28

WEBデザイナとして食っていくには、これから何すべき?

とりあえずXHTML+CSSフォトショイラレFireworksは問題無く使える。

それに加えて、PHPJavascriptFlash(ActionScript含む)は、

簡単な物であればとりあえず困らない程度使える。

一応このへんは引き続き強化していきたいとは思っている。

デザインセンスは、「目的に合わせた」デザインが出来る…と自分では思っている。

正直なところ、目を惹くタイプではない自覚がある。

色とかレイアウトとか、センスよりも勉強してやってる感じだと思ってくれればいいと思う。

今20代後半なんだが、この先もこの職で食っていく為には、何を勉強したらいいだろうか。

プログラム楽しいけど、どちらかというとデザイナ寄りで食っていきたい。

同業者&近い職種の人いたらアドバイス頼む。

ちなみに、余程どこかで変化があればわからないけど、

今のところはフリーになるとか起業するとかは正直あんまり考えてない。

2009-01-22

高学歴がんばり屋はWEBクリエーターになろうとすんな

http://takahashifumiki.com/others/480/

WEBクリエーターって無能なスイーツ(笑)でも

まぁまぁまともな生活ができる楽園なんだからさー。

アンタのような頑張り屋さんで能力が高い人が

わんさか来ちゃうと、居場所なくなってしまうでしょ。

しーえすえすないと見ればわかるでしょ?

俺らがスイーツ(笑)だって。

HTML/xHTML

俺達WEBクリエーターメインとなる道具。

これを知らなきゃ始まらない。

当然一度くらい仕様書読んでるよね?

「・・・」

CSSはっく

クソプログラマがわけわかんねぇ実装するから

俺たちはこんな苦労してんだ。

あー忙しい忙しい。

うんそうだね。でもあと5年もすれば

そんな知識ほとんど必要なくなるけど

ほかに何ができんの?

「・・・」

WEBデザイン

やっぱ俺たちが作ったサイトキレイでオシャレだよな。

見てみろよこのきらきら感。

どのサイトきらきらしてて

同じようなレイアウトで違いがわからないんだけど?

ってかこんな海外サイトあっあよね?

「いろいろサイト見て参考にしてるんで・・・」

まぁ0->1を生み出せる人間なんてほとんどいないわけだから

君たちは1を1.1にしてくれればいいよ。

じゃあ1日100サイトくらいは見て研究してるんだよね?

「・・・」

・・・じゃあなんでこの位置にこのボタン置いたの?

「・・・なんとなく」

wwwwww

なんとなくって何だよwww

クリエーター自分の作ったもの説明できなくてどうすんだよwww

見た目だけパクってんじゃねーよ。

デザイン

俺達Photoshop使い。この合成まじ芸術

結構絵を描いてきてるんだよね?勉強してるんだよね?

この画像パース狂ってるし光源がわけわからなくて気持ち悪いけど?

「・・・」

アナログできねーやつが

Photoshop使ってもたかがしれてんだよwww

色についてちゃんと勉強したの?

なんで病院サイトで背景黒なの?死ぬの?

「イキル。なんかクールじゃないですか??」

色の本は1冊くらい読もうよ。

ユーザビリティ

やっぱサイトユーザビリティ考えて作らないと嘘でしょ。

うんうん重要だね。

で、ヤコブニールセンは当然読んでるんだよね?

「・・・」

アクセシビリティ

やっぱ俺達クリエーターがつくったクールサイト

多くの人に見てもらいたいんすよ。

うんうん。そうだね。

で、ガイドラインは当然読んでるんだよね?

「・・・」

Flash

やっぱFlashインパクツあるよな。

マジ引き込まれるわ。映画のようなサイトだよな。

おぉさすがクリエーター。センスあるね。

ところでさっき言ってたユーザビリティ

アクセシビリティとか考えているんだよね?

「・・・あぁまぁ一応」

で、どこクリックすればいいの?

「・・・」

データベース

半端な知識で設計されても後々困るからやんなくていいよ。

.htaccess

100ページもmetaタグ転送設定すんのかよ。

無茶な要求しやがって。こういうわけわかんねぇ

依頼が来るから俺達WEBクリエターは大変なんだよ。

.htaccessディレクトリ以下転送すれば?

「・・・?」

別に.confには触れなくていいから、

.htaccessくらいは設定できるようになろうよ。

君らの大切な作品置く場所をコントロールできるんだよ?

興味ないの?死ぬの?

「イキル。でも興味はありません。」

パーミッション/所有者

内容が同じファイルUPしたのに動かない・・・

パーミッションが違うよ。

よく使うFFFTPに項目あるじゃん

どういう意味か調べないの?興味ないの?死ぬの?

「イキル。でも興味はありません。」

Perl/PHP/Ruby/Python

フォームなんていろいろあるから

適当に選んでUPするだけでだろ。簡単簡単。

え?確認画面がほしい?

「無理です。」

別にアプリケーション作れとは言わないけどさ

単なる問い合わせメールフォームくらいつくれない?

サイトにフォームは必須じゃんwww

サーバサイド言語を1つくらいは勉強しとけよと。

簡単なカスタマイズもできないようじゃ

顧客の要求にこたえられないだろ。

ajax

やっぱ今はAjaxだよね。スクロールしてもサイドバーがついてくるんだぜ!!

なにこの使いやすいサイト。俺達天才

ライブラリ読み込んでるだけじゃね?

しかもDOMってるだけだよ。

アプリケーション作れなんて言わないから

コアとDOMくらいは勉強しておくべきじゃね?

大切な道具であるHTMLコントロールできるんだよ?

君らクリエーターならこのナビゲーション

俺ならこうするって思うことないの?

「・・・ライブラリで充分です。」

正規表現

またバカなクライアントから修正きたよ。

まぁ俺がサービス名間違ってたんだけど。

確認しないの?

クリエーターだし誤字脱字の確認は俺の仕事じゃないっす。」

ふーん。ちなみにIE6でレイアウト崩れてるけど?

「・・・」

で、なんでその誤字の修正に3時間もかかってんの?

「だって100ファイルもあるんですよ?俺じゃなきゃ1日あっても終わらねっす。」

君らが大好きなDreamweaverで多少正規表現使えなかったっけ?

1分で終わるよ。自分使うツールの機能に興味ないの?

忙しい忙しいって無能なだけでしょ?

「興味ないです。CSSダイアログで設定する機能くらいしか使わないです。」

CSSすら覚えてねーのかよwww

正規表現完璧に使えなくていいから

サルでもわかる正規表現くらい読んだら?

WEBクリエーターって仕事

これまでのようにやっぱり自分が満足できる

クールサイトを作って行きたいですね。

うんうん自分が納得できるものを作るのは大事なことだね。

でも君の制作したサイト商品何も売れてないよ?

サイト見てるユーザが全然満足してないんじゃない?オナニーなの?

「・・・でもクライアントはきっと満足してますよ。俺のオナニーすごいし。」

クライアントクールサイトじゃなくて

売れるサイトが欲しいんだよ。

クソみたいな商品を扱ってるサイトでも

なんとか売るのがてめぇらの仕事だろが。

俺たちWEBクリエーター。オシャレな奴とはだいたい友達

思い知ったかい?俺たちWEBクリエータークオリティを。

俺たちWEBクリエーターはさ、一流の本物デザイナー様とか

一流プログラマ様が作ってくださった物をまったく理解しようともしないで

いじくってるバックボーンなきスイーツ(笑)なんだからさレベル高い奴はくんな。

こんな程度のスキルで4、500万は稼げちゃって

やっすいキャバでもオークションのやり方教えてとかブログのやり方教えて、

とか言われてお家行ってにゃんにゃんできちゃうわけだから出たくねーよこんな楽園。

しかもこんな能力じゃ楽園でたらどこも行くとこないよ。

もし追い出されたら元WEBクリエーター村でも作って

なんで努力してる人がいい環境

努力してない俺らが明日食べるのに困るんですか?

努力しないでそこそこの金がもらえて

おしゃれって思われる仕事を用意するのが政治だろって訴えますよマジで

だから高学歴がんばり屋の優秀な人間はくんな。

でもねぇあと10年もすればデザインとかコーディングなんかも

海外に出されて、ライターだったりアイデア出せる人間しか

残らないだろうけどなwww

オワタwww

2009-01-16

面倒くさくなった

// ==UserScript==
// @name           anond
// @namespace      http://anond.hatelabo.jp/
// @include        http://anond.hatelabo.jp/?page=*
// ==/UserScript==
function anond(doc) {
    $X(".//div[@class='section'][.//h3/a[2][starts-with(@href, 'http://anond.hatelabo.jp')]]", doc, Array).forEach(function(node){
        node.style.display = "none";
    });
    $X(".//h3/a[1]", doc, Array).forEach(function(node){
        var a = document.createElement("a");
        a.name = node.pathname;
        a.href = "#" + node.pathname + "/footer";
        a.innerHTML = "V";
        node.parentNode.insertBefore(a, node);
    });
    $X(".//p[@class = 'sectionfooter']/a[1]", doc, Array).forEach(function(node){
        var a = document.createElement("a");
        a.name = node.pathname + "/footer";
        a.href = "#" + node.pathname;
        a.innerHTML = "^";
        node.parentNode.insertBefore(a, node);
        node.parentNode.insertBefore(document.createTextNode(" | "), node);
    });
}

anond(document);
if (AutoPagerize.addDocumentFilter)
    AutoPagerize.addDocumentFilter(anond);


// by http://lowreal.net/blog/2007/11/17/1
// $X(exp);
// $X(exp, context);
// $X(exp, type);
// $X(exp, context, type);
function $X (exp, context, type /* want type */) {
    if (typeof context == "function") {
        type    = context;
        context = null;
    }
    if (!context) context = document;
    var exp = (context.ownerDocument || context).createExpression(exp, function (prefix) {
        var o = document.createNSResolver(context).lookupNamespaceURI(prefix);
        if (o) return o;
        return (document.contentType == "application/xhtml+xml") ? "http://www.w3.org/1999/xhtml" : "";
    });

    switch (type) {
        case String:
            return exp.evaluate(
                context,
                XPathResult.STRING_TYPE,
                null
            ).stringValue;
        case Number:
            return exp.evaluate(
                context,
                XPathResult.NUMBER_TYPE,
                null
            ).numberValue;
        case Boolean:
            return exp.evaluate(
                context,
                XPathResult.BOOLEAN_TYPE,
                null
            ).booleanValue;
        case Array:
            var result = exp.evaluate(
                context,
                XPathResult.ORDERED_NODE_SNAPSHOT_TYPE,
                null
            );
            var ret = [];
            for (var i = 0, len = result.snapshotLength; i < len; i++) {
                ret.push(result.snapshotItem(i));
            }
            return ret;
        case undefined:
            var result = exp.evaluate(context, XPathResult.ANY_TYPE, null);
            switch (result.resultType) {
                case XPathResult.STRING_TYPE : return result.stringValue;
                case XPathResult.NUMBER_TYPE : return result.numberValue;
                case XPathResult.BOOLEAN_TYPE: return result.booleanValue;
                case XPathResult.UNORDERED_NODE_ITERATOR_TYPE: {
                    // not ensure the order.
                    var ret = [];
                    var i = null;
                    while (i = result.iterateNext()) {
                        ret.push(i);
                    }
                    return ret;
                }
            }
            return null;
        default:
            throw(TypeError("$X: specified type is not valid type."));
    }
}

2008-12-26

[]Hatena::Bookmark::24H::Chart

修正:いい加減&が変換されるのを何とかしてほしい

解説:Hatena::Bookmark::24H(http://hatebu24h.ashitano.in/)に、トップエントリの獲得したブックマーク数の推移のチャートを加えます。

// ==UserScript==
// @name           chart of Hatena::Bookmark::24H
// @namespace      http://anond.hatelabo.jp/
// @include        http://hatebu24h.ashitano.in/*
// ==/UserScript==

var url = unescape("http://chart.apis.google.com/chart?chs=160x60%26cht=ls%26chd=t:");
url = url + $X("//div[@class='clocktxt']", Array).map(function(s){return s.firstChild.nodeValue}).join(",");
//var id = $X("//h3/a/@href")[0].nodeValue;
//url = url + $X("//div[@class='entrytitle' or @class='entrytitle2'][.//a[@href='"+id+"']]/../preceding-sibling::div[1]", Array).map(function(s){return s.textContent.match(/\d+/)}).join(",");
var before = makeElements({
    nodeName: "div",
    className: "sidebox",
    childNodes: [{
        nodeName: "div",
        className: "sidetitle",
        innerHTML: "Recent top entry chart"
      },{
        nodeName: "div",
        className: "sidetitle",
        childNodes: {
            nodeName: "img",
            src: url
        }
    }]
});
var after = $X("//div[@class='sidebox']", Array)[0];
after.parentNode.insertBefore(before, after);

// util

// var 0.01
function makeElements(obj) {
    if (typeof obj != "object")
        return document.createTextNode(obj);
    if (obj instanceof Array)
        return obj.map(makeElements);
    var node = document.createElement(obj.nodeName);
    delete obj.nodeName;
    if (obj.childNodes) {
        [].concat(makeElements(obj.childNodes)).forEach(node.appendChild, node);
        delete obj.childNodes;
    }
    function extend(dst, src) {
        for (var i in src) {
            if (typeof src[i] == "object" &amp;&amp; dst[i] &amp;&amp; typeof dst[i] == "object")
                extend(dst[i], src[i]);
            else
                node[i]=obj[i];
        }
    }
    extend(node, obj);
    return node;
}

// by http://lowreal.net/blog/2007/11/17/1
// $X(exp);
// $X(exp, context);
// $X(exp, type);
// $X(exp, context, type);
function $X (exp, context, type /* want type */) {
    if (typeof context == "function") {
        type    = context;
        context = null;
    }
    if (!context) context = document;
    var exp = (context.ownerDocument || context).createExpression(exp, function (prefix) {
        var o = document.createNSResolver(context).lookupNamespaceURI(prefix);
        if (o) return o;
        return (document.contentType == "application/xhtml+xml") ? "http://www.w3.org/1999/xhtml" : "";
    });

    switch (type) {
        case String:
            return exp.evaluate(
                context,
                XPathResult.STRING_TYPE,
                null
            ).stringValue;
        case Number:
            return exp.evaluate(
                context,
                XPathResult.NUMBER_TYPE,
                null
            ).numberValue;
        case Boolean:
            return exp.evaluate(
                context,
                XPathResult.BOOLEAN_TYPE,
                null
            ).booleanValue;
        case Array:
            var result = exp.evaluate(
                context,
                XPathResult.ORDERED_NODE_SNAPSHOT_TYPE,
                null
            );
            var ret = [];
            for (var i = 0, len = result.snapshotLength; i < len; i++) {
                ret.push(result.snapshotItem(i));
            }
            return ret;
        case undefined:
            var result = exp.evaluate(context, XPathResult.ANY_TYPE, null);
            switch (result.resultType) {
                case XPathResult.STRING_TYPE : return result.stringValue;
                case XPathResult.NUMBER_TYPE : return result.numberValue;
                case XPathResult.BOOLEAN_TYPE: return result.booleanValue;
                case XPathResult.UNORDERED_NODE_ITERATOR_TYPE: {
                    // not ensure the order.
                    var ret = [];
                    var i = null;
                    while (i = result.iterateNext()) {
                        ret.push(i);
                    }
                    return ret;
                }
            }
            return null;
        default:
            throw(TypeError("$X: specified type is not valid type."));
    }
}

2008-12-08

auOpenwave SDK6.2Kについて問合せしたら、、、

auホームページの案内

http://www.au.kddi.com/ezfactory/tool/ue/

に従って、auエミュレータダウンロードしようとしたら、

一時公開停止中となっていてダウンロードできない、、。

「いつごろダウンロードが再開されますか?

作成するコンテンツの動作確認がしたいので、早く使いたいです。」

というシンプルな質問を送ったら、

以下のような返事が来た。

質問に答えていない。むかついた。

---

日頃よりauをご愛顧いただきまして誠にありがとうございます。

KDDI au Eメールお問い合わせ窓口でございます。

コンテンツにおける技術情報について、ご案内いたします。

恐れ入りますが、弊社では、個別のコンテンツ作成や、au電話での再生

に関する技術的なご質問に関して、サポートを行っておりませんので、

何とぞ、ご了承くださいますようお願いいたします。

また、EZwebコンテンツの作成方法などの技術情報については、ホーム

ページにてご案内を差し上げておりますが、Openwave SDKに関するご質

問やご意見XHTML対応モバイルコンテンツ製作についてのご質問につい

ては、Openwave SDKの窓口まで、お問い合わせくださいますようお願い

申し上げます。

他にご不明な点がございましたら、お気軽にお問い合わせください。

今後ともauをご愛顧くださいますようお願いいたします。

2008-11-26

鬱状態退職してから

もう既に三ヶ月近く経った。

新たな就労の意欲も湧かないので、ここを見習って薬を飲みながら昼はゴロゴロして過ごす。ただ、眠ってしまうと規則正しい生活ができないので、何でもいいので暇つぶしをする。ネットゲームばかりに興じていても仕方がないので、購入後未読の小説を読み始めたりして、自由に過ごしている。

最近になって少しずつ就労以外への意欲が湧いてきた。まず部屋を片付ける。以前の仕事に就いてから退職するまでの数年間、掃除機を軽くかけるくらいで、物自体は部屋中に放置していたままだった。心が弱ってくると清掃や身だしなみに気を遣わなくなる(部屋を片付けない、風呂に入らない、など)というが、ありゃ本当だ。それが、今はじょじょにだが片付けようと動き出している。

次に、昼間小説を読むだけではあまりに暇なので、何か勉強しようと思い、毎日パソコンを開いているんだからコンピューターに関連したものを一つやってみようとPHPMySQLテキスト買ってきた。XHTMLCSS趣味で齧ったことがあったし、テキストWEB系云々と書かれていたのでちょっとやってみようと思う。書店テキストを開いたときには正直ちんぷんかんぷんだったのだが、XHTMLのときも似たような状態ながらも何とか最後まで到達したし、こいつも時間をかけてでも最後までやってみようと思う。他には、デブになるのが嫌だから(現在の体型を維持したい)筋トレをじっくり。

現時点での問題点として、お金がまったくない(同族零細サービス業言葉リアル暴力有の正社員手取り9万で全く貯金できていなかった。今も督促なんかが来て「払わなければ」という気持ちにはなるんだけども)のと、就労の意欲が湧かないために失業手当の認定を受けることができるかどうかということ。あと、親知らずが痛いこと。

鬱状態に関しては快方には向かっていると思う。性欲も出てきた。ここでは「治りかけが一番危ないから」って書いてあるので調子には乗らないけど(第一治りかけなのかどうか自己判断しちゃいけないわな。一時的に調子が良くなっただけかもしれんし)、30という節目?ゆえに人生に関してはこれから快方へと向かうかどうか…こればかりはどうなるか分からない。

2008-11-07

はじめてSEOを専門業者に発注した。

まとめ


はじめは特に本気じゃなかったんだけど、一括見積もりみたいなサイトを利用してみた。予算は10万円以下にしといた。

その結果、3つの業者から連絡が来た。そのなかに、よくweb担とかに出てくる業者があって、ほかの業者に比べて見積もりが安かったから、そこにしてみた。

んで、担当の人と30回くらいメールやりとりをした。当初、見積もりの段階ではトップページビッグキーワード1つで上位表示してほしいって書いておいたけど、担当の人が予算が10万円あるなら、トップページだけじゃなくサブページもSEOを施してみてはどうかと提案してくれたから、そういうことにした。

結果、トップページビッグキーワードを含む5キーワードSEO(このうち4キーワード業者に考えてもらった)、サブページ4ページを複合キーワード計5つでSEOということになった。サービスの内容はページのHTMLをチェックし「ページ改善書」というのを作ってくれるというものと、外部リンクの増殖。

どのくらいで効果が出てくるのか?と聞いたところ、キーワードによって異なるけど、ほとんどの場合は11から15日で上位表示しているビッグキーワードに関してはもう少し遅くなるかもしれないが、そうでなければこのくらいとのこと。

サービスの開始は毎月1日か15日からで、1日からはじめるのなら今すぐに発注所をFAXせよとのことで、すぐに発注書を送った。ちなみに料金は翌月末払いだった。

発注書を送ると、すぐに確認のメールが来た。また外部リンクに使うキーワードリストもきて、わからないことがあったら気軽に質問してくださいといったことが書かれていた。

外部リンクに使うキーワードリストを見て、さっそく疑問がわいてきた。例えばトップページキーワード1、キーワード2、キーワード3、キーワード4、キーワード5の5キーワード上位表示ということだったけど、設置する外部リンクに使われるテキストは「キーワード1キーワード2」というもの。(リンクに使うテキストには字数制限があるそうだ)

キーワード345はリンクに使われていないがそれでも上位表示は可能なのか。すべてのリンクを「キーワード1キーワード2」とせずに、リンクの何割かを「キーワード1キーワード2」とし、残りの何割かを「キーワード3キーワード4キーワード5」としないのはなぜか。といったことを質問した。

一週間経つけど、これについての回答はこない。回答きた。システムの問題らしい。

システムの都合上、多くのアンカーテキストを扱うことができないが、検索エンジンは関連する語句を見分ける能力があるからキーワード1キーワード2を使ってもキーワード3,4,5で上位表示を行うことができると考えている。

改善書にてキーワード3,4,5は無理やりサイトタイトルに入れるように指示された。

無理やりってのは、「はてな匿名ダイアリー」→「はてな無料ブログ 匿名ダイアリー」みたいな感じ。

また、今日になって発注後はじめてのメールがきた。外部リンク設置作業1段階目が終了したとのこと。メールには「これから20から25日ほど経ったら、効果が出始めると思います」といったことが書かれていた。さて、ここでまた疑問がわいてきた。

発注前の話では15日ほどで上位表示されている場合がほとんどと言われていたが、発注後では20日ほどで効果が出始めるとなっている。となると15日の時点ではまだ効果が出始めていないということだから、15日ほどで上位表示されている場合がほとんどであるということと矛盾している。これについても質問をしたが、まだ返信はこない。回答きた。

平均して11日だが、発注されたキーワードは難易度が高いため20日ほど要すると考えている。

キーワード2,3,4,5については業者に決めてもらったのだが、業者はそのときに「ビッグキーワードは難しいが、ターゲットをしぼったこれらのキーワードなら短期間で上位表示できることが多い」と言っていた。「短期間」なのに「平均」の倍近くの期間を要するなんて、これまた腑に落ちない。

また「ページ改善書はいつ送られてくるのか」と質問したところ、「ページ改善書は今回のみ特別に無料で作成します。のちほどお送りいたします。」といった内容の返信がきた。発注前では契約内容としてページ改善書というのが入っていたが、発注後では「特別無料サービス」のような「おまけ」のような言われ方をしている。ここもどうも腑に落ちない。

ちなみに外部リンクを設置したサイトリストももらった。外部リンクは500ページに設置したそうだが、500ページというのは5つのサイトRSS自動取得してページを量産するタイプブログ、独自ドメインで構築されている)のそれぞれ100ページ(いちおうインデックスされているみたい)からということみたいだ。さっそくだがAdSense違反報告に出しといた。

web担の記事で、今回発注した業者の代表が「リンク元ページとリンク先ページとの内容が関連しているほどSEO効果が高い」「リンク元ページが多くのページからリンクされているほどSEO効果が高い」といったことを書いていた。しかしながら今回設置された外部リンクは関連性の低いページからのリンクで、また被リンク数の指標を示すGooglePRがなしか0のページからのリンクだった。言っていることとやっていることが違うが、どういうことなのか、と質問のメールを出しておいた。返信きた

外部リンクについては情報開示できません。

発注前は良質なリンクといわれていたが、どうもこれが良質なリンクだとは考えづらい。私が知識不足なだけなのだろうか。

補足:11/7

ちなみに料金は月額4万円ほど。契約期間は最短の6ヶ月で発注した。担当の人は韓国人日本人ハーフみたいな名前だった。

見積もりがきた残りの2つの業者はどちらも初期費用10万の月間費用数十万で、予算10万?笑わせんなwみたいな感じの内容だった。

まぁ、1ヶ月くらいたって順位がどう変わったか等を報告するよ。

補足:11/8

ブクマがたくさんついてたからもう少し具体的なことを補足しておく。

はじめに発注したのはYahoo!の月間検索回数20000回ほどのキーワード担当に提案されたのはこのキーワード+1単語の複合キーワード4つで、それぞれ2000回ほど。さらにサブページ4ページに対して計5キーワード、それぞれ2000回ほど。

また発注前の時点で私のサイトGoogleとLiveSearchで担当に提案されたキーワード+1単語の複合キーワードでは上位に表示されているが、発注したキーワードではGoogleもLiveSearchも80位ほど。Yahoo!はここ1年で100位以内に入ったことはない。セッション数はGoogle:LiveSearch:Yahoo!=90:8:2くらい。サイトの内容としてはYahoo!からのセッションのほうが成果をあげやすい。今回発注したのは上記の10キーワードGoogle・LiveSearch・Yahoo!の3検索エンジン目標10位以内というもの。

サイトスペックは、GooglePR4、Yahoo!リンク8000、Googleリンク100、Yahoo!/Googleインデックス数260、はてブ7件、Jエントリーに登録されてる。ブログCMS代わりに使ってる個人運営のサイト

http://b.hatena.ne.jp/entry/http://anond.hatelabo.jp/20081107171440

えらいタイムリータイミングメールの返事が来とるw

リンクの増殖はスパムと評価されないように、何回かにわけ、1週間単位で設置していくそうだ。開始から7日たった11/7にメールの返信がきたというのも納得できなくもないかもしれない

http://anond.hatelabo.jp/20081108163851(抜粋)

SBMで多くのブクマを集めた方がよっぽど上位表示されるような気がする。

サイト診断をしてもらったのだが、今考えると、金返せ、と言いたくなる内容だった。

サイトのヘッダー部分の画像を変えた方が良いですよ」

Googleページランクを確認した方が良いですよ」

こんなもんだぞ。これってSEO業者のコンサルティングなの?

悪い事は言わんから、効果なかったらあきらめた方が良いかも。追加で金払ったりするのはやめた方が良いよ。

6ヶ月の契約で発注書を送っちゃったから、多分これから6ヶ月分は効果があろうとなかろうと料金を払わなければいけないと思う。もしかしたら「発注前後で言ってることが違うぞ!金返せ!」みたいに訴えれば払わなくて済むかもしれないのかもしれないけど、そういう面倒なのは嫌だ。

もちろん、効果がなかったら契約期間の延長をすることはない。これは担当の人にも言ってある。

実際に、担当の人とのメールやりとりでしつこく「検索エンジンは外部サイトからのリンク重要視している」と言われたし、「タイトルタグメタタグキーワードを入れることで上位表示云々」とも言われた。多分だけど、少なくともこの担当の人は回答テンプレみたいなのを打ち込んでるだけでSEOについて大した知識はないんだと思う。もしかしたら改善書というのも、このレベルのものなのかもしれない。

私のサイトはどちらかというとWEB初級者が好むような内容。だからはてブdeliciousにはあまりブクマが付かず、Yahoo!ブクマが多い。けどYahoo!ブクマはてブと違って直リンクじゃないからたくさんブクマされてもあまり意味ないんだよね。もちろんゼロではないと思うけど。

検索エンジンの中の人が「被リンクは少なくともtitleタグより重要だ」と言っているように、やっぱりSEO業者ってのは料金が高かろうが安かろうが、外部リンクの設置がメインなんだと思う。

今は上位に表示されなければ金は取らないというところにしか頼む気にはなれないなあ。

そういうところはトラックバックスパムとか掲示板スパムをやりまくって、たまたま順位アップしたときだけ料金請求をし、順位アップしなかったら放置って感じが多いらしい。

金がたまったらSEO塾を受講してみたい。

補足:11/9

http://b.hatena.ne.jp/entry/http://anond.hatelabo.jp/20081107171440

koichi22

5キーワードくらいの順位取得ならGRC使っておけばいいんじゃないかな。

http://seopro.jp/grc/

紹介ありがとうございます、さっそくインストールしました。いい感じですが、無料版だと5キーワードまでしか設定できないんですね。残念。トップページの順位チェックに使わせていただきます。現時点でのトップページの順位は

 GoogleYahoo!LiveSearch
キーワード--51
キーワード67-35
キーワード--84
キーワード---
キーワード2-1

http://anond.hatelabo.jp/20081109222125

その程度の予算しかないのに、SEOをしよう、という考えを改めるべき。

他の会社はもっとSEO予算使ってます。

私がSEOを発注したのは企業サイトではなく、私個人が運営しているサイトだよ。確かに「もっと資金を用意してから」っていう意見はそのとおりだと思うけど、今年中にまとまった金が必要になってしまってね。個人相手だから業者も適当にあしらってる可能性もなくもないか。

補足11/10

 GoogleYahoo!LiveSearch変化(↑:ランクアップ・↓:ランクダウン)
キーワード---LiveSearh↓49以上
キーワード68-36Google↓1・LiveSearh↓1
キーワード--83LiveSearch↑1
キーワード----
キーワード2-1-

※まだサブページにキーワード6,7でリンクを設置しただけのはずだから、サブページの被リンクトップページに多少の影響を与えているかもしれないけど、恐らく自然と落ちたのだと思われる。

メール着た。

サイトを拝見したところ、非常に良く出来たつくりになっております。

ただ、少し改善した方がよいと思われる所がございました。

お世辞か?以前までは「改善書」となっていたが、今回のメールからは「改善指示書」と名称が変わったそうだ。メール中にはtitleタグ、metaタグ(keywordsとdescription)、キーワード出現率に関する説明がそれぞれ2行ずつくらい書いてあった。

それと、添付されていた改善書をこれから見てみようと思う。ちょまって、なんかこれひどい。一番最初に書いてあったのが「<META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW">を入れるな」。普段からXHTMLを使っているからか、全部大文字だと初心者っぽく見えるな。

メタディスクリプションタグとは、HTMLソースコード<description> xxx </description>タグとして記述されているタグことです

説明間違ってる・・。

ごめん、なんか誤読してた。titleタグとmetaタグの具体例はちゃんと書かれていた。もっとも、キーワードを繰り返しすぎでおかしな文章になっていたけど。下記ページの悪い例のほうみたいな感じ。

http://www.suzukikenichi.com/blog/write-rich-keyword-content/

補足:11/11

 GoogleYahoo!LiveSearch変化(↑:ランクアップ・↓:ランクダウン)
キーワード----
キーワード--36Google↓32以上
キーワード--88LiveSearch↓5
キーワード----
キーワード2-1-

昨日今日と、Googleが大きくランクダウンしてる件。まぁランクダウンしてるといっても、下位から超下位でトラフィックに大した影響はないのだけども。

補足:11/12

 GoogleYahoo!LiveSearch変化(↑:ランクアップ・↓:ランクダウン)
キーワード--55LiveSearch↑55以上
キーワード33-36Google↑67以上
キーワード76-91Google↑24以上・LiveSearch↓3
キーワード----
キーワード2-1-

急降下したり、急上昇したり、もう少し穏やかにしてくれないものかね。LiveSearchなんか結構上がってるように見せかけて、11/9と比較すると実際には下がってるという。

http://b.hatena.ne.jp/entry/http://anond.hatelabo.jp/20081107171440

sozesoze

SEOスコープはどう? ttp://search.submit.ne.jp/seoscope.html

紹介ありがとうございました。さっそく使ってみましたが、微妙です。

いちいちログインしなきゃいけないのが面倒なのと、登録した3サイト(というか3ページ)の順位チェックも一括ではなく、サイトごとにいちいち「診断結果レポートを見る」をクリックしなければいけないのが面倒です。(先日紹介したGRCというのは、「実行」をクリックすると登録されているページ・キーワードを一括にチェックできます)

それと、LiveSearchには対応していないみたいですね。

今、順位をチェックしてみたところ、サブページ(キーワード6,7,8,9,10)はすべて「圏外」と出てました。サブページのうち2ページに関しては、11/7の時点で外部リンクの設置がすべて完了しているとのことだったけど…

補足:11/13

 GoogleYahoo!LiveSearch変化(↑:ランクアップ・↓:ランクダウン)
キーワード--53LiveSearch↑2
キーワード32-36Google↑1
キーワード17-91Google↑59
キーワード----
キーワード2-1-

補足:11/13

 GoogleYahoo!LiveSearch変化(↑:ランクアップ・↓:ランクダウン)
キーワード--53-
キーワード80-36Google↓48
キーワード91-91Google↓74
キーワード----
キーワード2-1-

順位変動しすぎだろ・・

補足:11/15

 GoogleYahoo!LiveSearch変化(↑:ランクアップ・↓:ランクダウン)
キーワード--53-
キーワード81-39Google↓1・LiveSearch↓3
キーワード89-91Google↑2
キーワード----
キーワード2-1-
担当者ではなく企業に直接問い合わせてみた。

すごく悩んだのだけど、やっぱりひどすぎる気がする。担当者は話が通じなそうだから、業者のお問い合わせフォームから直接問い合わせてみた。「必ず2営業日以内にご連絡」と書かれていたから、17日までには返信がくるはず。

問い合わせた内容は担当者の説明が矛盾していること、担当者の説明が誤っていること、担当者が糞だから違う人に代わって説明してほしいということ。

11/16:担当者から返信きた。下記はそのコピペである(タイプミス担当者のもの)

お世話になります。(企業名)の(名前)でsう。

弊社のサービスのご説明に関して、行き違いがり申し訳ございませんでした。

改めて現在の状況を確認し、資料をまとめ、再度ご連絡させていただきますので今しばらくお待ちください。

補足:11/16

 GoogleYahoo!LiveSearch変化(↑:ランクアップ・↓:ランクダウン)
キーワード--54LiveSearch↓1
キーワード34-40Google↑47・LiveSearch↓1
キーワード18-90Google↑71・LiveSearch↑1
キーワード----
キーワード2-1-

補足:11/17

 GoogleYahoo!LiveSearch変化(↑:ランクアップ・↓:ランクダウン)
キーワード---LiveSearch↓46以上
キーワード28-40Google↑6
キーワード17-90Google↑1
キーワード97--Google↑3以上
キーワード3-1Google↓1

キーワード5がここ1年くらい2位をキープしてたけど、3位に下がってた。ちなみに2位はついこの間まで3位だったページで、1位のサイトサブページ。

補足:11/18

 GoogleYahoo!LiveSearch変化(↑:ランクアップ・↓:ランクダウン)
キーワード----
キーワード28-40-
キーワード18-90Google↓1
キーワード---Google↓3以上
キーワード3-1-


順位チェックツールでちゃんと動いてくれるものを探しています。

複数のURLを複数のキーワードで一括チェックでき、(短期間でも)ログを保

存できるツールを探しています。オンラインのものでも、ダウンロードインストールが必要なものでもいいのでオススメがあれば教えていただけるとうれしいです。

ダウンロードツール名説明その他
不要FC2 SEO対策 -
検索エンジンランキングチェッカー
正常に動かない-
不要RankingChecker全く動かない-
不要BROADENTRY RankingChecker動くけどログが残らない-
GoomaniキーワードURLに制限なし、ログを保存できるフリーソフト配布停止中
GRCキーワード5つまで一括チェック。ログを保存可のフリーソフトb:id:koichi22さんに紹介していただきました
GRC PROGRCのキーワードURL数無制限バージョン、有料ソフト年間9600円
不要SEOスコープ会員登録必要で3URL/5キーワードまで。
チェックは自動で行われる(時間不定)
b:id:sozesozeさんに紹介していただきました

2008-10-29

ヨドバシ・ドット・コム」がリニューアル後おかしくなってるそうな

どうしたんかいな、とネットワークトレースをとってみた。そしたら、トップ画面の要求に対してこんな応答が返っていた。

GET / HTTP/1.1
Host: www.yodobashi.com
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
Accept-Language: ja,en-us;q=0.7,en;q=0.3
Accept-Encoding: gzip,deflate
Accept-Charset: Shift_JIS,utf-8;q=0.7,*;q=0.7
Keep-Alive: 300
Connection: keep-alive

HTTP/1.1 200 OK
Date: Wed, 29 Oct 2008 02:02:31 GMT
Server: Apache
Pragma: no-cache
Cache-Control: private
Expires: -1
Set-Cookie: JSESSIONID=FAE13F42154EB566479E047B57CBF2EA; Path=/cs
Set-Cookie: SS_X_JSESSIONID=AFA6E52B61BCC8A2C2704B1F60B98B6A; Path=/
Set-Cookie: SS_X_JSESSIONID=AFA6E52B61BCC8A2C2704B1F60B98B6A; Path=/
Set-Cookie: SS_X_JSESSIONID=AFA6E52B61BCC8A2C2704B1F60B98B6A; Path=/
Set-Cookie: SS_X_JSESSIONID=AFA6E52B61BCC8A2C2704B1F60B98B6A; Path=/
Set-Cookie: SS_X_JSESSIONID=AFA6E52B61BCC8A2C2704B1F60B98B6A; Path=/
Set-Cookie: SS_X_JSESSIONID=AFA6E52B61BCC8A2C2704B1F60B98B6A; Path=/
Set-Cookie: SS_X_JSESSIONID=AFA6E52B61BCC8A2C2704B1F60B98B6A; Path=/
Set-Cookie: SS_X_JSESSIONID=AFA6E52B61BCC8A2C2704B1F60B98B6A; Path=/
Set-Cookie: SS_X_JSESSIONID=AFA6E52B61BCC8A2C2704B1F60B98B6A; Path=/
Set-Cookie: BIGipServerPool_www_yodobashi_com_cms=1258399936.20480.0000; path=/
Content-Length: 83878
Keep-Alive: timeout=15, max=100
Connection: Keep-Alive
Content-Type: text/html;charset=Windows-31J

えーと。どこから突っ込んでいいのやら。

ベンダ変えた方がよくないですか?>ヨドバシ

2008-10-13

http://anond.hatelabo.jp/20081013123012

DTPオペレーターから移ってきた俺からすると、できる事/やれる事/やらなきゃいけない事が多すぎる

非常に難しい職種だと思うんだけど。

例えばサイトを作るにしても、どんな技術を身に付けて、どんなフローで作成していけばいいのか悩む。

手打ちでxhtmlが正しい?WYSYGのツール使うと吐き出すhtmlが汚いからダメ?とかさ。

2008-10-03

本当に、僕はこれを辞めるべきなのかどうか、すごく迷っている。

僕はいま猛烈に死にたい増田に聞きたい。僕は会社を辞めるべきかどうか。

僕は今、アメリカで働いてる。こっちの大学を出て、しばらく糞みたいな仕事をして、今もまだしている。昨年末にいろいろあって(個人的な事情鬱病になって仕事ができなくなった)、会社を首になり、1ヶ月で就職活動をこなして、友人のつとめていた会社に入った。しかしここは全く自分と合わない職場だった。しばらく自分の鬱病の気を出さないように頑張って仕事もかなり頑張ってこなしたつもりだが、最近は全く干されまくっている。

仕事webフロントエンドエンジニアJavaScript とか CSS とか XHTML とかを組む簡単なお仕事です☆そんな人が、Flash まんせーの会社入っても、ねぇ。やっぱりうまく行かないよねぇ。

ヴィザを失ったら、もうアメリカにいることもままならない。だから無職でいることは出来ないんだよねぇ…せっかく大金払って、アメリカ大学出たのに、今、あんまり職歴もつけずに日本帰っても、そんないい仕事につけるとは思えないし、将来アジアに進出しようかと思ってるけど、そうも行かないだろうし。

どうしよう。教えて、助けて増田

アーカイブ ヘルプ
ログイン ユーザー登録
ようこそ ゲスト さん