はてなブックマーク

Niigata.pm Tech Talk #1に参加してきました スポンサードリンク Tweet 2012年4月28日に新潟市で開催された Niigata.pm Tech Talk #1 [atnd.org] に参加してきました。 時間が鬼のようにあったので、せっかく近い日時で開催するということで、もともとDTP関連の勉強会で使おうと思って作っておいたプレゼンテーションのシステム（s6.js＋Websocket）を使い、急遽Perlネタのプレゼンテーションとして仕立て上げました。 その前に僕のPerlでのスタンス： Perlはグルー、ダクトテープとしての利用 必要なアプリケーションがあるのならばCPANモジュールを探して作ることができる 業務で必要なプログラムを書くので、ほかの人が手を入れることを前提としたシステム構成（マニアックにしない） CGI、mod_perlどまり。永続化させてリバ

見出ミンMA31をモリサワTypeSquareのウェブフォントと、OpenTypeの実フォントで比較 スポンサードリンク Tweet そもそも、モリサワの見出ミンMA31なんて、横棒が極端に細すぎる書体なわけですが。 ともかく、モリサワTypeSquareの明朝体が、Windows版Google Chromeで見るとひどいらしいのですが、 モリサワTypeSquareを比較してみる [wakufactory.jp] ウェブフォントじゃなくて実フォントで見たらどうなるかというテスト。 ～～～ まず、ウェブフォント。 ▲横棒が飛んでーら 次に、OpenTypeフォント。 ▲見えたっ！ つうわけで、実フォントだとちゃんと見えるので、モリサワさんは、ウェブフォントの場合どうして横棒が飛んで見えるのか、説明したほうがいいと思いました。おそらく公式ルートでまともに回答できるフォントベンダーなんて、モリ

企業サイトで設置していたはてなブックマークボタンのマイクロアド行動ターゲティング解析のオプトアウト説明ができる自信がない スポンサードリンク Tweet いまさら、ウェブサイトに行動ターゲティングのトラッキングタグが仕込まれているからどうだ、というわけではないのですが[要出典]、はてなブックマークボタンにマイクロアドの行動ターゲティングのトラッキングタグが挿入されるようになっているのに気づいてしまい（→M.C.P.C.: はてなブックマークボタンのJavaScriptがdocument.write使っていてXHTMLで不具合があったのが直った（または9月1日からオプトアウト版はてなブックマークボタンが出ていた件））、これが今年9月からついたわけですけれども、9月より前に設置されたはてなブックマークボタンにも自動的に一定の確率で挿入されるようになっており、ユーザーの知らないところでトラッキン

Titanium MobileでRSSをこまごまと読み込む スポンサードリンク Tweet Titanium MobileというJavaScriptでスマートフォンアプリが作れてしまう開発環境を正月あたりからいじっているのですけれども、つまりスマートフォンサイトもいいけどスマートフォンアプリを作れるようになっておいた方がいいかなーということなんですけれども、まずは手始めに、RSSを読み込んで表示するやつを身につければいいかなーと思って、 Titanium Mobile を使って、シンプルなRSSリーダーを作る | バシャログ。 [c-brains.jp] を参考にしてみたのですが、Web上のRSS表示だったら、RSSを全部読み込んで不必要な分を捨てるような富豪的なプログラムでいいのかもしれないですけれども、スマートフォンなので、なるべく必要な分の通信だけするようにすればいいのではないか、と

AnyEvent::Twitter::Streamで自動再接続処理（whileループを使わない版） スポンサードリンク Tweet AnyEvent::Twitter::Streamの再接続の件をずうっと考えていたのですが、当初参考にしていた、 hidekiy blog: [perl] AnyEvent::Twitter::Streamで自動再接続処理 [blog.hidekiy.com] のとおりにすると、通常のAnyEventでの組み方の時はよさそうなのですが、Mojoliciousと同時に使用するなど、イベントループを共有する場合は、while(1){} のせいで、Mojoliciousのイベントループ開始までプログラムが進行できず、かといって、AnyEvent::Twitter::Streamの再接続の処理をMojoliciousに担当させるというのは難しそうなので、ここは、「Tw

Illustratorのバージョン違いで開けないEPSはMacのプレビュー.appでむりくり開けるのですがこれってトリビアの種になりませんか スポンサードリンク Tweet Twitterのロゴアイコンを使う必要があったので、 Twitter / ロゴとアイコン [twitter.com] からベクトルデータとしてEPS形式を落としてきたけれども、Illustrator CS3で開こうと思ったら、こんなのが出よる。 ▲うそだろーCS3だぜー？ アメリカさんに「こういうデータは最低Illustrator 8だろJK」とか言っても無駄無駄無駄なのです。調べてみたら、EPS形式で保存したアプリは、Illustrator 14、つまりCS4でした。 ちなみにデータのバージョンを調べるには、拙作のAiVersionChecker [dtpwiki.jp] で可能です……Mac用ですが……Perlなの

