Good night, PosterousPosterous Spaces is no longer available Thanks to all of my @posterous peeps. Y'all made this a crazy ride and it was an honor and pleasure working with all of y'all. Thanks to all of the users. Thanks to the academy. Nobody will read this.
サーバサイドがなくともここまで出来る！jQuery Mobileを使ったTwitterクライアント·Twitter-Mobile MOONGIFT
Twitter-MobileはjQuery Mobileを使ってHTML/JavaScriptだけで作られたTwitterクライアントです。 Twitterクライアントは何を使っていますか？それぞれのOSに対してネイティブなもの、Webアプリケーション、他のソフトウェアのアドオンとして組み込まれるものなどたくさんあります。今回紹介するのはHTML/JavaScriptだけで作られたスマートフォン向けのTwitterクライアント、Twitter-Mobileです。 まずTwitter認証を行います。 戻ってきました。タイムラインが読めています。 リプライもできます。 Retweetの時には確認ダイアログが表示されます。 リプライではない通常のツイートもできます。 メッセージを入力して送信します。 エラーが表示されましたが実際にはツイートされていました。ちなみにこれは検索機能です。 DMも送信
白熱茶道教室 - 煎茶の A to Z（Sencha Touch 社内勉強会）
開発部 川野です。 # すみません、この記事は、「Ariel Advent Calendar 2011」ではなく、「JavaScript Advent Calendar 2011 (フレームワークコース)」の２日目の記事です ^^; モバイルブラウザ向け JavaScript フレームワーク「Sencha Touch」について、本日、社内で勉強会をしました。Sencha Touch の全体像（とその周辺）を俯瞰する内容になっています。 A to Z ということで、アルファベットにちなんで、26のトピックについて扱っています。 A: What is Sencha Touch? B: What is HTML5? C: What is CSS3? D: Hello Ext.js E: モバイルアプリをWEBで提供するメリット F: ダウンロード G: デプロイ H: ドキュメント I: フォー
スマホ最適化はナローバンド最適化でもある | Junnama Online
地下鉄でiPhoneで読んでたんだ。記事自体は面白かったんだ。 でもすごくストレス感じた。だって駅に着いたときしか電波通じないわけです。つながった時にリンククリックしてページダウンロードして、駅間の移動中に読むわけです。 ところがところが、ページが無駄に分割されているのです。ダウンロードした1ページを読んだら、次のページへ移動しなきゃならない。ところがつながらないのです。次の駅まで。結果、7駅移動しなきゃ最後まで読めないんですよ1つの記事が。 そうなんだよ。ナローバンド環境でこそアクセシビリティ大切なんです。 先日のリクリ関西のセミナーでもしつこいくらい強調したけど、みんなレイアウトのことだけ考えてて速度のことを考慮してないんじゃないか? ページ表示速度をRFPに入れるようにしませんか？ | Web担当者Forum グーグルが検索結果での順位付けの要因としてページ表示速度を考慮するようにな
米Yahoo!がJavaScriptフレームワーク「Mojito」と、Node.jsのホスティング環境「Manhattan」発表。同一コードをブラウザ、サーバ、iOSアプリで実行可能
米Yahoo!がJavaScriptフレームワーク「Mojito」と、Node.jsのホスティング環境「Manhattan」発表。同一コードをブラウザ、サーバ、iOSアプリで実行可能 JavaScriptでアプリケーションを1つ書けば、それがPCでも、クラウドでも、モバイルデバイスでも動作する。米Yahoo!が発表した「Cocktails」（カクテル）が実現するのは、すべてをWeb標準で実現したクロスプラットフォーム／クロスデバイスのアプリケーション環境です。 マルチプラットフォームを実現する「Mojito」 Cocktailsの核となるのが、JavaScriptフレームワークの「Mojito」（モヒート）。 Mojitoベースのコードは、ブラウザでもサーバでも動作すると説明されています。 With Mojito, developers will no longer have to wri
Monaca
Mobile App Development Fast, Easy and Flexible.Cross-platform hybrid mobile app development platform and tools in the cloud GET STARTED FREE Monaca makes HTML5 hybrid mobile app development with Apache Cordova simple and easy. Monaca is the most open hybrid app development platform available and ready to be immediately plugged into your existing workflow and development environment. From Cloud IDE
知識0からのjQuery Mobileを使ったサイト制作に役立ったサイト
このブログのスマートフォンページをjQuery Mobileを使用して制作してみました。 それ以前はjQuery Mobileについてほぼ知識0の状態だった私が、今回の制作にあたり役に立ったサイトをまとめました。 このブログのスマートフォンページをjQuery Mobileを使用して制作してみました。 それ以前はjQuery Mobileについてほぼ知識0の状態だった私が、 今回の制作にあたり役に立ったサイトをまとめました。 jQuery Mobile | jQuery Mobile 本家本元。 敢えて紹介するまでもないのですが一応。 現在のバージョンは1.0RC2（2011.11.01現在）です。そろそろ正式版がでる予定です。 jQuery Mobile 1.0b1 日本語リファレンス jQuery Mobile 1.0b1 日本語リファレンス バージョン1までの内容ですがjQuery
Sencha Touch 2 First Look :)
今週（10/23-26）、米国オースティンで、年に一度の Sencha の大規模なカンファレンスがあり、そのなかで、Sencha Touch の次期メジャーバージョン「Sencha Touch 2」についての紹介がありました。 Twitter ベースの情報なので発表内容はよく分からないのですが、なかなかイケてるようです :p ベンダーからのアピールは「Sencha Touch 2とはどのようなものか」を参考にして頂くとして、本記事では、実際に少し使ってみた印象をお伝えしてみたいと思います。 ※Sencha Touch 2 はまだリリースされていませんが、プレビュー版はこちらからダウンロードすることができます。 コードが綺麗に書けるように 現バージョンの Sencha Touch を使っている人が Sencha Touch 2 を使ってみて最初に感じることは、「コードの書き方が全然違ってる！
jQuery Mobileでのアプリケーション開発にBackbone.jsを導入しよう | Lab by engineering@dwango.jp
こんにちは、2011年度新卒エンジニアの夏目です！突然ですがみなさんJavaScript書いてますか？ 最近はjQuery Mobileなどを利用したスマートフォン向けアプリ開発において、クライアントサイドでもヘビーなJavaScriptのコーディングをする機会があると思います。そのようなときコードのいたるところにHTMLが混入したり、どこでどのデータを扱っているのか分からなくなるということになりがちです。 今回はそんな悪夢のようなコーディング生活に一筋の希望の光を照らすBackbone.jsを紹介したいと思います。 対象読者 JavaScriptでの開発経験がある方 Backbone.jsとは Backbone.jsはDocumentCloudが開発をしている、クライアントサイドのJavaScriptコードをModel、View、Controllerで構築するためのフレームワークです。b
Sencha Touch について調べました。
今月から開発部に配属された川野です。 自社製品のモバイル用UIを刷新する調査をひとりで細々とやっていて、そのなかで Sencha Touch について、ある程度情報がまとまったので記事にさせて頂きました。 Sencha Touch 概要 Sencha Touch は、モバイル WEB アプリを開発するための、JavaScript フレームワークです。 HTML5 と CSS3、JavaScript を駆使して、ネイティブアプリケーションっぽい見た目と操作感を、ブラウザ上で実現しようとしています。 Sencha Touch 公式サイト iOS（iPhone とか iPad）と Andoroid に対応。（※正確には、WebKit 系のブラウザにのみ対応） ExtJS で有名な Sencha が開発を行っています。Sencha Touch は無料で商用利用可能です。 どんなことができるの？ 百
Androidケータイの歩き方 記事一覧 | gihyo.jp
第100回タブレット市場を席巻できるのか？「Nexus 7レビュー」（9） 傍島康雄 2012-12-26
Youtubeの動画を背景に
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
【吉川敦のAndroid使いこなし講座】 第1回 テザリング機能を使ってみよう ～ドコモで安価に使う裏技も紹介！～
【利用可能な携帯電話会社は？】 テザリングは、ドコモ、au、イー・モバイルで利用できます（2011年10月4日現在）。料金などの注意点をまとめました。 ≪ドコモ≫ ・対応機種： 2011年夏モデルが中心（夏モデルでも、SO-02Cのように未対応のものや、春モデルでも、N-04Cのようにアップデートで対応するものもあります） ・料金： テザリングを月に1回でも利用すると、通常5,460円～5,985円のパケット定額料金の上限額が10,395円に跳ね上がります ≪au≫ ・対応機種： WiMAX対応モデル（ISW11HT、ISW11F、ISW11K、ISW11M、ISW12HT）のみ ・料金： テザリングについて追加料金は不要ですが、パケット定額料金の他に、WiMAX利用料金525円がかかります ≪イー・モバイル≫ ・対応機種： 現行機種すべて（S31HT、S31HW、S41HW、S42HW）
Rails/Sinatraでガラケー向けOpenSocialアプリを開発する·opensocial-wap MOONGIFT
opensocial-wapはRuby向けWebフレームワークを使ったWebアプリケーションをOpenSocial WAP Extensionに準拠させるライブラリ。 opensocial-wapはRuby製Sinatra/Ruby on Rails用のオープンソース・ソフトウェア。今時代はソーシャルに注目が集まっている。FacebookやGoogle+などのデスクトップ向けに加えて、GREE/Mobage/mixiなどの携帯電話向けSNSを展開するプラットフォームもある。 OAuthヘルパー 特に日本においてはGREE/Mobageが強力であり、これらのプラットフォーム向けにゲームやアプリを提供している（またはこれからしようとしている）企業もあるだろう。そうした方々がRailsをはじめとするRubyのWebフレームワークを使っているならばお勧めしたいのがopensocial-wapだ。
10月より無料になったドコモの公衆無線LANサービスを利用する方法。
公衆無線LANの対応エリアは以下から検索が可能です。店頭にMZoneのステッカーなどが貼ってあったりするのですぐにわかると思いますよ。 サービスエリア | サービス・機能 | NTTドコモ 詳細な店舗については以下から確認できます。タリーズやプロント、ラクーア、ケンタッキーといった所で利用できるようです。以下のサイトには記載がありませんが、スタバなどでも提供しているところがありました。 ご利用可能な施設・店舗 | サービス・機能 | NTTドコモ NTTドコモの公衆無線LANを利用するには以下のいずれかのプランを契約する必要があります。 ・spモード＋spモード公衆無線LANサービス ・moperaU + U「公衆無線LAN」コース ・ブラックベリーインターネットサービス + ブラックベリー『公衆無線LAN』オプション ・MZone 10月2日 23:48 追記 一部条件の記載漏れがありま
つまづきがちなiPhoneコーディングのTips（JS多め） | バシャログ。
来月はキャプテン・アメリカ見るし、気が付いたら年中アメコミ映画を見ているminamiです。 来月にはまた大きな発表がいろいろありそうなiPhone界隈ですが、iPhoneサイトのコーディングをする際につまづいてきたポイントを挙げてみました。 [HTML] input type="file"は使えない 画像をアップするコンテンツだからフォームに input type="file" を・・・と考えがちですが、iPhone版のSafariでは使用不可です。 [HTML] <meta name="viewport" content="user-scalable=no">が効かない 最近ハマったポイントです。ユーザーに画面の拡大をさせなくすることができるviewportのuser-scalableプロパティですが、本体のアクセシビリティ設定で「ズーム機能」をオンにしているとバッチリ拡大できてしまいま
すまほん！ - FC2 BLOG パスワード認証
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
モバイルサイトの3キャリア共通CSSと最新コーディング事情 : LINE Corporation ディレクターブログ
こんにちは、「livedoor Blog」を担当している吉沢です。 スマホの登場で、すっかりケータイ (フィーチャーフォン/ケータイ/ガラケー) が日陰に追いやられた感がありますが、ケータイも毎年進化していて、モバイルサイトの開発が行いやすいケータイがユーザへ浸透してきています。 livedoor Blog では、スマートフォン分野に注力しながら、月間15億PV あるケータイ版のUI最適化にも引き続き取り組んでいます。今回は、livedoor Blog で採用した事例を元に、この先1〜2年のケータイ開発・運用に役立てられる、3キャリア共通の CSS から最新のコーディング事情を紹介したいと思います。 アクセスシェア〜ライブドアの場合 まずはどの世代のケータイをメインに開発して表示くずれを起こさないようにするか検討するため、アクセスシェアを把握します。 1年前と比べると、iモードブラウザ2.
クライアントサイドだけで作るスマートフォン最適化サイト·mobilize.js MOONGIFT
Mobilize.jsはデスクトップ向けのHTMLをJavaScriptで組み替えてスマートフォンに最適化された表示にするJavaScriptライブラリ。 Mobilize.jsはHTML5/JavaScript製のフリーウェア（オープンソースとなっているがライセンスはなし。ソースコードは公開されている）。スマートフォンのシェアが増えるに従って、従来のWebサイトにおけるスマートフォン最適化サイトのニーズが高まっている。iPhoneやAndroidからのアクセスに対して最適化されたUIを提供することでユーザビリティを高めるのだ。 最適化表示 幾つかのやり方があるが、一つはサーバ内でアクセスを判別してビューを切り替えたり、サブドメインを分けてしまうと言った方法がある。今回紹介するのはどちらでもない。なんとクライアントサイドだけで行ってしまうのだ。 Mobilize.jsはjQuery Mob
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
