ひまつぶし雑記帖

web小ネタ:コピー禁止など

2013/3/20 [10:09:04] (水) 天気

kindleやibooksの新刊・既刊情報を掲載、表紙画像をそれなりの大きさで表示しようと思った時に、まんまimgタグで表示させるのはちょっと無造作すぎるなあ、と。自分で描いたイラストならともかく、お願いしたりいただいたりしたイラストだ。

そこで「画像コピー禁止」を検索して見つけた下記の方法で細工。

・画像の上で右クリック禁止伝統技
「onContextMenu="return false"」

・画像を簡単にドラッグ&ドロップできないように。
 表示する画像はcssで背景に指定して、表側のimgタグには透過gifを表示。

この方法を見つけたときは、よく思いつくなあ、なるほどなぁと呆れつつ感心。webなんて表示しているものはどうやったって取得されちゃうんでこの方法もその場しのぎ(例えばhttpでソースを取得しちゃえば画像ファイルのありかはわかる)

また、コピーされたくないテキストは以前に書いた 「個人情報をちょっと防衛」 のように。
・コンテキストメニューで右クリックは禁止
・ajaxを使って呼び出されるスクリプトでリファラなどをチェックして表示するorしないを制御
・表示してもjQueryで 「.bind("copy", function () { return false})」コピー禁止
にしておく。
マウスの右クリックもできず、キーボードショートカットでのコピーもできない状態になる。
右クリックできるように、とJavascriptを切ると当然ながらAjaxが効かないので、表示すらしない。

WEBは性善説を根拠にフリーであるべき(お金・対価がタダという意味ではない)と思うんだけど、残念ながらなかなかそうもいかないようで、ちょっとだけ。

ついでに。

ここんとこ雑記帖が重い=表示が遅いのでイラっとしていた。ここで何度も言うけど「WEBは早さが唯一の絶対正義」そんな状態なのに、各記事にカテゴリをつけるため、データベースにカテゴリ用テーブル、カテゴリと記事のリレーション用テーブルを追加。そりゃまた当然遅くなる。

SQLを改めて見てみたらば、indexをつけてたと思ってたテーブルの(いろんなSQL文の where句で最もよく使う)カラムにindexがついてないのに気づいて慌ててつけた。
結果、それまで体感で表示まで5〜7秒かかっていたのが3〜5秒に短縮された。
それでも遅いんだけど。これ以上の短縮はキャッシュで中間コードを保存するとか、静的ページを生成するとかになる。スクリプトの書き換えや運用も含めて考えなきゃいけないかな。
もしくはajaxのコンテナだらけにする…って、ajaxにすると検索エンジンが拾えないので却下だ。


サイトの細工やチューニングは、考え出すと・やりだすと面白いもんです。

[03/20 18:27:21] 追記。ということで、一部のパーツ単位で生成しておいて、DBからデータを取るのではなく、静的パーツを呼び出すだけにした。ほんの少し早くなった、ような気がする。


[2013/12/30 09:54:31] 追記。
直リンク禁止の定番も。
.htaccessで制御する(Apache)

.htaccess を置いたディレクトリ以下に適用される
・リファラをチェックして、自サイトからのアクセスなら 「is_ok」を設定。
・この指定の優先順位は、1)拒否 2)許可。
・すべてのアクセスを拒否する
・is_ok が環境変数に設定されていれば許可する


[2014/01/13 12:38:03]追記。
.htaccess でキャッシュコントロール

・cssやJavascript、画像などは1週間キャッシュする
・perlやphpはキャッシュしない

 

»電子書籍制作代行についてはこちら

東日本巨大地震

2011/3/20 [21:04:49] (日) 天気

かなりびっくりした。

被災されたかたには、本当に、こころからお見舞い申し上げます。まだまだ大変でしょうし、わたし自身なにができるわけでもないですが、できる範囲で応援したいと思います。

阪神淡路大震災のときも驚いた。でも、テレビで四角く切り取られた映像でしか見ることがなく、実感もできなかった。それはアメリカの911も同じ。映画を観てるような。
おのれの想像力の貧弱さを露呈したようなもんで、今回は実際にかなり揺れて、電車も止まりウチまで二十キロ超を歩いて帰って、足の痛みがそのまま実感となって直撃。
被災地の過酷な状況をテレビなどでみるにつけ、一度助かった以上は二度死ぬなんてありえないので、これからが本当に踏ん張りどころなのかな、と。1mmにもならないけど、iTunes経由赤十字で募金してみたり、ちょっと考えさせられる震災だ。

[03/20 22:10:37]
原発はどうやらひと段落した、のかな。

»電子書籍制作代行についてはこちら

スクロールバーでセンタリングがズレる

2009/3/20 [10:05:40] (金) 天気

~butch/zakki/ 以下は同じフレーム同じ雛形なのに、FireFoxで見てると、ページによってはセンタリングがずれてページがピコっと動くことがあって、気持ち悪かった。cssを疑ってピクセル指定しなおしたりしても変わらず。
ググれ、カス。
だった。検索したらあっさり見つかった。