jQueryでFacebook Graph APIをコールして、自前でいいね！数を表示する スポンサードリンク Tweet Facebookのいいね！ボタンは、iframeで挿入するタイプなんですけれども、いいね！がされていないときは数が表示されるところが空白になって見栄えが悪くなるので、Facebook Graph APIをjQueryを使ってコールして、自前で描画すればいいのではないかと思いました。 今回のミッションは、 Facebook Graph APIの使い方を調べる APIの戻り値を調べjQueryで処理する方法を考える HTMLでデザインする となりますが2.だけ解説すると、 https://graph.facebook.com/http://www.yahoo.co.jp/ にアクセスすると、 { "id": "http://www.yahoo.co.jp/", "shar

WWW::MechanizeやWeb::Scraperはmetaタグを見てデコードするが、charset=Shift_JISのコンテンツって実際にはCP932なので化けるのを防ぐEncode::Alias スポンサードリンク Tweet WWW::MechanizeというPerlのウェブブラウザになりきるモジュールで、2006年9月の、バージョン1.21_01から、自動的にHTML文書のmetaタグなどからエンコーディングを取得して、デコードしてくれるのだけれども、オンライン上にあるほとんどのShift_JIS指定のHTML文書のほとんどが実際にはCP932（シフトJISのMicrosoft拡張）になっているために、文字化けしちゃうっていう問題があって、どうすれバインダー（未解決）っていうのを以前やりました。 M.C.P.C.: WWW::Mechanizeはmetaタグを見てデコードする

Google ChromeウェブブラウザにMojolicious::LiteサーバからWebSocketで接続しリアルタイムでTwitterのストリームを表示する スポンサードリンク Tweet Twitter Streaming APIからの出力をリアルタイムにWebブラウザに表示する実装を作るにあたり、Mojolicious::LiteサーバとGoogle ChromeブラウザをWebSocketで接続すればいいと考え、実際にできるかどうか試してみました。 動画でイメージを見たほうが早いので、下記をどうぞ。 Mojoliciousの発音がこれでいいかは知らない。 Filename: test4-anony.pl #!/usr/bin/perl use AnyEvent::Twitter::Stream; use Config::Pit; use DateTime; use Encode

実用！ PerlでコマンドラインからTwitter投稿（OAuth対応） スポンサードリンク Tweet （2013-2-5追記）※このエントリのあと、Twitter API version 1.0の提供が2013年3月までとなり、このエントリの内容が使えなくなりますので、補足エントリ Twitter API version 1.1対応Net::Twitter 4.00000_01が出ているよ - M.C.P.C. (Mamesibori Creation Plus Communication)を用意しましたので、そちらも合わせてお読みください。 ※このエントリは、実用！ PerlでコマンドラインからTwitter投稿（OAuth対応） - perl-mongers.org [perl-mongers.org] の再録です（perl-mongers.org消失によりサルベージ） まいど！

はてなブックマークボタンのJavaScriptがdocument.write使っていてXHTMLで不具合があったのが直った（または9月1日からオプトアウト版はてなブックマークボタンが出ていた件） スポンサードリンク Tweet ウェブサイトを、厳格にXHTML化したときに（MIMEタイプをapplication/xhtml+xmlとかにしたとき）、document.writeが使えなくなるという問題があるのですが、最近はやりのソーシャルボタンにも、document.writeやそれに類する仕組みを使っていて、動かなくなることがありました。 というわけで、はてなブックマークボタンも、document.writeを使っていて、コンソールにエラーが出る（動くことは動く）ソーシャルボタンの一つだったのですが、今日見たら直っていた、というお話。 はてなブックマークボタンについては、はてなブックマーク

Adobe従業員にFacebookの広告を使ってメッセージを伝える スポンサードリンク Tweet Adobe InDesignに存在するHWNDBasedPanerViewというウィンドウが出てしまって邪魔、という不具合があって、それで困っている人の存在をアドビに知らせて直してもらうように活動しているHWNDBasedPanelView.comというサイトがあるんですが、サイトを作った後に発売されたInDesign CS5.5では全然直っていなかった。 そこで目をつけたのは、Facebookの広告。Facebookの広告は、所属している会社を対象として広告が出せるのです。なので、実際にやってみました。 ▲Adobe従業員に対して広告を出稿した 日本のAdobe従業員だと、20人以下と表示されて、広告ターゲットとして少なすぎるということで、ほかの国を指定して、80人程度になり、やっと配信さ

