iphoneのwebクリップアイコン

2010.04.27(火)

どうも、chomeoです。デザインリニューアル一発目に投稿できるなんてなんかいいもんですね!

デザインリニューアル任されたんですが、正直楽しかったです。ツイッターのAPIの取得とか新しいことにたくさん触れることができたと。

で、リニューアルついでに前々からやりたかったことしちゃいます。

iPhoneのsafariには、webクッリップ機能がついていて、好きなサイトをホームにアイコンとして設置することができるのでそのアイコンを作ろうかと。

<head>内に<link rel=”apple-touch-icon” href=”×××.png” />の一行でいけます。

後は、画像設置するだけ。簡単ですね。

続きを読む »

Chromeで選択した部分のみ印刷したいねん。

2010.04.23(金)

何かを印刷したい!と思ったときに、そのページが広告まみれだったり、背景画像をガンガンに使っていたりして、ほんとは「テキストと画像のこのすこしの部分だけでいいのに…インクがもったいない!紙がかさばる!!」という不満を持ったことはありませんか?^▽^
わたしは多々!あります。

情報サイトはすべからく印刷用CSSを用意しておいて欲しいです!!><
とは思うものの、企業サイトさんではなく個人の方の熱意と好意で制作されたものに対してそこまで求めるのはちょっと甘えすぎですかね。
広告収入で日々の生活を支えているかもしれないですしね。
と反省し、自分の手でどうにか解決したいと思ったときに、以下の2点のやり方を思いつきました。

  • IEで「選択した部分を印刷」機能を使う
  • ユーザースタイルシートを使用する

1点目:IEで「選択した部分を印刷」機能を使う
普段Chromeを使っているので、印刷のときだけIEを立ち上げるの面倒 → 断 念

2点目:ユーザースタイルシートを使用する
以下の記事を参考にしていろいろやってみたけど、よくわからなかった。わたし個人として理解するまでの時間がかかりすぎ。面倒 → 断 念
Google Chromeでのユーザースタイルシート管理にChromeStylist

もっと手軽に!!と思って調べていくうちに、
ChromeにIEtabを導入して印刷するというのを発見。
面倒じゃないけどしかししっくりこない!!

もっともっと手軽に!!あとできれば便利に!!あとできればスマートに!!と調べていくうちに、
Evernoteと併用する、という方法を発見。
Evernoteをご存じない方はこちら:Evernote企画:第一回:Evernoteとは何なのか?

ChromeのエクステンションであるEvernote Web Clipperを使えばほんのすこしのドラッグとワンクリックで欲しい部分だけノートにクリップすることができます。
さらに、クリップした画面からすぐさま印刷ができるので、まさに自分の欲しかった部分だけを印刷することができます!!
編集機能もありますので、自分のわかりやすいように情報を並べ替えたりしてからの保存もできます!^^
し!か!も!!Evernoteならアカウントひとつでたくさんのデバイスに対応。というだけあって、ネットさえ繋がればどこでだってその情報を引き出すことができます。

これで素敵情報印刷&クリップライフが送れること間違いなし!
というわけで個人的に解決したのでこの議題は終了。

HTML5+CSS3でZenCodingを使ってざっくり組んでみた。

2010.04.21(水)

流行に乗ってみたよ!→Demo
無駄に背景2つ使ってみたりしてます^^
ゆくゆくはスターターキットにしたいと思ってるので細かいpaddingなどは指定していません。

(4/22)
FlashDevelop3.1.0_RTMが出たと教えてもらったので、EmEditorからそっちに移行。
しかしCSSのZenCodingには対応していなかったorz
色設定とかフォントとか環境を見やすいように適当にいじった後、コーディング開始。
パンくず・pagetopを追加。
リンク内容によってリンクアイコンが変更するようにCSSを記述。
a[href$='.pdf']{
padding:2px 18px 1px 0;
background:url(../img/pdf.png) no-repeat center right;
}
a[href^="mailto:"]{
padding:1px 18px 1px 0;
background:url(../img/email.png) no-repeat center right;
}

続きを読む »

WEBサービスってすごい2

2010.04.19(月)

つい最近カーリルというWEBサービスを見つけまして、独身干物女のわたしとしては図書館を利用することが・・・まぁ・・・あるにはありますので、結構テンション上がりました。
2010年3月10日オープンということもあってまだまだ新しいサービスなのではないでしょうか。
カーリル | 日本最大の図書館蔵書検索サイト
続きを読む »

youtubeの動画URLを探すぜ

