年別アーカイブ: 2010年

テキストファイルを行数で分割できるフリーソフト「Div」


大量のテキストがあるテキストファイルを壊さずに希望の行数で分割できるすばらしいフリーソフト。
2006年から存在していたらしいんだけど上位に来てなくて今まで見つからなかった。。
今まで他のフリーソフトとお手製のバッチを使ってかなり手間だった作業が一発で終わる。
▼Div
http://www.vector.co.jp/soft/win95/util/se088352.html

iPadやiPhoneなどwebkitブラウザでoverflow:scrollが不便な件


iPadなどでoverflow:scrollを使った場合、スクロールするには2本指でなぞらなければならない。

2本指の仕様を知らない(ほとんどの?)人のためにコンテンツ上に説明を書くか、
回避方法を考えなければならないと思い調べてみたところ、
すでにスクロール問題を解決できるJSがあるようです。

▼jQuery.flickable
http://lagoscript.org/jquery/flickable
▼iScroll
http://cubiq.org/iscroll

ただ、自分のやりたい事にはうまく当てはまらなかったので、
iPadのときでスクロールが出たときだけ注釈を表示するJSを自作しました。

▼css

<style type="text/css">
div#contents{
width:300px;
height:200px;
overflow:auto;
border:1px solid #ccc;
}
div#contents p{
height:500px;
}
</style>

▼html

<div id="contents">
<p>コンテンツA</p>
<p id="found"></p>
<p>コンテンツB</p>
</div>

▼JavaScript

<script type="text/javascript">
if(navigator.userAgent.match(/iPad/i) && document.getElementById("contents").scrollHeight > document.getElementById("contents").offsetHeight){
var found = document.getElementById('found');
var mobile_caution = document.createElement("span");
mobile_caution.innerHTML = '※このエリアは2本指でなぞると縦スクロールできます。';
mobile_caution.setAttribute("class", "mobile_caution");
found.appendChild(mobile_caution);
}
</script>

▼デモ(iPad用)
http://www.kuzumi.net/sample/overflow_ipad.html
※2011/1/19 リンクが認証エリアだったため修正

▼iPad(iPhone)の困った仕様
http://hcondo2000.blogspot.com/2010/06/ipadiphone.html
▼iPhone(iPod Touch)のブラウザでoverflow: scroll;
http://akihiro.jugem.jp/?eid=202
▼overflow:auto できないモバイルSafari
http://www.inazumatv.com/contents/archives/4786

Yahoo!地図クリック検索 for Google Chrome Extensionを作ってみました。


Yahoo!地図の地図画像上に書かれている地名やマークをクリックできるYahoo!地図APIの新機能「注記クリックプラグイン」を使って、クリックするとYahoo!検索での検索結果が表示されるGoogle Chrome Extensionを作ってみました。

ときどき地図画像内の難しい漢字の地名をコピペしたいのに、
できないことがあったので、そういうときにも便利な気がします。

▼Yahoo!地図クリック検索 for Google Chrome Extension
https://chrome.google.com/extensions/detail/jijjoiifjkmkdgnalajckocnefpflokh

Googleマップ(クリック検索はできません)やストリートビューにも切り替えられます。