「クロスブラウザ」を含む日記 RSS

はてなキーワード: クロスブラウザとは

2017-05-10

クロスブラウザ対応しろとか言う奴

あなた方のせいで私は今日もおうちに帰れないのです

Webサイトクロスブラウザ対応に携わったことがある者だけがIEに石を投げなさい

http://anond.hatelabo.jp/20170508211030

最初から追記(元増田がどういう環境でどういうソースから電子書籍を作ってるかわからないので、以下は自分のところの話)

新刊電子データなのだから電子書籍にするのも簡単だろとか言う方々はかつてのクロスブラウザ対応のことを考えてもらいたい。

HTML電子データなんだからIE6レイアウトが崩れないようにするなんて簡単だろ」って言ってんのと同じなんだよ。

InDesignEPUB書き出しは現状全く使えず、まともなEPUBを吐いてくれない。

となるとDTPの流し込み用テキストをもとに電子書籍データを作ることになる(そうじゃないところもあると思うが)。

もちろんInDesignから書き出したPDF電子書籍でございと売ればこの手間は省ける。

しかしリフローしない電子書籍文字を拡大するとページの一部しか読めなくなる電子書籍なんて読みたくないでしょ?

NHKテキストなんかはそれやってるけど。

印刷用のPDFデザイン簡素にして、Re:VIEWから直接出力できる程度の装飾しかしないなら話は簡単だ。

同じソースから紙の本向けのPDF電子書籍用のEPUBを同時に生成できる。

その場合でもIllustratorで作ったベクターデータの図を載せる場合PDF向けのEPSデータ(1色)とEPUB向けのPNGデータRGB)が必要だ。

そうなるとPDFEPUBで同じ場所にきちんと同じ図が掲載されているかのチェックが必須となる。

図に修正がかかった場合EPSPNGの両方を間違いなく修正たかチェックが必要

そんななので、紙のデータ電子書籍データをワンソースからサクッと作れる世界が来るまではもうちょっと時間がかかりそうなんだ。

2015-02-27

スマホ対応スマホで見てもPC向けページと同等である」と定義しよう

拡大縮小したときデザインが崩れたり、スマホでは使えない機能があったり、そういった不具合修正のことを「スマホ対応」と呼ぶべきであって、

まるきり違うデザインを用意して、フォントサイズボタンサイズを大きくするような、余計なお節介を「スマホ対応」と呼ぶべきではない。

ましてや「スマホ対応サイトの簡略版を用意する」という発想は永遠に排除すべきだ。

スマホ対応」とは、従来の「クロスブラウザ対応」的なものなのであって、決して「ガラケー対応」的なものではないのだ。

2014-10-29

HTML5は、終わった。

HTML5がやっと勧告とか良く分からない言葉になったが、ちゃんと現状を認識しておこう。

そもそも、HTML5目的は、新しいHTMLなんかじゃない。

正確には、新しいHTMLなるための道標だったのだ。(過去形

君たちは、window.alertという関数を知っているだろうか。

この関数HTML5定義された最新の関数だ。

え?と思うかもしれない。でも、これこそがHTML5役割だった。

HTMLは、昔、ドキュメントだった。

ドキュメントにalertなんて在るはるがないのだ。

そうやってHTMLは分断されていた。

HTMLというドキュメント操作するAPIとしてDOM。そして、それ以外のAPI黙殺

XHTML1.xでも、それは繰り返された。

XHTML2.0が失敗したのは当然ともいえる。分断されたままアプリケーション拡張しようとしたのだ。

現状を省みずに、ただ夢を追った。

しかし、カウンター存在した。

HTMLの現状を認識することこそ大事であると。

既にHTMLドキュメントではなくアプリケーションであると。

アプリケーションとして見たHTMLには、windowというオブジェクト存在している。

それは”標準仕様”という名前を持たないだけの標準だと。

彼らは現状を定義した。HTMLを再定義した。

次に進むのに必要なのは新しい夢などではなく、現状の再認識だ。

認識さえすれば必要なモノは勝手についてくる。

そう、それがW3C採用され、君たちの知っているHTML5になった。

HTML5の次のバージョンは何ですか?」

HTMLからバージョンを消すことです。バージョニングなんて考えは古い。HTMLは常に更新されるものです。」

彼らはそう語っていた。

HTML5は新しいモノだと勘違いされたが、そうではない。

それは1つの側面でしかない。

大切なのは定義だ。だから勧告なんて待つ必要も無い。

window.alertがクロスブラウザで使える。それがHTML5だった。

君たちは、気付いてるだろうか。

以前よりもクロスブラウザで悩まされることが減ったことに。

最近はまたカオスになってるけどな!)

