合いの手カット機能実装試験中(2012/1/8分以降の記事のみ)/  

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


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


やる夫之書様のご協力の元、スマホでも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にタイトルを入力し、ブックマークを選択して実行してください。


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

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


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


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


以下旧版(Kuma_Liteフォント)

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


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

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


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


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


初期版

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

 下の文字列をコピー
 ↓
 

 ↑
 

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




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


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さん)


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


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

    次の記事『まとめ作品一覧表』  
[ 2011/08/19 14:29 ] 未分類 | TB(-) | CM(21)

iPhone + Safariで小さいAAの表記自体はほぼ問題なし。
ただ問題点1と同様に横幅の関係で自動改行されるため巨大AAはだめですね。
[ 2011/08/13 11:16 ] [ 編集 ]

iPhone + Safariで問題点1の解決確認しました。
その他に文字化けを確認しました。
どうも ℡ といった記号や Ⅵ といったローマ数字がiPhoneでは表示できないようです。
機種依存文字は文字化けする可能性がありそうです。
他のスマホでは分かりませんが・・・
[ 2011/08/16 20:16 ] [ 編集 ]

Re: タイトルなし

報告ありがとうございます。そうか、機種依存文字があったか……
[ 2011/08/16 20:49 ] [ 編集 ]

機種依存文字は該当する文字を全記事に渡って実体参照で置き換える必要がありますから、
対応するのは非常に大変なような。
一応スマートフォン表示+ブックマークレット利用でiPhoneでも文字化けなしで記事は読めます。

参考:http://yaruobook.blog66.fc2.com/blog-entry-1031.html#postscript5
[ 2011/08/17 00:58 ] [ 編集 ]

Re: タイトルなし

やはりこれを考慮する必要がありそうですね…… >ブックマークレット
いろいろやってみます、報告ありがとうございます
[ 2011/08/17 01:06 ] [ 編集 ]

Ipad2で見ていますがpcと変わらず使えていると思います。
[ 2011/08/20 21:21 ] [ 編集 ]

Re: タイトルなし

報告ありがとうございます、また何かありましたらご連絡ください
[ 2011/08/20 21:32 ] [ 編集 ]

iconia tab a500 pc版で見ています。
特に問題なく見れています by dolphin pad
[ 2011/09/03 11:30 ] [ 編集 ]

Re: タイトルなし

> iconia tab a500 pc版で見ています。
> 特に問題なく見れています by dolphin pad

報告ありがとうございます、以後何かありましたらご連絡ください
[ 2011/09/03 23:47 ] [ 編集 ]

iPad2でiOS Safariだとボックスの中がコピペできません。
[ 2011/10/29 19:06 ] [ 編集 ]

Re: タイトルなし

> iPad2でiOS Safariだとボックスの中がコピペできません。

報告ありがとうございます。Twitterの方で対処法を教えていただいたので適応しました。
これでもなおダメな場合は再度ご連絡お願いいたします
[ 2011/10/29 20:46 ] [ 編集 ]

iPad2でOSを最新にして(iOS 5.0.1)safari見るとAAがずれるようになりました。
少なくても昨年12月までは正常に見れていたと思います(長い間ソフトウェアの更新をしていなかっただけかもしれませんが)




[ 2012/01/10 00:08 ] [ 編集 ]

Re: タイトルなし

時期的にこちらの不手際の可能性があります。少し調べてみます
[ 2012/01/10 00:50 ] [ 編集 ]

お手数ですが、よろしくお願いします。
なおスマートフォンiphoneでは問題なく閲覧できます。
[ 2012/01/10 12:48 ] [ 編集 ]

挙動が妙だと思ったら更新してたのね
ここに報告でいいのかな

ブログでのAAにブックマークレットを適用させると
余計な改行がでるようになってます

他の方はどうなってるのかな
[ 2012/04/10 00:49 ] [ 編集 ]

Re: タイトルなし

> 挙動が妙だと思ったら更新してたのね
> ここに報告でいいのかな
>
> ブログでのAAにブックマークレットを適用させると
> 余計な改行がでるようになってます
>
> 他の方はどうなってるのかな

報告ありがとうございます。ひとまず以前のバージョンに戻しました。
[ 2012/04/10 01:26 ] [ 編集 ]

素早い対応ありがとうございます
[ 2012/04/10 08:31 ] [ 編集 ]

報告

やる夫板II掲示板の過去ログにブックマークレットを適用させてましたが
一週間ほど前からAA表示フォントへの変換が重くなったような気がします

以前は十秒も掛からずに変換されていたのですが
一分近く掛かったり変換されずにフリーズを起こしたりするようになりました

環境はIPhone4s です
ブラウザはSafariとsleipnir両方を使用しています。
[ 2012/04/16 23:31 ] [ 編集 ]

Re: タイトルなし

報告ありがとうございます。
以前よりKuma_Lite.jsファイルの容量が若干増えていたため、そのせいかもしれません。

以前のバージョンへと戻しましたので、この状態でも不具合がある場合はまたご報告下さい。
[ 2012/04/16 23:55 ] [ 編集 ]

童帝の作品を見ようとスマフォ起動するもAAは潰れたまま…
前は見れたのに何でだろ
俺だけかな?
[ 2012/06/12 23:08 ] [ 編集 ]

Re: タイトルなし

> 童帝の作品を見ようとスマフォ起動するもAAは潰れたまま…
> 前は見れたのに何でだろ
> 俺だけかな?

申し訳ありません、管理人の環境では再現できませんでした……。
FC2が不調等の理由で上手く機能しない場合も考えられますので、
なおも発生する場合はそちらの詳しい環境を書いていただけると幸いです。
[ 2012/06/14 21:52 ] [ 編集 ]

コメントの投稿













管理者にだけ表示を許可する