タグ: iPhone

Swift 独学プログラミング〜課題のアプリ作成学習アプリ『掛け算九九アプリ』編〜

Swift 独学プログラミング〜課題のアプリ作成学習アプリ『掛け算九九アプリ』編〜

Posted on by kohebi

あっ　どうも子ヘビです。

ようやくダンダダンを見始めたら面白いのなんの！笑　あと映像の色使いがいいな〜。なんとも言えない世界観を醸しだしております。おかるんとももちゃんの掛け合いが最高です！

大好きなアニメを観ていても気になってしまうのがカラーバランスとデザイン。今回SwiftUI１００本ノック中の子ヘビですがDay35の課題が『掛け算九九のアプリを作ろう』だったのですが、フレームが用意されているわけではなくいちから自分でアプリを作る課題でした。絶対に入れないといけないフレームはあるもののそれ以外は自由に組み合わせて作る課題でした。もちろんコードを書いていて行き詰まることは相変わらずあるけれどそこは調べると答えが見つかることが多い。けれどデザインとカラーバランスは全てその人のセンスでしかない。この調整が最後おもいのほか悩んだし時間がかかった点かもしれない。

アプリのデザインって？

かっこいい配色って？

わかりやすく使いやすい設計って？

なかなかアイディア浮かばなくてホームページ作ってる時は色々思い浮かぶのになぜだか画面が小さくなると全然アイディアが浮かばなかった。

これはもう他の人のアプリ見た学ぶしかないのか？と思ったり、美術館に行ってたくさん絵を見ていろんなヒントもらうみたいな感性を磨くしかないのかな？

いきなりカッコイイものは作れないので徐々にブラッシュアップしていく必要がある自分の課題ですね〜。

そんな子へびの作った掛け算九九アプリがコチラ↓

掛け算九九アプリ

久しぶりにYouTube作ったけど動画編集は楽しい分野なんだよな自分的にっと改めて思ったな。
それとまだDay35かよ！っとツッコミが聞こえそうですが

子へび

頑張るます！（アーニャ風）

Swift 独学プログラミング　プログラミング初心者のPodsfileの作成〜アプリ作成の為の下準備編〜

Swift 独学プログラミング　プログラミング初心者のPodsfileの作成〜アプリ作成の為の下準備編〜

Posted on by kohebi

あっ　どうも子へびです。

年末に１年経ってできるようになったこと、次の年にできるようになりたいことなどまとめようと思っていたらなんと年が明けている・・・。っとなってしまったぐらい本当に１日１日がどんどん過ぎていってしまうと感じる子へびです。そして子へびお得意のみかんの丸呑み以外にも丸呑みを発揮していた子へびはウエストはきついしジャケットまでもがきつく感じる年始です。笑



この年末年始散々練習していたのはファイルの整理、整理整頓です。UI画面もぐちゃぐちゃ、ファイルの置き方もぐちゃぐちゃ、画像のサイズもぐちゃぐちゃ。これを発見したMaster松陰は

Master松陰

子へびそもそも根本的に全然ダメです。と言うよりこの状態では言葉も出ません。

子へび

え？UIの配置はまだ仮定だからこんな感じ？みたいなのを作成しておけばいいんじゃないんですか？

Master松陰

ある程度はきちんと作り込まないと意味ないでしょ？数値の決まっているものはもう決定させておけばいいしバラバラにつくっていたら二度手間三度手間でしょ？それになんですかこの画像は！数値が全くあっていない。imageviewのセッティングの仕方がそもそも間違っている！２X、３X用に画像を編集してimageviewにセットする。じゃないとサイズがまちまちなハードウエア全てに対応することができない。そおゆうこと考えて作りましたか？

子へび

いえ・・・。まったく・・・。そしてその２X、３Xとはなんですか？

Master松陰

そもそも画像処理がうまく操れるようにならないとアプリの開発はできるようにはなりません！

とお叱りをうけて無料のサイトを使ってとりあえず画像サイズ調整は行ったもののこれから幾度となく画像処理が出てくることを念頭にpodsのライブラリーを使って作成していくことになりました。けどこれがまたpodsインストールするのにターミナルを使って環境設定、Linuxコマンド使ってってどれもこれも子へびにとっては初めてのことだらけで、ありんこぐらいのいやミジンコぐらいの大きさのペースでしか物事が進みません。笑　そして子へびですから手順通りにやっても１発ではうまく行かないですし。笑　

一つ何かするたびに調べて・試して・覚えてほんとーーーーーーにやること盛りだくさん！その間にこのWordpress改造したりもあるし１年前と比べたら本から学んだ知識を実践することが増えたけど、ただコードを組むという作業よりそれとは切っても切り離せない知識を多く学んだ気がします。そしてどれもこれもすぐにはできないけど形になっていく楽しさはプログラミングを始めた時から変わらず楽しい♪

っと年末に書きたかったことも加えて、笑　子へびはただいまpodsfileの作成にハマっております。

今年も子へびとMaster松陰を宜しくお願い致します！



