並び順

ブックマーク数

期間指定

  • から
  • まで

41 - 80 件 / 194件

新着順 人気順

ionicの検索結果41 - 80 件 / 194件

  • スキスキIonic

    【17-A-1】Mobile Future Conference開会のご挨拶/世界へ挑むDeNAの「X-border」「X-device」戦略Developers Summit

      スキスキIonic
    • Fitbit、本格スマートウォッチ「Ionic」と無線ヘッドフォン「Flyer」発売

      Fitbitが、GPSとBluetooth搭載でアプリも使えるスマートウォッチ「Ionic」を発表した。価格は299.95ドル。Bluetoothヘッドフォン「Flyer」も129.95ドルで発売する。 米Fitbitは8月28日(現地時間)、GPS搭載でサードパーティー製アプリもサポートする本格的なスマートウォッチ「Ionic」を発表した。同日米国のFitbit.comで予約受付を開始した。米国での販売価格は299.95ドル(約3万2000円)。米国以外の地域での販売計画についてはまだ発表されていない。

        Fitbit、本格スマートウォッチ「Ionic」と無線ヘッドフォン「Flyer」発売
      • AngularとElectronやIonicで挑戦した
デスクトップ・モバイルアプリ開発

        ng-japan 2017( http://ngjapan.org/ )での登壇資料です。Angular 2+とElectronやIonic/Cordovaで開発した事例を紹介します。 - アニメ画像に変換する君 - 攻略アプリ 逆転の書

          AngularとElectronやIonicで挑戦した
デスクトップ・モバイルアプリ開発
        • Hybrid UI framework shootout: Ionic vs. Famo.us vs. F7 vs. OnsenUI

          Hybrid UI framework shootout: Ionic vs. Famo.us vs. F7 vs. OnsenUI Tal Gleichger Tal Gleichger is a full-stack web developer with more than 8 years of experience. He is a co-founder and serves as CTO at SocialBelong. 1 Introduction In the past 2 years I’ve been working intensively on mobile applications, mostly hybrid, and mostly with AngularJS. In my quest to find a good UI framework that integra

            Hybrid UI framework shootout: Ionic vs. Famo.us vs. F7 vs. OnsenUI
          • GitHub - ionic-team/ionic-framework: A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.

            You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

              GitHub - ionic-team/ionic-framework: A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
            • 簡単、綺麗。今からアプリ開発するならIonicが良さそう - YDブログ

              半年ほど使って、すっかりファンになってしまったので紹介します。 ionicframework.com 目次 目次 Ionic Frameworkって? 動作デモ インストール 「Lab」 参考記事 Ionic CLIのインストール・使い方 プロジェクトの作成 Webサーバで確認 ビルドと実行 転送、Ionic Viewで実機確認 まとめ Ionic Frameworkって? 導入の容易さ、パフォーマンスと安定性、優秀なUIコンポーネント群ほか便利機能満載のアプリ開発フレームワークです。 Web技術(HTML・CSS・Javascript)で、ハイブリッドアプリが簡単に作れます。 いわゆるCordovaとAngularJSがベースです。 AngularJSを用いたコードのベストプラクティスの一例として、初心者だけでなくベテランにも学び甲斐があります。 動作デモ どういうものかはまず、下のデモ

                簡単、綺麗。今からアプリ開発するならIonicが良さそう - YDブログ
              • プロトタイプ制作にも使えるモバイルフレームワーク「Ionic」を便利に使うコツ

                HTML5ハイブリッドモバイルアプリ用フレームワーク「Ionic」のセットアップと簡単なカスタマイズを通して、Ionicの魅力を紹介します。 Ionicは、HTML5ハイブリッドモバイルアプリの制作に便利なフレームワークです。Cordova/PhoneGapでモバイルアプリを作る際もIonicの利用をおすすめします。 Ionicはモバイルアプリによく使われるコンポーネントを、再利用・改造できる形で用意しています。また、非常に使いやすいCLI(コマンドラインツール)が用意されているため、新規作成、コンパイル、実行、エクスポートが快適にできます。新しい機能も継続的に追加されて、単なるフロントエンドフレームワークの域を超えています。ネイティブアプリやレスポンシブWebアプリを制作する前の、プロトタイプ制作にもぴったりです。 本記事では、私がもっとも便利だと思った特徴を紹介します。新しい開発者のみ

                  プロトタイプ制作にも使えるモバイルフレームワーク「Ionic」を便利に使うコツ
                • 【Angular2】 そろそろ Onsen UI 2 と Ionic2 を開発面からみて比較しようと思う。|リレーションデザイン研究所

                  【Angular2】 そろそろ Onsen UI 2 と Ionic2 を開発面からみて比較しようと思う。 タイトルの通り、Angular2のUIフレームワークについて比較します。 先月15日にOnsenUI2が正式リリース。Ionic2も先月末にrc.0をリリースしました。 Ionic2はrc版とはいえ、本来ならrc版は「出荷候補」であって破壊的変更なんて起こさずに精度を高めていくプロセスですので、もう一度言っておきますが「破壊的変更は起きないプロセス」なはずですので、そろそろこの二者を比較してもいい時期ではないでしょうか。 といっても先にいっておきますが、どちらがいいという議論ではありません。こっちはやんちゃな子で、こっちは元気な子なんだよ!ぐらいの比較だと思って、大きな心で読んでいただければと思います。 なお、この記事は「React/Angular2時代のUIフレームワーク考──Io

                    【Angular2】 そろそろ Onsen UI 2 と Ionic2 を開発面からみて比較しようと思う。|リレーションデザイン研究所
                  • フロントエンドエンジニアが Ionic を触ってみた〜メドレー TechLunch〜 | MEDLEY Developer Portal

                    動作速度は遅めとはいえ、ゲームではなく EC サイトのようなものであれば、そこまで気にするほどではない思います(作りにもよると思いますが)。デバイスの機能に関しては Chrome なら割と使えます。開発コストはワンソースでいけるのでネイティブアプリよりは優れているかなと思います。 あとは何と言っても、ブラウザと URL さえあればどこからでも使えるっていうのがメリットです。最近ですとウェブアプリをネイティブアプリっぽく動かす Progressive Web Application(以下 PWA)というワードもよく目にするようになりました。PWA は動作速度の面やプッシュ通知・オフラインでも利用できたりとウェブアプリの弱点を補ってくれるのですが、PWA に必要な技術である Service Worker の実装がされていなかったりと環境により十分に恩恵を受けることができない場合があります。 個

                      フロントエンドエンジニアが Ionic を触ってみた〜メドレー TechLunch〜 | MEDLEY Developer Portal
                    • 【Ionic + Electron】Resemble.jsを使って画像比較を行うデスクトップアプリを作成 - Qiita

                      はじめに Resemble.jsなるものがとても手軽で便利そうだったので、使ってみました。 Node上で動作する画像比較Javascriptライブラリです。 E2Eテスト等で機械的に吐き出されるスクリーンキャプチャに対して前回分との比較&差分をイメージで出力とかやりたい時に便利そうです。 Resemble.jsの基本的な使い方 使い方はとてもシンプルでした。 // 比較したい画像のパスを指定 const image1 = fs.readFileSync(path1); const image2 = fs.readFileSync(path2); resemble(image1).compareTo(image2).onComplete(data => { // 不一致率で指定した値を上回る時のみ画像を出力することができる if (data.misMatchPercentage >= 0.0

                        【Ionic + Electron】Resemble.jsを使って画像比較を行うデスクトップアプリを作成 - Qiita
                      • ionic2 on Angular2 - Qiita

                        Angular2 Advent Calendar 12日目 です。 僕は ionic が好きなので、ionic の話をしたいと思います。 ionic は AngularJS ベースの UI フレームワークです。CSS/JavaScript の UI コンポーネント集という点に留まらず、cordova を同梱してハイブリッドアプリを作成することが可能です。また、デバイス上でのデバッグツールや、痒いところに手が届くコマンドラインツール等(例えば地味に面倒くさいアイコン用画像をリサイズとか)のエコシステム全体を包含する環境になっているという点が特徴的で、僕が好きなところでもあります。 弱点は Angular に密結合している点です。UIパーツがディレクティブで定義されているので、「ionic の UIコンポーネントは使いたいけど、Angular 以外のJSフレームワークを使いたい」みたいな使い方

                          ionic2 on Angular2 - Qiita
                        • Ionic App

                          2018年6月1日から2019年7月31日まで、 サテライトオフィスサービス実証実験を実施いたしました。 たいへん多くのお客様にご利用いただきました。 誠にありがとうございました。 実証実験を通じていただきました皆様のご意見を参考に、 本サービスの事業化について検討いたします。 今後も東京をより便利で快適なまちにするために、 新しいサービスを企画してまいります。 CONCEPT 駅ナカに “あなた専用 プライベート空間”を。 働き方が変わり始めている今、 時間の上手な使い方が 注目されています。 仕事で忙しい方や、 駅での作業スペースをお探しの方に、 気軽にゆったりと利用できる 個室空間を。 もちろん仕事だけでなく、 勉強やプライベートでも ご利用いただけます。

                            Ionic App
                          • Ionicでのアプリ開発の始め方 - Qiita

                            Ionicとは? Ionicとは、Google社のAngularというアプリケーションフレームワークをベースに、HTML5アプリの開発に特化して作られたJavaScriptフレームワークです。 Build amazing apps in one codebase, for any platform, with the web. (公式サイトより) とあるように、Web/iOS/Android アプリが全て同時に開発できる、いわゆるハイブリッド開発ができる優れものです。1 また、近年Webをアプリとして便利にするPWA(Progressive Web Apps)という仕組み2も誕生しましたが、IonicはこのPWAにも標準でサポートしています。 Ionicの始め方 とりあえず手元で始める場合は、以下の手順で始められます。 1.Node.jsをインストール 2.Ionic, Cordovaを 

                              Ionicでのアプリ開発の始め方 - Qiita
                            • Node Webkit, Firebase and Ionic Framework - A one to one chat client | The Jackal of Javascript

                              A few days ago Pooja Pasupu reached out to me after reading one of my articles on Node webkit named Building a Chat App with node-webkit, Firebase, and AngularJS. In the above article I have shown how to create a desktop based group chat client using Node webkit and Firebase. She wanted to know if we can build a desktop application for one to one chatting like Google talk or Yahoo messenger using

                                Node Webkit, Firebase and Ionic Framework - A one to one chat client | The Jackal of Javascript
                              • Announcing Ionic 2.0.0 Final - Ionic Blog

                                Today, I’m incredibly excited to announce Ionic Framework 2.0.0. Before we get into that, though, a little history lesson is in order… Back in March 2015 the Ionic team was given a unique opportunity to take all the lessons learned building a mobile framework on Angular 1 and reimagine it for a new and fast approaching future of JavaScript and web technology. At the time, we were immensely proud o

                                  Announcing Ionic 2.0.0 Final - Ionic Blog
                                • Apple WatchとFitbit Ionicでスマートウォッチ対決…意外な結果も?

                                  Apple WatchとFitbit Ionicでスマートウォッチ対決…意外な結果も?2017.10.17 18:3030,567 湯木進悟 Androidユーザー歓喜も? Googleが提唱するスマートウォッチのプラットフォーム「Android Wear」を採用した製品が、雨後の竹の子のように続々と出てきたことがありましたが、そのなかでヒットモデルを尋ねられると、思い出すのも難しいのではないでしょうか? Googleの目指したことは間違っていなかったでしょう。でも、ふたを開けてみると、Android Wearは、チープなスマートウォッチ参入メーカーがリリースした、どれもイマイチなモデルと、同じくチープな使えないアプリばかりで終わってしまった感すらあります。 こうしたAndroid陣営の失速をしり目に、早くもApple WatchはSeries 3がリリースされる段階を迎え、いまや堂々たる

                                    Apple WatchとFitbit Ionicでスマートウォッチ対決…意外な結果も?
                                  • GitHub - ionic-team/stencil: A toolchain for building scalable, enterprise-ready component systems on top of TypeScript and Web Component standards. Stencil components can be distributed natively to React, Angular, Vue, and traditional web developers from

                                    You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                                      GitHub - ionic-team/stencil: A toolchain for building scalable, enterprise-ready component systems on top of TypeScript and Web Component standards. Stencil components can be distributed natively to React, Angular, Vue, and traditional web developers from
                                    • OutSystems、Ionicを買収

                                      アプリケーション開発のリーダー企業2社の統合により、開発チームのパフォーマンス向上と優れたアプリケーション構築を支援 高性能アプリケーション開発のグローバルリーダーであるOutSystems(本社:ポルトガル・リスボン、CEO:Paulo Rosado)は本日、Webテクノロジーを使用したモバイル/デスクトップアプリケーションの構築プラットフォームとして広く採用されているIonicの買収を発表しました。これにより両社は今後、品質、パフォーマンス、セキュリティ、拡張性を重視したビジネスクリティカルなアプリケーションの構築、提供、継続的なアップデートにおいて変革を目指すITリーダーを支援していきます。 OutSystemsとIonicは、セキュリティと拡張性が組み込まれたエンタープライズレベルのアプリケーションに注力しており、オープンソースから高性能ローコードまで、幅広い開発アプローチを提供し

                                        OutSystems、Ionicを買収
                                      • フラットなモバイルアプリ作成用HTML5フレームワーク「Ionic」:phpspot開発日誌

                                        Ionic: Advanced HTML5 Hybrid Mobile App Framework フラットなモバイルアプリ作成用HTML5フレームワーク「Ionic」 モバイルアプリ作成用フレームワークは色々ありますが、フラットなアプリ用はあまり出てきていませんね。 まだalpha版ですが、ブラウザベースのアプリを作る際のフレームワークとして知っておいてもよいかも。 関連エントリ フラットで美しいデザインのモーダルダイアログ実装ライブラリ「vex」 フラットなUIデザインキットPSD25個 フラットだけど立体的なCSS3アニメーション付モーダルダイアログ実装デモ フラットでシンプルさがいい感じのツールチップライブラリ「Simptip」 フラットデザインでレスポンシブな超カッコいいフォームを実装できる「Grid Forms」

                                        • Ionic-WP.com

                                          WordPressでSPAをつくるオープンソース Ionic-WP.comは、WordPressのREST APIを通してデータを取得してきて表示するSPA(Single Page Application)テーマです。 デモはこちらをご覧ください。 SPAはGoogleが推進している「ウェブのアプリ化」のための技術です。 SPAにすることでTwitter LightのようにWebページをアプリとして扱えたり、オフラインでも表示できるようになり 大きくUXを向上することができるといわれていますが、どこから手をつけたらいいかわからないとよく聞くので、 簡単にconfigファイルをいじるだけで自分のWordPressをSPAで表示することができるようにテーマをつくり、オープンソースとして公開しました。 WordPress.comだけではなく、自分でホスティングしているWordPress(org)

                                            Ionic-WP.com
                                          • Ionic: Enterprise App Platform

                                              Ionic: Enterprise App Platform
                                            • 「TechFeedのつくり方 - Angular2 / Webpack / Ionic2 / Cordova実践入門」 - HTML5 Conference 2016

                                              HTML5 Conference 2016(http://events.html5j.org/conference/2016/9/)における「TechFeedのつくり方 - Angular2 / Webpack / Ionic2 / Cordova実践入門」に関するツイートをまとめました。 ■ スピーカー 白石 俊平さん ( @Shumpei ) 続きを読む

                                                「TechFeedのつくり方 - Angular2 / Webpack / Ionic2 / Cordova実践入門」 - HTML5 Conference 2016
                                              • Ionicハンズオン資料 - Qiita

                                                はじめに こんにちは!! では、今からIonicを用いてWebアプリケーションを作成していこうと思います。 時間がないので、サクサクと進めていきますね! もっとじっくり学びたい? そういう方にはオススメの本がありますので、こちらでじっくり学んでくださいね :-p Ionicで作る モバイルアプリ制作入門〈Web/iPhone/Android対応〉 2019年11月27日にIonicの第2版が発売されました🎉!! 本記事はIonic v3の内容に基づいています。 より洗練されたIonic v4に触れたい、学びたい方はこちらでどうぞ! Ionicで作る モバイルアプリ制作入門[Angular版]<Web/iPhone/Android対応> 自己紹介 こざけ (Twitter: @s_kozake) システムアーキテクト Java屋 🍻(´∀`*v) 今から作るもの 「イベントさん」という名

                                                  Ionicハンズオン資料 - Qiita
                                                • Ionic vs React Native

                                                  Last year, we decided to implement a mobile app for our team. As it’s an internal app, native performance wasn’t our first priority. Our goal was to deliver it as soon as possible with minimum maintenance. Here are the few comparisons why we chose Hybrid over Native framework. Hybrid vs Native appThere are so many hybrid mobile frameworks such as Ionic, NativeScript, React Native, Xamarin, PhoneGa

                                                    Ionic vs React Native
                                                  • 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

                                                      Ionic + Railsのサンプルアプリ(ng-token-auth+devise_token_authを使った認証) - Qiita
                                                    • 運動管理&音楽再生スマートウォッチ「Fitbit Ionic」。最適な睡眠も

                                                        運動管理&音楽再生スマートウォッチ「Fitbit Ionic」。最適な睡眠も
                                                      • インフラエンジニアでもIonicで作れるスマホアプリ開発物語

                                                        Ionic Meetup #4 の登壇資料です https://ionic-jp.connpass.com/event/84888/

                                                          インフラエンジニアでもIonicで作れるスマホアプリ開発物語
                                                        • Building cross-platform apps with Ionic 2

                                                          Building cross-platform apps with Ionic 2 Adam Bradley Lead Ionic Developer Madison, WI, USA @adamdbradley adamdbradley Ionic! Mobile apps with web tech Focused on mobile first Easily customized Angular for code structure * Stats!! Top 40 OSS project (~20,000 stars on GitHub) Over ONE MILLION apps built with Ionic Ionic apps have topped app store charts Fortune 50 co’s to YC/TechStars companies Am

                                                          • 「fitbit ionic」は最高のフィットネストラッカーとスマートウォッチの融合 | ライフハッカー・ジャパン

                                                            軽いつけ心地Photo: 傍島康雄ケースは台形を逆さにした形で、上底に当たる部分にセンサーが集中しています。そのため、手首を曲げても確実にセンサーが手首に当たり、正確な心拍が計測されます。fitbit ionicの計測値とかかりつけの医者の計測値が1違いだったのには驚きました。 また、ケース縁が斜めにカットされているおかげで、大柄なケースの割に手首を動かしても邪魔になりません。こうした巧みな造りのおかげで、つけ心地が軽く快適。睡眠計に使っても眠りを妨げることはありません。フィットネストラッカーは、腕時計よりも長時間つけているので、つけ心地の良さにもっと注目しても良いでしょう。 5日間使えるバッテリー多くのスマートウォッチは2日使えれば良い方ですが、fitbit ionicは最大で5日使えるので、通常のものより倍以上の時間稼働します。活動計と睡眠計として3日間使ってみたところで、バッテリー残

                                                              「fitbit ionic」は最高のフィットネストラッカーとスマートウォッチの融合 | ライフハッカー・ジャパン
                                                            • SwiftでCordova(ionic)のpluginを開発するには?

                                                              Swiftでcordovaのプラグインを開発することはできるのだろうか? このあたりを見ると開発できそうだ。 Chris Dell - Software Developer :: Writing an iOS Cordova plugin in pure Swift How to write Cordova plugin in Swift? - Stack Overflow やってみよう。 今回はChrisさんのコードを参考に、HTMLからネイティブに小文字のメッセージを送って大文字変換されたメッセージを受信するというサンプルを作る。これが完成形。 ビルドシステムはionicを使うが、プラグイン部分の開発はcordovaでも通用するはず。 まずはblankプロジェクトを作ろう。 $ ionic start CDVEchoPlugin blank CDVEchoPlugin/www/inde

                                                                SwiftでCordova(ionic)のpluginを開発するには?
                                                              • Ionic Frameworkを用いたデスクトップレイアウトを考える - Qiita

                                                                Web技術でモバイルネイティブなユーザインタフェースデザインを提供するIonic Frameworkですが、Webで配信するとユーザのデバイスはモバイルだけということはなく、ユーザはデスクトップで閲覧する可能性もあります。そこで、デスクトップに対応させるいくつかのレイアウトのヒントをご紹介します。 1. SideMenuレイアウト まず一番ベーシックなデスクトップ対応はSideMenuを利用することです。TechFeed Proなど広く採用されています。 ポイントとしてはモバイルレイアウトではハンバーガーメニューをSideMenuをあくまでメニューの配置だけに利用することが多いですが、デスクトップではSideMenu上部(左上)にロゴを配置することが重要です。 デスクトップレイアウトでは左上もしくは上部中央にロゴがあることが多く、ロゴさえあればそれっぽく見えます。(暴論 もっとシンプルに配

                                                                  Ionic Frameworkを用いたデスクトップレイアウトを考える - Qiita
                                                                • Xamarin vs Ionic vs React Native: differences under the hood

                                                                  Traditionally, Android applications are developed in Java, and iOS ones are written in Swift and Objective-C. Nevertheless, there exist plenty of other alternate tools that can be used instead. Xamarin, React Native and Ionic are popular examples of such tools. What is their purpose? What makes them different? Which of them is the best? We’ll try to answer these questions in the article below. Cro

                                                                    Xamarin vs Ionic vs React Native: differences under the hood
                                                                  • 【HTML5でアプリをつくる】Ionic Meetup #1 Tokyo (2017/08/06 14:00〜)

                                                                    機能改善 イベント資料の投稿において、SlideShareやSpeakerDeckと同様に、Docswellの資料を埋め込みスライド表示できるように対応いたしました。資料の投稿機能は、資料URLを指定するだけで、URLから取得した情報を、適した形でconnpass上で表示・共有できる機能です お知らせ connpassプライバシーポリシーの内容を一部更新しました。詳細につきましてはこちらをご覧ください。 8月 6 【HTML5でアプリをつくる】Ionic Meetup #1 Tokyo (多分)国内初のIonicミートアップイベント。使いやすくなったIonicの話をしましょう。

                                                                      【HTML5でアプリをつくる】Ionic Meetup #1 Tokyo (2017/08/06 14:00〜)
                                                                    • ionicアプリ(cordova)にAdMob広告を挿入する | Oh My Enter!

                                                                      ionicで作成したHTML5アプリにAdMobを挿入しました。 導入でかなりハマってしまったので、手順をまとめておきます。 環境 ionic 1.1.0 ionic-cli 1.7.8 cordova 5.5.3 Mac OS X El Capitan AdMobプラグインのインストール cordova-admob-proというプラグインを使用します。次のコマンドでプラグインをインストールします。 📄スクリーンショット 2015-11-10 19.23.07.png” /> あ、ちなみにこれはMac版Android Studioの画面です。 セットアップ こちらも$ ionic plugin add cordova-plugin-admobpro Android SDK Toolsのインストール 公式ページのインストール手順にも書いてますが、いくつかAndroid SDK Toolが必

                                                                        ionicアプリ(cordova)にAdMob広告を挿入する | Oh My Enter!
                                                                      • ionicでAngularJSの$anchorScrollを使ってハマった - The Round

                                                                        注:古い記事の為、内容が最新ではない可能性がありますm(_ _)m ionicでAngularJSの$anchorScrollを使ってハマった だいぶお久しぶりになりますマツウラです。 今回はionic frameworkでAngularJSの$anchorScrollが期待通りに動作しなかったことについてです。 まず結論から書いておきます。 結論:$ionicScrollDelegateを使う AngularJSの$anchorScrollではなく、ionicの$ionicScrollDelegate serviceを使ってください。 実際にハマった経緯について書いておきます。 $anchorScrollを使う WebViewを使ったモバイル・アプリの開発中に、HTML中の指定要素までスクロールしたい場面がありました。 HTMLは次のとおりです。 <ion-content ng-cont

                                                                          ionicでAngularJSの$anchorScrollを使ってハマった - The Round
                                                                        • Ionic: Enterprise App Platform

                                                                          Join the community in Austin, TX. October 10-11, 2023.Get tickets today →

                                                                            Ionic: Enterprise App Platform
                                                                          • Ionic Frameworkの勉強の始め方(※あくまで個人的体験です) - memorandums

                                                                            私は仕事で日常的に開発しているわけではありませんので、その程度の情報としてお読みください。 今年の夏休みはハイブリッドモバイルアプリ開発の勉強に時間を使いました。。。後悔はありませんが効率的ではなかったように思います。 そこでもし同じような状況の方がいれば参考になるかと思い、あまりカッコのいい話ではありませんが記しておきたいと思います。 まずいつもように背景を書きます。タイトルの情報を知りたい方は以下の本題へ進んでください。 ■背景 作りたいあるアプリがあり、ターゲットはiOSと決まっていたのですが、開発環境は決めていませんでした。 当初はSwiftでiOSアプリ開発とも思いましたが、研究でAndroidをターゲットとすることもあり、どうせ勉強するならハードウェアに依存しない開発方法がいいな。。。と思いました。 そこで目をつけたのがハイブリッド開発です。HTMLとJavascriptが書け

                                                                              Ionic Frameworkの勉強の始め方(※あくまで個人的体験です) - memorandums
                                                                            • ionicの画面をGUIで開発できるツールが出るらしい | mah365

                                                                              ionicの画面をGUIで開発できるionic Creatorというツールが出るようです。 どんなの? こんな画面のツールになるようです。 使用感としてはいわゆるGUIで画面を開発できるツールと似たようなものになるのでしょうか。GUIで作成した画面はCordovaのプロジェクトとして吐き出しを行うことができようです。モックアップ&プロトタイピングとうたっているように、モックアップした画面から即座に開発に入れるようになると、かなり良さそうです。 XcodeのStoryboardと異なる点は、Cordovaを使用しているためにAndroid向けにもビルドできることであり、モックアップの段階からマルチプラットフォームで動作確認しながら進められる&技術的にもAngularJSなのでつぶしの利く技術であることから、かなり流行って欲しいフレームワークですねー。あんまり身の回りで使っている話を聞かないの

                                                                                ionicの画面をGUIで開発できるツールが出るらしい | mah365
                                                                              • [Ionic x Vue] ナビゲーションによる画面遷移を作る | DevelopersIO

                                                                                はじめに Ionicはクロスプラットフォームのモバイルアプリ向けフレームワークです。主にiOS/Android向けに、ワンソースコードでモバイルアプリを開発することができます。 今回はナビゲーションの使い方を解説します。 事前準備 こちらのブログ を通して作成したプロジェクトをベースに進めます。 ナビゲーションとは ナビゲーションは、画面を積み重ねる(スタックする)ような遷移方法を指します。iOSアプリで言うところのNavigationControllerです。 ion-nav - Ionic Documentation 次のような画面遷移をします。 Ionicでは、このスタック型画面遷移に加えて、ルーティングも行われます。 ナビゲーションを実装する Home.vue に About.vue に遷移するボタンを置き、そのクリックイベントで画面遷移を行います。 Home.vue <templ

                                                                                  [Ionic x Vue] ナビゲーションによる画面遷移を作る | DevelopersIO
                                                                                • Building Real-time, Multiplatform Mobile Applications: Examples Using Ionic Framework and Firebase | Toptal®

                                                                                  One of the major problems companies encounter when making a smartphone application is multiplicative cost of building a native application across different platforms. While savvy front-end developers have tuned into the development of several hybrid platforms that promise to help address this issue, Ionic Framework and Firebase are a dynamic duo that jointly really do give us amazing flexibility i

                                                                                    Building Real-time, Multiplatform Mobile Applications: Examples Using Ionic Framework and Firebase | Toptal®