baidu.jpのクローラー名変更に合理性が感じられない スポンサードリンク Tweet 特にこだわっているわけじゃないけれども、 baidu社員でない他人に、baidu社の事情で作業を強要する変更であれば理由の説明が必要だと思う （他の人や企業にコスト持ち出しで作業させることになるよね） baidu社員でない他人からすると、クローラーの名前を変更する合理性は微塵も感じられない ので、baidu.jpのスタッフブログ 「Baidu.jp」クローラーのユーザーエージェント（UA）名変更について | Baidu Japan Blog [staffblog.baidu.jp] に、 どういう理由でUA名を変更するに至ったか、説明をいただければと思います。 と、コメントしたところ、1カ月以上たっても書き込み承認が下りないので、問い合わせしてみようかと思って、ここに記録してみることにしました。 ▲ク

東北電力の計画停電予定告知ページのHTMLからYAMLに変換するPerlスクリプト スポンサードリンク Tweet 東北電力のウェブサイトで発表される計画停電予定告知ページのHTMLを読み込み、プログラムで扱いやすいYAMLに変換して出力するスクリプトです（2011-03-25現在）。 Filename: tohoku-epco.cgi #!/usr/bin/perl use strict; use warnings; use utf8; use Encode; use Encode::Alias; define_alias( qr/shift.*jis$/i => '"cp932"' ); define_alias( qr/sjis$/i => '"cp932"' ); use URI; use Web::Scraper; use YAML; binmode STDOUT => ':ut

スマートフォンのWebブラウザのときだけURIスキームのtel URIを使ったa要素を出す（jQuery使用） スポンサードリンク Tweet 以前、スマートフォンでアクセスしたときだけ、電話番号のところを、tel:03-xxxx-xxxx で表現されるtel URIのリンクを、SSIで付ける、というやつをやりました。 M.C.P.C.: スマートフォンのWebブラウザのときだけURIスキームのtel URIを使ったa要素を出す（SSI使用） んで、実際やってみるとソースが汚くなるんです。SSIの宿命ですが。 そんで、よく考えてみたらスマートフォンってJavaScriptが有効な状態でブラウズされているよね、ということに気付きまして、んであれば、SSIでやらずに、JavaScriptでリンクつければいいよね、と思って作ってみました。 <!DOCTYPE HTML PUBLIC "-//W3

WWW::Mechanizeはmetaタグを見てデコードするが、charset=Shift_JISのコンテンツって実際にはCP932なので化けるじゃねえか問題 スポンサードリンク Tweet WWW::Mechanizeという、Perlで使う画面表示がないブラウザがあるんですけれども、こいつは取得するHTML文書がShift_JISでも、UTF-8でも、metaタグのcharset指定を読み込んで、デコードしてくれる機能が今は付いています。 （追記：自動でデコードしてくれる機能は、2006年9月の、バージョン1.21_01からのようです。HTTP::Messageモジュールの、decoded_contentメソッドを呼び出すことで実現しています。） この機能は、WWW::Mechanizeの主な機能、自動巡回をするときに生きてくるのです。たとえば、「次の20件」のリンクをたどりたい場合は、

GMailがPostScript表示対応したので、PSインタプリタごとに表示が変わるEPSを送信してみたよ！ スポンサードリンク Tweet GMailがPSDやらEPSやら表示できるようになったそうです。 Google DocsとGmailでExcelやPhotoshopファイルの表示が可能に - ITmedia News [www.itmedia.co.jp] さっそく、ものすごく前に作った「線数を出力する製版記号EPSファイル」を送信してみました。ちなみに、このEPSは、面付けソフトで配置して、フィルムの出力線数を線数ゲージなど見なくても数字で見られるようにしたものです。 現場には投入されなかったんだけど。僕が自分で書くコードは社内では使われない傾向があります…… 線数を出力する製版記号EPSファイル [www.on.rim.or.jp] （XMLなので注意） 結果は…… ▲GMai

iPad用HTMLのメタタグapple-mobile-web-app-capableを試してみる スポンサードリンク Tweet iPadには、Webページを開くボタンを、ホーム画面に配置することができるのですが、その配置するときに、HTML内で、<meta name="apple-mobile-web-app-capable" content="yes" >とかしておくと、ホーム画面から開いたとき、Safariがフルスクリーンモードになり、あたかも普通のアプリのように見える、と言うネタがあったので、ちょうど手持ちのサイトではAdobe Creative Suite対応店マップ http://labo.dtpwiki.jp/printshop/ があったので、設定してみました。 次の画面は、それぞれ、上記メタタグなし、メタタグありの状態でホーム画面に登録したものです。登録した時点のメタタグ