Swift 独学プログラミング　プログラミング初心者のscrollviewの設定〜余白がうまれる疑問編〜

Posted on by kohebi

あっ　どうも子へびです。

この季節になるとどうしても肉まんが食べたくなる子へびですがその欲求が高まり今日こそ肉まんを食べるぞ！っとスーパーに行くとなんと肉まんだけ売れ切れてない・・・。なんということ！笑　あんまんやらピザまんやらはあるのに肉まんだけない笑　ないとなるとさらに食べたくなってしまうのが人の心理ではないでしょうか？あー肉まん！みんな同じ気分だったのかな〜？



scrollviewについて何度も作り直していたのには一つ気になる点があって

これです。scrollしきっちゃうと上部・下部に白いスペース部分がでてくる点です。

scrollviewの上にviewを２つ置いて色をつけて実験したのでこの白いスペース（ベース）が現れることわかって、子へびが設定を間違えているから現れているのかと思いこんでいたのです。そもそもviewが重なりあってできている画面なのにベースが見えてしまうなんてかっこ悪いと子へびは思ってしまったんです。どこのサイト見てもこの解決方法が記載されていなくてとうとうMaster松陰に相談すると

Master松陰

それはそもそものiosの動きです。だから変でもなんでもありません。

子へび

がーんそうだったのか・・・。でもこの部分気になる人っていないのかな？気になって何度も作り変えていたぐらいなのに子へびは。

Master松陰

止めることはできるけどね、iosアプリらしくないね。オーバースクロール部分にUIを作り込んで格好良くすることもできるけどよく使うのはプルダウンアップデートね。

っと解決策はあるらしく最終的に作り込んでやっぱり気になるなら試して見たいみたいと思います。

今回Master松陰がくれた子へびの間違え探しのサンプルです。このようにすべて表記されていればあなたのscrollviewは成功しています。笑　数あるサイトに作り方はたくさん書いてあっても最後どう表記されていれば正しいかはなかなか記載されていないと思うのでご参考になれば。

あとコツはこれです。

scrollviewを何度も作り直したおかげで？！autolayoutはちょっと馴染んできたかな？っと思ったら

Master松陰

次はnavigationcontrollerとの組み合わせね。

っと言われて次なるステップに子へびは進んだのであーる。

子へびは周防大島を応援しています
頑張ろう！！周防大島

Swift 独学プログラミング　プログラミング初心者のautolayoutの使い方〜scrollview編〜

Posted on by kohebi

あっ　どうも子へびです。

子へびも愛用中のMacBookAirの後継機が発売されて興味津々の子へびです。新たなGPUを搭載させてきっと画面を見比べるとその変化を目の当たりにすることができるんでしょうね〜。けど子へびにとって何よりにやけてしまうのは新たなGPUを積んでいるということは
それだけ画素数を上げる為高性能なGPUを動かす為にこの小さなMacBookAirのマザーボードの上がさらにフル稼働する仕組みに変更されているんだろうなと妄想してしまいついニヤついてしまう子へびです。笑　やっぱり電力量を上げる為の半導体の変更かな？けど充電力もあげられているらしく省エネモードで稼働できるということは？っとこのあたりの詳しい情報を知ってる方はぜ是非ご教示ください。笑



今回よく使うscrollviewの設定を試してみたわけですが、結論からいうと
①scrollviewとviewの根本的な仕組み
②scrollviewやらviewを設定する際のautolayoutの仕組み
この2つを互いに理解しなければならなかった。っということでした。

この2つが子へびの場合混同してしまってうまく作り上げることができませんでした。正直多分３０回ぐらいなんども理解できるまで作り直しました。そしてこの2つの仕組みをそれぞれに理解して組み合わせる必要があることに

子へび

この2つがないと設定できないだから最初から両方の説明をしてくれるサイトやらサンプルUIがそもそもあってもいいじゃないか！絶対に2つとも絡んでくるんだし。

っとMaster松陰に疑問をぶつけたのですが

Master松陰

それはナンセンスですね。２つの説明を記載したサイトなんて冗長的だし、必要ありません。自分の欲しい答えが全部丸々記載されているなんてまずありえないと考えた方がいいです。みんな一部分参考にはするけれどあとは自分で使ってみてアレンジするものなのです。上手なコードを書く人はそもそも検索するのも上手です。

っと一喝させその時は

子へび

きっと子へびみたいな考えの人もいるはず・・・。

っと思ったのですが、よく考えてみるとみんな同じものをサンプル通り同じに作って出来上がっても全然面白くないですよね笑。自分のアイディアで好きなように組んで出来上がるのがプログラミングの良さだし楽しさでもある。なのでMaster松陰の上手なコードを書く人は検索するのも上手を頭に叩きこんでcatch　and　tryを繰り返して自分オリジナルのものを作り込んでいく技術を身に付けたいと思います。

この話Master松陰が久しぶりにサンプルをくれたのでまだまだ続きます。笑

次回へつづく・・・

子へびは周防大島を応援しています
頑張ろう！！周防大島