読者です 読者をやめる 読者になる 読者になる

【onsenui】無限スクロールを実装する

はじめに 今回やりたかったのはよくある無限スクロール。 リストの1番下までスクロールしたら次のデータを取得しにゆきます。 これをAngular + Onsen UIで実装したのでメモしておく。データ数の多いリストはパフォーマンス的にons-lazy-repeatを使うとよいら…

【onsenui】ons-lazy-repeatでセルの高さを自動調整!!

はじめに Onsen UIをいじってみて、無限スクロールのやり方を調べていた。 ドキュメント見ると行の高さを数値で返すという仕様なのだが他にやり方がないかteratailで質問したら最新版だと自動調整してくれるとの回答が来た。 まだ未リリースのため動作保証は…

cordova開発環境を作るときのメモ(私用)

はじめに まだ勉強段階だが、cordovaでの開発環境を作るときの流れをメモしておく 自分が今時点で使っているものは以下 ・cordova(ハイブリッドアプリフレームワーク) ・angular.js(jsフレームワーク) ・onsenui(uiフレームワーク) ・grunt(開発ツール)シン…

新規プロジェクトでシングルページアプリを作るさいの環境構築メモ(私用)

はじめに 完全に自分用のメモになってしまうが、、、さくらのレンタルサーバでのfuelphpセットアップ手順 - とりあえずphpとか さくらのレンタルサーバでのfuelphpセットアップ手順 - とりあえずphpとか こちらのfuelphpのときと同様で直近の案件のコピーし…

onsenuiのcssだけ使いたいときに便利な方法(htmlでアプリ風デザインをつくる)

最近htmlアプリでネイティブっぽい見た目を提供してくれるonsenuiを調べてます。 jsでネイティブアプリぽい動作も提供してくれてますが、とりあえずcssで見た目だけ使いたいってときにも使えそうです。 cssコンポーネント一覧 まずはCSSコンポーネント一覧。…

onsen ui <ons-navigator>の中に<ons-template>を複数定義しようとしてハマった

やりたかったこと <ons-navigator>を使ってページ遷移を2パターンのページへそれぞれ遷移させたかった。 下記のように実装してみたのだがページ2へのリンクをおすとjsのエラーが発生して上手く動かなかった。ちなみにページ1へは遷移できたjs var myApp = …