iPhone等のWebアプリをHTML5で構築する為のフレームワーク・Sencha Touchを触ってみた - かちびと.net
Moongiftさんの記事を見て興味が 沸いたので即DLしてみました。 iPhone等のモバイル向けのWeb アプリを構築するHTML5中心の フレームワーク・Sencha Touch。 個人的にはかなり良いオープン ソースでした。 という訳で、Sencha Touchを触ってみましたよ。これ使えば、低スキルの僕にでもアプリ作れそうです。 で、Sencha Touchってどういうもんなの？という方もいらっしゃるかと思いますので、ファイルに含まれているサンプルをご紹介します。 SENCHA かなり素敵なフレームワークでしたよ。HTML5っていうのがいいですね。含まれているサンプルを以下に簡単にご紹介します。サンプルの説明は動作の説明になります。 尚、含まれているファイルは画像ファイルとHTMLファイルとjsファイルのみですのでローカルサーバー等が無くてもサンプルを見る事が出来ますよ。 キャプ
iPhoneのロックみたいなUIでフォーム送信にロックをかけられるjQueryプラグイン「slideLock」:phpspot開発日誌
iPhoneのロックみたいなUIでフォーム送信にロックをかけられるjQueryプラグイン「slideLock」 2010年06月23日- slideLock Demo iPhoneのロックみたいなUIでフォーム送信にロックをかけられるjQueryプラグイン「slideLock」。 UIとしては次のような感じで、スライダーを右にドラッグ＆ドロップするとsubmitボタンがactiveになってフォームの送信が可能になります。 フォームの送信を厳重にしたい場合と、隠しパラメータを受け取って照合することでスパムの防止に使えるっぽいです。 ロック解除しないと送信できないので、送信前に確認の意味を込めたUIとして使うと実用的に利用できそうですね。 初期化は次のように行います。 $("#contact").slideLock({ labelText: "Slide to Unlock:", // ラベル
スマートフォン最適化を実施する際に最低限抑えておきたいこと : LINE Corporation ディレクターブログ
こんにちは。livedoor グルメを担当している澤田です。 livedoor グルメでは3月に、iPhone版Safariブラウザでの表示最適化に対応いたしました。これは、iPhone版Safariブラウザでlivedoor グルメを閲覧した際に、PC版の画面ではなく、iPhoneの表示サイズや使い方に合わせてカスタマイズされた画面を表示させるものです。 最適化されてないサイトの場合は、基本的にPCと同じ画面がiPhoneに表示されるので、表示される画面が小さく、大量の画像データなどを読み込むため表示に時間もかかります。 この「最適化」の作業を行うことで、iPhoneユーザーにとって必要な機能を、より使い易いナビゲーションで提供できるようになります。 今回はその画面開発時に、ユーザーの使い勝手に留意して設計した、いくつかのポイントについてご紹介します。iPhoneをお持ちの方は、ぜひSa
WebサイトをiPhoneで見やすくする5つの方法
2017年6月29日 Webサイト制作, Webデザイン, 便利ツール iPhone持ってないくせにWebクリエイターボックスをiPhoneで見やすいよう改良しました。iPhoneからhttp://webcreatorbox.comにアクセスすると自動的にhttp://webcreatorbox.mobify.meにリダイレクトされます。（されてなかったら直接http://webcreatorbox.mobify.meからドウゾ…）今回は下記に説明するmobifyというサイトからiPhone用サイトを作りましたが、他にも便利な方法があったので紹介してみます。 ↑私が10年以上利用している会計ソフト！ 1. CSSのみで切り替える iPhone用に作成したCSSを作り、デバイスの幅によって使用するCSSを切り替えます。 <link rel
【レビュー】モバイル向けWebアプリに特化した軽量JSライブラリ「baseJS」 | エンタープライズ | マイコミジャーナル
iPhoneやAndroidといった、フルブラウザを搭載するモバイル端末が普及しつつある。Webアプリケーションの開発現場も、そろそろこれらモバイル端末を無視できなくなってくるだろう。モバイル端末向けWebアプリケーションの構築には、インフラをはじめとしてさまざまな制約がつきまとう。 本稿ではモバイル向けWebアプリに特化した軽量JSライブラリ「baseJS」を紹介したい。 baseJSとは baseJSはPaul Armstrong氏が開発・リリースしている軽量JavaScriptフレームワークのひとつ。iPhone/iPod touch上で動作するWebアプリケーションの開発に特化したライブラリだ。Webアプリケーションを作成するにあたり、必要最低限の機能のみをサポートしている。 同ライブラリの最終更新日は2009年5月9日(米国時間)。公開当初のライセンスはCreative Comm
iPhoneのON/OFFを実現するjQueryプラグイン「iCheckbox」:phpspot開発日誌
Plugins | jQuery Plugins iPhoneのON/OFFを実現するjQueryプラグイン「iCheckbox」。 iCheckboxを使えば次のようなiPhoneのON/OFFを簡単に実装できるみたいです。 次のようなコードで実装することが出来ます。オプションを各種指定でカスタマイズも出来るみたい。 var options = { switch_container_src: 'images/bpm-frame.gif', class_container: 'iCheckbox_two_container', class_switch: 'iCheckbox_two_switch', class_checkbox: 'iCheckbox_two_checkbox', switch_speed: 450, switch_swing: -18, checkbox_hide:
大藤幹のHTML/XHTMLタグ辞典 : 本を買うよりもアプリで買った方が100倍便利だと思う！1674 | AppBank
大藤幹のHTML/XHTMLタグ辞典 : 本を買うよりもアプリで買った方が100倍便利だと思う！1674 大藤幹のHTML/XHTMLタグ辞典！iPhoneにHTML/XHTMLの辞書を入れて持ち歩くなんていかがでしょうとおすすめするのはappbank デザイナーのentrypostman! 「プロが認める唯一の本物のタグ辞典」とiTunesの説明欄。 単純な電子書籍ではありません。iPhone用に最適化して作られています。検索機能も素晴らしいですし、サンプルコード、そしてSafariがあるのでそのままそれが見れたり。iPhoneならではのトータルクオリティですよね。紹介します！ さて、早速検索してみました。 例として、引用タグ「blockquote」を見てみましょう。 充実しています。引用タグ「blockquote」の説明が上の2個の画面から続いてこちら。 しかもSafariでプレビュー
ポンクソフト
コンテンツ PHP入門 jQuery入門 Flash Flash(ActionScript)でゲーム作成入門 Flash(ActionScript)で様々なゲームを作ろう Flash(ActionScript)とPHPの連携入門 PHP（旧コンテンツ） PHPでファイルの読み書き・掲示板 PHPで日付・時刻の計算 PHPでアクセスカウンタ＆解析 PHPでGDを使ってみよう PHPとPostgreSQLの連携入門 Java （旧コンテンツ） Javaでシューティングゲームを作ろう Perl （旧コンテンツ） CGI(Perl)の基本と掲示板作成 C/C++ C/C++言語とDXライブラリでゲーム作成入門 （旧コンテンツ）C言語とelで様々なゲームを作ろう jQuery simple plugins ひとりごと、ふたりごと（ブログパーツ） オリジナルソフトウェア その他未分類なモノ iOSアプ
iPhoneのSafari対応について - プログラミングノート
Safari対応サイトを作った際にあまり調べていなかったので、ちょっと調べてみました。OS 3.0から使える機能も増えていて、簡単なアプリならネイティブアプリ作らなくても実現できますね。選択肢が増えるのは良いことです。 ブラウザの仕様 Web標準技術が使えるので、PCサイト開発の延長で作れる。 ブラウザ互換などは気にしなくて良いので、HTML5+CSS3で作りこむのもあり。 制限 リソースの制限 デコード後のGIF, PNG, TIFF 2MBまで デコード後のJPEG 32MB アニメーションGIF 2MBまで Canvas 要素 2MB その他リソースファイルはそれぞれ10MBまで その他制限 cookieサポート Flash, Javaアプレット, SVG(サポートされているようです), XSLTは非サポート サードパーティー製のプラグインは非サポート JavaScript実行時間
【ハイクオリティ】iPhone Toggle UIをCSSとjQueryで実現 ≪ JavaScirpt ≪ MOMA Labs
三度の飯よりiPhoneが好き！松本です。iPhoneがつながらないと誇張抜きでテンパリます。 かなりクリーンなソースでiPhoneのトグルスイッチを実現しているコードがあったのでご紹介します。なんてクールなんだ！ iPhone向けのサイトも多くなってきている昨今、これからガシガシ役に立つんじゃないでしょうか。 百聞は一見にしかず、まずはデモサイトをご覧ください。 ダウンロードとインストール iPhone Toggle Switches // Elijah Millerの【Download】から必要ファイルを一式落とします。 jQuery版とprototype版が用意されてるのも素晴らしいですね。私はjQueryに傾倒しているのでjQueryを選択。 HTMLの内で次のようにJavaScriptとCSSを読み込みます。 1 2 3 4 5 <head> <script type="jav
iPhone、スマートフォンでのWeb閲覧シェアで1位に――AdMob調査
スマートフォンからのWeb閲覧を最も活用しているのはiPhoneユーザーで、販売台数シェア1位のSymbian OS携帯ユーザーではないようだ。 スマートフォンの販売台数とWeb閲覧シェアは一致せず、販売台数では4位のiPhone OSがWeb閲覧シェアでは43％を占めて1位だった――。携帯向け広告企業の米AdMobが5月27日、こんな調査結果を発表した。 AdMobは7000以上の携帯向けWebサイト、1600以上のアプリケーションに広告を配信している。同社は毎月、この広告ネットワークのデータに基づいた調査結果を発表している。 2009年4月のAdMobネットワーク上のWebサイトおよびアプリケーション利用状況を米調査会社Gartnerが発表した2008年のOS別スマートフォン販売台数と比較したところ、Symbian OS搭載スマートフォンは販売台数ではシェア52％と圧倒的な1位だが、W
ソシオメディア | iPhone 向けソシオメディアサイト構築の裏話（設計編）1
iPhone の日本での発売が2008年6月に発表された直後、ソシオメディア社内で小さなプロジェクトが開始されました。ソシオメディアのウェブサイトを iPhone に最適化するというプロジェクトです。iPhone からソシオメディアサイト（www.sociomedia.co.jp）にアクセスすると自動的に iPhone に最適化された画面が表示されるようにしようと考えました。iPhone 発売までの期間は約1ヶ月。それまでに完成させることを目指しました。 iPhone がまだ発売されていない（手元にない）状態で iPhone 向けのサイトを作らなければいけないので、いろいろと難しい点がありましたが、当時すでに存在していた iPod Touch や iPhone SDK を使いながら、設計および実装を行いました。 まず設計段階で決めた方針は次のようなものです。 iPhone らしいユーザーイ
iPhoneで使えるjQueryプラグイン·jQTouch MOONGIFT
iPhone向けのサービス提供となるとついネイティブアプリケーションに目がいってしまう。だがネットワークが必須なものであれば、アプリケーション開発にこだわる必要はない。むしろ審査やObjective-Cの習得などに工数がかかってしまう。 iPhoneでjQuery ならばもっと容易に提供するiPhone向けWebサービスの方が合理的だ。そこで使えるjQueryプラグインがjQTouchだ。 今回紹介するオープンソース・ソフトウェアはjQTouch、iPhone向けjQueryプラグインだ。 jQTouchはjQueryプラグインであり、iPhoneやG1などWebKitを使ったモバイルブラウザで利用できる。とは言え日本では主にiPhone向けになるだろう。iPhoneでよく利用される機能を容易に実装できるようになっている。 様々な機能が盛り込まれている 左右に移動するアニメーションはもちろ
高品質なiPhone向けWebサイトを構築するフレームワーク·iWebKit MOONGIFT
iPhoneやiPod Touch向けのサービスを提供してみたいと思う人は多いはずだ。だが専用アプリケーションの開発はObjective-Cを習得する必要があったり（他の言語でもできるが）、App Storeへの申請が面倒に感じてしまうかも知れない。 iPhone/iPod Touch向けサイトを作るのに便利 その点、Webサイトであれば申請も不要ではじめられる。ネットワーク必須のサービスを作るならSafari経由でも十分かも知れない。そんな時に便利なフレームワークがiWebKitだ。 今回紹介するオープンソース・ソフトウェアはiWebKit、iPhone/iPod Touch向けのWebサイトを構築するフレームワークだ。 iWebKitを使うと、iPhoneやiPod Touchに適したWebサイトを簡単に構築できるようになる。左に移動していくナビゲーションや、テキストや画像を使ったリス
iPhone/iPod Touch向けインタフェーステンプレート·iPhone Universal MOONGIFT
iPhoneは国内ですでに7万台売れているそうだ。この数字が大きいかどうかは分からないが、iPod Touchと含めて考えると10万人以上のユーザがいると考えられるだろう。世界で考えれば数百万人のユーザが存在する。 iPhone/iPod Touch専用のHTMLテンプレート そのため、AppStoreのように専用端末でしか動かせないアプリケーションさえ市場になりえる。もしあなたがiPhone/iPod Touch向けのWebサイトを構築したいなら、これを使ってみると良いだろう。 今回紹介するオープンソース・ソフトウェアはiPhone Universal、iPhone/iPod Touch向けのインタフェーステンプレートだ。 iPhone UniversalはHTML、画像、CSSで提供されるソフトウェアで、あのiPhone独特なインタフェースのテンプレート集になっている。例えばリストの形
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
@media指定による、横幅に合わせた適切なレイアウト表示 | Blog – Gertrud
@media指定による、横幅に合わせた適切なレイアウト表示 - Blog - Gertrud
http://moto-mono.net/2009/06/04/turorial-using-iphone-like-input-delete-button.html
iPhoneからのアクセスをほぼ確実に判別する方法はありますでしょうか。…
http://kengo.preston-net.com/archives/003825.shtml