Vue.js2.x系でInfinite Scroll（無限スクロール）を実装する
Infinite Scroll（無限スクロール）とは、TwitterやfacebookをはじめとしたSNSやモバイルアプリなどでよく使われている、スクロールすることで自動的に次のコンテンツを読み込む機能だ。 従来のページネーションでは、1ページに表示できるコンテンツが限られたり、「Prev/Next」などのボタンをクリックすることで以降のコンテンツを読み込んだり、モバイルユーザには不便な点が多い。そのため、モバイルデバイスではボタンによる更新よりも無限スクロールのほうが好んで使われている。 ということで、当記事ではVue.js2.x系（サンプルコードはv2.2.1で動作確認）でInfinite Scrollの実装方法をまとめる。 Infinite Scrollを実装する <!-- index.html --> <div id="app"> <div class="item-containe
Web App ManifestでWebアプリをインストール可能に - Qiita
はじめに Thetaの360°画像にぼかしを入れるWebアプリSphereBlur.comを冬休みに作った際に、Web App Manifestを登録することで、このWebアプリを簡単にインストール(ホーム画面に追加)できるようにした。このWebアプリはService Workerを使ってオフラインでも動くようにしているので、ホーム画面から起動し、ネイティブアプリと同等の体験を提供できる。もちろん、Manifestを使っていない通常のページでも、メニュー画面から「ホーム画面に追加」を選ぶことで同様のことはできるが、下の動画のように、下から出てくるAppインストールバナーのボタンを一回タップするだけ登録できるのは利便性が高い。 Appインストールバナーの出し方 Google Developersのこの記事によるとAppインストールバナーを出すには下記の条件を満たす必要がある。 Web App
プログラミングの必要なし！簡単にスマホアプリが開発できるツール9選
アプリ開発をしてみたいけれど、プログラミングがわからないから諦めてしまったという方は少なくないのではないでしょうか。 ところが最近はプログラミング知識がなくても簡単にアプリ開発ができるサービスがどんどん登場しており、ノンプログラマでもアプリ開発ができるようになっています。 これより、プログラミングの知識がない方でも簡単にスマホアプリが開発できるツールを11個厳選してご紹介しますので、iOSやAndroid(アンドロイド)のアプリ開発をしてみたい方はぜひ使ってみてください。 レバテックフリーランスはITエンジニア専門の フリーランスエージェントですまずは相談してみる Yappli https://yapp.li/ 「Yappli」は、iOSとAndroidアプリをブラウザで制作できるツールです。 ブラウザ上でドラッグ＆ドロップするだけでアプリを作れるため、プログラミングの知識は必要ありません
【2016年版】アプリ開発編・新人エンジニアが知っておくべきサービス4選 | SELECK
今回は数あるSELECKの事例の中から、アプリ開発に関するサービス・ツールを新人エンジニア向けにまとめてみました。DeployGate・Appium・Fabric・GrowthPushの4ツールです。 誰でも簡単にアプリ開発ができる時代。この4月から入社した新入社員の中にも、入社以前からプログラムを書いていた人も少なくないかもしれません。 しかし個人開発では、なかなか「品質」と「納期」というものを意識しないものです。その2点が、会社でプログラムを書くこととの大きな違いではないでしょうか。 ということで、今回はアプリ開発において、品質向上・効率化に役立つサービスを紹介します。サービスの使い方、そしてアプリ開発のベテラン達の考え方を学んで、趣味から一歩進んだエンジニアリングを身につけましょう！ ▼第1回の「スタートアップ編」はこちら 【2016年版】スタートアップ編・新人エンジニアが知っておく
モバイルアプリ向けのランディングページテンプレート・「Takeoff」
Takeoffはモバイルアプリ向けのランディングページのテンプレートです。よく配布されているような、いわゆるWebページのテンプレは使わないのですけど、こちらはスタイルを初期化すれば使いやすそうだったので備忘録として。スクロール連動型のペラサイトになっています。背景とテキスト、モックアップが変化するだけのシンプルなもの。RWDにも対応しています。割と良いのですが、スマフォで下部から上部にスクロールする時と上部から下部にスクロールする時のエフェクトが全く同じなので混同するかも知れません。ここはエフェクト直して使ったほうが良さそう。ライセンスはMITです。 Takeoff
スマホ対応のキモ。スマホサイトのナビゲーションメニューが悩ましい。
1500以上の会社、お店が利用中の月額無料HP制作サービス 「HPの制作を安心して任せられる業者が見つからない＞＜」 そんなふうに頭を悩ますアナタ。 以下の「ウェブさえパック」はもうチェック済みですか？ HPを作るのに必要なものがパッケージになってるお得なサービスです。 料金と事例を見てみる スマホサイトのナビゲーション。どーいう感じにしようか、いつも悩みます。 最近、よく見られるのは、こういう「ハンバーガーメニュー」。試しに、右上の「三」をクリックしてみると、
モバイルファースト時代のネットワークレイヤデバッグ手法 - クックパッド開発者ブログ
こんにちは。インフラストラクチャー部 セキュリティグループの星 (@kani_b) です。 クックパッドでは主に "セキュリティ" か "AWS" というタグのつきそうな業務全般を担当しています。 ここ数年、クックパッドではいわゆるネイティブアプリの開発が非常に盛んです。 私達インフラストラクチャー部はネイティブアプリの直接の開発者ではありませんが、開発が円滑に進むように色々なレイヤでそのお手伝いをしています。 PC 向けサービス開発と比較して、スマートフォン向け、特にネイティブアプリにおいては、何かトラブルがあった際に どこで何が起きているか、そのデバッグを行うことが若干難しいと感じています。 今回はいわゆる jailbreak や root 化をせず、ネットワークのレイヤからデバッグを行う方法についていくつかご紹介します。 HTTP プロキシによるキャプチャ まずは HTTP プロキシ
スマホWebサイト/ハイブリッドアプリ開発を高速化するJavaScriptフレームワークまとめ | BACKEND AS A SERVICE mbaas BLOG
デスクトップ向けのWebサイト開発ではjQuery/Backbone.js/AngularJS/Ember.jsなどを採用するケースが多いのかなと思います。しかしスマートフォン、タブレット向けのWebサイトとなるとまた勝手が違います。特にUI周りの取り回しであったり、タッチ/マルチタッチイベント、スマートフォン特有のAPIなどを適切に扱えなければなりません。何よりハードウェアの性能がデスクトップより低いので高速にストレスなく動作させるためには軽量でなければなりません。そこで今回はスマートフォン、タブレット向けのWebサイトを構築したり、HTML5によるハイブリッドアプリを開発するのに使えるJavaScriptフレームワークを紹介します。ぜひ皆さんの開発に役立ててください。mBaaSお役立ちブログ トップ> ブログ> Tips> スマホWebサイト/ハイブリッドアプリ開発を高速化するJava
Googleはなぜモバイルに力を入れるのか？これからのWebパフォーマンスで注力すべきポイント
こんにちは、川田です。Googleはここ最近、デスクトップ向けWebに対して、ほとんどの関心を失っているように見えます。HTML5ブームも過ぎて、やることがなくなってしまったのでしょうか？……いえいえ、そうでもありません。昨今の待ったなしで進む技術革新の中で、彼らは「ある問題」と戦っているようです。 Webは「モバイル」中心の時代へ移っていく すでにご存知の方も多いと思いますが、GoogleのビジネスモデルはWebに強く依存しています。2014年1Qの決算で、Googleは全売上の約68%が自社のWeb系サービスの広告収入であり、約22%はAdsenseなどの他のWebサイト向けの広告であると報告しました。Webに依存したビジネスが実に9割を占め、1日に約120億円の収入をWebから得ています。もっと簡単に言えば、Webだけで、タイの国民全員の給料分ぐらい稼いじゃってます。当然、Webの進
システムテスト自動化の基礎知識とMonkeyTalkの使い方
連載目次 システムテストの自動化とは テスト自動化ツールの紹介に先立って、本連載で扱う「システムテスト」の位置付け、またシステムテストのうち、どのテスト（テストタイプ）を自動化していくのかについて説明します。 システムテストの定義 システムテストとは、ユニット（単体）テスト、統合（結合）テストをパスしたアプリを対象として実施するテストレベルであり、スマートフォンアプリでは以下の位置付けで行われるテストに当たります。 ビルドされたipa／apkファイルをシミュレーターもしくは実機にインストールしてUIを操作する サーバーと通信するアプリの場合、ステージングもしくはプロダクション環境に接続する 組織のQA担当者（独立したテストチーム）が実施する システム（アプリ）の基本設計に基づき、その要件を満たしていることを実証する テストレベルの概念や、より一般的なシステムテストの位置付け、またそれを自動
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Payforward