강의

멘토링

로드맵

Inflearn brand logo image
Programming

/

Web Development

フォローしてみると完成する、Ionic 見てみる

Ionicの全体的な開発プロセスを理解し、モバイルアプリで最も一般的な要素の開発方法を学びます。 これにより、効率的に独自のハイブリッドモバイルアプリを開発できます。

  • padawanjoy2166
3시간 만에 완강할 수 있는 강의 ⏰
IONIC

学習した受講者のレビュー

こんなことが学べます

  • 全体的なIonicモバイルアプリ開発コース

  • モバイルアプリで最も一般的な要素を開発する方法

  • SCSSを使用したスタイルの適用

  • 開発に必要なTypeScript、Angularの基礎知識

初足を離すモバイルアプリ開発!
アイオニックプロジェクトで簡単で楽しく📲

最近、大勢のモバイルアプリ開発、
学びたいのですが…

「私は一度問題から解いてみよう!」

学生時代、こんなに勉強された方なら!
アプリ開発も同じように学ぶことはできませんか?

モバイルはあらゆる産業のハブとして機能し、成長しています。そのため、モバイルアプリの開発への関心はますます大きくなっていますが、学ぶ必要があることが多く、時間は常に不足しています。

このような幕末を解消するために、実務で急速に開発能力を築いてきた経験をもとにした講義を作りました。実際にシンプルなモバイルアプリに従って作ってみながら、 「ああ、こうして開発をするんだね!思ったより難しくないね」と自信を育てられるようにお手伝いします!


こんな方、
今すぐ注目してください。

モバイルアプリ開発、
一体どんな点が難しかったでしょうか?

「早いうちにモバイルアプリ開発能力を積みたいのですが、あまりにも大変です」
「ウェブ開発については少し勉強したことがありますが、最近モバイルが大勢なのでモバイル開発を学びたいです」
「決められたコスト内で最も効率的なモバイル開発ツールが何なのか悩みです」

Ionicフレームワークについて
おおよその枠組み
握りたい方

効率的に
iOS/Androidアプリ開発
したい方

Web開発の経験しかありません。
クイックシール私のモバイルアプリ
開発すべき方

JavaScript
基本的な文法を知っている
Web開発者

Ionic基礎講義
本はたくさん見ましたが、
わからない方

ハイブリッドモバイルアプリ
開発ツール
体験したい方


誰でも簡単に学ぶ
モバイルアプリ開発!

🥇

Ionicフレームワークを使用した
モバイルアプリの開発プロセスを理解し、
自然に応用して
独自のモバイルアプリ開発を行うことができます。

🥈

Ionicの全体的な理解に基づいて、
深化知識を学ぶとき
素早く簡単に習得できるように
頑丈な能力を育てることができます。

🥉

イオニックだけでなく
Angular、 TypeScript
SCSSに関する基礎知識図
習得できます。

🏅

ハイブリッドアプリ開発構造は
互いに似た面があります。
他の開発ツール、環境への能力拡大
簡単に実現できます。

本講義は、既存の基礎講義とは異なり、実習中心に進行を行い、Ionicを通じた全体的なモバイルアプリ開発の過程を理解することを目指しています。 Ionicで一度にiOSとAndroidをサポートする方法を学び、理論ではなく、最も必要な要素中心の開発実践でモバイルアプリの開発を学ぶことができます。

このレッスンに従うと、モバイルアプリで最も一般的な要素とスキルを短時間で学ぶことができます。 Web開発に触れたことがある場合は、このレッスンがモバイルアプリの開発能力をさらに簡単にするのを助けます。

アイオニック?

モバイルアプリフレームワーク、アイオニック
iOSアプリ、Androidアプリを同時に開発できる
簡単で便利なハイブリッド開発ツールです。

ハイブリッド開発方法を使用すると、iOS/Androidアプリを同時に開発できます。これにより、ネイティブ開発方法よりもコストと期間を短縮できます。この講義では、ハイブリッド開発ツールで有名なIonicが何であるかを説明しており、他のツールとの比較に役立つでしょう。

スケルトン作り - スタイルを塗る - 動作させるまで、3段階で構成されるアイオニック講義です。

素晴らしいモバイルアプリ、
私も作れますよ!

