たつをの ChangeLog : 2014-03-27

作業途中ですが、あまりまとまった時間が取れないこともあり、とりあえず現状を報告しておきます。

Flickr のPCブラウザのUIが変更になりました。強制変更で前には戻れなさそう。というわけで、「Flickr の新しい個別写真ページから貼り付け用HTMLコードを取得するブックマークレット」を作ろうとしています(昔のUI向けのブックマークレットが使えなくなったので)。クライアントサイドで完結するブックマークレットを目指しています。

追記: 新UIから貼付け用HTMLコードが取得できますが、いちいち iframe か a+img かを選んだり、サイズを選んだりが面倒なので、ここ[2014-02-10-1]のようなブックマークレット群を用意して一発ですましたいのです。これが開発のモチベーションです。)

YUIとか分からないのでやみくもな調査を行った結果、とりあえず、
「Share this photo ボタン」
を2回クリックすると
「div class="ui-dropdown ui-dropdown-closed c-share-linkembed-embedsizedd"」
以下に貼付け用HTMLコードが登場することが分かりました。

ただし、ブックマークレットで obj.click() すると、YUI由来(たぶん)のエラーが出てしまうという問題でつまっています。気にせずブックマークレットを2回実行すれば大丈夫なのですが、ちょっともやもやします。

以下メモ:
エレメント
 
div class="ui-dialog-wrapper"
> div class="ui-charmtabs c-share-linkembed"
> div class="ui-charmtabs-content"
> div data-tab="html" class="ui-charmtabs-contentitem-selected"
> div class="ui-dropdown ui-dropdown-closed c-share-linkembed-embedsizedd" #HTMLコードが入るところ
> a title="Share this photo" class="button share ui-util-dialog-anchor" #シェアボタン
 
(1) シェアボタンを2回クリックするとDOMツリーに全サイズのHTMLコードが現れるようだ。
なので、まずは
<a title="Share this photo" class="button share ui-util-dialog-anchor">...</a>
を2回クリック。
 
javascript:(function(){
var o=document.getElementsByClassName('ui-util-dialog-anchor');
o[0].click();o[0].click();
})();
 
javascript:(function(){
var o=document.getElementsByClassName('ui-util-dialog-anchor');
try{o[0].click();}catch(e){o[0].click();};
try{o[0].click();}catch(e){o[0].click();};
})();
 
javascript:(function(){
var o=document.getElementsByClassName('ui-util-dialog-anchor');
o[0].onclick=function(){};
o[0].click();o[0].click();
})();
 
どうしてもエラーが出て止まる。原因不明。YUIとかわかってないと無理かも。
ERROR: event.returnValue is deprecated. Please use the standard event.preventDefault() instead.
 
しかしバッドノウハウあり。もういちど実行すれば大丈夫。ブックマークレットは2回実行!(ひどい…)

(2) HTMLコードが埋まっている箇所にアクセス。
つまりは
<div class="... c-share-linkembed-embedsizedd" ...>
にアクセス。
 
javascript:(function(){
var o=document.getElementsByClassName('c-share-linkembed-embedsizedd');
prompt('',o.length);
})();
 
javascript:(function(){
var o=document.getElementsByClassName('c-share-linkembed-embedsizedd');
prompt('',o[0].innerText);
})();
 
javascript:(function(){
var o=document.getElementsByClassName('ui-util-dialog-anchor');
o[0].click();o[0].click();
var p=document.getElementsByClassName('c-share-linkembed-embedsizedd');
prompt('',p[0].innerText);
})();
 
そこのリスト(ul/li)から全サイズのaタグのみゲット。
 
(for safari, chrome)
javascript:(function(){
var o=document.getElementsByClassName('ui-util-dialog-anchor');
o[0].click();o[0].click();
var p=document.getElementsByClassName('c-share-linkembed-embedsizedd');
var u=p[0].getElementsByTagName('ul');
var v=u[0].innerText;
v=v.replace(/<iframe.+?iframe>/g,'');
v=v.replace(/\s\s+/g,'\n');
prompt('',v);
})();
 
(for safari, chrome, firefox)
javascript:(function(){
var o=document.getElementsByClassName('ui-util-dialog-anchor');
o[0].click();o[0].click();
var p=document.getElementsByClassName('c-share-linkembed-embedsizedd');
var u=p[0].getElementsByTagName('ul');
var v=u[0].innerHTML;
v=v.replace(/<\/?([sl]|if).*?>/g,'');
v=v.replace(/\s\s+/g,' ');
prompt('',v);
})();

2014年3月27日のヲハニュースをお届けします。

woha

超簡単にシネマグラフ(一部分だけが動いているgif画像)を作成できるアプリ「Cinemagram」が凄い! | OZPAの表4
おもしろそう!

BatteryOS搭載で長時間・長寿命を実現するMacBook用モバイルバッテリー「BatteryBox」 - GIGAZINE
ノマド(死語?)に最適だ! 欲しい!
と思ったが、MBA、結構バッテリー持つのでキャンプくらいでしか使い道ないかも?

ブロガーの寿命って短いよね。寂しいよね。 - 大彗星ショッカーのヒマつぶし2☆Returns
ちなみに私は(ウェブ日記から通算で)来年で20年です(どや顔)。

