Swift 独学プログラミング プログラミング初心者のアプリ作成の為の自主テキスト〜お題目編〜

あっ どうも子へびです。

今年の夏体重が増えたまま元に戻らない子へびです。このまま秋突入したら・・・。新米、さつまいもなどなど秋の味覚が満載で食欲の秋を迎えてしまう!これはもう体重が増加し続ける理由しか見つからない。OMG!です!




Master松陰のテキストはアプリのコード構成の宝の宝庫で今回のお題目は以下のとおりです。
・より実践的な入力画面の作成方法
・より実践的な一覧画面の作成方法
・共通部分のサブクラス化
・ソフトキーのハンドリング
・Toastメッセージの表示
・多言語化
もちろんそれぞれにつまずいている子へびですが、アプリに欠かせないこのアイテム。サンプル練習もこれが2つ目ですが実際にこの練習をしてみると子へびが落書き程度に書いていたアプリの画面デザインがとってもダサいものに感じられて全て書き直した次第です。

Master松陰

多分それはよりアプリらしい振る舞いを実感しているからだと思うよ。

構造・構成に関してコードやUI配置などに触れると自分の頭の中で想像していた動きが
現実化されどう構成していったらいいのかを考えざるを得なくなるのかもしれません。
特に子へびみたいな怠けものは

子へび

いかに少ないコードでかつシンプルにかっこよく動かしたい!このMaster松陰からもらったコードを各パーツ繋いで作っちゃえ!

っと企んだりしております。笑

でも実際は細かな疑問が多々でてきてこれらのコードの書き方・設定方法は1つ1つ検索すれば出て来ますが組み合わせ方のコツなどは載っていないので、パズルの組み合わせ方のコツを聞くようにMaster松陰に相談をしています。この相談というところがメンターを持つ最大の利点でもあるらしいです。

子へび

確かに〜子へびみたいなすっとこどっこいにはメンターは絶対に必要だは!

環境に不足はない子へびにとって何よりも重要なのは・・・。

子へび

子へび自身・・・。とほほ。




Swift 独学プログラミング プログラミング初心者のCocoaUIサンプル〜Tabber編〜

あっ どうも子へびです。

もう夏は終わりなんでしょうか?暑すぎるのもイヤだけど、秋の訪れはなんだか燃え尽き症候群みたいで物悲しいと感じる子へびです。なんてワガママ笑




Master松陰のサンプルコードの構造を分析中の子へびですが自分のデザインもそろそろ考えなくてはいけないのでiconはじめ色々なサイトを参考に構想を練っている最中ですが、世の中センスのいいデザインが溢れている!でも実際使ってみたいのと使えるのでは大きく差があるらしく、Master松陰にサンプルをみせると良い点・悪い点をあげてくれます。きっとこのあたりは色々なデザインを試しているMaster松陰の経験値なんだと思います。

けど初心者子へびはすぐに
子へび

あっ!このデザインかっこいい!

っと飛びつきがちです。目移りしまくりです。

でもファッションもそうですがコーディーネートが大事ですからね。一つではなく全体を見通す力も今後つけていかないといけないテーマでもあります。そして子へびが見つけたチャレンジしたいTabがこちら

膨らむ想像その1
Tabber
できるかな?チャレンジあるのみですね笑




Swift 独学プログラミング プログラミング初心者のきれいな画像処理方法〜icon編〜

あっ どうも子へびです。

この間iPhoneを握ったらいきなりSiriが
『そうだと思っていました。』
っと話だし、子へびは喋りかけていないにも関わらず話出したので心を読まれたのかと思いました。笑 子へびの心を読めるiPhoneけどSiriに答えられてしまうと子へびが何を考えるかバレてしまうので黙ってて欲しい時もあるかな?っと考えていることも読み取って欲しい。笑




iconのデザインが決まって子へびの疑問。

子へび

画像の切り取りがきれいにできていない気がする。ところどころ曲線が歪んでいる気がするな〜。

