강의

N
챌린지

멘토링

N
클립

커뮤니티

Programming

/

Front-end

リアクトルアンギュラなしでアイオニックコンポーネントを使用する

アイオニックプラットフォームではなくhtmlやJavaScriptが可能な環境なら、アイオニックコンポーネントを使うことができます。

（4.6）受講レビュー 10件

受講生 312名

難易度 初級

受講期間 無制限

  • nodeep777
IONIC
IONIC
IONIC
IONIC

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

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

4.6

5.0

KYUNG TAE BAE

63% 受講後に作成

アイオニック学習に多くの役に立ちました。ありがとうございます！

5.0

쿠카이든

75% 受講後に作成

アイオニックコンポーネントの使い方をよく学びました。本当にありがとうございました。

5.0

damanegi

100% 受講後に作成

短くて明瞭な講義ありがとうございます。 講義を一度見て内容を把握して使用するときはPDFを参考にしてほしいですね。

受講後に得られること

  • HTMLでアイオニックコンポーネントを使用する

  • JavaScriptでアイオニックエレメントを追加

アイオニックフレームワークが提供する
便利なコンポーネントに会いましょう✨

シンプルで便利
アイオニックコンポーネント！

アイオニックコンポーネント、ぜひリアクトやアンギュラを知らなければ使えますか？

まったくそうではありません！
リアクト、アンギュラではない環境でもアイオニックコンポーネント（Ionic Component）を使用できます。

アイオニックコンポーネントにはシンプルで使いやすいUIコンポーネントがたくさんあります。
さらに、無料で使用できるので、誰でも便利に使うのもいいですね。
そのため、アイオニックプラットフォームではなくてもコンポーネントのみの使い方を見つけて共有する概念で講義を作ってみることになりました。

今回の講義は6講しかない非常に短い講義で、アイオニックコンポーネントをどのように使用するのか分かるようにした簡単な講義です。早く学びたい方は、添付されたアイオニックコンポーネントの要約資料だけをご覧いただくだけで十分と思います。

要約テキストを一緒に見ることができます！

  • ✅本講義はYouTubeの映像とテキストで構成される講義です。
  • ✅ 116ページ 分量のテキスト要約資料を付属します。

「アイオニックコンポーネントPDF」の授業でダウンロードできます。

誰が聞くといいですか？

アイオニックコンポーネント
可愛い
考えていた方

リアクト、アンギュラなし
アイオニックコンポーネント
書きたい方

JavaScriptを
少しでも
ご存知の方

選手の知識を確認してください！

  • 受講にはHTMLとJavaScriptの基礎知識が必要です。

誰でもOK、
今すぐ受講してみてください！

短く簡潔に！
無料で学ぶアイオニックコンポーネント

  • HTMLでアイオニックコンポーネントを使用する方法
  • JavaScriptでアイオニックエレメントを追加する方法
アイオニックコンポーネントフローティングラベル、入力要素を追加する
JavaScriptで要素を追加する

こんな方に
おすすめです

学習対象は
誰でしょう？

  • JavaScriptを少し知っている人

  • リアクトアンギュラを使わずにアイオニックコンポーネントを使いたい方

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

  • HTMLとJavascriptの基礎

こんにちは
です。

15,486

受講生

288

受講レビュー

72

回答

4.8

講座評価

14

講座

生産および品質管理プログラム、POP、スマートファクトリー、PMSなどのコンピュータープログラム開発者として活動した後、講師を始めました。プログラム開発というのは、思ったほど難しい領域ではありません。勉強方法さえ習得すれば、誰でも取り組むことができます。

カリキュラム

全体

8件 ∙ (13分)

講座資料（こうぎしりょう）:

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

受講レビュー

全体

10件

4.6