それこそがHTML5意味だった。

だが、それでも道を踏み外した。

また夢を盛り込もうとした。アプリケーションならアプリケーションなら。

そして、HTML5は、HTMLの再定義という意味を奪われて

新しいアプリケーションプラットフォームという肥料でまるまると太った豚になった。

豚は、そのままでは動かなかった。

HTML5の次のバージョンは、何ですか?」

HTML5.1です。」

HTML5は、終わった。

2013-11-25

http://anond.hatelabo.jp/20131125025227

デザイン側です。

IE6対応を切り捨ててほしいと何度願ったことか。

クロスブラウザ?何それおいしいの?(上司に一度は言ってみたい…)

2011-11-11

HTML5厨へ

上っ面じゃなくてちゃんとわかっている人教えてください。

モバイル版「Flash Player」の開発中止をどう見る?

http://japan.cnet.com/panel/35010348/300015677/

Adobeはなぜ失敗したか, Flash-Playerの敗退は歴史必然だった

http://jp.techcrunch.com/archives/20111109why-adobe-failed/


flashは死んだか


flashが死ぬべきシーンでは既に死んでる

今後来るhtml5をもてはやす必要もなく、

で“既に代替されている”



html5厨の中にはこのあたりごっちゃにして歓迎してるやつが多数いる



■なぜhtml5flash絶滅させるような気がするのか



主として、flashの描画系の機能を取り込んだから



くどいけど、その他の機能jsとかcssとかhtml5周辺の独自仕様

解決してることが多いからな!

html5マリオとか見てよろこんでるやつわかってるのか?

普通にhtml5覇権取るにはオーサリングツールがいるんだぞ。

adobeflash」てのは

全部含んでるんだ。

html5が現状見えてるのは、

までだ。


「描画系の機能flash(flex sdk)同等の仕様を用意することになるだろう」

ってだけじゃ劣化flashすぎんだろ。

あとadobe終わったっていってるやつ、

adobeは5のオーサリングツール作りゃいいだけだ


html5未来

html5flash機能取り込むとどうなるか?考えればわかるだろ。

それを一社じゃなくブラウザつくってる各社が実装するんだから・・・


お前らがflash嫌ってるのと同じ問題が発生して、

それを各ブラウザクリアしてかないといけないんだよ。

flash殺すのはいいけど、html5を中心とした代替環境できんのに何年かかるんだよ。

あと、リッチインターフェース作るのに、いつまでもなんのサポートも受けれないような

jsライブラリ組み合わせて、必死カスタマイズデバッグしなきゃいけないのかよ!



■何がいいたいのか


業務系のuxデザインつくっていくのに、flex使おうか、html&css中心で行こうか悩んでんだ。

誰か何かアドバイスくれよ…


flexは良いところが多くて工数も減るし、どこかでadobeの5オーサリングツールに乗り換えられるだろうから

別にいいんだけど、adobe心中ってのが…。


普通web屋としては、htmljsで苦戦しながらも自己責任スクリプトチマチマいじってる方が、

今後フレキシブル対応できると思うしなー



他にもこの中途半端な状況に困ってる奴いるだろ!

タイトル釣りですごめんない。

2011-10-23

ブラウザ欠点

Internet Explorer

わずと知れた標準ブラウザ

ただ、HTMLの解析やJavaScript仕様JScriptという独自言語を使ってたり・・・)がめちゃくちゃ。

HTML5等の最新の技術はまず使えない。

クロスブラウザの敵であって最強の反逆者

個人的には、使う価値なし。

Firefox

最近やたらとアップデートするのが流行ってる。

