blog.migiue.jp

iPhone UiUIKit-2.1 + HTML5

Download: UiUIKit-2.1-HTML5.zip

This is a HTML5 version. Original xhtml1.0 version is here. http://code.google.com/p/iphone-universal/

The UiUIKit + HTML5 it's a collection of HTML5 examples of what can be done with CSS3 and Safari's Webkit. With this framework you can:

Fast prototype any web app with ease. Make you're own app using different iPhone original interfaces.

The framework is based on 1 stylesheet and several HTML5 examples, also, it contains original artwork so you can edit them in Adobe Photoshop CS and adapt it to your projects. With this framework you can build:

Headers

  • Simple header
  • With back button
  • With back and action button
  • With pre title

Normal Lists

  • Simple list (standard iphone list)
  • Contact list (address book list example)
  • Icon list (settings list like with icons)
  • Content List (similar to youtube app list, ical and others)
  • Metal list (similar to Clock app)

Rounded Lists

  • Standard
  • With content

Plastic lists (App Store like)

  • Minibanners
  • Big banners examples

Information fields

  • Address book profile example

Image lists

  • Loading sprites example list
  • Image gallery

Chat interface example

  • Chat bubbles example
  • Master chat bubble psd file

Forms

  • Standard form in Apple interfaces
  • Error fields
  • Small JS inline to clear content on click (just a simple example)

Buttons

  • Buttons panel
  • Buttons examples

Best enjoyed on a real iPhone This iPhone UI Framework kit is licenced under GNU Affero General Public License (GNU AGPL 3)

Tour de France 2009に行ってきた(準備出発編)

何年か前からツール・ド・フランスを現地で見てみたいなぁ〜と思っていましたが、ついに今年、現地に行ってきました。

17stでマイヨジョーヌを着るコンタドール
(写真:マイヨジョーヌを着るコンタドール)

「ツール・ド・フランス」というのは世界最大の自転車ロードレースで、フランスを一周するようなコース、今年は約3460kmを23日間で走ります。日本ではサイクルロードレースの知名度は低いですが、ヨーロッパではサッカー並に人気のスポーツです。そんなレースを観戦に行ってきました。いゃーすごかった。ツールが世界最大の自転車レースと言われる所以が分かったような気がします。ただレースの開催規模が大きいというだけでなく、それを支える地域と人々、自転車に対する文化と歴史、それを少しでも垣間見ることが出来たと思います。

日本人が出場！そして活躍！これはとても凄い事！

また今年のツールは日本の自転車ロードレース界にとっても、新しい歴史が開かれた大会となりました。今回、「よし行こう！」と決めたら、日本人が二人も出場することが決まり、とても良いタイミングで行けました。日本人で出場したのは、Bbox Bouygues Telecom所属の新城幸也選手、SKIl SHIMANO所属の別府史之選手。

レース後半〜最終日のゴールを観戦する日程で行ったのですが、最終日にパリで待っていても日本人のゴールは見られないのではないか...という気持ちがちょっとだけありましたが、全くの杞憂に終わりました。二人とも無事に最後まで完走するだけでなく、各ステージですばらしい仕事をして活躍しました。そして最終日のシャンゼリゼ、フミが逃げる姿をこの目で見られるとは...

ということで、次回また自分が行くときのために、そして誰か次に行く人の参考になればと思ってまとめてみます。

続きを読む »

Tour de France のルートをGoogleEarthで楽しむ

明日からいよいよTour de Franceが始まるわけですが、今年は日本人が2人も出場します。

ツール熱が高まって勢いで航空券まで買って見に行く気で満々なのですが、予習も兼ねてGoogleEarth上に各ステージのルートをプロットしてみました。

GoogleEarthをインストールしたら、以下のkmlファイルをダウンロードして読み込むと、ルートを俯瞰することが出来ます。

ツールのコースをGoogleEarthで楽しむ

本家サイトで公開しているPDFを見ながら手動でプロットしているので、本当のルートからは細かくズレている可能性がありますが、自分が走った気になってプロットしているので、たぶん合ってるような気がします。

まだ全て終わっていないですが、出来たところから公開していきます。

本家のルートページ : http://www.letour.fr/2009/TDF/COURSE/fr/le_parcours.html

WindowsWebServer 2008 をセットアップ　その２

前回のエントリーの続きです。

NEC 110Ge に Windows Web Server 2008 をインストールしてみました。

OSのパッケージには２枚のDVDが入っていて、１枚はx86用(32bit)のインストールメディア、もう一枚はx64用(64bit)のインストールメディアです。今回は32bit用のx86のメディアでインストールしました。

続きを読む »

WindowsWebServer 2008 をセットアップ　その１

先日CSS Nite in AOMORIに参加したときに、マイクロソフト社が「Windows Web Server 2008を10名様にプレゼント」という企画をやっていて、応募したらバッチリ当選してました。

サーバー機と共にWindowsWebServer2008が届いたので、さっそくセットアップしてみます。と言っても、最新版のWindowsServer2008系は初めてなので、各種Web上の情報を参考にしながらセットアップをしていきます。

続きを読む »

IWDD34でIE8とWindows7について学んだ

IWDD34でIE8について勉強してきました。すでにWindowsUpdateでもIE8の配布が始まっているので、ブラウザシェアもどんどん伸びてきています。制作者側が覚えておく事として以下の機能と使い方を、msdnのIE8の項目やIE8インデックスを確認しつつ、一つずつデモしながら学びました。

