モバイルページの高速化！ AMPの利点と対応HTMLの作り方 - ICS MEDIA
AMP（Accelerated Mobile Pages＝アンプ）とは、2016年2月にGoogleが導入した、モバイル端末（スマートフォン・タブレット）でのウェブページの表示を高速化するためのプロジェクトです。AMP対応のウェブページは従来に比べ平均4倍程の速度で表示できるため、さまざまなメリットがあります。 本記事ではAMP導入のメリットと作り方を紹介します。AMP対応することによってアクセス数が増大した話もありますので、記事のシリーズで紹介します。 導入の利点① ページ表示が超高速になる モバイルブラウザで、AMPページにアクセスしたときにものすごいスピードでウェブページが表示されます。読み込み待ちのイライラがなくなるため、ユーザーストレスの軽減につながります。 導入の利点② 検索結果でAMP（稲妻マーク）が表示される モバイルでのGoogle検索で、AMP対応のウェブページは稲妻マ
スマホ向けサイトの最適化レベルを自動チェックするグーグル公式ツール2種 など10+3記事 | 海外&国内SEO情報ウォッチ
こちらはあらかじめクロール時にチェックしているので、サイト全体のなかで問題があるページを探すなどの用途で使える。 チェックは、PageSpeed Insightsのユーザー エクスペリエンスでチェックできる項目が対象で、Mobile-Friendly Testとだいたい同じような項目を確認している。 この2つのツールに関してこんな質問が公式ヘルプフォーラムにあった。 片方では問題はないが、もう片方では問題を指摘されている。 どちらのツールに合わせてモバイルサイトを最適化してくべきか？ 答えは「両方」になるだろう。 Mobile-Friendly Testがチェックする項目とモバイルユーザビリティレポートがチェックする項目は同じではない。また共通した項目であっても、基準が同じとは限らない。 しかしどちらのツールもモバイルサイトのユーザビリティやユーザー体験に重要な要素をチェックしてくれること
iPhone向けwebアプリを作ってみる-タッチイベント、ジェスチャーイベントに関するまとめ-
こんにちは。普段からiPhoneを愛用している橋本です。 最近、「せっかくiPhone持ってるんだし、iPhone向けのアプリ作ってみようかしら？」と思い立ったのですが、iPhoneのネイティブアプリを作るには、”Objective-C”と、”cocoa Touch”というiPhone/ipodTouch向けのフレームワークを理解する必要があり、また、自分で開発したアプリを実機に入れて動かしてみるには、そこそこの費用と各種手続きが必要だったり（iPhoneエミュレータ上で動かす分には問題ないのですが…）と、何かと大変です。 「何かもっと手軽にiPhone特有の機能を活かしたアプリを作る方法はないかなぁ。。」と考え、思い立ったのがWebアプリ。Webアプリなら、今までの知識＋αでアプリを作成することが出来るのではないかと。そこで、今回から数回に渡ってiPhoneとjavascriptを使って
Remote TestKit
リモートで 実機検証可能な クラウドサービス テスト効率化の課題を抱えている方へ。 クラウド上の端末をＰＣで操作可能＆便利な機能も多数搭載。 従来の実機検証を効率化！
月3000円くらいでスマホ2台とルーターを持つまとめ 2013年6月版 ｜ Abi-Station
もしすでにキャリアのiPhoneを持ってたら解約してsimロック解除。 SIMロック解除アダプタを使います。 Smartkingという名のSIMトレイを差し替えるだけのイメージ。激烈簡単。 —追記— この方法はいわゆる「ゲタをはかせる」と言うのですが、OSのアップデートに対応できませんので自己責任でよろしくお願いします。 アップデートされたら、新しいゲタが出るまで待たないといけません。 —追記終わり— 左がSmartking。ここにsimを乗せます。 ちなみにiPhone5のsimロック解除はSIM7+を使うようです。買ってみます。 キャリアの契約解約前にもロック解除試せるのかな？そこは試してないので分かりませんが、simを変えるだけなので行けると思います。 ピンキリですが、中古のiPhone4ならヤフオクで5000円くらい。それで全然OKだと思います。 ※すみません。最初4Sと書いてまし
CreateJS勉強会（第3回）発表資料「CreateJSで作るモバイル向けビジュアル表現」 - ICS MEDIA
2013年5月10日（金）、日本マイクロソフト品川本社Seminar RoomでCreateJS勉強会（第3回）が開催され、80名を超える方にご参加いただきました。勉強会のフォローアップとして、発表資料の「CreateJSで作るモバイル向けビジュアル表現」のスライドを公開します。資料ではデモを制作した際の技術的なTipsなどを紹介しています。 発表資料へのリンク 今回制作したゲーム「Color Create」の動作デモの動画をご覧ください。 ゲーム「Color Create」のソースコードはGitHubにて公開しています。最新版のCreateJSでも動作するよう、2018年現在もメンテナンスしており、PWAとして公開しています。 CreateJS作例のゲーム「Color Create」のソースコード
AppAnnieのCEOが語る、世界のアプリ市場トレンド-ネイティブアプリxグローバルセミナー | アプリマーケティング研究所
5/27に東京（新橋）で開催された、D2CRとAppAnnieさん主催の「ネイティブアプリxグローバルセミナー」に参加してきました。 本記事では世界でもっともアプリ市場のデータを保有しているといっても過言ではない「AppAnnie」のCEO、Bertrand Schimittさんの、講演内容をまとめています。 AppAnnieについて 「AppAnnie」はマーケットデータのリーディングカンパニー、アプリのマーケットに特化して行っている。 社員は90名、オフィスはロンドン、サンフランシスコ、北京、日本。日本はインフィニティパートナーズに出資してもらっている。トップ90%以上のパブリッシャーが使用していて、120,000以上のビジネスユーザーがいる。 「APPANIEindex」という、アプリとパブリッシャーのランキングをまとめたレポートや、IDCと一緒にゲームレポートを四半期に一回だしてい
Mobile Safariで最後の１文字が改行されてしまうバグ - くらげだらけ
スマートフォンブラウザ関係のバグは（Android browserを中心に）たくさんありますが、今回はかなりレアケースなバグの話と回避方法についてです。 タイトルどおり、iPhone/iPadのmobile safariやWebViewで日本語文字列の最後の１文字が不自然に改行されて表示されてしまうバグなのです。 どういうことかというと↓下のように表示されるということです。 くだくら げサンプルページも作りましたので、以下のページをiPhone, iPadで表示してみてください。 Sample: http://kudakurage.com/test/mobile_safari_line_break/ 発生条件 発生条件は少し複雑なため、そんなに遭遇することはありません。 （ただその分googleで検索しても、遭遇した例など出てきません） mobile safariで閲覧している PCブラウ
HTML5をすぐハイブリッドアプリとして試せる無料のツール「Monaca」を使ってみた
HTML5/JavaScriptで作成したアプリケーションをラップし、ネイティブアプリケーションとして扱える「ハイブリッドアプリケーション」は、高い生産性でモバイルアプリケーションを開発できるといったメリットから注目されています。 しかし実際に自分でハイブリッドアプリケーションを開発しようとすると、例えばiOS用ならMacOSのマシンを用意してPhoneGapの環境を整え、ビルドしたアプリケーションをいちいちiPadやiPhoneに転送して試すなど、それなりの手間がかかります。Publickeyでは以前からハイブリッドアプリケーションに注目して紹介してきたため、時間があれば自分でもHTML5とJavaScriptで作ったアプリケーションをハイブリッド化しみてみようと思いつつ、なかなか開発環境を整備するに至りませんでした。 そこで思い出したのが「Monaca」です。Webブラウザ上でHTML
HTML5によるハイブリッドアプリ開発に関する雑記 - id:anatooのブログ
HTML5でiPhoneやAndroid向けのハイブリッドアプリを作るのが最近の流行りみたいです。ハイブリッドアプリとは、外面は普通のアプリとしてAppStoreやGoogle play marketでインストールできるものの、その中身や一部がHTML5で記述されているアプリです。 最近の有名な例だと、CookpadやLinkedIn、はてなスペース、少し前にネイティブに移行してしまいましたがfacebookのモバイルアプリもHTML5を使って記述されていました。GREE界隈で言われているらしいガワネイティブっていう言葉もハイブリッドアプリを指します。ちょっとググってみると、2016年には企業向けのアプリの50%がハイブリッドアプリになるという予測もあります。 ハイブリッドアプリの何がいいかというと、Objective-CとかJavaとかがわからなくてもウェブ系技術者であればAndroid
gooスマホ部
お支払いについて 商品のお支払いには、クレジットカード・d払いをご利用いただけます。（ただし、商品のご注文と同時にグーの端末補償へ加入いただく場合は、クレジットカードのみご利用いただけます。） 領収書の発行は行っておりません。 返品・交換について ●新品商品 ・新品商品の初期不良につきましては、各メーカーへご連絡ください。 当該商品の交換についてメーカーの承認が得られた場合に限り、当該メーカーが、商品の交換をいたします。 その場合における商品の返送方法、送料負担等は各メーカーによって異なりますので、各メーカーの規定・指示に従ってください。 ・一度お買い上げいただきました商品に関しましては、お客様都合による返品は応じかねます。 ●中古商品 ・中古商品に関する保証につきましては、商品出荷後30日以内（ネットワーク利用制限の場合は2年以内）にご連絡ください。 当該商品端末の保証に関する当社確認が
これがスマートフォン向けサイトを作るときの viewport 設定３パターンだ
スマートフォン向けの Web サイトを作るとき、viewport の設定次第で使い勝手が大幅に変わる。 最近はレスポンシブ Web デザインが流行してるけども、その大前提として viewport の設定パターンを抑えておくのは重要だろう。 この記事では、viewport の設定によって、見た目・使い勝手がどう変わるかを解説する。 パターン1: 何も考えずに HTML を書く まずは、viewport を指定せずに、単純な HTML をスマートフォンで表示してみる。 <!DOCTYPE html> <head> <meta charset="utf-8"> </head> <body> <img src="/images/logo-ja.png"> <p>色んな素材がごった煮になった様子をお椀で表現しています。 湯気が<strong>「てっく」</strong>に見えるのが隠し味になっていま
Firefox OS - naoyaのはてなダイアリー
Firefox OS が面白そう、というので少し触ってみました。 Firefox OS はWeb 標準ベースの開発を基礎としたモバイル端末用プラットフォーム、要は HTML と JavaScript と CSS でアプリケーション開発できるモバイル端末用の OS。間もなく Developer Preview Phone な実機が発売されるというのでにわかに盛り上がりを見せているみたいです。 Firefox OS が目指すところは Web 標準による、開発者がロックインされないオープンなプラットフォーム。iOS や Android の昨今の状況を見れば、そのアンチテーゼになるプラットフォーム構想があってもおかしくないわけで、まさにそれを目指しているようですね。 いったいどんなものかという概観は dynamis さんによるスライドが分かりやすい。 Firefox OS from dynamis
Web技術者に朗報！Firefox OSアプリ開発、触ってみたら簡単だった！ | OpenWeb
ここ数日、Firefox OSがにわかに盛り上がってまいりました。 2013年1月21日に開催した「第35回 HTML5とか勉強会（テーマ:『Web+OS最前線！』）」では、浅井智也さんのプレゼンテーションが大好評だっただけではなく、サプライズゲストとして登場した田中社長がFirefox OS搭載端末について言及しました。 そして本日、ついに開発者向けの実機もリリースされるというニュースが世界中を駆け巡りました。 そんなFirefox OS、昨年の味見部で触ってからずっと気にはなっていたのですが、いよいよ勢いも出てきたということで、ちょっと調べて見ることにしました。 とは言えぼくは、インストール可能な実機を持っているわけではないので、Firefox OSシミュレータを用いて、全部デスクトップで試してみます。 Firefox OSアプリの基礎知識 Firefox OSアプリ開発に必要なスキル
モバイルバッテリー性能比較表2017年2月版
2016年7月追記:「Pokémon GO（ポケモン GO）」にオススメのモバイルバッテリー 「Pokémon GO（ポケモン GO）」、もうプレイしましたか？ 「Pokémon GO（ポケモン GO）」をプレイしていてまずびっくりするのは、電池がすごい勢いで減っていくこと。 「Pokémon GO（ポケモン GO）」がバッテリー食いである理由: バッテリー消費の要素を全部入りにしたようなゲームであるため、充電の手段を用意しておかないと、本当にどうにもなりません。 レアモンスターを目の前にして出先でバッテリー切れとなるのは本当に致命的。 そんな悲劇を避けるためにも、丸一日の活動をサポートする10,000mAhクラスのモバイルバッテリーによるバックアップは欲しいところ。 最近はモバイルバッテリーの高性能化が著しく、以前は300g程度あった10,000mAhのモバイルバッテリーが、最先端の機種
モバイルアプリ向けJavaScriptフレームワーク「Junior」、Backbone、Zeptoなどを採用し、ネイティブのルック＆フィールを持つ
Juniorは、Justin Martin氏が開発したフレームワーク。Martin氏は“My holiday project”としてJuniorを開発したとツイートしています。 Juniorの特徴は、モバイルに最適化したCSSトランジションによるスムーズな画像効果、zeptoやbackbone.jsなど多数のライブラリに依存していることなど。UIコンポーネントはRatchetを利用しているようで、モバイルネイティブのルック＆フィールを備えていると説明されてます。 modernizr、zepto、backboneなどに依存 Juniorが依存しているライブラリは以下。 modernizr（ブラウザごとに異なる実装を調べて、対応するコードを書きやすくする） zepto（jQuery互換のミニマルなライブラリ） zepto flickable（zeptoのタッチ対応プラグイン） lodash（U
無料OS 「Ubuntu」にスマートフォン版登場、Android対応ハードで動作 【増田 @maskin】 | TechWave（テックウェーブ）
無料で提供されているOS 「Ubuntu」に、スマートフォン版「Ubuntu Phone OS」が登場する。 x86およびARMアーキテクチャのプロセッサで動作可能で、Android対応ハードであれば導入可能とのこと。ハード実装については、Ubuntuのサポート事業も展開するCanonical社がバックアップする。 マルチタッチ対応やネイティブ/HTML5対応のアプリプラットフォーム対応で、すでに「Go Mobile」という開発者向けサイトの提供を開始している。 また、スマートフォン&PCハイブリッドという特徴があり、スマホ向けに作成したとしても、PCでもそのまま動作する。その逆もあり。「Ubuntu Phone OS」対応ハードウェアでも、上位モデルにはスマホ&PCハイブリッドが実現されている。 ドックに挿せばフルPCに スマホ&PCハイブリッドは「Ubuntu Phone OS」のハイ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Nexus5、超ド級の投げ売り開始 MNP不要の「純新規一括0円」案件登場中 月2,515円とMVNO以上のコスパ｜すまコジ
Parse Platform
【Mobile World Congress 2013】 KDDIに聞くFirefox OS導入の狙い