UI（デザイン・アプリの作り方etc) – ページ 4 – Little snake is going …May the CODE be with you.

Swift 独学プログラミング　プログラミング初心者のXcodeデザイン設計の難しさ〜ボタン配置編〜

Posted on 2020年2月2日2020年2月2日 by kohebi

あっ　どうも子へびです。

コーヒー大好き子へびはランチの時コーヒーを飲めるお店に必ずいくのですか、某コーヒーショップに外出ついでに立ち寄った際に、ドリップコーヒーはちゃんと熱々そしてBGMの選曲が最高という店舗に遭遇しました。飲食チェーン店で子へびは働いたことがないのでよくわからないのですがお店でかけるBGMって通常スタッフにお任せなんですか？イメージは全店同じなんだと思っていたのですが。このお店に限ってはプレイリスト何かけてかけてるんですか？と思わず聞きたくなってしまいました笑　出てきたコーヒーも美味しかったしやっぱりスタッフのセンスかな？

子へびのアプリ作りはこのサイトの更新が滞っている点から見て難航しているというのがお分かりいただけることかと存じます笑。

レイアウトボタン配置・そしてソースコードを用いてボタンに画像貼り付け・画像の作成。この３つを作成するのに１歩進んで４歩さがるみたいな笑。言わんとするところ全然完成しないということです。とある日の出来事

子へび

よしボタン配置ができたぞ！Master松陰にチェックしてもらおう！Master松陰これでどうですか？

Master松陰

ボタンに書かれてる文字が４つがたがたじゃない？明らかに変ね

子へび

・・・。確かにこんな出来では絶対にMaster松陰がよしと言ってくれるわけない。でもこの絵と文字を揃えるの柄もそれぞれ違うし至難だ！ということはそもそも画像の中に文字を書くというデザインがそもそも間違えなんじゃないか？子へびみたいな大雑把な性格の持ち主にこの設計自体起動修正を求められてるんじゃないか？

っと考えました。綺麗に見えるデザイン設計とそう見えるように簡単に作るってことがそもそも重要な気がしてきました。そして子へびはもっと細部にわたるまでの神経とそれに耐えられるだけの根性と鍛錬が必要だ！っとコンピュータに教えられているような気もします笑。

子へびに足りないものを教えてくれてるんですかね？

ということで設計の見直しをしてみようと思っております・・・。

Master松陰

まだできないの？

子へびを見るたびにMaster松陰は最近よく言ってきます。

子へび

とほほ・・・。

Swift 独学プログラミング　プログラミング初心者のアプリの作成構造〜ナビゲーションコントローラ編〜

Posted on 2019年11月14日2019年11月14日 by kohebi

あっ　どうも子へびです。

前回の更新からだいぶたってしまいましたが相変わらずツボにハマっている子へびです。そして未だ何もできあがっていない子へびです。笑　笑いごとじゃないですよマジで〜っと自分に自分でツッコミを入れたいです！

実際にMaster松陰の稼働しているアプリのコードをもらってログイン画面を作成中だったのですが、ボタン画像のPDF化はうまくいっていよいよ表示させようとしたらナビゲーションバーが一向に表示されず悩んでいた子へびです。

子へび

なんで反映されないのかな〜そっくりそのままのコードなのに・・・。

っとハマっていじくり続けて気がつけば１週間ですよ！そして答えが出たのも結局１週間後。

子へび

は！そうかこのMaster松陰のコードは全てナビゲションコントローラ画面で作られてるんだ！（commonという共通コードも全て）今回子へびがベースに使ってるのはタブバーコントローラベースだ。そりゃ反映されないは・・・。

答えはとってもシンプルでかつ当たり前のこと。それがわかってからタブバーコントローラ仕様に変形させようにも

子へび

Master松陰のコードって全てがっちり完璧だから毎度のことながら崩せない・・・。

っという難題にぶち当たりMaster松陰に相談すると

Master松陰

それはまだ子へびのスキルでは崩すのは無理ね！そして子へびの作りたい構造にするとアプローチの方法が違うからcommonを含め全て新しく作り変えないと使えないからここはMaster松陰の出番ね。

っとあっさり何やら次の展開へと進みました。笑

Master松陰

その間Swiftの知識の底上げよ。この３つの記事を読みなさい短いから！

っと言ってなんと3つも記事が送られて来たんですけど〜。そして開いてみると

子へび

・・・。めっちゃ長いんですけどこれ。そして３つ。

という新たな課題を渡されて読み込んでおります。けどわかりやすい解説なので次の記事で紹介したいと思います。
Master松陰からの便りが届く前に消化しないと。笑