昔はこれが1番と言われていたが、最近Chromeに負けている。

拡張性はあるが、起動が重く、低スペックにはしんどいことがある。

Google Chrome

比較新参ブラウザ

Googleが作ったことだけあって起動もブラウジングJavaScript実行も全てが早い。

最強。

ただし、ユーザーの声が開発者に届きにくすぎる(これはIEでも言えるが)

その他

safariopera等も存在するが、

safariMACユーザ御用達

operaマニア御用達

といった感じ。

一般人は手を出さなくてもいい

これらは全て、筆者の個人意見であり、偏見を含む主観です。悪しからず。

2011-08-04

独学のプログラムエロ動画検索作ってみた

【お知らせ】2011/09/07

新しいエロWEBサービス作りました

http://d.hatena.ne.jp/uniqueweb/20110906/1315285545

プログラムは全く得意じゃないけれど最近よく見かけるようになったエロ動画検索自分でも作ってみたくて頑張ってみました。

近年、インターネットの普及によりエロ動画が自宅で簡単に見れるという素晴らしい時代になりました。

自分が若い頃はインターネットなんてものはなくエロビデオが主流でドキドキしながらレンタルビデオ屋に行き、可愛い女の子レジにいない隙を見計らってお兄さんにパッケージを伏せて空箱を渡しビデオを借りたものでした。

お兄さんにビデオ空箱を渡そうとした時に可愛い子がレジに戻ってきて焦って渡すのをやめてものすごく変な動きをしながらエロビコーナーに引き返していくなんてことも多々ありましたw

僕のお気に入りといえば「白石ひとみ」や「あいだもも」といった女優でよく借りてました。エロビを借りるということがものすごく恥ずかしい時代?年頃?でカモフラージュ普通ビデオと一緒に借りるということもしていました。それはそれは大変な思いでオナニーしてたんです

しかも、ビデオデッキ自体が貴重な時代でリビングに一台しかないのが当たり前でした。

深夜家族が寝静まってからヘッドフォンビデオを抱えリビングに行き暗がりの中でヘッドフォンテレビ差し込んでビデオ再生ボタンを期待に胸をふくらませながら押したものです。いいシーンを何回も見るためにビデオを巻き戻すんですが、ビデオを巻き戻すガチャガチャンという機械音で家族が起きてこないか?とかそれはそれはドキドキしながら見てました。一仕事終えたあとヘッドフォンを外したらジャックが外れていて大音量で喘ぎ声が響き渡っていたなんてこともありました。誰も起きてこなかったのは優しさなんでしょうか?w

さて、大分前置きが長くなりましたがエロというものものすごい技術発展させるものだと思いますエロのおかげで日本ビデオは普及しエロのおかげで日本インターネットものすごく普及したと言っていいと思います自分エロを通して技術の発展に貢献し自分自身のスキルアップになれば。という高い志を持ってこのサイト制作しました。決して自らのオナニーライフの充実と性癖を充たすため作ったわけではありません・・・

※2011.08.07 利用中のサーバーに障害が発生しているようで現在サーバー接続できない状態となっています・・・

※2011.08.07 23:53 復帰した模様です

サイト名:ヌキネーター

サイト名の由来は抜きネタからきています。抜きネーター、ヌキネーターという感じです

エロサイト制作工程日記にしてみたんで良かったら読んで下さい。そしてこのサイトを使って夜いろいろと励んでくれたら嬉しいです

では制作日記を書いていきたいと思います

サーバー選び

まず前提条件としてお金ほとんどかけたくない。アダルトサイトであるということから

サーバー選びからはいりました。

月の予算は5000円以内で考えていたのでけっこう探すのが大変でした。

日本アダルトサイトを許可している所はかなり限られていてさらにやりたいことができるのは

専用サーバーVPSしかないのでそうなると専用サーバー予算オーバーなので

VPSで探すことになり検索しまくってはじめに見つけたVPSはKAGOYAのVPSだったのですがβ版で募集を締め切っていて泣く泣く諦めました。

KAGOYAはかなり評判がいいみたいなので使ってみたかった。

次に見つけたのが○○○VPS海外サーバー日本語サポートがあり転送量の制限なしディスク容量100G

