スマートフォン対応関連記事(刷新版公開中)

現在スマートフォン対応のフォント実装実験を行っております。


やる夫之書様のご協力の元、スマホでもAAがズレないようにしております。


ただ、なにぶん自分の不手際などあるかとも思いますので、


動作報告が(できれば環境も含めて)いただけたら幸いです。


現在分かっている問題点

１：サイトの幅の関係上ズレることがある模様・対応中

→読者(@keage)さんの協力の元、対応策を講じました。
またその際それにつけても金のほしさよ様を参考にさせていただきました。大変ありがとうございました。


２：Mac・Operaで見られなくなっている → 修正済み。

Operaは確認いたしましたが、Macは持ち合わせが無いためそちらは未確認です。


３：機種依存文字等に関して文字化けの発生を確認・対応中？

→やる夫之書様で公開されているShift_JIS → EUC-JP 変換スクリプトにて対応実験中

読者さん(コメント欄)よりブックマークレットの提案がありました。
また、最近では専用のアプリもあるようです。

こちらはTextar Font Sample Blogさんやトラックバック先のタナボタは寝て待てさんで考案された
Textar Fontを導入していないサイトでもズレ等のない閲覧ができるブックマークレットを
やる夫之書様と上記の@keageさんが改良し
フォントはTextarFontより軽い「Kuma_Lite」を採用してiPhone/iPadのみならずAndroid系列にも対応している模様。
さらに、したらば掲示板やVIPサービス掲示板のスマートフォン表示ページにも対応しているようです。

2012年12月27日に以前の「Kuma_Lite」フォントに改良を加えた「Saitamaar」フォントが公開されたました。
容量が微増しましたが、昨今の通信事情においては支障が起きにくいと考えられます。
ので、そちらのブックマークレットを掲載いたします。旧版・初期版は下部に引き続き掲載しております。


方法は直接このリンクをブックマークするか、以下の方法でお試しください。
※AndroidのChromeブラウザにおいては、ブックマークした後、URL欄に「ブックマークしたタイトル」を入力すると、ブックマークのリンクが候補として表示されます。
適応させたいページでURLにタイトルを入力し、ブックマークを選択して実行してください。

　１.下の文字列をコピー
　↓
　

javascript:(function(){var d=document,e=d.createElement('script');e.setAttribute('src','https://dl.dropboxusercontent.com/u/37890321/Saitamaar.js');e.setAttribute('charset','utf-8');d.getElementsByTagName('head')[0].appendChild(e)})()

　↑
　２.ブラウザ(iPhoneならSafari)を起動
　３.適当なページをブックマークに追加、見て分かるように「AA閲覧用」等の名前で保存
　４.そのブックマークを編集。URL欄を選択して[×]を押してURLを消し、アドレス欄に上の文字列を貼りつけ[Done]で完了


最後に見たいサイトを開き、ブックマークから先程のブックマークを選択


また、同様にお世話になっている「やる夫RSS＋インデックス」様より
やる夫ビューアー専用のAndroidアプリがリリースされています。
その他にもあるようなので、探すのもありかもしれません。


以下旧版（Kuma_Liteフォント）

方法は直接このリンクをブックマークするか、以下の方法でお試しください。
※AndroidのChromeブラウザにおいては、ブックマークした後、URL欄に「ブックマークしたタイトル」を入力すると、ブックマークのリンクが候補として表示されます。
適応させたいページでURLにタイトルを入力し、ブックマークを選択して実行してください。

　１.下の文字列をコピー
　↓
　

javascript:(function(){var d=document,e=d.createElement('script');e.setAttribute('src','http://dl.dropbox.com/u/37890321/Kuma_Lite2.js');d.getElementsByTagName('head')[0].appendChild(e)})()

　↑
　２.ブラウザ(iPhoneならSafari)を起動
　３.適当なページをブックマークに追加、見て分かるように「AA閲覧用」等の名前で保存
　４.そのブックマークを編集。URL欄を選択して[×]を押してURLを消し、アドレス欄に上の文字列を貼りつけ[Done]で完了


最後に見たいサイトを開き、ブックマークから先程のブックマークを選択


横幅は1280（width=1280,）、拡大縮小可（,user-scalable=yes）、フォントサイズ12pt（font-size:12pt;）
行間1.125行分＝18px（line-height:1.125;）と適用されるようです。
適宜自分の環境に合わせて数値を変更してお使いください。


初期版

上記のブックマークレットの改良試用運転版です。動作報告があると幸いです。
同様に直接このリンクをブックマークするか、

　下の文字列をコピー
　↓
　

javascript:(function(){var e=document.createElement('script');e.setAttribute('src','http://dl.dropbox.com/u/37890321/Kuma_Lite.js');document.body.appendChild(e)})()

　↑
　

以上となります。いつもご使用ありがとうございます。

そのままコピペする場合はこちらから
↓

javascript:(function(){var d=document,e=d.createElement('script');e.setAttribute('src','http://dl.dropbox.com/u/37890321/Saitamaar.js');e.setAttribute('charset','utf-8');d.getElementsByTagName('head')[0].appendChild(e)})()

↑


旧版
↓

javascript:(function(){var d=document,e=d.createElement('script');e.setAttribute('src','http://dl.dropbox.com/u/37890321/Kuma_Lite2.js');d.getElementsByTagName('head')[0].appendChild(e)})()

↑

初期版

↓

javascript:(function(){var e=document.createElement('script');e.setAttribute('src','http://dl.dropbox.com/u/37890321/Kuma_Lite.js');document.body.appendChild(e)})()

↑



文字化け出るよ！という方はこちらをお試しください(作者は@keageさん)


試用版の模様なのでバグ等保証はできませんが、一部文字が改善されております


この他お気づきの点がありましたら、ご一報くださるとありがたく思います。