FireFoxなど、タテスクロールが起こる場合にだけスクロールバーが現れるので、スクロールバーの幅の分横幅が変わって、センタリングのやり直しになるから、ズレる。なので、最初からどのページもスクロールバーが出てればいい、らしい。定番は以下。
html {} に、height:100% margin-bottom:1pxを指定して常にスクロールバーを出させる。

いろいろあるもんだ。

»電子書籍制作代行についてはこちら

今度は風邪ですかい。

2006/3/20 [21:33:25] (月) 天気

あれ?なんか歯痛が終わったと思ったら風邪くさいぞ。…なんでやねん。昨日、今日と風がやたら強くて乾燥してるからやられたのか。

メモ
vertical-align:bottom
テーブルにピッチリとイメージを配置したいのに、どうしてもイメージの下に数ピクセルの隙間。さんざん悩んでたんだけど、この指定をすればOKだったのか。
って、今さらなにを。
 [22:41:33] 
もひとつメモ。
下にも書いたソフトウエアデザインのpostgresqlの特集記事を読んで…。
postgresql の initdb で --no-locale なんてつけた覚えがないので、やり直し、と思ったのがハマリのもとだった。

pg_dump -U ユーザー名 -E euc-jp > db.dump
とやって普通にダンプしたつもりが

pg_restore -d db db.dump
とやったら復元できずにあせる。

PostgreSQLのユーザー権限で、
cat pgsql.dump | psql ユーザー名

とやったらどうにかうまく…いったのかな。

コンサル屋からあがってきた設計図を元にデザインとガシガシHTMLコーディング。なんだかんだ文句はあるものの、もともとなんも考えずに思いつきだけでできたサイトばかりなのと違って、まずは論理構造があって目的別に整理されていて、という作りの指示があるのは面白い。見出しタグやstrongタグを使ってCSSをかぶせて、と。シンプルなテキスト中心なのもいい感じだ。あとはこのような見た目シンプルなものを、お気に召すかどうか、だけやな。フラッシュで動かしたり画像をてんこ盛りすればそれでウケるのはわかってんだけど。それとは対極だからなぁ。

立ち読みで済ませてた「ソフトウエアデザイン」をつい購入。データベースの設計とか、ちょうど今考えてるところの回答がズバリ。狙い撃ちもいいとこだったのだ。道を歩いて、路地の占い師に、あなたの悩みはこれでしょ、といきなり指摘されてついつい金を払ってしまったようなもの、か。
…たかだか数ページに970円は高かったなぁ。

 

»電子書籍制作代行についてはこちら

DVDレコーダーが欲しいかも

2004/3/20 [16:57:15] (土) 天気

ゆうべは、小金井やるき茶屋でしこたま飲んだ。日本酒を飲むようになってから、酒に対してますますいやしく&だらしなくなってるような気がする。

で、今日は。
いきなりまたなんでみぞれまじりの雨なんだ。せっかくの週末なのに、指先がかじかむ寒さで行動半径が一気に小さくなり、とりあえずの吉祥寺。
テオ・アンゲロプロスDVDBOX第1巻の発売日。パルコB1のHMVで発見したけど、欲しいのは「旅芸人の記録」。ほかのカップリング2作品は見たいとも思わないし15000円弱の値段に給料前のサラリーマンは腰が引けた。
で、つらつら思うに。
「旅芸人の記録」をはじめ、LDで持ってるものをDVDに置き換えたいというだけなので、50枚以上あるLD分のDVDをいちいち買ってたんじゃ高い。中にはDVDになってないものもある。それなら、もしかしてDVDレコーダーを買って、自分でダビングしたほうが結果安くつきそうだ。
と思ってキムラヤを冷やかしたら、DVDレコーダーが6万弱で売ってた。明らかに自分でダビングした方が安い。どっかで金を捻出して買ってしまおう。

 [03/21 00:42:18] 
63.4キロ。19.3%
飲みすぎが祟ったか…。

»電子書籍制作代行についてはこちら

テロと戦争の違いがわからんよー

2003/3/20 [18:01:11] (木) 天気

いったいどういう了解があって、他の国に対して暴力を振るうことを許されるのか、まったく理解できん。
大量破壊兵器?アメリカとか一部の国が持っている核兵器は大量破壊兵器とはいわないのだろうか。自分たちが大量破壊兵器を持つことは良くて、自分たち以外が大量破壊兵器を持つことはけしからん、というのも理解できん。

武力行使などというとなんだかわからんが、しょせんはテロ・無差別殺人じゃないのかね。正義の有無?誰にとっての正義なのかしらん。
ひとり殺せば殺人者だが、1万人殺せば英雄、というチャプリンのセリフが21世紀になっても生きてるとはね。

アメリカは911だけじゃ足りないのか。

国際連合と国際連盟ってどこが違うのか。

とまあ、世界が大変な時だけど、今日も 自転車通勤。 それとこれとは話が別、てのが人間の「都合の良い便利なところ」だ。