月1300円程度で借りれるということで初期設定費用に5000円程度かかりましたが借りてみました。

結果、ここは最悪でした。

  • 通信が頻繁に切れる
  • 激重
  • 借りて一ヶ月もしないうちにサービス継続が困難になりそうなのでIPが変わるとかメールがくる
  • まりに通信環境が悪すぎるとメールすると環境調査に協力してくれとメールがくる
  • 時間をかけて沢山の項目を調べて返信するも全く返答がない。

まりの酷さに1ヶ月で解約。

よく調べてみたら評判がものすごく悪い某VPS再販らしいです

お金時間をドブに捨てました・・・

もう失敗したくないと思い今度は比較的有名な海外サーバーLINODE

日本語サポートはないけれど抜群のサポートです

iptablesの設定でどうしてもうまくいかなくて拙い英語メールしてみたら

10分しないうちに返信がきました!

メールに書かれているとおりにコマンド入力したらあっさり解決。

素晴らしい!はじめからLINODEにすればよかった。

担当ブライアンはなぜか分からないけどとてもフレンドリーで親切に感じましたw

サーバー設定

LINODEは複数のディストリビューションから好きなものを選択できるので

とりあえず、64bit版を選択。

サーバー設定はほんとに面倒ですね。

一番面倒だけど重要だということで

SSH

Tripwire

chkrootkit

Clam AntiVirus

iptables

Apache

SSL

その他各種監視ツールの導入をしました。

ほんとに面倒でした。

データベース

はじめはmysqlストレージエンジンgroongaを使おうと思ったのです

初めに借りた最悪なVPSOSが32bit版だったのでgroongaがのソースが見つからずなぜかと思っていたら

どこかで見つけた記事で32bit版ではgroongaの性能を発揮しきれないということで32bit版の提供をやめてしまったらしいと書いてたので

じゃあ、sennaにするかということで最悪VPSsennaインストール

その後LINODEに変更したのでOSに64bit版を選択し念願のgroongaをインストール

しかし、調べてみると

などが理由で、結局sennaに戻して2度手間に・・・

プログラムもそれに合わせてその都度書き換えたので2度手間どころか3度手間4度手間でした・・・

senna導入はrpmでさくっといけるので簡単です

依存関係で少しはまりました。

まず

# rpm -qa | grep -i mysql

mysqlインストールされてたら削除

perl-DBIが必要なのでインストール

# yum install perl-DBI

そして下記の順番でインストール

rpm -ivh mecab-0.98-tritonn.1.0.12a.x86_64.rpm

rpm -ivh mecab-ipadic-2.7.0.20070801-tritonn.1.0.12a.x86_64.rpm

rpm -ivh senna-1.1.4-tritonn.1.0.12a.x86_64.rpm

rpm -ivh MySQL-shared-5.0.87-tritonn.1.0.12a.x86_64.rpm

rpm -ivh MySQL-client-5.0.87-tritonn.1.0.12a.x86_64.rpm

rpm -ivh MySQL-server-5.0.87-tritonn.1.0.12a.x86_64.rpm

rpm -ivh MySQL-devel-5.0.87-tritonn.1.0.12a.x86_64.rpm

my.cnfの設定をして終了

で肝心の全文検索ですデータ件数が5万件程度で少ないせいなのか、あいまい検索と比べてそれほど速さを実感できなかったです・・・

でもきっとすごく速くなったはず!

ちなみに「麻美ゆま おっぱい」で検索した場合、0.01 secで結果が返ってきました。

動画データ作成

さて、動画データ作成ですがいくつかのエロサイト制作記事でもあるようにスクレイピングということをします。

スクレイピングとはWEBサイトから特定の情報だけを取得することでネット上にあるサイトクロールして必要なデータだけを拾ってデータを作るといった感じでしょうか。

スクレイピングプログラム自体は以前にTidy関数を使って為替データ10分おきに取得するような物を作ったことがあったのでそれほど時間はかからいかなと思ったのですがけっこう時間かかりました。

スクレイピングにはTidyhtmlSQL、それにPHP Simple HTML DOM Parserを使いました。

