UIPickerViewの使い方と改善ヒント

Apple-Swift

iOSアプリを開発すると、UIPickerViewはとても便利なものです。
指のフリックだけで、ユーザに多くのデータを提示することができるため、沢山のアプリで使われていています。

UIPickerViewを使うには、以下のステップが必要です。

  1. UIPickerViewのインスタンスを作成する
  2. データ自体を用意する
  3. UIPickerViewのデータを扱うオブジェクト(DataSource)を定義
  4. UIPickerViewの表示などを扱うオブジェクト(Delegate)を定義
  5. DataSourceでComponent(区切り)数やRow(行)数を返すファンクションを用意する
  6. Delegateで各項目のタイトルを返すファンクションを用意する
  7. UIPickerViewのデータをロードする

簡単な実例を以下に貼り付けいたしました。
生物のリストをUIPickerViewで表示させる簡単なアプリだけです。

ご覧の通り、
生物の順番が作成した順番となって、生物の種類(Kingdom(哺乳類、鳥類、昆虫類、など))を見分けられないのはあまりよくないと思います。
以下の改善に取り組みましょう!

  1. 生物を種類にまとめる
  2. 生物の種類によって文字色を設定する

生物を種類にまとめる

これは一行でできることです!
データで使われるArrayにsortInPlaceファンクションを掛けて、Animalのkingdom値で順番を変更する。

Animal.Species.sortInPlace { $0.kingdom.hashValue < $1.kingdom.hashValue }

生物の種類によって文字色を設定する

これを実現するには、UIPickerViewDelegateの”titleForRow”のファンクションを消去し、”attributedTitleForRow”のファンクションを設置する必要があります。

例は以下に貼り付けています。


大型連休が終わりました

IMG_4355
甘夏にはまり中です。
こんにちわ。リエです。

大型連休も終わり、また普段の日常が始まりました。
お休み中はどうしても夜型になり生活リズムが崩れてしまったので、朝中々起きれません^^;
あと5分あと5分とアラームを無駄に伸ばしてしまっています。

5月に入り少し経ちましたが、5月病やわ~という声をよく聞きます。
5月病ってそもそも何?と思ったので調べてみました。
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
五月病(ごがつびょう)とは、
新人社員や大学の新入生や社会人などに見られる、新しい環境に適応できないことに起因する精神的な症状の総称である。
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
引用元:wikipedia

なるほど~。
確かにやっと新生活に慣れてきたころに大型連休があるとバランスが崩れますよね。
次の連休は7月、それまでに梅雨がきたりと今の時期は1年間の中で1番心身ともに調子が崩れやすい時かもしれません。

どうしたら5月病対策ができるんだろうと調べていたらこんな記事を見つけました。
5月病対策に活用したい香り
「香りで気分が変わる」
確かによく言われていますよね。
好きな香りは自律神経のバランスを整えると言われています。
身体の不調は自律神経の乱れからくることが多いので、好きな香りを嗅いで気分をリフレッシュさせるのはよさそうですね。

程よく息抜きをしてしんどい時は無理せず今の時期を乗り越えたいと思います。


専門学校へ模擬面接に伺いました

もうすぐ連休です。
こんにちわ。リエです。

先日、某専門学校様より学生様へ模擬面接会をしていただけませんかとご連絡をいただきました。
今年度より就職対策の一環として授業に導入されたそうです。

大変ありがたいことに、弊社にお声がけいただき模擬面接会を行うことになりました。

対象となります学生様は、デザイナー志望(Webやグラフィックなど)の方となります。
中々、普段の学生様の様子を拝見する機会はないので弊社としてもとても貴重な体験でした。

私は後ろで見学していましたが、皆さん一生懸命お話しを聞いて下さっていました。
感激・・!
IMG_4336

模擬面接は事前に選出されました4名の方に受けていただきました。
IMG_4333

