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

Swift 独学プログラミング　プログラミング初心者のCoreGraphics画像作成〜考え方編〜

Posted on 2020年4月21日2020年4月21日 by kohebi

あっ　どうも子へびです。
PSYCHO-PASSにまた打ちのめされた子へびです。あ〜なんて素敵な世界感なんだ〜。いつかダンゴムシをあんな風に改造できる唐之杜志恩さんみたいなスペシャルなエンジニアになりたいものです。ダンゴムシカッコよすぎ。でも一番好きなキャラクターは法斑静火。もうノックダウンです。笑

連日アニメネタ満載の子へびがどうしてもCoreGraphicsの色々なサンプルコードを見ていてもイメージがわかなくてMaster松陰に相談したところ図解で説明してくれました。

これはMaster松陰が今週リリースしたApplewatchのアプリの抜粋ですが

Master松陰

Apple watch持っている方は是非ダウンロードしてみてね！

との宣伝もいただきましたが、この考え方の画像もくれました。子へびはこのイメージを作るクラスと作画するクラスを組み合わせることがどうしてもイメージできなかったのです。UI imageを作ってｄrawする。こうシンプルに覚えるのが一番良いかな〜？後は深く考えずCoregraphicの持つ決まったコードの書き方を実行する。（←子へびこれも実は苦手でよくMaster松陰にそこはそおゆうものだから考える必要ないとよく注意されます。）
これにより子へびのCore graphicは動き出したのですが、動いてはいるけどなんかちょっと動きが違うような気がして、完璧に完成はしていません。そして夢の中でcontextにうなされました。笑

子へび

夢の中でもコードが書けて問題点を解決してくれたらいいのに。

っと感じてしまう子へびです。あと少しなのに・・・。このまま穴に落ちないように頑張ります。

子へび

とほほ・・・。

Swift 独学プログラミング　プログラミング初心者のCoreGraphicsの作り方〜理想のUI image作り編〜

Posted on 2020年4月8日2020年4月8日 by kohebi

あっ　どうも子へびです。

コーヒー好きの子へびですが、前からスタバにバナナが売ってるのが不思議でならなかったのですが朝起きてどうしてもバナナが食べたくなってスタバにバナナとコーヒーを買いに行って早速食べてみると・・・。ああっああっ合う！コーヒーとバナナってとっても相性がいいんですね。笑　しばらく朝ごはんにバナナとコーヒーハマってしまいそうです。でももしかしてスタバのバナナが美味しいのかな？

子へびの何回目の書き換え？！のアプリUIですが、思い描いている画像をどう作り込んだらいいか分からずに早速Master松陰に相談すると

子へび

星画像を1つ作って例えば3だったら3つ表示するみたいにしたいのですがどんな作り方がありますか？

Master松陰

セルに作る画像は１つにしても出来るよ。UIImageに入れるビットマップを動的に生成してそれに★を必要分だけ描くのよ。そういったグラフィックの操作は、CoreGraphicsを使えば自在にできるよ！

子へび

また日本語が解らない・・・。

止まらないMaster松陰

Master松陰

[CoreGraphics](https://qiita.com/moonkids/items/4f89701dbc397107a867)
このあたりかな
pdfで作った★も作画できるよ

let image = UIImage(named: “star.pdf”…
image.draw(in: rect)

こんな感じで、カレントのUIGraphicsGetCurrentContext
に作画してくれるのよ。

と言われてまだ日本語が理解できない子へびですが、頑張って自分の思い描いている形に仕上げたいと思います。笑

ただいまMaster松陰はApplewatchのアプリ作りにハマっているそうです。Applewatchって使いやすいのかな？たまに使ってる人見ますがまたMaster松陰のアプリApplewatch版が完成したらご紹介します〜。

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松陰からの便りが届く前に消化しないと。笑