っとMaster松陰に相談するとsampleiconダウンロードするところから手順を教えてくれました。この手順は意外とどこにも書かれていないので初心者の方々には参考になると思います!

1 SVGでダウンロード ← SVGはWebで大きさを調節できるのでできるだけ大きな画像から切り取った方が画像がきれいに切り出せます!

2 ブラウザーで拡大

3 グラブで画像全体をスクリーンショットをとって保存し切り取る

4 Pixelmatorで各パーツを分解 ← 画像全体より各パーツに分けた方が色々調整ができるのでオススメです!

5 画像が完成してたらPNGで書き出し ← この際アルファチャンネルを取り消してください。この作業をしないとのちのちアップルの審査で引っかかるそうです。

っとこの5つの作業がデザインがだいたい決まったら必要となる手順になります。けど子へび

子へび

説明聞いた時ななるほどと思ったけど、実際に自分の手を動かしてみたらこの5つの作業にめちゃくちゃ時間がかかった・・・。

Master松陰

何度も何度も手を動かして覚えていくのよ!

とのことなのでさらっと5つの作業を紹介しましたがぜひ実際に作ってみてください!
さてようやくコードにとりかかれるかな?!




Swift 独学プログラミング プログラミング初心者のiconデザイン〜iPhoneアプリ編〜

あっ どうも子へびです。

暑くて伸びちゃってませんか〜?子へびも夏を越せそうな気がしません・・・。夏は大好きですが、こうゆう夏は全然得意ではありません。あ”〜外に出たくないが最近の子へびの口癖です。




iconの作成にまたかなりの時間を費やしました・・。一体何個作ったんだろう?作ってはMaster松陰に見せてを散々繰り返しその答えは

Master松陰

・・・・。

そうなんです。無言・・・。っと言うことは却下と言うことです。笑
なかなかいいね!がもらえず挙句の果てには

Master松陰

子へびなんだか違う方向に行ってしまっている。この絵何?

っとまで言われる始末。笑

子へびはもうサンプルicon見すぎて連日目がしょぼしょぼです。そのぐらいサンプル画像たくさんみました。実際色つけたり、組み合わせたりすると自分の思っているイメージと違ってしまったり、よしこれはいいぞ!っと思っても実際のiconサイズにして他のiconと並べるとなんかしっくりこなかったり、もう散々色々試しました。

今回はこのicon画像をサンプルに作りましたよ。
↓↓↓
sample icon

カワイイicon達がたくさんあるのでオススメです!

そして実際に気に入ったものができてiconをMaster松陰のアプリの隣に並べてみると

子へび

全然存在感が違う・・・。

数あるiconの中に並べて見るとまたもやその出来栄えに問題を感じ

Master松陰

それはちょっとしたバランスの問題や色の使い方だったり微調節が必要ね。ただiconが決まらないとモチベーションも上がらないし、妥協しちゃダメね!気にいるまで作り続けなさい。

っと言われやはりアプリ内のコードも然りiconのデザインを然りMaster松陰の技術は卓越していることを再確認しました。

子へび

何事もセンスですな!

っと感じつつ細かな修正の繰り返しでなんどもシュミレーターで実際のサイズにして確認しました。

そしてようやくMaster松陰から

Master松陰

これはいいね!

の言葉がもらえたのは一体何作目だったのだろう・・・。いいね!を言ってくれることが本当にあるんだっと思わず疑ってしまったほどです。笑

そんなMaster松陰は自身のアプリが紹介されるテレビ番組の収録も無事に終わったらしく放送が楽しみです!夏休みにお出かけ予定の方々にはとっても便利なアプリなので放送日が決まったらこのサイトでもご紹介します!

子へび

いいな〜。いつか子へびも・・・。

っとまだ表紙しかできていない自分のiconをみて夢ごごちです。

おまけ
iconができたので次の課題のサンプルコードをみてみたら
子へび

何これ!久々すぎて全然わからなくなっている・・・。

大量のコードに途方にくれる子へびです・・・。