Swift

Swiftライブラリ『Eureka』の使い方を徹底解説

最終更新日 :

Swiftライブラリ『Eureka』の使い方をご紹介

今回はSwiftで入力フォームを簡単に実装できるライブラリ「Eureka」の導入から基本的な使い方を解説していきます!

今回のテーマ

  • SwiftライブラリEurekaの導入方法
  • SwiftライブラリEurekaの使い方

当サイトではプログラミングやWebサイト運営に関する記事を毎日投稿しています。
他の記事も合わせて読んでいただけると嬉しいです。

Eurekaとは

XMARTLABSという企業が提供していた「XLForm」というフォーム作成ライブラリをSwift用に作り直したもの。Qiitaより

実装環境

  • Xcode Version 11.4
  • Swift5
  • iPhoneXS , iOS 13.2.3
  • Eureka 5.2.1

ライブラリURL

Eurekaの導入

Eurekaの導入

今回はCocoaPodsを使ってインストールします。

ターミナルでプロジェクトに移動したら次のように進めましょう。

まずはPodfileを新しく作ります。

 command
pod init

次にPodfileを書き換えるためにPodfileを開きます。

 command
vi Podfile

Podfileを次のように書き換えましょう。

 command
target 'プロジェクト名' do
pod 'Eureka', '~> 5.2.1'
pod 'ImageRow', '~> 4.0'
use_frameworks!
end

ポイント

Eurekaではフォームでの画像読み込みにも対応しています。画像読み込みも実装したい方はImageRowというライブラリも導入しておきましょう。

書き換えたら「escボタン」を押して「:wq」と入力して変更を保存しましょう。

最期にpodをインストールして終了です。
(すでにPodfileを作ってあった方はpod updateを実行します)

 command
pod install
or
pod update

Eurekaの使い方

Eurekaの使い方

それではいくつかのパターンに分けてEurekaの使い方をご紹介していきます。

1. 画像フォームの実装

EurekaのGitHubページより引用

EurekaのGitHubページより引用



Sectionでセクションヘッダーのタイトルを設定できます。
ヘッダーとフッターそれぞれ設定したい時、フッターだけを設定したいときは以下のように書きます。

 swift
// ヘッダーとフッターのタイトル
+++ Section(header: "ヘッダータイトル", footer: "フッタータイトル")
// フッターのタイトル
+++ Section(footer: "フッタータイトル")

カメラロールの画像を取得して保管しておくには以下のコードを使います。

 swift
$0.onChange { [unowned self] row in
self.selectedImage = row.value!
}

ここではカメラロールから選択した画像データをUIImageとして最初に宣言した変数に格納しています。

2. 選択フォームの実装

 swift
.onChange({ [unowned self] row in
self.type = row.value ?? "type"
})

onChangeとはフォームのセルに何らかの変化があった時に行う処理を決める関数です。

ここでは「row.value」を使って選択されたデータを取得して、最初に宣言した変数に格納しています。

3. テキストフォームの実装

 swift
.onChange{ row in
self.input_text = row.value ?? "input_text"
}

こちらでも「row.value」で入力されたデータを取得して、input_text変数に格納しています。

4. 数字の入力フォームの実装

 swift
.onChange({ [unowned self] row in
self.num_data = row.value ?? 0
})

こちらも先程と同様に、入力された数値を取得して変数に置き換えています。

またEurekaでは数字入力のフォームを作ると自動で数字用のキーボードが表示されます。

5. 処理ボタンの実装

row.onCellSelectionの中にはボタンが押された時の処理を書きましょう。

データベースへの登録の処理を書くのが一般的です。

まとめ:Swiftライブラリ『Eureka』の使い方を徹底解説

まとめ:Swiftライブラリ『Eureka』を使いこなそう

今回はSwiftという情報の少ないプログラミング言語のライブラリ「Eureka」の使い方をご紹介しました。

私自身、Eurekaの使い方を学ぶのは決して簡単ではなく、海外のサイトや動画を見ながらなんとかコードの書き方を取得しました。

英語なんて分かるはずもないので翻訳サイトをフル活用しました

ここでは参考としてEurekaの使用方法について詳しく解説している動画を2つご紹介しておきます。

 

今サイトではこれからもプログラミングに関する有益な情報をたくさん発信していきたいと思っていますので応援よろしくお願いします!

SwiftやiOS開発の学習でつまづいた時、独学に限界を感じた時はこちらの記事もオススメです。

【厳選】Swift・iPhoneアプリ開発を学べるプログラミングスクール3選

Swiftを学習して挫折したからプログラミングスクールに入塾したい!でもどのスクールが良いんだろう... SwiftやiPhoneアプリ開発を学びたいけどまず何から始めたら良いのか分からない...プロ ...

続きを見る

マンツーマンサポートに対応しているプログラミングスクール6選をご紹介

せっかくプログラミングを学習するなら、マンツーマンでしっかり教わりたい! マンツーマンサポートに対応しているプログラミングスクールを探しているけどどんなメリット・デメリットがあるのかな? 今回はこんな ...

続きを見る

【超お得】無料体験があるプログラミングスクール10選を徹底解説

プログラミングスクールって思ったより高いからなかなか決められない... 無料体験に対応しているスクールを知りたい! せっかくプログラミングスクールに入るなら、無料体験に参加して自分に合うスクールを選択 ...

続きを見る

  • この記事を書いた人(執筆者情報)
wagtechblog

wagtechblog

本サイトの運営者・管理人。フリーランスのエンジニアとしてiOSアプリやWebアプリの開発をしています。その傍らWeb集客のベンチャー企業で勤務。フロントエンドエンジニア・WebアプリケーションエンジニアとしてWebアプリケーション開発、SEOマーケティングなどの業務に携わっています。好きなプログラミング言語はSwiftとPythonとPHPとRuby。侍エンジニア塾元受講生。趣味はApex Legendsとゲーミングデバイス集め。
保有資格:ITパスポート / 基本情報技術者試験 / TOEIC730点 / 日商簿記3級

-Swift

Copyright © wagtechblog All Rights Reserved.