2009-02-01から1ヶ月間の記事一覧

カレンダーを折り畳む

過去の日記等にアクセスする時に使うカレンダー。タップできるようにするにはそれなりのサイズが必要。 とはいっても、利用頻度に比べて存在が大き過ぎるので、 これもJavascriptを使い、通常は折り畳んでおくことにした。

ページ途中にもジャンプボタンを設置

私自身がなまけものなのかも知れないが、 ちょっと便利になると欲が出て、ページの途中で下にある 次のブロックまでスクロールするのが面倒な気がしてきた。そこでページ内のブロックの見出し右に、 次のブロックまでスクロールするボタンを設置する。せっか…

トップとボトムへのジャンプボタンを作る

2カラムを1カラムにしたもともあり、ページが縦長なのがこのSNS。 何度もスクロールしているうちに、 iPhoneでは意外に縦長ページのスクロールが面倒だと気づく。そこでメインのメニューボタンの下に ページ最下部へのジャンプボタンを設置することにした…

画面がメニューボタンで埋め尽くされる

通常のOpenPNEにはメニューがページの上部に18個ある。PCでは綺麗にまとまっているが、 iPhoneの場合、指でタップして選択することを考えると リンクボタンのサイズはあまり小さくできない。そこでボタンサイズは縦横44pxとしたボタンを並べることにした。縦…

View pointの設定

ユーザーが縦横好きなように向けて使えるのがiPhoneのいいところ。 View pointの設定によって、縮小拡大以外に、横使いで拡大するか、 同じフォントサイズにするかも設定できる。iPhone SNSでは横幅を480pxとして、 横使いでは原寸、縦使いでは縮小されるよ…

OpenPNEをカスタマイズ

インストールしたままでは、 iPhoneでアクセスした時に思い切り縮小された画面になってしまう。 表示を大きくするにはサイトの幅を狭くすることが一番。 基本方針としては横使いと決め、左右を480pxのデザインに変更していく。インターフェイスを大幅に変え…

OpenPNEをインストール

今、OpenPNEの旬といえば、3.0なのだが、使い慣れた2.Xの方がカスタマイズし やすかったので2.X系を選ぶ。 ダウンロードして、いくつかの設定ファイルを書き、インストール。 問題なくOpenPNEを設置できた。

サーバーを借りる

OpenPNEをインストールするとなると無料のサーバーでは難しい。 私が運営するiPhone SNSに人が集まるかでさえ未知数な状態なので費用はかけられない。 ということで、ハッスルサーバーで借りることにした。世間の評判はいろいろあるが、 私としては別にマイ…

まずはドメイン名を登録

iPhone SNSを始めるにあたり、サブドメインでもよかったのだが、ちょうどレジ ストラがキャンペーンをしていたので、別ドメインを取得することにした。 ドメイン名はiPhoneユーザーの誰でも覚え易くて簡単にわかるように、iphone- sns.com ちなみにiphonesns…

iPhone用メールアドレスQRコード表示サイトを立ち上げる。

iPhoneを使い始めると、赤外線通信に対応していないため、友人・知人等とのメールアドレス交換時に便利な方法が無く、不便に感じていました。そこで、無いものは作ればいい。という訳で、iPhoneの画面に自身のメールアドレスのQRコードを表示し、相手の携帯に…

iPhoneからのアクセス時自動的にスタイルシートを切り替える。

iPhoneからのアクセス時に、自動的にiPhone用のスタイルシートで表示させるために、以下のようにmax-device-width:480pxとmin-device-width:481pxを含むタグを追加して、それぞれのスタイルシートを読み込むようにした。<link media="only screen and (max-…

iPhoneでの閲覧用にviewportを追加する。

iPhoneとiPod touchについて書かれたブログを紹介する『ブログコミ』にviewportのタグを追加してiPhoneで見た時、縦横どちらでもフォントサイズが変わらないようにする。<meta id="viewport" name="viewport" content="width=device-width; maximum-scale=0…

WordPressのiPhone用プラグインWPtouchを導入してみる。

CMSツールとして数多く使われているWordPress向けにWPtouchというプラグインを見つけたので、試しに運営しているサイトの中から、03STYLEをiPhone対応にしてみた。東京をもっとクリエイティブに楽しむための情報ブログ 『03STYLE』PC版 http://blog.03style.…

iPhone Users SNSに登録してみた。

調べてみると、iPhone Users SNSというのがあったので、登録してみた。『iPhone Users SNS』 http://iphone.so-netsns.jp/

海外のiPhone専用SNSに登録してみた。

http://irovr.com/irovrというiPhoneに特化したSNSがあることを知り、登録してみる。 招待の必要は無いから、登録は簡単。とはいえ、 すべてが英語はやっぱり難しい。。

はじまりは、ここから。

2008年のクリスマス間近の頃。 ずっと使っていたauの通信費が意外と高かったことに気づき、 せっかくキャリアを変えるならiPhoneにしようと買ったところから。すっかり成熟した携帯とは違う、PCの創成期の頃のような端末は 実に魅力的だった。

iPhoneユーザーのためのSNS『iPhoneStyle』を立ち上げる。

サイトをiPhone用に変更したり、サービスサイトを作っていくにつれ、iPhoneの可能性に魅力を感じ、新たなサイトとしてSNSを立ち上げることに決めました。iPhoneユーザーのためのSNS『iPhoneStyle』 http://iphone-sns.com/

iPhone用壁紙サイトを立ち上げる。

iPhoneを使いはじめて1ヶ月、デフォルトの地球の壁紙を使っていたが、最初に入っている壁紙がどうも気にいらない。 国内、海外の壁紙サイトの中には、iPhod用、iPhone用のものもあるが、ちょっと面白くなかった。 せっかくなら変わった壁紙がいいと思って作…