Category: Ionic

Ionic AngularアプリケーションをAWS Amplify( Gen2 )へデプロイする

この記事は、AWS Amplify ( Gen2 )でIonic Frameworkを利用したAngularアプリケーションをデプロイする方法を紹介しています。「AWS Community Builders Advent Calendar 2024」の9日目記事で、Ionic Frameworkで構築したウェブアプリケーションをAWS Amplifyでホストする手順やAmplify CLIコマンドの使い方などが詳細に説明されています。記事では、Angularを選択し、Amplifyのセットアップからデプロイまでの流れが解説されています。AWS AmplifyやIonic Frameworkの公式ドキュメントも参考にされています。

Published at: 2024/12/09

e26ed13e7f78096f0bd36d7706ee94d9-20221230182639

Ionic JavaScript Nx

Nxで、Ionic(React)アプリを開発する方法

この記事は、「Ionic Framework / Capacitor / Stencil Advent Calendar 2022」21日目として書かれた記事です。 Ionic(React)アプリをNxで管理する Nxは […]

Published at: 2022/12/30

Angular Ionic

Ionic Angularで汎用的に利用したいカスタムComponentを作る方法の覚書

やりたいこと app-xx-skeletonやapp-alertのような、「どのページ・要素からも使う可能性のあるコンポーネント」を作りたい実際にやった方法 Moduleを作る「複数のModuleでdeclarati […]

Published at: 2022/07/24

Ionic JavaScript Next.js

Next.jsでIonic Reactを利用する

Ionic Advent Calendar / Next.js Advent Calendar 5日目の遅刻記事です。去年はIonicのWeb Componentそのものを使う方法を紹介しましたが、今年は@ionic/ […]

Published at: 2021/12/05

AWS Ionic JavaScript React

Ionic ReactでAWS Amplifyを利用する

環境情報セットアップセットアップはIonicから行います。Amplify CLIのamplify initはAmplifyまわりの初期設定のみ行いますので、基本的にFWのセットアップをしてから行います。たまにrea […]

Published at: 2021/01/18

Algolia Frontend Ionic JavaScript React SaaS / FaaS

Ionicのion-searchbarでAlgolia Instantsearchの検索を実行する #AlgoliaJP

この記事は、「Algolia Advent Calendar 2020」の投稿です。このサイトの検索フォームは、Ionicのion-searchbarタグを使って実装しています。 SSG / SSRを実行するNext. […]

Published at: 2020/12/10

Ionic React

Next.jsでIonic Frameworkを使う

この記事は、Next.js Advent Calendar 2020の8日目です。 Ionic Framework（@ionic/react）をNext.jsで使おうとすると、だいたいこういうエラーに遭遇します。なにが […]

Published at: 2020/12/08

Angular Ionic JavaScript

Ionic AngularでScullyを使ったSSGを試す

ScullyというAngular向けのStatic Site Generatorがあります。理論上、Angular を使用したIonicアプリケーションでも動くはずなので、試してみました。 Environment Ste […]

Published at: 2020/05/31

Ionic JavaScript

Ionic Tips: Ionic CLIをローカルインストールして使う

グローバルインストールしたくない派向けの雑tipsです。ローカルインストールするこんな感じで使います。 package.jsonに書く “ionic”: “ionic”,って書いておけば、npm run ionicで […]

Published at: 2020/05/31

Frontend Ionic JavaScript React

Ionic Reactで作ったSPAをCapacitorでElectron(デスクトップアプリ)にする

Capacitorを使うことで、iOSやandroid / デスクトップ向けのアプリを作ることができます。ということで、Ionic Reactで作ったアプリをMacのデスクトップアプリとしてビルドしてみました。 Capa […]

Published at: 2020/04/24