YONEDA.WAB.CC

自社サイトをiPhone対応しました。

↓下記URLに、iPhoneまたはiPod touchでアクセスして頂くと、いい感じで見てもらえます。
http://www.wab.cc/

↓イメージ

自社サイトの内容はwordpressで管理しているので、トップページのみiPhone用のものを作り、その他のコンテンツは、「iWPhone」というプラグインを入れて対応しました。

使い方はこちらの記事を参照させて頂きました。

ポートフォリオ部分の画像のスクロールは、いまいちスムーズじゃないので、今後の改善点にします。

とりあえずiPhone用のWebアプリを作りました。

↓iPhoneで見るとボールを投げれます。
http://yoneda.wab.cc/iphone/test01/

結局、iPhone用のWebアプリを作るには、One-Finger EventsとかTwo-Finger Eventsを使いこなせればokっぽい。
あとはPC用のJavaScriptと同じ感じでごちゃごちゃすると動く。

↓イベントの説明
http://developer.apple.com/safari/library/documentation/AppleApplications/Reference/SafariWebContent/HandlingEvents/chapter_7_section_1.html#//apple_ref/doc/uid/TP40006511-SW1

あとはブラウザのアドレスバーを消せれば終わりやけど、htmlに<meta name=”apple-mobile-web-app-capable” content=”yes” />を書いても消えん。。。

もうちょい調べよう。

プログラムをblogに載せるのにSyntaxHighlighterを入れました。

導入メモ。

・SyntaxHighlighterをDL
　http://code.google.com/p/syntaxhighlighter/

・ActionScript用のSyntaxHighlighter拡張JSをDL
　http://yourpalmark.com/2007/09/19/as3-syntax-highlighting-with-syntaxhighlighter/

・それぞれサーバにアップ。

・wordpressのテーマのheader.phpに以下を挿入。

あとはコードの部分を以下のタグで囲めばok。

<pre name=”code” class=”actionscript”> 〜 </pre>

 ↓こんな感じ。いい感じ。

public function SyntaxHighlighter():void
{
    trace("SyntaxHighlighter");

    for(i=0; i<10000; i++)
    {
        trace("あああああ");
    }
}