消費税増税前にケースで買うならこのビール | 生ビールブログ -とりあえず生!-
最近の「ビール風ビール」の中ではこの二つは良いですよねー。意見が一致。

みんなが会社に行く理由。 - ほぼ日刊イトイ新聞
ヤフーの社員食堂。

マナーのない人達について :: まゆるどんぽっぷ|yaplog!(ヤプログ!)byGMO
ローアングラー問題。

子どもがいる人は1万円をもらおう!『子育て世帯臨時特例給付金』のすすめ!(藤田孝典) - 個人 - Yahoo!ニュース
ふむ。

Hatena::Let
こんなのあった。ブックマークレット関連。

Amazon.co.jp: パンダが来た道: 人と歩んだ150年: ヘンリー ニコルズ, 遠藤 秀紀, 池村 千秋: 本

via 毎日新聞『パンダが来た道』書評掲載 - KASOKEN satellite

保育園送迎時に子供達がわらわら寄ってくるような子供ウケする服が欲しいなあと言っていたら、妻が通販でなにやら買っておいてくれました。ありがとう。

ベロが出る服!

口がポケットで上に目が付いています。ポケットの内側は赤い布でそれを外に出すとベロになります。つまりは、ベロ出し服です。ポケットは胸元と背中に付いており、背中のは巨大ベロ出しになりますよ。

ベロが出る服!

パーカーとカットソー。カットソーは妻が着ることになりました。

ベロが出る服!

実際にこのベロ出しパーカーを着て保育園へ行くと、子供達に大ウケ。「ベロ出して」「入れて」とリクエストされたり、勝手に引っ張り出したり、普通の服を着てる日には「今日はベロじゃないの?」とガッカリされたり。ただ、子供達にウケまくるのは良いのですが、うちの子が嫉妬してしまうのが難点。ほどほどの頻度で着ることにします。

ここのブランドの服です:
- UPSMILE ONLINE STORE http://upsmile.jp/

追記151007: この商品はもう売られてないようです。

「株式会社はてな」からiPhone向けソーシャルニュースアプリ「Presso by はてなブックマーク」がリリースされました。はてなブックマークのヘビーユーザの私はさっそく入れて使っております。カテゴリ別のおすすめ記事が流れてくるのですが、はてぶが直接できるのはうれしいです。はてぶのiPhoneアプリを毎日使って情報収集しているのですが、もうPressoでいいかも、くらいな勢い。

- iPhone向けソーシャルニュースアプリ「Presso by はてなブックマーク」をリリースしました - はてなブックマーク開発ブログ
http://bookmark.hatenastaff.com/entry/presso

とはいえ、マイホットエントリーやお気に入りタイムラインなどはこれじゃあ見れないんだよなあ。そのうち来るかな。というか、はてぶアプリと統合して欲しいなあ。あと、複数カテに記事が重複してることがあって、これってスマホで見るときには排除して欲しいです。クライアント側でなんとかなりそうではあるのでぜひ。dedup! dedup!

なにはともあれ素晴らしいです。私にとってはグッとくるアプリでした。今日からiPhoneのホーム(1ページ目)に鎮座です。

おやおや。

- 除菌グッズ効果の根拠なし 17社に処分 NHKニュース
http://www3.nhk.or.jp/news/html/20140327/k10013291181000.html
二酸化塩素という化学物質を使い、生活空間の細菌やウイルスを取り除くと表示して除菌グッズを販売していた全国の17の会社に対し、消費者庁は、効果が出る根拠がないとして法律に基づき、こうした表示をとりやめるよう命じました。
消費者庁によりますと、これらの会社は、販売する合わせて25の除菌グッズについて、ホームページなどに「二酸化塩素を発生させて生活空間の細菌やウイルスを取り除く」などと表示していました。
こうした表示について、消費者庁は、裏付けとなる根拠を示すようすべての会社に求めましたが、いずれの会社からも十分な根拠は示されなかったということです。
このため、消費者庁は、消費者に誤解を与えるとして、景品表示法に基づき、17のすべての会社に対しこうした表示を取りやめるよう命じました。

処分対象商品のリストを見ると、クレベリン! うちも置いてる、クレベリンゲル。

4年前には国民生活センターが、こうした除菌商品について、「どの程度、効果があるかわからない」として、消費者に注意を呼びかけていました。

あらら。でも、ノロやインフルからの精神的なお守りとしてこの冬機能してたから十分です。

あと、感染症予防は無理でも、カビの発生をある程度おさえる効果はあるかも。我が家の洗面所での観察結果によると、カビやすかった水周り品のカビが減っていることが確認されています。たまたまかもしれないし、他の要因かもしれませんが、まったくの無視はできないクレベリンゲルの存在。本格的な調査が待たれます。もうやってるかな。なお、カビ抑制は効能書きにもあります。

クレベリンゲル 150g

置いておくだけで持続的に浮遊するウイルス・細菌を除去し、カビの生育を抑制し、トイレや生ゴミ等の不快な臭いを消臭する消臭剤です。

そんなわけで、我が家では引き続き使用していきます。夏の消臭・カビ抑制に期待です。

ref.
- Wikipedia:二酸化塩素

追記140404:
- なぜか数字を塗りつぶしたグラフをクレベリンゲルの実験結果として公開する大幸薬品 - Not so open-minded that our brains drop out.

たつをの ChangeLog
Powered by chalow