下記のサイトを参考にしました。

phpによるスクレイピング処理入門

SQL みたいな文法で HTML を抽出する PHP のライブラリ

htmlSQLよりアツい!?jQueryみたいにセレクタでHTMLをparse(解析)する「PHP Simple HTML DOM Parser」

つの中で抜群に使えるのはPHP Simple HTML DOM Parserだったんです

ループ処理させるとメモリがすごいことになって今回のようなスクレイピングに向いてないみたいで

結局、htmlSQLTidyの両方を使ってスクレイピングしました。

両方ともPHP Simple HTML DOM Parserに比べるとうまくデータの取得ができないことが多く残念な感じなんですが他に選択肢がないので・・・

使える順に並べると

PHP Simple HTML DOM Parser

htmlSQL

Tidy

といった感じかもしれません。

おおまかにデータを取得して正規表現で特定データを抜き出しました。

広告との連携

広告にはDMMアフィリエイトを利用しています

http://affiliate.dmm.com/link.html

利用可能な物はパッケージ画像、サンプル画像(縮小)と書かれていたのでそれに従い画像を利用。

注記に※ユーザーレビュー引用いただけません。とだけ書かれているのでそれ以外は引用ありと判断して説明文とタイトルなどを利用

女優データジャンルデータDVDデータ、を紐付けたデータベース作成検索ワードに応じて検索結果に関連する商品を表示させるようにしました。

現状、売り上げ0で意味があるのか分かりませんけどw

負荷対策とか転送量とかDOS攻撃対策とか

エロサイトということで多少はチューニングとか設定とかしないとまずいかもと思い色々調べて設定しました。

やったこと

KeepAlive On

MaxKeepAliveRequests 60

KeepAliveTimeout 3

<IfModule prefork.c>
StartServers       7
MinSpareServers    5
MaxSpareServers   10
ServerLimit       30
MaxClients        30
MaxRequestsPerChild  4000
</IfModule>

様子見ということで2日間で設定してみました。

query_cache_limit=1M

query_cache_min_res_unit=4k

query_cache_size=16M

query_cache_type=1

とりあえずこんなところを設定してみましたが、爆発的なアクセスがあるわけでもないので有効なのか今のところ分かりません(-_-;)

Apache Benchでテストはしてみましたけど問題はない感じですが実際にチューニングができているか分かりません。

サイトデザイン

プログラマーとして有名なゆうすけさんのサイトgoogleを参考にしました。

シンプルで使いやすいようにしようと思いこのデザインしました。

3カラム中央可変となっています

クロスブラウザIE7、firefox3、chromeで行いました。

可変ものって作ったことなかったんですがけっこう面倒なんですね。

サイト機能

ブックマーク機能とメニューの折りたたみ機能検索結果の表示方法切替を作りました

まず、ブックマーク機能ですログインなしで気に入った動画ブックマークできるようにしました。

ブックマークに追加した動画ブックマークページで確認できるようにしました。

cookie機能を利用したらいけると思い色々調べてjquery.cookie.jsを利用。

保存したクッキー情報を呼び出してphpに渡して処理し指定要素にブックマーク一覧をloadメソッドで表示させるという感じです

$(function(){
$("#youso").load("xxx.php");
});

メニューの折りたたみ機能は人気AV女優AV女優別、人気タグなどをそのまま表示させるとずらっと長くなって邪魔だったのでつけました。

これには同じくjquery.cookie.jsを利用しました。

参考サイトhttp://blog.caraldo.net/2009/03/newjqqookiemenu.php

検索結果の表示方法切替にはZoomer Galleryを利用しました。

参考URLhttp://phpjavascriptroom.com/?t=ajax&p=jquery_plugin_zoom#a_zoomergallery

検索結果ページで表示される

[ここの画像]

××× の検索結果

44件中 1~10件目を表示

ここの画像の部分をクリックするとgoogleイメージ検索みたいに一覧でイメージ表示できるようにしてみました。

動画表示ページ

基本的に動画の埋め込みを許可しているサイトのみプレイヤー表示をしそれ以外は画像を表示し動画データリンクするようにしました。