んでもって、おとといネット通販で買った ゴジラロック というバイク/自転車用のカギが届いた。これは強力ということで定評がある、らしい。
いまどきのガキはワイヤーカッターとか持ち歩いてるらしいし、自転車の盗難は日常茶飯事という話。自転車の盗難が多いので路上駐車はやめてくれ、と防犯登録に行った警察でも言われたし。
昨日も新宿の歩道に止めてあるBD-1についてたのもこのゴジラロックだった。10万クラスのBD-1に、1キロもある5000円のカギをつけるのならかっこうもつくけど、4万のわたしのチャリじゃ分不相応かな(苦笑)でもまあ安心料だと思えば安い、かもしれない。
近々、某ゴヤセンセがBSのトランジットライトを買うらしいし。自転車の輪を広げて、自転車部でも作るか(笑)
花見のシーズン中にオフ会でも企画するかっ

カレンダーを見ると、連休あけたらいきなりもう24日、という日付。けっこう週明けはやばげだなぁ(汗

 

»電子書籍制作代行についてはこちら

profile

profile

 
doncha.net
名前:
飯田哲章
mail:
t2aki@mrh.biglobe.ne.jp
twitter:
t2akii

WEBサービス制作/電子書籍制作

検索
<<2017/03>>
   1234
567891011
12131415161718
19202122232425
262728293031

リンク

WINDOWS版サウンドノベル
おかえりください PC WINDOWS版サウンドノベル
『おかえりください』体験版

iPhone電子書籍アプリ
小説同人誌Select iPhone電子書籍アプリ
『小説同人誌Select』

[2 Page] »
1 2

TOTAL:2822

2017 (14)
1 (2)
2 (1)
4 (2)
5 (1)
6 (6)
7 (2)
2016 (41)
1 (5)
2 (5)
3 (2)
4 (3)
5 (4)
6 (6)
7 (2)
8 (2)
9 (3)
10 (1)
11 (4)
12 (4)
2015 (99)
1 (11)
2 (12)
3 (9)
4 (6)
5 (8)
6 (8)
7 (3)
8 (5)
9 (16)
10 (6)
11 (1)
12 (14)
2014 (112)
1 (16)
2 (5)
3 (6)
4 (12)
5 (16)
6 (19)
7 (9)
8 (6)
9 (4)
10 (8)
11 (6)
12 (5)
2013 (145)
1 (24)
2 (15)
3 (18)
4 (23)
5 (14)
6 (11)
7 (7)
8 (11)
9 (5)
10 (4)
11 (6)
12 (7)
2012 (103)
1 (1)
2 (1)
3 (4)
4 (3)
5 (7)
6 (26)
7 (17)
8 (5)
9 (8)
10 (10)
11 (11)
12 (10)
2011 (54)
1 (4)
3 (7)
4 (4)
5 (14)
6 (6)
7 (3)
8 (3)
9 (1)
10 (4)
11 (2)
12 (6)
2010 (70)
1 (12)
2 (7)
3 (6)
4 (6)
5 (3)
6 (10)
7 (6)
8 (4)
9 (3)
10 (4)
11 (3)
12 (6)
2009 (144)
1 (15)
2 (12)
3 (12)
4 (6)
5 (15)
6 (6)
7 (10)
8 (9)
9 (17)
10 (12)
11 (14)
12 (16)
2008 (148)
1 (10)
2 (6)
3 (10)
4 (11)
5 (13)
6 (10)
7 (13)
8 (19)
9 (18)
10 (12)
11 (13)
12 (13)
2007 (106)
1 (7)
2 (5)
3 (3)
4 (7)
5 (5)
6 (9)
7 (8)
8 (13)
9 (18)
10 (11)
11 (8)
12 (12)
2006 (158)
1 (28)
2 (28)
3 (25)
4 (7)
5 (9)
6 (7)
7 (12)
8 (13)
9 (10)
10 (7)
11 (6)
12 (6)
2005 (350)
1 (31)
2 (26)
3 (26)
4 (27)
5 (29)
6 (30)
7 (32)
8 (30)
9 (30)
10 (32)
11 (29)
12 (28)
2004 (292)
1 (24)
2 (24)
3 (29)
4 (27)
5 (28)
6 (25)
7 (26)
8 (24)
9 (12)
10 (19)
11 (26)
12 (28)
2003 (318)
1 (22)
2 (25)
3 (21)
4 (28)
5 (28)
6 (28)
7 (28)
8 (29)
9 (26)
10 (29)
11 (28)
12 (26)
2002 (317)
1 (29)
2 (26)
3 (26)
4 (25)
5 (28)
6 (30)
7 (27)
8 (21)
9 (25)
10 (27)
11 (28)
12 (25)
2001 (277)
1 (17)
2 (21)
3 (23)
4 (20)
5 (31)
6 (18)
7 (26)
8 (25)
9 (29)
10 (19)
11 (24)
12 (24)
2000 (53)
6 (9)
7 (4)
8 (2)
9 (3)
10 (1)
11 (15)
12 (19)
1999 (3)
7 (1)
10 (2)
1998 (18)
9 (9)
10 (7)
11 (2)