10件の受講レビュー

  • devkuka님의 프로필 이미지
    devkuka

    受講レビュー 289

    ∙

    平均評価 5.0

    5

    63% 受講後に作成

    アイオニック学習に多くの役に立ちました。ありがとうございます！

    • kukaeden님의 프로필 이미지
      kukaeden

      受講レビュー 489

      ∙

      平均評価 5.0

      5

      75% 受講後に作成

      アイオニックコンポーネントの使い方をよく学びました。本当にありがとうございました。

      • damanegi님의 프로필 이미지
        damanegi

        受講レビュー 3

        ∙

        平均評価 5.0

        5

        100% 受講後に作成

        短くて明瞭な講義ありがとうございます。 講義を一度見て内容を把握して使用するときはPDFを参考にしてほしいですね。

        • hyongsu44님의 프로필 이미지
          hyongsu44

          受講レビュー 868

          ∙

          平均評価 5.0

          5

          100% 受講後に作成

          講義ありがとうございます。

          • rungo님의 프로필 이미지
            rungo

            受講レビュー 8

            ∙

            平均評価 5.0

            5

            100% 受講後に作成

            短時間でアイオニックの概念をキャッチするのに最適なレッスンです。本当にありがとうございます。 ^^！

            無料

            nodeep777の他の講座

            知識共有者の他の講座を見てみましょう！

            C# MAUI マウイ Animation アニメーション講義サムネイル

            C# MAUI マウイ Animation アニメーション

            nodeep777

            クロスプラットフォームMAUIのアニメーション機能について学ぶことができます。

            初級

            初級

            maui

            C# MAUI マウイ Animation アニメーション講義サムネイル

            C# MAUI マウイ Animation アニメーション

            nodeep777

            C# .NET MAUI マウイ MVVM 講座 + Custom Control (Android、iPhone、Windows マシン、MAC OS)講義サムネイル

            C# .NET MAUI マウイ MVVM 講座 + Custom Control (Android、iPhone、Windows マシン、MAC OS)

            nodeep777

            C# MAUIのMVVMパターンを学ぶことができます。 不要な内容は省いて核心だけを込めました。 MVVMパターンを素早く理解したい方におすすめします。 iPhoneとMacBookがない関係でWindowsマシンとAndroidでテストを進行します。 追加でコントロールをカスタマイズする方法も学ぶことができます。

            初級

            初級

            MVVM, maui

            C# .NET MAUI マウイ MVVM 講座 + Custom Control (Android、iPhone、Windows マシン、MAC OS)講義サムネイル

            C# .NET MAUI マウイ MVVM 講座 + Custom Control (Android、iPhone、Windows マシン、MAC OS)

            nodeep777

            PySide6 Python GUI講義サムネイル

            PySide6 Python GUI

            nodeep777

            PythonでGUIプログラムを作成することができます。

            初級

            初級

            Python, pyside6, GUI

            PySide6 Python GUI講義サムネイル

            PySide6 Python GUI

            nodeep777

            C# WPF .NET Core(7.0)講義サムネイル

            C# WPF .NET Core(7.0)

            nodeep777

            Windowsアプリの開発経験がなくても十分にフォローできます。

            初級

            初級

            C#, wpf, xaml

            C# WPF .NET Core(7.0)講義サムネイル

            C# WPF .NET Core(7.0)

            nodeep777

            リモートでPCサーバーをチェック PowerShell入門～GUI講義サムネイル

            リモートでPCサーバーをチェック PowerShell入門～GUI

            nodeep777

            ローカルとリモートでPCとサーバーを簡単にチェックする方法を学びます。

            入門

            入門

            Powershell

            リモートでPCサーバーをチェック PowerShell入門～GUI講義サムネイル

            リモートでPCサーバーをチェック PowerShell入門～GUI

            nodeep777

            C＃ジャマリン+モンゴルDB + nodejs連動講義サムネイル

            C＃ジャマリン+モンゴルDB + nodejs連動

            nodeep777

            直接DBとnode expressをバックエンドでインストールし、C＃でWindowsアプリとスマートフォンアプリを介したデータを保存、更新してみます。ソケットを使ってチャット機能まで実装する方法を素早く学びましょう！

            初級

            初級

            MongoDB, Express, C#

            C＃ジャマリン+モンゴルDB + nodejs連動講義サムネイル

            C＃ジャマリン+モンゴルDB + nodejs連動

            nodeep777

            モンゴルDB + node express + ionic6連動講義サムネイル

            モンゴルDB + node express + ionic6連動

            nodeep777

            Firebaseのリアルタイムデータベースを使用せずに直接DBをインストールし、データを保存、更新、およびソケットを使用してチャット機能まで実装する方法を学びます。

            初級

            初級

            MongoDB, Node.js, Express

            モンゴルDB + node express + ionic6連動講義サムネイル

            モンゴルDB + node express + ionic6連動

            nodeep777

            入門鋼のタイプスクリプトからionic6（アンギュラベース）講義サムネイル

            入門鋼のタイプスクリプトからionic6（アンギュラベース）

            nodeep777

            簡単にAndroidアプリ、Windowsアプリ、iosアプリを作成して配布する方法まで知りたい方におすすめです。 JavaScriptやアンギュラーではなく、タイプスクリプトの基礎からお知らせします！

            入門

            入門

            TypeScript, IONIC, Hybrid App

            入門鋼のタイプスクリプトからionic6（アンギュラベース）講義サムネイル

            入門鋼のタイプスクリプトからionic6（アンギュラベース）

            nodeep777

            C＃でログイン可能なアプリを実装する Xamarin Jamaline Forms講義サムネイル

            C＃でログイン可能なアプリを実装する Xamarin Jamaline Forms

            nodeep777

            この講義では、C#とXamarin Formsを活用してログイン処理、カメラ/電話/文字/メールアプリとの連動、自動メール送信などの機能の実装、APIとの連動による遠隔地の保存など、アプリ開発に必要なさまざまな機能を学習してみてください。

            初級

            初級

            C#, Hybrid App, Xamarin

            C＃でログイン可能なアプリを実装する Xamarin Jamaline Forms講義サムネイル

            C＃でログイン可能なアプリを実装する Xamarin Jamaline Forms

            nodeep777

            C# Xamarin Forms ジャマリン フォームズ API 講義 + 簡単な API を作成する講義サムネイル

            C# Xamarin Forms ジャマリン フォームズ API 講義 + 簡単な API を作成する

            nodeep777

            ザマリン(Xamarin)でSQLのデータにどのようにアクセスして修正、削除、追加、照会できるかを説明する講義です。 WEB APIも一緒に作成しながら、APIをどのように活用するかを知ることができます。

            初級

            初級

            Web API, Xamarin

            C# Xamarin Forms ジャマリン フォームズ API 講義 + 簡単な API を作成する講義サムネイル

            C# Xamarin Forms ジャマリン フォームズ API 講義 + 簡単な API を作成する

            nodeep777

            C# 入門からXamarin Forms(ザマリンフォームズ) + Maui(マウイ) Android、Windowsアプリ(UWP) 同時に作る講義サムネイル

            C# 入門からXamarin Forms(ザマリンフォームズ) + Maui(マウイ) Android、Windowsアプリ(UWP) 同時に作る

            nodeep777

            スマートフォンアプリとWindowsアプリを同時に？C#で作るクロスプラットフォーム！ C#を知らなくてもこの講義を通してC#基礎を学び、XamarinでスマートフォンアプリとWindowsアプリ(UWP)を作ってみることができます。Maui(マウイ)講義も追加しました。

            入門

            入門

            C#, GUI, Xamarin

            C# 入門からXamarin Forms(ザマリンフォームズ) + Maui(マウイ) Android、Windowsアプリ(UWP) 同時に作る講義サムネイル

            C# 入門からXamarin Forms(ザマリンフォームズ) + Maui(マウイ) Android、Windowsアプリ(UWP) 同時に作る

            nodeep777

            Blender Python BPY入門講義講義サムネイル

            Blender Python BPY入門講義

            nodeep777

            Blenderにはbpyという楽しい機能があります。 Pythonコードを活用してBlenderを制御することができます。 しかし、Pythonコードを知らなくても学習することができます。

            初級

            初級

            Blender

            Blender Python BPY入門講義講義サムネイル

            Blender Python BPY入門講義

            nodeep777

            ブレンダー王初歩入門基礎講義講義サムネイル

            ブレンダー王初歩入門基礎講義

            nodeep777

            理論よりは実習中心の講義で入門者の方のための講義です。 Blenderのメニューと機能を学ぶことができます。

            入門

            入門

            Blender

            ブレンダー王初歩入門基礎講義講義サムネイル

            ブレンダー王初歩入門基礎講義

            nodeep777

            似ている講座

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

            My Location - ionic3 と Google Map Api を利用した位置情報の検索講義サムネイル

            My Location - ionic3 と Google Map Api を利用した位置情報の検索

            killkch0331

            ionicの開発経験がある開発者だけでなく、全体的なionic projectの構成や開発方法などに関する全般的な情報を提供するため、ionic開発経験のない初心者にも多くの役に立つionic3講座です。

            初級

            初級

            IONIC

            My Location - ionic3 と Google Map Api を利用した位置情報の検索講義サムネイル

            My Location - ionic3 と Google Map Api を利用した位置情報の検索

            killkch0331

            アイオニックでオフラインファーストウェブ(offline first web)を作成講義サムネイル

            アイオニックでオフラインファーストウェブ(offline first web)を作成

            killkch0331

            今回の講義では、現在PWA開発に最も最適化されているionicとCouchDBを使って簡単な登録簿Webを作成し、構築過程を通じてどのようにオフラインで動作可能であるかを説明します。

            中級以上

            中級以上

            PWA, IONIC

            アイオニックでオフラインファーストウェブ(offline first web)を作成講義サムネイル

            アイオニックでオフラインファーストウェブ(offline first web)を作成

            killkch0331

            フォローしてみると完成する、Ionic 見てみる講義サムネイル

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

            padawanjoy2166

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

            初級

            初級

            IONIC

            フォローしてみると完成する、Ionic 見てみる講義サムネイル

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

            padawanjoy2166

            入門鋼のタイプスクリプトからionic6（アンギュラベース）講義サムネイル

            入門鋼のタイプスクリプトからionic6（アンギュラベース）

            nodeep777

            簡単にAndroidアプリ、Windowsアプリ、iosアプリを作成して配布する方法まで知りたい方におすすめです。 JavaScriptやアンギュラーではなく、タイプスクリプトの基礎からお知らせします！

            入門

            入門

            TypeScript, IONIC, Hybrid App

            入門鋼のタイプスクリプトからionic6（アンギュラベース）講義サムネイル

            入門鋼のタイプスクリプトからionic6（アンギュラベース）

            nodeep777

            アイオニック（ionic2）開発のためのタイプスクリプトの基本講義サムネイル

            アイオニック（ionic2）開発のためのタイプスクリプトの基本

            jeongmincha

            ハイブリッドアプリを開発するためのフレームワークの1つであるIonic2 Frameworkを学習するための事前のステップとしてTypescriptを学びます。

            初級

            初級

            TypeScript, IONIC

            アイオニック（ionic2）開発のためのタイプスクリプトの基本講義サムネイル

            アイオニック（ionic2）開発のためのタイプスクリプトの基本

            jeongmincha