オリエンテーションでより詳細な説明を見ることができます!

✅アイオニックでモバイルアプリの開発方法を把握できます。

✅ほとんどのモバイルアプリで最も活用されているリスト画面、詳細画面、タブメニュー、作成画面要素を持つシンプルなアプリを作成し、サーバーと通信する方法を学びます。


この講義だけの特徴
お知らせします。

🔆実践中心でより簡単に
一般的な基礎講義とは異なり、実習中心に行われ、必ず必要な内容だけ効率的に取り上げました。

🔆アプリケーションまで自信があります。
モバイルアプリサービスで最もよく使われる要素を直接開発することで、アプリケーション開発を容易にできるようにしました。

🔆簡単な説明、正確な理解
実習中心に進んでいますが、必須と知るべき知識については簡単に理解できるように説明しました。

🔆初心者の立場を考えた講義
今、開発を始めた方と同じ環境で授業を進めました。

🔆短くコンパクトに
早い習得を希望される方を考慮し、集中力が落ちないように長くない長さで講義を構成しました。


順番に従ってください!

最初。オリエンテーション

今後進む講義の方向と目的。そして、私たちが一緒に作るモバイルアプリの外観を見てください。

第二。準備する

Ionicを使ってモバイルアプリを開発するために、私たちのコンピュータを設定しましょう。そして、私たちが作るモバイルアプリのプロジェクトを作成し、開発の開始を準備します。

第三。チャートリストの作成

モバイルアプリサービスで最も一般的な要素の1つは、「リスト」です。 Ionicで「リスト」をどのように作るかをまとめてみましょう。 Angularを使用してDOMを変更する方法も学習できます。

第四。メモリストの作成

前回学習した「リスト」要素をもう一度練習してみます。デザインは少し異なってアプリケーション+復習を進めます。これにより、「リスト」要素の理解と開発をよりよく知ることができます。

第五。チャート詳細の作成

「リスト」要素とともによく使われる「詳細」画面開発実習を進めます。

第六。メモを作成する

「作成」画面は、ユーザーとモバイルアプリ間の対話のための最も基本的で重要な要素です。 Ionicでユーザーからの入力をどのように受け取るかを練習しましょう。

7番目。タブメニューの作成

モバイルでは、画面の性質と目的に応じてタブで区切る方法を多く使用します。タブメニューがどのように構成されているかを調べて、動作構造を分析します。

8番目。動作させる

「リスト」から「詳細」または「作成」画面を呼び出す方法を学びます。そして、画面間でデータをやり取りする方法を身につけて作成した文を登録してみます。

9番目。サーバー通信

外部サーバーからデータをどのように呼び出し、インポートできるかを学びます。

10番目。実行する

iOSとAndroid環境で実践的なアプリを駆動する方法を学びます。


この講義を作った
知識共有者を紹介します。

Padawan.Joy

こんにちは。パダワンジョイです。
実務で積み重ねた経験をもとに、 「簡単だが違う」知識を共有して学びたいです。 😉

履歴

  • 2007~2012:Web開発フリーランサーとして活動し、開発に楽しさを感じました。
  • 2012~現在:月給争い開発者で、iOS&Android Native、Ionic、React Nativeなど全方位(?)モバイルアプリ開発を行っています。
  • 2019~現在:非定型データ、自然言語処理など人工知能にも楽しさを感じ、研究活動をしています。

パダワンはスターウォーズという映画でジェダイになるために学び修練する見習いを意味する言葉です。
「開発」を主業として生きてみると本当に分野が多様で、急速に発展することが、学ぶことが本当に多かったんですよ。
だからいつもパダワンのような気持ちで怠惰にならないように学びの姿勢で取り組むという意味でこんなニックネームを使っています。


よくある質問💬

Q. 非専攻者も聞ける講義ですか?

はい、「知らなくてもしてみよう」というコンセプトで講義を進めるので、非専攻者の方も聞くことができます。もちろん、Web開発に関する知識があれば、より良いです。

Q. なぜIonicを学ぶべきですか?

