HTML5によるハイブリッドアプリ開発に関する雑記 - id:anatooのブログ
HTML5でiPhoneやAndroid向けのハイブリッドアプリを作るのが最近の流行りみたいです。ハイブリッドアプリとは、外面は普通のアプリとしてAppStoreやGoogle play marketでインストールできるものの、その中身や一部がHTML5で記述されているアプリです。 最近の有名な例だと、CookpadやLinkedIn、はてなスペース、少し前にネイティブに移行してしまいましたがfacebookのモバイルアプリもHTML5を使って記述されていました。GREE界隈で言われているらしいガワネイティブっていう言葉もハイブリッドアプリを指します。ちょっとググってみると、2016年には企業向けのアプリの50%がハイブリッドアプリになるという予測もあります。 ハイブリッドアプリの何がいいかというと、Objective-CとかJavaとかがわからなくてもウェブ系技術者であればAndroid
mobile safari向けFast Buttons（vclick）実装
mobile safariはclick時に300msの遅延が発生するのでmobile safari向けフレームワークではそれ回避用の実装が提供されてる。 jQuery Mobileの場合、vclick Mobile Boilerplateの場合、Fast Buttons Closure Libraryの場合、Creating Fast Buttons for Mobile Web Applications - Mobile — Google Developers ただ、それぞれFWに依存してるか、要素それぞれへ個別に適応する必要がったので、ライブラリ異存なしでdelegate的な実装を書いてみた。 fastButton - jsdo.it - Share JavaScript, HTML5 and CSS デモ 注意点として、マウス関係のイベントをかなり潰します。 clickは発行されない
テックヒルズ2012 #2「ネイティブアプリ」vs「Webアプリ」実施レポート | gihyo.jp
以下、実際の発表を紹介していきましょう。 jQuery MobileではじめるWebアプリ開発 トップバッターとして、CROOZ株式会社 渡邉 真人さんよりjQuery MobileではじめるWebアプリ開発をテーマにお話がありました。 渡邉さんと言えば、オライリージャパンの『jQuery Mobile』の監訳者の一人としても活躍中です。今回のプレゼンテーションも全てjQuery Mobileで作成されていました。 そもそもjQuery Mobileはタッチデバイス向けのUIフレームワークということもあり、今回の資料も講演の最初から公開されていました。ネットワーク環境さえあれば、会場にいらした方々が（PCであってもスマートフォンであっても）手元で資料が共有できる形で進められるという点でとても新鮮でありました。 内容に関しては、jQuery Mobileの特徴、提供されるプラットフォーム、バ
モバイル向けの新クラウド、BaaS（Backend as a Service）とは何か。「Parse」が正式サービス開始
モバイル向けの新クラウド、BaaS（Backend as a Service）とは何か。「Parse」が正式サービス開始 iPhoneやAndoroidのようなモバイルデバイスはPC以上に普及し、クラウドに接続するデバイスとしてもっとも一般的なものになると予想されています。これからのクラウドアプリケーションの主役はモバイルデバイスの上で動くものになるというわけです。 そのモバイルアプリケーションに特化したクラウドの形態として「BaaS」（Backend as a Service）と呼ばれるサービスが登場してきています。 BaaSとは一般に、モバイルアプリケーションのバックエンドとして求められるデータストア機能、プッシュ通信機能、ユーザー管理機能、ソーシャルとの連係、ロケーションとの連係などを備え、それらの機能をモバイルアプリケーションからAPIで呼び出すことで、サーバ側のコードを書くことな
【デブサミ2012】17-A-3 レポート HTML5でどこまでできる？ その実力とスマホ向けアプリ開発のポイント
描画能力が大幅に向上、Flashに匹敵するアニメーションも可能に 膨大な数の仕様で構成されるHTML5は幅広い意味を持ち、一言で定義するのは難しいが、紀平氏はセッションの冒頭で「今回はスマートフォンの話に限定する（PCブラウザに関しては触れない）」と断ったうえで、次のように述べた。 「HTML5はHTMLとJavaScriptの複合体。それ自体はHTML4と大きく変わっているわけではない。もっとも重要な違いは、今までに比べてAPIが非常に豊富になったこと」 この豊富なAPIにより、HTML5では描画能力が大きく向上している。例えば、Canvasを使えばドット単位の描画が可能であり、ベクターグラフィックスを扱えるSVGによって曲線のある図形も描画できる。さらに、アニメーションもFlash並のクオリティが実現できるようになった。 ここで紀平氏は、同じ内容のアニメーションを2つの画面で同時に再生
CakePHP1.3でPCと携帯の両対応 | Webエンジニアライフ
PCではUTF-8でOKなのですが、モバイルはUTF-8への対応が未だに微妙なので、Shift_JISに変換します。 僕は以下のような条件で作ることが多いです モバイル用のlayoutファイルを用意する prefixでモバイルの処理を切り分け Ktai Libraryは使わない 絵文字を使わない モバイル用のlayoutファイルを用意する app/views/layout/mobile.ctp のファイル名で作ります。 その時に、charsetの指定をShift_JISにしておきます。 <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> prefixでモバイルの処理を切り分け prefixの指定を追加 app/config/core.php Configure::write('Routing.pre
スマートフォンアプリケーションでSSLを使わないのは脆弱性か
このエントリでは、スマートフォンアプリケーションの通信暗号化の必要性について議論します。 はじめに 先日、スマートフォンアプリケーションのセキュリティに関するセミナーを聴講しました（2月8日追記。講演者からの依頼によりセミナーのサイトへのリンクをもうけました）。この際に、スマートフォンアプリケーションの脅威に対する共通認識がまだないという課題を改めて感じました。その課題を痛感できたという点で、セミナーは私にとっては有益でした。 このため、当ブログではスマートフォンアプリケーションの話題をあまり取り上げていませんでしたが、今後は、とりあげようと思います。まずは、スマートフォンアプリケーションでは暗号化を必須とするべきかという話題です。この話題は、前記セミナーでもとりあげられていました。 暗号化の目的は何か まず、暗号化の必要性を論じるためには、暗号化の目的を明確にする必要があります。前記セミ
「GoMo」あなたのサイトをモバイル対応に! Googleが呼び掛け【増田(@maskin)真樹】 | TechWave（テックウェーブ）
[読了時間:2分] 続々と増え続けるスマートフォンユーザー。片手でいろいろな情報を閲覧したり、ショッピングを楽しむことができる便利さはPC以上といっても過言ではない。しかし、検索して開いた先のページがPC専用だったりすると、見ずらいことこの上ない。いわゆるモバイル(携帯・スマートフォン)未対応サイトの場合、およそ40%が他の競合サイトに行ってしまうという。 米Googleはこの状況を改善すべく現地時間の11月1日、サイトのモバイル化を呼び掛けるサイト「GoMo」をオープンした。ここには、モバイル対応が重要かを説明するシンプルなプレゼンテーションの他、自分のサイトのモバイル対応度をチェックする「GoMoMeter」、モバイルサイト制作サービスや事業者を紹介する「BUILD YOUR MOBILE」のコーナーなどで構成されている。 2015年地球上全ての人が1つのモバイル端末を持つ GoMoの
jQuery Mobileで作るスマホ向けFacebookアプリ
jQuery Mobileで作るスマホ向けFacebookアプリ：無料クラウドでできるFacebookアプリ開発入門（3）（1/5 ページ） 連載第1回の「基礎から分かる、Facebookアプリの作り方」と第2回の「クラウドに載せてFacebookアプリを全世界に公開する」では、Facebookアプリの開発と公開まで行いました。最終回となる本稿では、公開したアプリケーションの管理について紹介します。また、ちょっとしたアレンジとして、jQuery Mobileを使ったスマートフォン向けのFacebookアプリ開発について説明します。 公開したFacebookアプリを管理するには Facebookアプリでは、ユーザーが簡単にアプリを探せる「アプリディレクトリ」や、アプリのお知らせや情報を公開するための「アプリケーションプロファイルページ」、アクティブユーザーやニュースフィードの記事数、Face
jQuery Mobileを使う際に知っておくと役立ちそうなTipsや情報のまとめ - かちびと.net
jQuery Mobileに関して少し整理したいので まとめました。JQMを使うときに知っておくと 便利そうなTipsとか情報とか。いくつか自分 の記事も含まれているのが若干アレなんです が、ご了承ください。内容はコードのみ、では なく、参考サイトなど一貫性無い感じですが。 整理するのが下手なもので一貫性に欠ける内容で申し訳ないですけど、jQuery Mibileを使ったWebサイト構築時のちょっとしたTipsや役に立つ情報などのまとめです。 ページ移動にAjaxを使わないようにする プラグインの前に記述。リンク単位でならマークアップでrel=”external”を、フォームはdata-ajax=”false”を加える。 <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> <script type="text
jQuery MobileでGoogle Analyticsを使うために気をつけなければいけないこと - MOL
とあるとこで、とある話をしたので、とあるスライド置いときますよ。 要点を言うと、jQuery MobileでAjax遷移してると、普通にGoogle Analytics置いてても作動しないから気をつけてねって話です。 GATC for jQuery Mobile 僕はこうゆう感じでとりあえず対応しています。作動させるタイミングとフラグメント識別子を記録させるのがポイントです。あとはご自身のサイトに合わせてカスタマイズしていただければと思います。 //Account Setting var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-xxxxxxx-x']); //Async Snippet (function () { var ga = document.createElement('script'); ga.async = true;
私はいかにしてソフトバンク端末60機種のJavaScriptを検証したか - ockeghem's blog
昨日のソフトバンクの非公式JavaScript対応の調査結果 | 徳丸浩の日記で報告したように、昨年5月に、ソフトバンク60機種の検証を行い、JavaScript対応の状況などを調査しました。当時はまだ公式なJavaScript対応機種はない状態でしたが、既にほとんどの端末が *非公式に* JavaScriptに対応していました。 このエントリでは、検証の様子を報告します。 なぜJavaScript対応状況を調査したか http://www.hash-c.co.jp/info/20091124.htmlを公表した前後に、とある方（この方）から、ソフトバンクのケータイでもJavaScriptが動作すると伺いました（参考のやりとり）。XMLHttpRequestも含めてJavaScrptが動くと教えていただいた932SHを私も購入して調べたところ、以下が判明しました。 確かにJavaScrip
アジア最大のモバイルインターネットのイベントGMICレポート | gihyo.jp
北京の国際コンベンションセンターで4月27日と4月28日に、Globoal Mobile Internet Conference（GMIC）が開催されました。今年は中国のモバイルサービス関係者はもちろんのこと、中国や世界展開を視野に入れた日本からの参加者、登壇者も多く見られました。 会場となった北京国際コンベンションセンター モバゲーを日本だけでなく世界で一番儲かるプラットフォームに 初日の午後のセッションでは日本からDeNA取締役の守安氏が登壇し、中国の来場者に向けて世界を目指す同社の戦略について語りました。守安氏が強調していたのが、モバゲーが非常に利益率の高いプラットフォームであること。億人単位でユーザ数を確保している中国の大手ITサービス企業に対してモバゲーの会員数は約2500万だが、売上は年間1,000億に達している。「ARPU（Average Revenue Per User）
Android のユーザーエージェントの検出について
+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
The Mobile Playbook
502 Bad Gateway nginx openresty 133.242.243.6
転職・退職代行マガジン -
Mobile HTML5
HisasAnn.com is for sale | HugeDomains
TechCrunch | Startup and Technology News
