任意の動画ファイルをアップロードすると、指定したモバイル端末のモックアップに合成した動画ファイルを作成してくれる・「Mock」
モバイルUI進化中！革新的なナビゲーションメニュー実例サンプル10個まとめ
モバイル向けナビゲーションデザインには、さまざまな形やスタイルが登場しています。すべてのナビゲーションメニューが同じ構造であれば、ユーザーにとっても直感的で分かりやすいかもしれませんが、現実はそれほど単純ではありません。 独自の問題を抱えたモバイルアプリは、ナビゲーションメニューのデザインによってそれらの問題を解決することもできます。たとえば、７〜8つほどの主要メニュー項目がある場合はおそらくハンバーガーメニューを採用し、３つほどのメニュー項目の場合はタブバー形式を実装するかもしれません。 デザイナーが製品やユーザーのために最適化したナビゲーションメニュー設計では、クリエイティブで画期的なデザインがいくつか見られます。今回は、ナビゲーションメニューを作成するときに参考にしたい、革新的な実例サンプル例をまとめてご紹介します。 ハンバーガーメニューが進化中！2018年に押さえておきたい最新トレ
Googleマップのiframe埋め込みをAMP化する方法
GoogleマップのiframeのAMP化 Googleマップで「地図を共有また埋め込む」メニューを選択すると 以下のようなiframe埋込タグが表示されます。 ここで取得したタグ自体はこんな感じです。 <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3241.7144503548398!2d139.69826945132047!3d35.659406330102236!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x60188b57f03a6d3f%3A0x1d01d35eef4bf7a!2z44OP44OB5YWs5YmN5bqD5aC0!5e0!3m2!1sja!2sjp!4v1478138974491" width="600" height=
How speeding up your mobile site can improve your bottom line
Marketing is at an inflection point. Here’s why that’s an opportunity
WordPress AMPプラグインを使って サイトをAMP対応にする – ねんでぶろぐ
Googleは、モバイルページを高速化する AMP（Accelerated Mobile Pages） に対応したサイト検索を開始しました。 AMP は AMP HTML 仕様に沿って作成する必要があります。サイトをAMPに対応させる場合、独自のタグの記述方法や 使えるタグの制約が多いので、自分で対応させるのは大変なのですが WordPressではサイトをAMP対応にするプラグインがあります。 この AMPプラグイン を使うと 自動で変換してAMP対応してくれますのでとても楽になります。ここではさっそくAMPプラグインを使用してAMP対応する方法を紹介します。 WordPress AMPプラグイン(Automattic) https://wordpress.org/plugins/amp/ 【2018/03/07 更新】 ※この記事は WordPress AMPプラグイン ver0.6.2
モバイルの使いやすさを劇的向上！参考にしたい7つのポイントまとめ
アプリはコンテンツやサービスを提供するために、信用できる主流の方法となっています。しかし、さまざまなサービスが乱立する市場では、どのようなモバイルアプリが役立ち、関連性が高く評価され、ユーザーを楽しませてくれるでしょう。 今回は、本当に素晴らしいモバイルユーザーエクスペリエンスを生み出す鍵となる、7つのUXデザインのヒントを見ていきましょう。 コンテンツ目次 1. ひとつのスクリーンに、ひとつの課題を。 2. 見えないユーザーインターフェース 3. たっぷりの余白スペースを。 4. ナビゲーションはシンプルに。 5. 片手による操作 6. アプリの表示時間を早く。 7. プッシュ通知を賢く使おう。 01. ひとつのスクリーンに、ひとつの課題を。 ユーザーが望む結果を得るために必要な労力をできるだけ軽減しましょう。 アプリのために設計したすべてのスクリーン画面は、それを使っているユーザーが本
AMP ページにアナリティクス コードを設定する方法
A/Bテスト 5 Ads Data Hub 1 AdSense 5 AdWords 19 AdWords 連携 21 AMP 4 Analytics 基本 5 API 2 BigQuery 11 Cookie 1 CPA 1 DCM 1 DFP 3 DoubleClick 11 DoubleClick Campaign Manager 1 DoubleClick for Publishers 3 e コマース 2 Firebase 8 Firebase Analytics 4 Firebase 向け Google アナリティクス 2 ga.js 2 GA4 11 GACP 18 GCP 1 Google Cloud Platform 1 Google Consumer Surveys 2 Google Insights for Search 1 Google アド マネージャー 1 Goo
Wi-Fi速度やモバイル回線速度をアプリを起動するだけで簡単に測定できる「FAST Speed Test」
モバイル端末のインターネット接続スピードを、アプリを起動するだけで瞬時に計測してくれるのが「FAST Speed Test」です。自宅のWi-Fi速度やモバイル回線の速度を数十秒で計測することが可能で、無料アプリなのに広告は一切表示されず、シンプルかつ使いやすいアプリになっています。 FAST Speed Test on the App Store https://itunes.apple.com/us/app/fast-speed-test/id1133348139 FAST Speed Test - Google Play の Android アプリ https://play.google.com/store/apps/details?id=com.netflix.Speedtest 「FAST Speed Test」はiOS・Android版の2種類がありますが、今回はiOS版をイン
AMP 化しよう: Google モバイル検索における AMP ページへのリンク機能のプレビュー
+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
GoogleからWeb制作者に便利な新ツールがローンチ！サイトやブログがモバイルフレンドリーか確認できるオンラインツール
昨日、Googleから新しいツールがローンチされました。 Webサイトやブログがモバイルフレンドリーかどうか確認でき、モバイル フレンドリー未対応の時はどうすればよいのかのアドバイスも行ってくれる便利ツールです。
無料で使えるモバイルアプリ制作用のプロトタイピングツール
2016年2月18日 スマートフォン, 便利ツール 以前「Webサイトのプロトタイプ制作に使える無料オンラインツール」というのを記事にしましたが、今回はモバイルアプリ制作に特化したツールを調査してみました。ただ、知らない間に便利ツールが増えまくり、あまりにも数が多いので無料で使えるものに絞り、さらに使ってみていいなと思ったものを集めました。それでも数が多いので…あとは実際にみなさんで試してみて、自分にあったものを探してみてください！ ↑私が10年以上利用している会計ソフト！ おすすめ無料プロトタイピングツール Marvel Marvel 無料プランでもプロジェクトを無制限に作成できちゃうプロトタイピングツール。ブラウザー上で編集していきます。リンク先となるページ画像がサムネイルで表示されていて、ページ推移時のアニメーションも分かりやすいです。コメント機能もあり。 完成したプロトタイプはUR
EasyモバイルSuicaのメリット・デメリット・使い方まとめ
モバイルSuicaには「EasyモバイルSuica」という制度もあります。 年会費が無料というメリットがある一方で、モバイルSuicaと比較すると機能が大きく減少するというデメリットがあります。 EasyモバイルSuicaのメリット、デメリット、使い方についてまとめます。 EasyモバイルSuicaとはEasyモバイルSuicaは、モバイルSuicaと同様に、携帯電話等の携帯情報端末でカードタイプのSuicaのように電車に乗ったり、お買い物できるサービスです。 おサイフケータイ搭載のスマホやガラケーなど、モバイルSuica対応の携帯電話などが必要です。 モバイルSuicaに会員登録する時に、「EasyモバイルSuica」を選択すると使えるようになります。モバイルSuicaについては以下で徹底解説しています。
Accelerated Mobile Pages - モバイルのWeb体験を加速化する
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました スマートフォンの世界ではとにかく表示の高速さが問われています。少し詰まっただけでもユーザは嫌がってしまうでしょう。そのためにはレスポンスを高速に返すのは基本として、他にもできることが幾つかあります。 GoogleやTwitterが考え出したのがAccelerated Mobile Pages（AMP）です。外部サイトのコンテンツをキャッシュして表示する技術で、これによって高速表示を可能にしようというのです。 Accelerated Mobile Pagesの使い方 Accelerated Mobile PagesではAdSenseやGoogle Analyticsのような仕組みはそのまま使えるようです。他にもYouTubeやPinterestのようなところも提供しています。 例えば
モバイルSuicaの使い方まとめ！チャージ・特急券・定期などを解説
JR東日本が発行しており、全国の鉄道、バス、お買い物で使えて便利なSuica(スイカ)は、携帯電話でも利用可能です。 「モバイルSuica」というサービスであり、おすすめの電子マネーの一角です。フェリカ搭載のおサイフケータイで使えて、カードの持ち運びが不要になります。 回数券のように同一運賃区間がお得になる仕組みもあります。 モバイルSuicaの使い方についてあらゆる情報をまとめます。チャージ・特急券・定期・新幹線・機種変更・年会費など全てを網羅しています。 モバイルSuicaの年会費Suicaとは、「Super Urban Intelligent Card」の頭文字です。「スイスイ行けるICカード」という意味も込められています。 モバイルSuicaは、カードタイプのSuicaと同じように駅の改札機にタッチするだけで円者に乗れます。券売機の前に並ぶ必要はありません。 携帯電話でいつでもチャ
SIMロック解除って美味しいの？メリット・デメリット・今後の動向まとめ - The Goal
「実質0円」と「一括0円」は似て非なるものです。一括0円は端末代が本当にゼロ円となり、割引額が毎月の利用料金に適用されます。詳細については以下で解説しています。 一括0円と実質0円の違いまとめ！MVNO・格安スマホより安いMNP一括0円 新規・機種変更・実質0円は、毎月、端末代が割り引きかれて安くなりますが、それは2年間の利用が前提です。中途解約した場合は、残りの期間に対応した金額を支払う必要がありますね。 例えば上表の例の場合、1年後に解約した場合は、残りの36,000円を支払う必要があります。 SIMフリー端末がないのならともかく、既に世の中にはSIMフリーの端末が山のように売られています。携帯会社の販売価格とSIMフリー端末は価格差はほとんどありません。むしろ携帯会社の方が高く設定されていることもあるくらいです。 携帯会社との契約に縛られたくないという方は、いちいち携帯会社から端末を
『モバイルフレンドリーアルゴリズムについて』
今更ながらに加えてタイトルにやる気が感じられない点はお詫び申し上げます。 さすがにこれだけの話題に触れないのもどうかと思うことと、 一部のアメーバブログをご利用頂いているユーザー様よりご質問もいただきましたので、 私の個人的な考えも書かせていただこうかと思っております。 モバイルフレンドリーアルゴリズムとは 4.21より導入されるGoogleの検索アルゴリズムであり、 パンダアップデートがローンチされた際よりも影響が大きいと言われています。 モバイルフレンドリーアルゴリズムの内容は、簡単に言うと、 「モバイルに対応していないウェブサイトはモバイルの検索結果で落とすよ」 ということになります。 モバイルと言っても基本的に今回はスマートフォンと考えて良いと思います。 鈴木謙一さんも書かれているように このアップデートは、タブレット端末からのGoogle検索には影響しません。 スマートフォン端末
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
これで安心！楽天モバイル購入後に役立つサポート窓口を詳しくガイド - 格安スマホ辞典
楽天モバイルSIMアプリの使い方＆活用方法完全ガイド - 格安スマホ辞典
imamura.biz
The AMP Validator