埋め込み部分はあらかじめそれぞれのサイト対応したプレーヤー部分のコード記述しVIDEOIDの部分に置き換えるような形にしました。

XVIDEOSを例にすると

XVIDEOS場合かならず動画urlhttp://www.xvideos.com/videoXXXXXX/のようになりますのでXXXXXXの部分を

VIDEOID部分に置き換えるようにプログラムを組みました、

埋め込み部のソース

>||<object width="510" height="400" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" ><param name="quality" value="high" /><param name="bgcolor" value="#000000" /><param name="allowScriptAccess" value="always" /><param name="movie" value="http://static.xvideos.com/swf/flv_player_site_v4.swf" /><param name="allowFullScreen" value="true" /><param name="flashvars" value="id_video=VIDEOID" /><embed src="http://static.xvideos.com/swf/flv_player_site_v4.swf" allowscriptaccess="always" width="510" height="400" menu="false" quality="high" bgcolor="#000000" allowfullscreen="true" flashvars="id_video=VIDEOID" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object>
||<

その他の動画サイトURLの一部分のデータを使っているので同様の処理をしました。

まとめ

実際の作業は2、3週間ですが色々調べる時間が多くて制作に2ヶ月くらいかかりました。

自分エロ動画検索を作ってみて有名プログラマーさん達がいかに優秀なのか思い知らされました。

皆さん思いついて数日で作ってしまうのでびっくりです

全くWEBの知識がない人で4、5ヶ月ですごいの作っちゃう人とかもいるみたいですし世の中広いな~と思います

しかし、エロサイト作りで勉強になりますね~

大分、色んな知識を得ることができました。

これからプラグラム勉強しようと思う人はぜひエロサイトから入ってみて下さい。

きっと楽しいですよ!

そんなこんなで?頑張って作ってみたエロ動画検索、良かったら使ってみて下さい。

これで少しは技術の発展に役立てたでしょうか?w

アダルト動画検索ヌキネーター

P.S エロサイトを作っていてはじめは楽しくて興奮しながら作ってたのです最後の方はエロい物を見ても全く反応しなくなりましたw

  不能ではないんですけど・・・現在も性欲が著しく減退しております・・・

  そしてスーパーpre記法がうまういかないのはなぜ?はてな匿名ダイアリー投稿全然からない・・・

  そしてそしてプログラマーさんとかデザイナーさんとかエロい人とかお気軽にお声をおかけ下さい。

【お知らせ】2011/09/07

新しいエロWEBサービス作りました

http://d.hatena.ne.jp/uniqueweb/20110906/1315285545

2008-11-27

結構大きく変わるんだね。

[mixi] 新機能リリース・障害のご報告

http://mixi.jp/release_info.pl

mixi Platformの開放」においては、まず、2008年12月11日(木)より mixi アプリパートナー向けβ版の提供を開始し、2009年春には正式版を公開する予定です。

2008年12月10日(水)より、15-17歳の方々が『mixi』をご利用出来るように年齢制限を引き下げることになりました。

株式会社ミクシィ | PRESS RELEASE

http://mixi.co.jp/press_08/1127.html

1. mixi Platformの開放(対パートナー向け)

mixi OpenID2008年8月20日より公開中

mixi アプリ2008年12月11日よりパートナー向けβ版を提供。2009年春より正式版を公開予定

mixi Connect:2009年春より公開予定

* mixi Platformの開放にあたりパートナーを資金的に支援するファンドの設立も準備中

概要図

お知らせ「より開かれた SNS を目指して」

http://mixi.jp/guide_openmixi.pl

感想

従来のSNSは閉じたものが多く、FaceBookなど開かれたものであっても、SNS間の連係がとりにくい(データポータビリティ認証の問題)

という意味では閉じている点が多かった。

でも、今後は(今回のmixi革命に合わせて)連係がとりやすいようなSNSが広まっていって、検索・閲覧も透過的に行えるようになっていく、という流れなんだろうね。

なんかAPIが混在すると技術者にとって優しくないことになりそうなのが心配だけど。

規格がないぶんクロスブラウザ問題より深刻になる可能性もある。クロスSNS問題。

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