kazumich.log

kazumich.log

a-blogのiPhone対応について

この記事は公開日より年以上経過しています

情報が古くなっている可能性がありますのでご注意ください。

現状はiPhoneの時に他のURLに飛ばすだけという仕様で作っていましたが、やっぱりケータイと同様に同じURLで出るようにしようかと思って対応中です。

実験的に iui を利用して作っていましたが、a-blog らしい作りにするべく、改良中です。お楽しみに！

更新

Facebookでシェアする Xでシェアする LINEでシェアする

シェアする

Recommendation

a-blog for iPhone について

アップルップルという会社名では、デベロッパー登録できなかったりして、リリースが少し遅れてしまっています。現状について少し報告です。 今回出来上がったアプリについてはa-blog用であり、a-blog cms用ではありません。 しかし、最近は a-blog cms が話題になる事も多く、a-blog cms用だと勘違いされる方も多いみたいで、このアプリのリリースのタイミングに悩んでおります。 もう少しすると a-blog cms 1.2 がリリースされます。 同じタイミングでのリリースは問題があるのではないか、でも a-blog を使っている人の方が多いし... もし、a-blog を利用している人で、最新版にアップデート（1.91b2）して、早く利用してみたい方がいらっしゃいましたら、コメントに連絡先のメールアドレスとかを書いて連絡下さい。

a-blog用のiPhoneアプリ近日公開

ずっと内緒にしていたa-blog用のiPhoneアプリについて情報を公開する事にしました。まだ、これからアップルにお願いするところなのですが、とりあえず、私のブログに投稿できるようになっていて「このエントリーはiPhoneからアップしています」は、iPhoneから投稿したものです。 残の機能としては、GPSの情報を付加できるようにしてエントリーの最後に地図を載せられるようにする事を実装すれば完成なんではないかと思っております。 以下にアップルップルのサイトに書いたお知らせにリンクしておきます。 a-blog用のiPhoneアプリ近日公開 | お知らせ | アップルップル この上の2枚の同じような写真ですが、よーく見てもらうと下の真ん中のボタンの画像が違います。分かりますか？ 1つできない事が段落の設定がありません。これについては、iPhoneでそこまで書かないだろうから、デフォルトの設定でPタグにするか、markdown にするかをシステム側で設定しておいて、見出しとか設定するような人は iPhone で markdown で書くようにするって事にしようかと思っています。 また、アップルップルのお知らせにも書きましたが、今のところはa-blog cms用ではありません。が、段落がテキストと画像が分かれて、段落毎の表示の設定が無くす事で、a-blog cms用になります。 アップルップルとしては、iPhone対応は外せないところだったので、なんとかメドがたってよかった！ そして、協力頂いた MACお宝鑑定団 の danboさん ありがとうございます。

右下にa-blogのアイコンが！

このエントリーはiPhoneからアップしています

内緒で準備していたa-blog用のiPhoneアプリが、そろそろ情報を出してもいい感じになってきました。このエントリーはiPhoneからアップしています。「続きを読む」とか画像を横に並べたりとかもiPhoneだけで可能です。 ここから Mac で追記 関連エントリーとして以下のエントリーがあります。 a-blog用のiPhoneアプリ近日公開

iPhoneでのトップページ

a-blog1.8のiPhoneの対応状況

昨日、a-blog 1.8をリリースし、USER AGENTから iPhone, iPod touch の判定をしてサイトのデザインと設定を切り換えて表示ができるような機能の提供を開始しました。 新規にインストールするだけで、基本的にはiPhoneではキャプチャと似た感じのページで閲覧できるようになります。 一番最初にお伝えしないといけない点としては、現在はiPhoneでの更新は通常のPCと同様のフォームからになり、iPhone側の仕様という事でフォームからの画像をアップする事はできません。 画像については、メールに写真を添付して投稿する事で掲載する機能が標準で実装されていますので、そちらをご利用下さい。将来的にはiPhone用のアプリを用意して、写真が地図を簡単にアップできるようになるといいですね。 それでは、現状の対応状況を書いておきます。 iPhoneでサイトのトップにアクセスした際には、タイトル一覧(headline.php)での表示になります。コンテンツのサイドに書かれているカテゴリーやタグの一覧等は下に畳んだ状態にしてあります。畳まれたデータについては、PCとは別の表示件数設定が可能となっており、例えば私のブログの場合には多すぎるタグについては、件数の多い順に指定件数だけを表示させるようになっています。 次に、アップロードした画像についてサイズを変更して表示ができるようになっています。横にあるキャプチャ画像のように本来は400pxの横幅の画像をそのまま表示してしまうとはみ出てしまうので、大きすぎる画像は強制的に設定サイズになります。 YouTubeの動画を貼った時、Google Mapsを貼った時も同様に最適化しています。 3つ目として、検索とタグの一覧からエントリーを検索する際には、通常はエントリーの本文が出ていて検索された文字列の色が違った感じに表示されていますが、トップを一覧にしているのと同様に検索の結果も一覧表示させています。タグについては、タグの絞り込み機能(※1)も持っていますので、必要な情報を探すのには便利だと思います。 最後にiPhone専用のデザインについてです。私のブログをiPhoneでアクセスするとページの一番下にMacBookProのアイコンがあります。これは、iPhoneであってもPCモードで表示させる切り換えボタンになっています。試しにクリックしてみて下さい。 すると、PCレイアウト表示になります。そして、(iPhoneレイアウトに戻す)というボタンが表示されるようになります。これは、通常は表示されておらず、iPhoneの時だけ出るようになっています。(※2) このように、iPhoneだからiPhone用に情報を減らして出しておけばいいという事ではなく、PC用のコンテンツにも出先でアクセスできる配慮をしています。 現状の対応では、このような感じです。 a-blog 1.8 では標準でiPhoneで閲覧しやすいようなレイアウトにしてあります。 iPhone のRSSリーダーに a-blog で作ったサイトがたくさん登録されるようになると嬉しいです。 以下の2つのブログは既に1.8にアップデートされているブログでa-blogで公開されています。 MACお宝鑑定団 blog [羅針盤] MACお宝鑑定団のブログ版 Walk on the bright side of life CSS Niteでおなじみの鷹野さんのブログ(※3) ---- ※1 絞り込み時に多くのタグが表示されPC同様のレイアウトになっているので2つ目の目的のタグを指でクリックするのがiPhoneで難しいという問題を認識しています。（どうしよ？） ※2 素でインストールした際には、この戻すボタンが表示できません。iphone.js をテンプレートに貼る必要があります。 ※3 鷹野さんのサイトはMT4.xからエクスポートしたデータをimport.phpを利用して読み込んで移行させる事に成功しました。1.8のimport.phpはアップデートされています。よろしければお試し下さい。

iPhoneの時にはimg.phpを利用で解決！

タイトルが何の事か分からない人がほとんどだろうけど、なんとかなったようです。 iphoneの時には画像に直リンクをやめ、img.phpを利用し、img.tpl.html に viewport の設定をしてやる事で、なんとかなりそうです。 もうちょい何かしてやらないといけない気がしてます。 それにしても、設定ファイルが大変な事になってしまっています。これをどう分かりやすくするかが、正式版1.8にするために考えないといけないところ。

15.6Kgになりました

iPhoneで画像に直リンクすると

iPhoneでこのエントリを見て、画像をクリックすると大きく表示されずに、逆に小さくなってしまいます。HTMLに貼ってあれば、なんとかできるんだけど画像に直接リンクしていると仮想のブラウザの横幅が悪さして逆に小さく表示されてしまう。困った！ こういう時には、どうする？

Contact

お問い合わせはこちら