2010.04.13(火)

こんにちわ。beshinです。
うちの娘もスクスク育ってます。僕も成長しないといけないので、
Flashばかりではなく、たまには違うことやってみます。

ついこの前のyoutubeのリニューアルに伴い動画へのアクセス方法の仕様が変わりました。
前回のエントリーでインプットでyoutube使って、別の形でアウトプットさせようと企んでいた僕にとっては一大事です。
前はここのCGIをまんま使わせてもらってましたが、仕様が変わって以来うまく動いてないようです…
http://nondelion.com/archives/2009/04/08/2255

他の動画ダウンロード系のウェブサービスも見ても、軒並み停止してるぽいです。

仕方がないので、自分でやってみることにしました。

結論から言うと、今回はうまくいきませんでした。

でも、とりあえずプロセスだけ共有します。(まああんまり役に立たないですが…)

まずはじめに、動画のファイルを調べました。
昔はIEとかのテンポラリアイテムをみてやってましたが、firebug接続でダウンロードの様子を確認できるので楽チンです。
一覧からそれっぽいファイルを探します。

次に、動画へのAPIを確認しました。

http://www.youtube.com/get_video_info自体はのこっているっぽいので、動画のIDを渡してみました。

http://www.youtube.com/get_video_info?video_id=eWp7R_uoWN4
get_video_infoというファイルがダウンロードできるので中身をみます。
いろいろ解析してみると、さっきのダウンロードファイルぽいURLがありますね。

というわけで超適当にPHP買いてURLを表示させてみます。

<?php

require_once “HTTP/Request.php”;
$key = “fmt_stream_map”;
$id = $_GET["id"];
$req =& new HTTP_Request(“http://www.youtube.com/get_video_info?video_id=”.$id);
if (!PEAR::isError($req->sendRequest())) {
$elements_body = split(‘&’,$req->getResponseBody());
}
$querys = array();
foreach( $elements_body as $element ){
$arr = split(‘=’,$element);
$querys[$arr[0]] = $arr[1];
print $querys[$arr[0]].”<br>\n”;
}
$arr = split(‘\||,’,urldecode($querys[$key]));
print ‘<a href=’.$arr[1].’>’.$arr[1].’</a>’;
?>

localhostからアクセスすると、普通にダウンロードできました。

お!とか言って小躍りとかしましたね。

調子にのって、サーバーで確認しました。

失敗です。まあ当たり前っちゃ当たり前。

とりあえず、現状を把握するためにいろいろ試してみました。

firebugのURLをfirefoxで見るとセーフ。
他のブラウザで見るとアウト。(UAが違うから?)

localhostで表示したURLはどのブラウザでみてもセーフ。(リファラーが同じだから?)

サーバー経由でアクセスした場合はどれでもアウト。(リファラーが違うから?)

さてさて、とりあえずリファラーとUAあたりかな?このへんをどうにかできるテクがあればいけそうだけど、今回は断念・・・。

なんかわかったら続き書きます。

四月バカの楽しみ方

2010.04.06(火)

気がついたらもう4月!春眠は全く暁を覚えないpearmasterです。。。
大阪でも桜が満開になって至る所で花見が繰り広げられています
これぞ日本の春の風物詩って感じですね♪

そしてこの時期に忘れてはならない行事として、エイプリルフールがありますねー
今年も楽しませてもらいました
Webサイトでも各社が競うようにネタを仕込んでいました
毎年よく考えるなーとつくづく関心してます

ってな訳で、いつくかのサイトを魚拓ってみましたー

円谷プロ

ここは毎年サーバが落ちるくらい話題になってますね

はにわっく坂神

鉄ちゃんの間ではかなり有名なサイト
元々は阪神電鉄の中の人が話題提供しているサイトなのですが、毎年4月1日は完全なネタサイトに早変わりします

あとはつらつら貼ってみますね~

グーペ

ニコニコ動画

eiga.com

フジテレビ

教えたい!goo

@nifty 3D

ツイナビ

今年は3D元年といわれるだけあって、
エイプリルフールネタもそれに沿ったものが結構見られました
Yahoo!も3Dバージョンをつくてましたが、Silverlight入れないといけなかったんでやめました・笑

こーいった催しが日本で行われるようになったのってつい最近じゃないでしょうか??
昔はあまり良しとされなかったですが、今はそれを楽しめるようになりましたね
自分の会社のサイトでもこんなんやって欲しいなーと思います
・・・そういや今年のツツヌケのネタはどんなんやったんやろ