Capacitor: Webアプリをクロスプラットフォームに展開
import { LocalNotifications } from '@capacitor/local-notifications'; LocalNotifications.schedule({ notifications: [ { title: "On sale", body: "Widgets are 10% off. Act fast!", id: 1, schedule: { at: new Date(Date.now() + 1000 * 5) }, sound: null, attachments: null, actionTypeId: "", extra: null } ] });import { Geolocation } from '@capacitor/geolocation'; // get the users current position const pos
IonicとFirebaseでログイン機能を実装
こんにちは! 久々の投稿になります 😇 今回は、「IonicとFirebaseでログイン機能を実装」についてまとめてみました。 まず、Firebaseの設定からです! Firebaseの設定 プロジェクトを作成 まず、Firebaseのプロジェクトを作成します！ Email / Password ログインを許可 次は、Email / Password ログインを許可します。 ログインユーザーを作成 メールアドレス、パスワードを入力し、ログインユーザーを作成します。 ウェブアプリにFirebaseを追加 Ionicでログイン機能を実装 angularfire2をインストール 今回は、Firebase、Angularの公式ライブラリーである angularfire2を利用します！
Ionic 4とFirebaseでチャットアプリ - Qiita
はじめに こんにちは！！ Ionic 4とFirebaseを用いたモバイルアプリを作成していこうと思います。 Ionic 4はこの記事を書いている時点でBeta版ですが、いち早く最新のIonicに触れようと思います。 （現時点のIonicの最新バージョンは3.9.2です。） Ionicは 3 と 4 で、見た目はそれほど大きな違いはありません（内部はかなり異なっています）。 じっくり学びたい方は、こちらの本をおすすめします。 Ionicで作る モバイルアプリ制作入門〈Web/iPhone/Android対応〉 自己紹介 こざけ 大阪 システムアーキテクト Java屋（最近はTypeScript成分多め） 🍻(´∀｀*v) 今から作るもの チャットアプリです。 こちらのサイトの記事をパク参考にしています。 https://www.djamware.com/post/5a629d9880ac
Ionic4(beta)でFirebaseでCRUD（AngularFire2@5.0.0-rc.11） | WordPressでフリーオリジナルフォント
Ionic4.0.0-beta.0を試している。前回は、AngularFire2@5.0.0-rc.11を用いて、Ionic4アプリからFirebaseにデータを登録するところまでを行った。 http://twosquirrel.mints.ne.jp/?p=26596 今回は、Ionic4アプリから、FirebaseのCRUDを行いたい。以下のサイトを写経してみたい。 https://grokonez.com/frontend/angular/angular-6-firebase-tutorial-crud-operations-angularfire2-v5 ｃangularfire2@5.0.0-rc.11 を用いて、Ionic4アプリに、Firebaseを利用したCRUDを実装する C:/ionic4/ フォルダに、ionic4-firebase-crud/ アプリを作成する （１
Ionic 2 で WKWebview を利用して高速化する | クロジカ
ホーム / ハック / Ionic 2 で WKWebview を利用して高速化する
ionic2 on Angular2 - Qiita
Angular2 Advent Calendar 12日目 です。 僕は ionic が好きなので、ionic の話をしたいと思います。 ionic は AngularJS ベースの UI フレームワークです。CSS/JavaScript の UI コンポーネント集という点に留まらず、cordova を同梱してハイブリッドアプリを作成することが可能です。また、デバイス上でのデバッグツールや、痒いところに手が届くコマンドラインツール等（例えば地味に面倒くさいアイコン用画像をリサイズとか）のエコシステム全体を包含する環境になっているという点が特徴的で、僕が好きなところでもあります。 弱点は Angular に密結合している点です。UIパーツがディレクティブで定義されているので、「ionic の UIコンポーネントは使いたいけど、Angular 以外のJSフレームワークを使いたい」みたいな使い方
簡単、綺麗。今からアプリ開発するならIonicが良さそう - YDブログ
半年ほど使って、すっかりファンになってしまったので紹介します。 ionicframework.com 目次 目次 Ionic Frameworkって？ 動作デモ インストール 「Lab」 参考記事 Ionic CLIのインストール・使い方 プロジェクトの作成 Webサーバで確認 ビルドと実行 転送、Ionic Viewで実機確認 まとめ Ionic Frameworkって？ 導入の容易さ、パフォーマンスと安定性、優秀なUIコンポーネント群ほか便利機能満載のアプリ開発フレームワークです。 Web技術(HTML・CSS・Javascript)で、ハイブリッドアプリが簡単に作れます。 いわゆるCordovaとAngularJSがベースです。 AngularJSを用いたコードのベストプラクティスの一例として、初心者だけでなくベテランにも学び甲斐があります。 動作デモ どういうものかはまず、下のデモ
Ionic + Railsのサンプルアプリ（ng-token-auth+devise_token_authを使った認証） - Qiita
What's Ionic ? Ionicは、HTML5を用いたハイブリッドモバイルアプリケーションを構築するためのオープンソースのフロントエンドSDK Ionicには、レスポンシブフレームワークとは異なり、iOSやAndoridのネイティブSDKで得られるようなモバイルUIとレイアウトが含まれている ハイブリッドアプリ ハイブリッドアプリは、アプリの中のブラウザシェルで実行されていて、ネイティブのプラットフォーム層にアクセスすることもできる、小型のウェブサイト ハイブリッドアプリは、特にプラットフォームのサポート、開発のスピード、およびサードパーティ製のコードの利用面で、純粋なネイティブアプリケーションと比べて多くの利点を持っている Ionicの特徴 Apache Cordovaを拡張して作られている、モバイルUIフレームワーク＆開発ツール AngularJSやSassを採用している Io
GitHub - mwaylabs/generator-m-ionic: Advanced workflows and setup for building rock-solid Ionic apps
Simple App Creator to Go Beyond Prototyping - Ionic Creator
Here’s how Creator works Creator makes building real mobile apps dead-simple. Drag and drop components Visually build your app by dragging in pre-made mobile components into the device emulator. Preview and share Preview and interact with your projects live on your devices. Share with colleagues and clients alike. The simplest app Creator around. Thousands of businesses across 150 countries use Cr
Ionic Beta 4: Our Biggest Update Yet - Ionic Blog
We’ve been quiet over the last month or so, but trust me, we’ve been busy! Today, I am incredibly happy to announce the release of Ionic 1.0 Beta 4. What’s that? You missed beta 2 and 3? Well, we had a very productive last two weeks and decided to ship three new releases in short succession 🙂 With Beta 4, Ionic becomes the most feature rich hybrid app framework in town, and fixes a lot of problem
Building Beautiful Mobile Apps In Visualforce Using AngularJS And Ionic (Part 1)
Ionic Framework allows us to build beautiful mobile apps using just JavaScript, HTML5 and CSS. Another cool thing is that it built on top of AngularJS – a popular JavaScript Framework from Google. Multipart Video Blog Series Personally I like to learn by watching short videos and I thought you might as well. So I have created several short videos that go from quick high-level overview of these tec
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://ionicframework.com/docs/jp/docs/
Capacitor by Ionic - Cross-platform apps with web technology
GitHub - microsoft/vscode-cordova: A Visual Studio Code extension providing intellisense, debug, and build support for Cordova and Ionic projects.
AVIONIC ✈ | Propelling World-class Cross-platform Hybrid Applications
GitHub - malikov/Authenticate.me-client-cordova-ionic: How to authenticate using username / password, instagram, twitter or facebook, in a hybrid app (ionic + cordova). This sample app is powered by a nodejs server :)
https://ionicmaterial.com/
GitHub - iconic/open-iconic: An open source icon set with 223 marks in SVG, webfont and raster formats
GitHub - mikehaas763/generator-ionic: A comprehensive generator for the ionic framework