ちなみに、今回のデモ環境は、先日発表されたWindows7 RCのIE8を早速使ってみました。

WindowsXPでもWindowsVistaでもIE8は使うことができますが、せっかくなので最新の環境で確認です。Vista+IE7+メイリオだと中途半端にClearTypeがかかって英数と日本語とで綺麗に表示されない事があるんだけど、Windows7+IE8+メイリオではClearTypeの仕様が変わったのか、なかなか綺麗に表示されるような気がします。

レンダリングモードとDoctypeと対応CSS

ZDNetのIE8の記事を一つずつ検証しながら理解し、IE8の挙動を確認していきました。

印刷関連のCSSは一見して見えないところだけど、ぜひ対応していきたいところです。

Webスライス

Webスライスは、マイクロソフトが定義してIE8に実装した一種のmicroformatsと考えることができると思いますが、既存のサイトで対応するには指定のclass名を付ければOKだったりと、比較的そのままの開発状況で対応することが出来るので、積極的に対応していっても良いと思います。詳しくはWebスライスの仕様書にて確認。

実装のテストとしてIWDDの公式サイトのTOPページを、Webスライスに対応させるデモをその場でしてみました。

Apacheのログを見ると、IE8がWebスライスを含んだページ見に来て、ページ全体をGETしているようです。WebスライスのUser-Agentは「Windows-RSS-Platform/2.0 (MSIE 8.0; Windows NT 6.1)」のUAで見に来るようです(Windows7の場合)。WebスライスにTTLで有効期限を設定できるのが便利かも。

開発者用ツール

IE7ではアドオンという形でDeveloperToolを入れることが出来ていましたが、IE8では標準で最初から組み込まれています。便利ですねー。FirefoxのFirebugと同じようなことが出来るんだけど、CSSの一つ一つのプロパティをチェックボックスでON/OFF出来るところが便利そうです。CSSの一つをOFFにすると、それに合わせてspecificityも全て計算して表示し直してくれるのも良いです。

アクセシビリティ

IE8はARIAマークアップにも対応してると書いてあるけど、どのくらい対応しているのかは未検証。ThinkITにもIE8のARIAの特集ページが。

firefox - addonの自分用まとめ

今使っているaddonとかを自分用メモ。 普段からONにしているものは太字。

  • CSSViewer

    CSSの当たり具合を見るのに使う。

  • Defizila ViewSourceWith

    HTMLソースを好きなエディタで開く。Mozex入れたから必要なくなったかも。

  • Fasterfox

    Firefoxの同意接続数とかを変更する。about:config でも出来る。

  • Firebug

    必須。

  • FireMobileSimulator

    モバイル環境をシミュレート。

  • Flash Switcher

    Flashプラグインのバージョンをを切り替えたい場合など。

  • Flashblock

    Flashの無い環境を一時的に作りたい場合など。

  • Gmail Manager

    複数のGmailアカウントを管理。未読数の表示とか。

  • Google Gears

    なんとなく。普段は使わない。

  • Google Toolbar for Firefox

    ページランクを確認するときなど。

  • GooglePreview

    調べ物をするときに。

  • Greasmonkey

    気が向いたら。

  • JSView

    Firebugで事足りるか。

  • Link Evaluator

    リンク切れのチェックをするときに。

  • Live HTTP Headers

    ヘッダ情報を見るときに。

  • Mozex

    好きなエディタでHTMLソースを見たり、textareaを編集したり。

  • No-Referer

    リファラを出さない時に。

  • PDF Download

    PDFをデフォルトでダウンロードさせる。

  • Platypus

    気が向いたら。Greasmonkeyを書いたりするときに。

  • Selenium IDE

    テストテスト。

  • SEO for Firefox

    SEO指数を見たりするときに。

  • Tamper Data

    ヘッダ情報を見たりするときに。

  • User Agent Switcher

    UAを偽装するときに。

  • Web Developer

    必須。Firebugが有ればいらないかも。W3C Validatorへのリンクとか。

  • XPather

    Xpath確認するときとか。

  • YSlow

    Firebugを一緒に。

iTrail + TrailRunner が面白い

雪も溶けたので久しぶりに自転車に乗ったら、体がかなり退化していた...

約40kmの距離を平均20km/hで2時間軽く流す程度。これでもかなりきつい。絞らねば！

iPhoneでiTrailsというGPSトラッキングアプリを動かしながらログを取ってみた。ちなみにiTrailは岩手Mac友の会の白石さんが日本語訳をしています。

田舎の山の方を走っているので、電波の入らないところはGPSデータを取りこぼしているけど、なかなかの精度でトラッキングできている。

iTrailだけでもGoogleMapにマッピングしたり、高度グラフを作成したり、GoogleEarthでインポートできるKMLに書き出したりできるけど、取得したデータをTrailRunnerというソフトに流し込むと、一連の行程を再生したり、各ポイントの詳細データが分かったりしてさらに面白い。

今回は自転車で使ってみたけど、たぶん車でもバイクでも問題なく使えると思う。途中で電話の着信が入っていたけど、それでも問題なくトラッキングは続いていた。電池の減りは少し早いけど、アプリが落ちない限りうまく動きそう。

続きを読む »