iPadでHTML5でWebアプリを作ってみました。
こんばんは。LatLongLabの河合（@inuro）です。 ようやくiPadが日本でも発売されましたね。入手された方もたくさんいらっしゃることかと思います。 ヤフーではこのiPad国内発売にタイミングを合わせ、Yahoo!ラボで「yubichiz」というiPad専用の地図Webアプリを公開しました。 Yahoo!ラボ - yubichiz（ゆびちず） 詳しい機能はリンク先ページを見ていただくとして、 地図に書かれた文字（大塚家具、とか紀伊國屋書店、とか）をタップするだけでその店舗の詳細情報が表示されます 地図を指でなぞるだけで、なぞったラインの距離を測定できます 同様に地図を指でなぞるだけで、道沿いのお店を検索できます といった特徴があります。 またyubichizは、App Storeからダウンロードするいわゆる「アプリ」ではなく、HTML5を用いてiPadのSafari上で動作するW
WEBアプリ開発に便利な機能＆負荷テストツール集:phpspot開発日誌
15 Free Functionality And Load Testing Tools For Web Applications WEBアプリ開発に便利な機能＆負荷テストツール集。 プログラム変更後の品質チェックを行える機能テスト・ユニットテスト、負荷に耐えられるか確認するために負荷テストツール、で品質向上に役立てられます。 Selenium等の定番以外にも沢山の機能テストツールや負荷テストツールがあるみたいです。 機能テストツール集 Seleniumのようなブラウザを自動で直接動作させて表示結果を確認するツール うまく運用すれば、機能を変更した際の正常動作確認に神経をすり減らすことがなくなります SeleniumHQ おなじみのテスト自動化ツール テストケース定義で自動でブラウザ上でテストしてくれます Watir Rubyのブラウザ自動化ライブラリだそう。 Windowsだと、IE、F
法人だけでなく個人もmixiアプリの開発が可能に － ＠IT
2009/04/08 ミクシィは4月8日、「mixiアプリ オープンβ版」を公開した。同社のパートナー企業だけでなく、個人の開発者にもAPIや開発環境が提供され、mixiアプリの開発が可能になる。 mixiアプリは、同社が提供するソーシャルネットワーク「mixi」上で、SNSならではの情報を利用してソーシャルアプリケーションを開発、提供できる一連の仕組みで、SNSプラットフォームのオープン規格、OpenSocialに準拠している。ソーシャルグラフやプロフィール情報を提供する「Person & Friends API」、コミュニティ情報を提供する「Community API」、マイミクシィ更新情報を提供する「Activities API」、データ永続化を行う「Persistence API」、外部Webサービス連携を可能にする「gadgets. io API」という5つのAPIが公開される。
jQuery入門（その1）（1/7）：CodeZine
はじめに 実を言うと、私はずっとJavaScriptを嫌っていました。JavaScriptのコードを書くのが嫌でしたし、いろいろなブラウザに対応するために大量のスクリプトコードを使わなければならないのも嫌でした。そうした点は今でも変わらないのですが、最近になってJavaScriptへの理解が深まったことと、jQueryという小さなJavaScriptクライアントライブラリのおかげで、クライアント中心のAJAXスクリプトコードを書かなければならないときでも恐怖を抱かなくなりました。それどころか、今では喜んで引き受けるほどになっています。クライアントロジックがもっと複雑になり、ブラウザの機能や実装の多様化がさらに進んだとしても、jQueryをはじめとするクライアントライブラリが、JavaScriptやHTML DOMを扱う際に必要な正規化を提供してくれます。 私はJavaScriptの初心者と
xreaでRails 2.1を動かす - koumiyaの日記
手順どおりにやっていけばxrea上でrailsアプリを動かせるはずです。 注意：とりあえず、xreaでRailsを動かすことには成功していますが、fast cgiでは動かせていません。 方針・条件 xreaでRails2.1を動かせるのかを検証する。todoを管理する簡単なアプリを作成し、xrea上でCRUDできることを確認する。その他条件は以下の通り サーバーではproduction環境で動かす。 DBにはsqlite3を使用する。 xreaのサブドメイン機能を使って、ドメインのトップで動かす。 試したのはxreaの有料契約してないアカウント 手順 ローカルで作業 Railsプロジェクトを作成する プロジェクトをサーバーにアップする準備をする サーバーで作業 ドメインの設定をする Rubygemsをインストールする Railsプロジェクトを展開する Railsを動かす設定をする Rail
魅力的なウェブサイトを作成するために知っておくと便利な9つのスクリプト - GIGAZINE
個人的なウェブサイト作成や仕事としてウェブサイトを作成している人だけでなく、何かのサイトを発注して作ってもらう際などにこういうのを知っておくと、かなりはっきりと具体的なイメージを相手に伝えやすくなるので、スムーズにコミュニケーションできるはずです。あるいはクライアントにこれらのリソースの存在を認知してもらうことで、話が進めやすくなるかもしれません。 というわけで、魅力的なウェブサイトを作成するために知っておくと便利な無料の各種スクリプトは以下から。 Woork: Useful resources and tutorials for developing stunning web sites 1. ModalBox http://www.wildbit.com/labs/modalbox/ Web2.0スタイルのダイアログボックスなどを表示させることができます。Mac OS Xのダイアログボ
[Think IT] 第1回：携帯サイトとPCサイトはここまで違う！ (1/3)
XHTML Mobile Profileに対応したHTML 本連載では、「PCサイトを制作してきたけど、携帯サイトは初めて」といった企業や個人クリエイター向けにPCとモバイルの違いなどをふまえ、携帯サイトを公開するまでの入門的なノウハウを紹介していきます。 まず、今回はHTMLの種類やタグ、CSSなど携帯ブラウザによる違いと、画面サイズやキャッシュ容量などの端末による違いについて紹介していきます。 では、早速携帯サイトを作る上でマークアップの基本となるHTMLについて説明します（図1-1）。携帯電話はPCと比べても非常に早い進化を遂げてきたため、どれも基本はHTMLを基準に作られていますが、携帯ブラウザ（iモード、EZweb、Yahoo!ケータイ）で表示可能なHTMLの仕様には実に多くの種類が存在します。 現在市場に出回っている機種ということに限定すれば、XHTML Mobile Prof
1万件データ表示で知るFlex＋Javaアプリの“速さ”
1万件データ表示で知るFlex＋Javaアプリの“速さ”：業務用RIAの本命!? Flex＋Java開発入門（5）（1/2 ページ） 本連載では、サーバサイドとして「Java」、リッチなクライアントサイドとしてJavaと相性の良い「Adobe Flex」（以降、Flex）を用いたRIA開発の基礎を解説します。EclipseベースのIDEである「Flex Builder」を使って、「Tomcat」で動くeラーニングのRIAが完成するまでお届けする予定です 編集部注：Flex Builderは、2010年3月の新版から「Flash Builder 4」に名称変更しています。期間限定の無料版をダウンロードして使えます いっそのことデータはサーバから1回で全部ダウンロード 今回は、いままでのWebアプリケーションでは比較的難しかった「大量データ表示アプリケーション」をFlex＋Javaで作成したい
Hatana bookmark anywhere Archive - @masuidrive blog
Photo by stevenkamenar おかげさまでご好評頂いている「hatana_bookmark_anywhere.js」に、ものすごいバグがあることが分かりました。 数人に指摘されるまで全然気がつかなかったのですが、アプリ名を声を出して読むと「はたな ぶっくーま。。。」orz ごめんなさい、素で間違ってました。もう変えるのもなんなので、このまま行きます。 もしバージョンアップすることがあったら、そのときはちゃんとします。 しかし、なんでこんな間違えしたんだろうなぁ。。。。 これだけのエントリっていうのも、なんなので、最近貼っているCreative CommonsのFlickrへのリンクを簡単に張るブックマークレットを公開します。もしかしたらFirefox専用かもしれません。 Continue reading Photo by Marco Gomes hatana_bookmar
ke-tai.org < Blog Archive > ケータイの端末ID・ユーザIDの取得についてまとめてみました
ケータイの端末ID・ユーザIDの取得についてまとめてみました Tweet 2008/9/8 月曜日 matsui Posted in au, DoCoMo, PHP, SoftBank | 12 Comments » ケータイサイトでは、端末ID・ユーザIDを取得する、という処理をよく行うことがあります。 ログインの度に、ユーザ名とパスワードを入力するというのは、ケータイの操作性の面からも現実的ではないためです。 今回はそんな各種IDの取得方法について、PHPを使った場合を例にとりまとめてみました。 ※ここでは端末IDを「ケータイに振られた個体識別情報（製造番号など）」、ユーザIDを「契約に紐付くID」として解説しています。 ドコモ端末での取得方法 1. utnを使う ドコモ端末ではutn属性を使うことによって、フォームやリンクから個体識別情報を取得することができます。 対応機種は、iモー
会員登録フォームを構築するポイント | ランサーズ社長日記
いいね！ 11 ツイート B! はてブ 734 Pocket 58 ここ2・3日、ひたすら色々なサイトの会員登録フォームやコマースサイトの購入フローを見ていました。 また、フォームのユーザビリティについて語っているブログやサイトをみて研究していました。 こうすれば登録数が劇的に上がる！とか、売上が上がる！といった方法はありませんが、少しだけユーザーに安心感を与えたり、ストレスを取り除いたりする方法はたくさんありますし、見ていたサイトでも登録しやすいサイトには共通点が多くありました。 少し量が多いですが、自分で意識的に行ってきたこと、登録しやすいサイトの共通点、ブログやサイトをみて参考になる点をまとめてみました。 1つ1つはよく言われていることで、大したことありませんが、こういった小さなディティールにこだわって行きたいと思います。ケースバイケースの側面も強いのですが、何かの参考になればと思い
アクセス解析がダメな７つの理由（前半） - Real Analytics （リアルアナリティクス）
アクセス解析の仕事をしていると、アクセス解析さえあれば「キーワードを見ればユーザーのニーズや考えている事が分かる」とか「CVRを元に最適な集客プランはこの手法だ」とか「導線分析を行うことによってユーザーが一番コンバージョンする最適な経路ははこれだ！」とか思ってしまう事があります。 しかしWhat Web Analytics is Missing... という記事を読むと、改めてアクセス解析ツール（単体）の限界や課題点について考えさせられました。当たり前だけど、アクセス解析は万能ではなく、あくまでもユーザーの動きが結果として集計されているだけだったりします。 この文章ではアクセス解析ツールに対して感じている７つの課題に関して記載されています。「本当に知りたいビジネス要件について回答を教えてくれない」という意味で、全てのツールにあてはまる内容になります。その内容を紹介いたします。 ※記事の内容
MOONGIFT: » これはすごい！Firefoxを使ってサイトのモックアップを簡単に作成する「Pencil」:オープンソースを毎日紹介
これはデザイナーのみならず導入必須のソフトウェアと言えそうだ。 Webサイトを作る際には、モックアップが必要になる。それをベースにして「ここをこうしよう」「次はどこに遷移させよう」といった議論が可能になる。頭の中だけではイメージがはっきりせず、意見も出しづらい。 ドラッグアンドドロップでモックアップを作成できる そんなモックアップを作成しようと思ったら、紙やHTMLオーソライズソフトウェア、画像編集ソフトウェアを使うことが多かった。だが画像編集ソフトウェアではチェックボックスやテキストボックスが作りづらい、HTMLオーソライズソフトウェアではデザインの微調整が面倒、紙では重ね書きしづらい…とそれぞれに欠点があった。そこでこれを導入してみよう。 今回紹介するオープンソース・ソフトウェアはPencil、Firefoxアドオンとして動作するモックアップ作成ソフトウェアだ。 個人的にはモックアップ
mixi Developer Center » mixi OpenID
仕様 mixi OpenID は mixi 内のユーザー情報を外部サイトでの認証に使用するためのサービスです。この文章では mixi OpenID の仕様について説明します。 FAQ mixi OpenID について、よくある質問とその答えをまとめました。 mixi Platform用素材利用ガイドライン ユーザーに簡単にわかりやすくログインできるようにするために、専用ログインボタンを配布しています。また、利用ガイドラインに沿ったボタンの利用をお願いしています。 ガイドライン mixi OpenIDを導入いただくにあたってのガイドラインとなります。本記載内容に沿った対応サイトを作成いただくことで、ユーザーにメリットのあるコミュニケーションがもたらされることを望んでいます。
米ヤフー、位置情報プラットフォーム「Fire Eagle」を公開 － ＠IT
2008/08/13 米ヤフーは8月12日、ユーザーが自分の位置情報をWebで活用できるオープンプラットフォーム「Fire Eagle」を一般公開した。 Fire Eagleでは、ユーザーは自分の位置情報をWeb上に保存して管理でき、開発者はその位置情報を活用したサービスやアプリケーションを開発できる。例えば、友人を探したり、レストランを見つけるなどのサービスを構築可能。共有する位置情報のレベル（国、州、通り）や、自分の情報を提供したいサービスやアプリケーションを詳細に設定することもできる。 Fire Eagleは3月から非公開ベータテストを行っており、すでに同プラットフォームを利用したサービスがいくつか登場している。例えば、SNSのBrightkiteはFire Eagleを使って、ユーザーが友人の居場所を追跡できる機能を提供している。GPSナビゲーションシステムのDashや、旅行プラン
SourceForge.JP: オープンソース・ソフトウェアの開発とダウンロード
2024-06-01 04:09: Welcome to Ezarcher The Ezarcher Linux ISO is a full featured Arch Linux desktop. The live system comes with many common desktop software packages and tools to install Arch Linux on your system. There are two installer methods, the Calamares Installer Framework and the Arch Way, by following the Arch Wiki. The Calamares installer is located in the System menu and titled Install S
ケータイWebアプリ開発、9つの注意点 - ＠IT
初心者にとってはトラブルが発生しやすいケータイWebアプリの開発。携帯電話への対応サイトを初めて開発するときに想定するべき9つの注意点を紹介する（編集部） 携帯対応サイトを開発するときの注意事項 携帯電話が普及してもう随分たちます。いまでは、サイトを作るときにケータイに対応するかどうか、必ず意識されるようになりました。しかし、ケータイ対応のWebアプリを作ろうとするとPC用のサイトと違う部分も多く、Web開発経験はあるけれど携帯の開発経験がない人にとっては取り組み難く、実際に想像できなかったトラブルがいくつも発生します。 本記事は、Webサイトのモバイル対応を担当した私が、実際に携帯対応サイトを作ったときに発生したトラブルを踏まえて、携帯対応サイトを初めて開発するときに想定するべき注意事項を中心に説明していきます。 ケータイ向けとPC向けのWebページの相違点 インターネットへの接続方法に
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
言語別フレームワークの比較 ～Perl/Ruby/PHPユーザーのためのMVCフレームワーク入門～ (1/6)：CodeZine（コードジン）
20の優れたAjax効果*ホームページを作る人のネタ帳
twitterfeed.com