Web
tweetmeme_style = ‘compact’;tweetmeme_url=’http://dentaq.net/1707/html5%e3%81%a7iphoneandroid%e3%82%a2%e3%83%97%e3%83%aa%e3%82%92%e4%bd%9c%e3%82%8d%e3%81%86-phone-gap%e5%85%a5%e9%96%80-1/’;CheckHTML5によるAndroidアプリ「はてぶリーダー」を作るにあたり利用したのがこの「Phone Gap」というツールである。 HTML5によるアプリ制作の利点としては、iOS向け、Android向けを問わず、ひとつのプログラムソースから各プラットホームに対応したネイティブアプリを生成可能である点があげられる。 私も代表的なオーサリングツールのひとつ、PhoneGapを使用しまずはAndroidのネイティブアプリ作成してみた。 基本的な流れは 1.Eclipseの準備（Android開発環境の構築と同様） 2.HTML5コンテンツの作成 3.PhoneGapによるアプリの生成 4.アプリ(.apk)のアップロード 5.ダウンロード用ページの作成 6.端末にダウンロード となる。 詳細は文末のリンク先の記事を良く読むことで、 自作アプリのオーサリングの方法がわかる。 実は何も知らない私がしばらくの間疑問だったのは、 Phone Gapにより生成された多くのファイルのうち、 どのファイルをアップすればよいのか、という点。 フォルダ丸ごと？それともひとつでいいの？ これについては調べたらなんてことはない。 生成された.apkファイルひとつをサーバーに上げるだけでよい。 \workspace\プロジェクト名\bin\ 内の、拡張子が.apkのファイルをサーバに上げる。 このアプリを勝手サイトからダウンロードし端末に登録するには、 Androidマーケット以外からダウンロードしたアプリのインストールを許可する設定を行う。 方法は、ホーム画面でメニューボタンを押して[設定]を選択→[設定]から[アプリケーション]を選択→[アプリケーション設定]の[提供元不明のアプリ]をチェック。 以上、まずは簡単にPhone Gapを使ったiPhone/Androidアプリの作成方法をざっと紹介してみた。 感想としては、HTMLで手軽にアプリを作れるから、僕のようなプログラムに疎い人間も夢が広がる。 敷居が低いということは、無条件に、良いことだ。 参考サイト(1) Phone Gapのインストール～アプリの作成まではこちら http://phonegap-fan.com/install3.php 参考サイト(2) 1)で作成したアプリをサーバに上げAndroid端末にダウンロードするまで http://gihyo.jp/dev/serial/01/androidapp/0003?page=1
Continue reading about HTML5でiPhone/Androidアプリを作ろう (Phone Gap入門 – 1)
tweetmeme_style = ‘compact’;tweetmeme_url=’http://dentaq.net/1691/%e3%81%af%e3%81%a6%e3%83%96%e3%81%ae%e4%b8%80%e8%a6%a7%e3%82%92%e9%96%b2%e8%a6%a7%e3%81%99%e3%82%8b%e3%81%93%e3%81%a8%e3%81%8c%e3%81%a7%e3%81%8d%e3%82%8bandroid%e3%82%a2%e3%83%97%e3%83%aa%e3%80%8c/’;Checkダウンロードはこちらから はてブリーダー
Continue reading about はてブの一覧を閲覧することができるAndroidアプリ「はてなブックマークリーダー」を作ってみた。
tweetmeme_style = ‘compact’;tweetmeme_url=’http://dentaq.net/1669/%e5%9f%ba%e6%9c%ac%e6%83%85%e5%a0%b1%e6%8a%80%e8%a1%93%e8%80%85%e3%81%ae%e8%a9%a6%e9%a8%93%e3%82%92%e5%8f%97%e3%81%91%e3%81%a6%e3%81%bf%e3%81%9f%e3%80%82/’;Check午前は余裕だと思っていたが答え合わせをしてみるとそれほど余裕でもない6割超の正答率だった(iTECの採点サービスを利用)。 午後は5割弱の正答率だった。合格は難しいだろう。 午前は暗記中心。知っているかいないかが全ての問題が多い。 午後は、午前の知識を用い、いろいろな手掛かりを頼りに回答を導き出す応用力が問われる訓練という印象。 また、一見大変難しいが、落ち着いて読み込むと簡単な設問もあり、またマークシートなので消去法で二択くらいまで持って行ける問題が多く、問題を解いた時の手ごたえと比べて、意外なほど正解していると感じることもあると思う。 もう一回受ければ受かる気もするけれど、独学だとこれが限界かもしれないとも思う。午後対策などは、教えてもらわないとわかった気になる詰めが甘い学習となってしまう。 総じて、特に午後などは、試験問題を一読すると、泣きそうになるくらい苦しいけど、終わってみるとプログラミングのセンスが洗練されており、鍛えられた喜びみたいな感覚もある。。試験は実力を証明する場であると同時に、解きながら成長する場でもあるのだと思わせてくれる、大変良い試験だと思いますよ。僕はたぶん、受かってないけど。
tweetmeme_style = ‘compact’;tweetmeme_url=’http://dentaq.net/1673/wordpress3-2%e3%82%a4%e3%83%b3%e3%82%b9%e3%83%88%e3%83%bc%e3%83%ab%e5%a4%b1%e6%95%97/’;Check インストール後、このような画面になってしまいブログにアクセスできず焦る。 落ち着いてエラーログを読むと「tweet-this」というプラグインが悪さをしてるっぽかったのでこのプラグインを削除したら復旧した。 以下、エラーログ全文。 Warning: require_once() [function.require-once]: Unable to access /home/users/1/main.jp-dentaq/web/wp-includes/class-json.php in /home/users/1/main.jp-dentaq/web/wp-content/plugins/tweet-this/tweet-this.php on line 143 Warning: require_once(/home/users/1/main.jp-dentaq/web/wp-includes/class-json.php) [function.require-once]: failed to open stream: No such file or directory in /home/users/1/main.jp-dentaq/web/wp-content/plugins/tweet-this/tweet-this.php on line 143 Fatal error: require_once() [function.require]: Failed opening required ‘/home/users/1/main.jp-dentaq/web/wp-includes/class-json.php’ (include_path=’.:/usr/local/php5.2/php’) in /home/users/1/main.jp-dentaq/web/wp-content/plugins/tweet-this/tweet-this.php on line 143
tweetmeme_style = ‘compact’;tweetmeme_url=’http://dentaq.net/1648/flash%e3%82%b3%e3%83%b3%e3%83%86%e3%83%b3%e3%83%84%e3%82%92html5%e3%81%ab%e5%a4%89%e6%8f%9b%e3%81%99%e3%82%8bgoogle%e3%81%ae%e3%80%8cswiffy%e3%80%8d%e3%82%92%e8%a9%a6%e3%81%97%e3%81%a6%e3%81%bf/’;Check 「Swiffy」のトップ画面。 変換前のswfを選ぶ。 重要事項にチェックをいれるとUpload and convertが活性化する コンバート完了画面。左がコンバート前のswf、右がコンバート後のhtml5。 変換前後での、挙動の違いを確認できる。 コンバート時のエラーログも出力されている。 書き出されたhtmlファイルへのリンクも生成されるので、これを右クリックで対象をファイルに保存する。 書き出されたソースコード。JSON形式でSVGのベクターデータが書き出されているのがわかる。画像はbase64変換でバイナリデータ化されている模様。 データ量は、変換前が40K,変換後が120Kくらい。約3倍になっている。 しかしSVGアニメーションとしては大変優秀な軽量化がされている。 base64化されている画像をpngなどで外部ファイル化すればもう少し軽くなるであろう。 しかし、SVGはベクターで画像を描画するフォーマットであるはずなので、 base64変換されているのはどの部分なのか、ベクターで描画されているのはどの部分なのか、ソースコードの解明をすすめていきたい。
Continue reading about FlashコンテンツをHTML5に変換するGoogleの「Swiffy」を試してみた。