学生生活は遠い昔となりましたが(遠い目
楽しそうな雰囲気に少し自分の学生生活を思い出してしまいました。

皆さんこれから就職活動を始めるそうです。
就職活動は大変ですが、自分のやりたいことをどんどんクリアにしていき希望の企業へ就職できるよう応援しています。

頑張れ若者\(^o^)/

– – – – – – – – – –
スプラウト株式会社は、大規模なウェブサービスのシステム開発に携わってきたノウハウを活かし、ウェブ上の様々なコミュニケーションのしくみをご提供・ご提案しています。
お気軽にお問い合わせください!

\\一緒に成長できる仲間も募集中です!!//
あなたのしたいことを、私たちと。
あなたの実現してみたいアイデアや技術を私たちに教えてください。
コミュニケーションのあたらしいカタチを私たちと一緒に考えませんか?
募集要項はこちらから。


健康診断週間中です

お風呂上りにアイスを食べるのが日課です。
こんにちわ。リエです。

弊社はただいま健康診断週間中です。

学生のころは健康診断って結構1大イベントで、身長何センチ伸びた!とか気にするのはそこぐらいで^^;
あまり意味は理解せず受診していました。

逆に社会人になると健康診断は、1年に1回自分の身体の状態を知り健康でいることの大切さを気付かされる大事なものとなります。
普段は健康が当たり前になっていてそんなこと思わないですが・・

とりあえず増えた体重とウエストをどうにかしようと思いつつも大好きなアイスがやめられません(矛盾!)
ダレカヤメラレルホウホウオシエテ

そして最近休憩中に食べたピノが星形でした☆★☆
左下のピノですが、星形なのがお分かりでしょうか?
IMG_4257
最近のプチラッキーでした(*´з`)

甘いものパワーでお仕事頑張ります!


制作実績のご紹介・UNIM

弊社が担当した案件の「UNIM」様のロゴとコーポレートサイトのご紹介をしたいと思います。

まず、ユニエム様のロゴを制作するに辺り、ヒアリングを行い、
「世の中の様々なミスマッチを解決したい」、「新しい仕組みづくりに挑戦したい」といった強い思いに触れることができました。

その中で、次のビジョンが浮かび上がってきました。

 

人それぞれに最適なマッチングの仕組みを創造し、
人と人、人と企業、人とモノ、人と場所、
様々なつながりを円滑にする

 

そのビジョンを踏まえてロゴデザインを 3 案作成し、
こちらのロゴを採用していただきました。

 

unim-logo

 

こちらのロゴは、ビジョンを体現する「芯」の強さ、採用に関する事業も扱うため、柔和な印象も感じられるようデザインしました。
インパクトや躍動感よりも、「仕組み=システム」を創り上げるためのインテリジェンスや落ち着いたイメージを重視しています。

「M」のカタチをユニークにし、人と人が手を取り合い「つながる」ことをイメージ出来るようにしました。そして、「M」を構成する線のエレメントが前後に重なって見えることで多面的に物事を捉えることを表現しています。

 

 

コーポレートサイトは、ヒアリングの時に浮かび上がったビジョン「人と人、人と企業、人とモノ、人と場所」の「つながり」をコンセプトに制作をいたしました。

 

UNIM様コーポレートサイト

https://unim.co.jp/

ヘッダーのメインビジュアルは、「つながりを創る」ということがイメージ出来るように作成いたしました。たくさんある「点」をつなげることで、それを表現しています。

株式会社として、設立されて間もないですが、それ以前にも、ご活躍されていることをお聞きしましたので、それが伝わる様に、全体的にはフォーマルで、信頼出来るサイトになるように心がけて制作いたしました。

 

 

– – – – – – – – – –
スプラウト株式会社は、大規模なウェブサービスのシステム開発に携わってきたノウハウを活かし、ウェブ上の様々なコミュニケーションのしくみをご提供・ご提案しています。
お気軽にお問い合わせください!

\\一緒に成長できる仲間も募集中です!!//
あなたのしたいことを、私たちと。
あなたの実現してみたいアイデアや技術を私たちに教えてください。
コミュニケーションのあたらしいカタチを私たちと一緒に考えませんか?
募集要項はこちらから。