国内では少しあまり知られていませんでしたが、Ionicはハイブリッド開発ツールで非常に有名であり、最近はReact、Vueサポートを通じてより多くの開発者がアクセスできるようになって注目されています。また、モバイルだけでなくPWAなどのWebアプリ開発もサポートしており、活用範囲も広いツールです。

Q. Ionicを学ぶと何がいいですか?

短い期間でより少ないコストでAndroidとiOSアプリを開発できます。それだけでなく、Ionic開発能力があればWebアプリまでも開発でき、大きな効率性をもたらすことができます。 PWA(Progressive Web App:プログレッシブWebアプリ)の開発も可能です。

Q. 講義を聞く前に、準備すべきことはありますか?

iOS開発環境を設定するには、Mac OSが動作するMacBookまたはiMacが必要です。 Web開発の知識が少しでもあれば、はるかに簡単に講義を理解できますが、必ずしも必要ではありません。 「よく分からないけど一応追いかけよう」という気持ちが一番大切な準備です。

*Windows環境でも受講できます。ただし、[準備] > [環境設定]のセクションで説明する一部の内容は、Windowsと少し違いがあります。

Q. 授業内容をどのレベルまで扱いますか?

モバイルで最もよく使われる要素を繰り返し練習し、最終的にミニプロジェクトを完成することで講義が終わります。

Q. 受講に関する注意事項はありますか? (必要な環境、その他の注意事項など)

本講義は詳細な理論説明ではなく実習中心に進行されます。もちろん、必ず必要な事項については詳細に説明しますが、従来に多く触れていた基礎講義とは違いがありますので、この点を是非ご了承の上、受講をしてください。講義の目標は「Ionicについて完全に知ろう」ではなく、開発過程を一度遂行してみて「Ionicが難しいことではないのだが、私もできるんだ」という考えを育てることです。

受講前にご確認ください!

  • このレッスンはIonic 5.611バージョンを使用しました。
  • macOS環境で録画されていますが、Windows環境でも受講できます。ただし、[準備] > [環境設定]のセクションで説明する一部の内容は、Windowsと少し違いがあります。

こんな方に
おすすめです

学習対象は
誰でしょう?

  • 自分だけのモバイルアプリ開発をしたい方

  • すばやくモバイルアプリ開発をしたい方

  • Web開発経験に基づいてモバイルアプリ開発をしたい方

  • ハイブリッドフレームワークを利用した効率的なモバイル開発に関心のある方

  • 全体的な開発過程を見て、Ionicに対する理解度を高めたい方

前提知識、
必要でしょうか?

  • HTML

  • JavaScript

  • CSS

こんにちは
です。

68

受講生

9

受講レビュー

6

回答

4.6

講座評価

1

講座

"쉽지만 다르게" 지식을 공유하고 배우고 싶은, 파다완 조이입니다!

カリキュラム

全体

35件 ∙ (1時間 58分)

講座資料(こうぎしりょう):

授業資料
講座掲載日: 
最終更新日: 

受講レビュー

全体

9件

4.6

9件の受講レビュー

  • 서재원 Seo님의 프로필 이미지
    서재원 Seo

    受講レビュー 10

    平均評価 4.8

    3

    63% 受講後に作成

    세월이 무상하네요.

    • 전은정님의 프로필 이미지
      전은정

      受講レビュー 13

      平均評価 5.0

      5

      100% 受講後に作成

      아이오닉을 급하게 사용하게 될 거 같아서 속성으로 들었어요. 편집이나 강의도 깔끔하고, 강의 하나가 길지 않아서 빠르게 완독할 수 있었습니다. 감사합니다~

      • josepstory님의 프로필 이미지
        josepstory

        受講レビュー 1

        平均評価 5.0

        5

        100% 受講後に作成

        큰그림 잡기 조으다~~

        • 송정현님의 프로필 이미지
          송정현

          受講レビュー 2

          平均評価 4.5

          4

          100% 受講後に作成

          잘 들어습니다. 감사합니다.

          • bluechap님의 프로필 이미지
            bluechap

            受講レビュー 3

            平均評価 5.0

            5

            100% 受講後に作成

            아이오닉 앱 개발 과정을 기본적으로 이해할 수 있었습니다. 실습 아이오닉 강의 부탁드려요.

            ¥1,340

            似ている講座

            同じ分野の他の講座を見てみましょう!