Swift 独学プログラミング　プログラミング初心者のPDFアイコンの作り方〜ちょっと目を離すと進化していってしまう編〜

Posted on 2019年10月20日2019年10月20日 by kohebi

あっ　どうも子へびです。

先日契約期間が切れましたのメールが届き、あれ？なんか契約してたっけ？っとのん気にメールを開くとサーバーレンタルの契約期限切れ おー！なんてこった！このブロクを開設した際に契約したサーバーレンタルが１年経って契約更新をしないまま放置していた子へびです。なんせ子へびですから・・・。ということはこのブログを書き始めてちょうど１年になるということ！感慨深いです。最初プログラミング自体も果たして続けられるのだろうか？とスタートを切って未だ未知なる世界には変わりありませんがほそながーっく続けております。上達具合を聞かれると言葉につまってしまいますが（笑）

そろそろ本格的に子へびのアプリに表示させるアイコンの画像を作らなくてはならないのですが、そのサンプル画像を作っている時

Master松陰

子へびは画像何で作るの？

っと聞かれ

子へび

え？PNGもしくはSVGじゃないんですか？

っと何か子へびに対しての抜き打ちテストかと思って間違えたらどおしようとぎくっとしたのですが

Master松陰

もうそれ古いのんだよね〜。今時はみんなPDFで作るんだよ。

なっなっなんだって！
ようやく子へびはPNGとSVGの画像の作り方がなんとなくわかりかけたと思ったらもうその手法はoldstyle…..OMG!っと思わず叫びたくなりました。けどprogrammingの世界って常に進化しているしここで習得を止めてしまうとどんどん進化に乗り遅れてしまうので子へびはMaster松陰に

子へび

PDFの作り方も教えてください。

っとお願いしたしだいであります。

子へび

だがしかしまた一つ課題が増えた・・・。とほほ

以下Master松陰流PDFアイコンの作り方です。実際はこのアイコンを作った後の設定の方が難しいと気づく子へびです（笑）

PDFアイコンの作り方
1, SVGのアイコンを探す

2, １でダウンロードしたSVGを以下のツールで640×640サイズに合わせてエクスポート
https://vectr.com
サイズが小さい物もあるので、ここで調整する
また、合成や編集もここでやっておく

3, ２でエクスポートしたSVGを以下のツールでコンバート
https://apps.apple.com/jp/app/svg-converter-ohanaware-com/id1075707641?mt=12
これはMAC用のアプリなので、事前にダウンロードしておく

4, ３でエクスポートしたPDFを xcode のAssetに追加する
↓
アセットのprinter Vector Dateにチェックを入れて１Xにデータをセットする

Swift 独学プログラミング　プログラミング初心者のUIの構想〜CoCoaでインストールしたサンプルを使用した場合編〜

Posted on 2019年10月5日2019年10月5日 by kohebi

あっ　どうも子へびです。

今日のタイトル何か長いな　笑。うまく題名をまとめられなかった子へびです。子へびの大好き広告シリーズですが、先日居酒屋の店名が『腹八分目』というお店を見つけました。お腹いっぱいじゃなくて健康を考えて腹八分目で飲みを終了してほしいとのことなんでしょうか？お店の名前の由来が気になります。

子へびは今CoCoaでインストールしたVBRRollingPitというUITabberが気に入って使ってみようと思っていたのですがそこでMaster松陰から待ったが入りました。

Master松陰

子へびまさかそのまま使おうと思ってるの？もしくはそのまま使い出せるとでも思っているの？

子へび

？？？　これはもうフレームワークができあがっているからそのまま使おうかと・・・。

Master松陰

人が作ったフレームワークがそのまま自分が使いたいように使えることはほぼない。まずはそのフレームワークのサンプルをダウンロードして自分のやりたいことができるか色々設定してみるんだよ。そうするとどこに制約がかかっているのか、もしくは実現できないことはなんなのかがわかるでしょ？そしてそのフレームワークのコードを読まざるをえない。まずはそこから始めるんだよ！そしてやっぱり使えなかったなんてことしょっちゅうあるからまずは色々試してみないと！

子へび

なるほど。そんなこと思ってもみなかった。綺麗に動いているからそのまま自分のコードに取り込めると思っていました。

っということで、ダウンロードしてきたサンプルコードに色々追加して現在実験中です。けどこの作業もまた子へびとってはまた時間を費やしております。構図を考えているのでちょっと実践に近くなっては来たんですがね〜。

っと話がそれてしまいましたが、初心者組のみなさんこんなMaster松陰のアドバイスとっても役に立つと思うのでご参考に。そしてこんな時改めてメンターの存在が大切なんだと気づかされる出来事でした。