.nakagawa

主にSwiftUIの記事を書いています。スキフォローいただけると嬉しいです。 現在、C…

.nakagawa

主にSwiftUIの記事を書いています。スキフォローいただけると嬉しいです。 現在、Code Candy 様( https://code-candy.com/ )にお世話になっています🍎 GitHub: https://github.com/kensuke242424
  • 固定された記事

[ポテンシャル採用のリアル]東京IT企業のイベント参加で見えた、未経験エンジニアが意識しておきたいことについて

[ポテンシャル採用のリアル] 初めまして、中川です。 現在iOSエンジニアとして働くことを目指して、 オンラインで講師にコードレビューをいただきながら、 Swiftを学んでおります。よろしくお願いします🍎 先日、「ポテンシャル採用のリアル」という名目のオンラインイベントが、東京のIT企業であるhey株式会社様主催で開催されており、 私も応募し、参加させていただきました。 イベント内容を事細かに書いていくと長くなりすぎてしまうので、 未経験エンジニアが心得ておきたいと感じ

.nakagawa

    • [SwiftUI]メモアプリに新規メモ機能を追加する Part.3

      ■初めにこんにちわ、中川(Twitter)です。 さて、メモアプリの新規メモ機能追加 Part.3です。 今回がラストパートとなります。 前回の記事はこちらから⬇︎ この記事はサンプルアプリのカスタマイズを目的としています。 元となっているサンプルアプリの記事はこちら⬇︎ 今回の目標: 使用する主な機能: 完成図: [ 🍎 実装開始 🍎 ]Part.3では、新規メモの作成ロジックを実装します。 追加した新規メモをリスト最前列に持ってくる動き、 メモの内容記述がな

      .nakagawa

      • [SwiftUI]メモアプリに新規メモ機能を追加する Part.2

        ■初めにこんにちわ、中川(Twitter)です。 さて、メモアプリの新規メモ機能追加 Part.2です。 Part.1の記事はこちらから⬇︎ この記事はサンプルアプリのカスタマイズを目的としています。 元となっているアプリ実装の記事はこちらから⬇︎ 今回の目標: 使用する主な機能: 新規View完成図: View名は「NewMemoView」としました。 iPhone標準搭載のメモアプリを参考に、 見た目はできるだけシンプルなデザインとします。 完成後コード⬇︎

        .nakagawa

        • [SwiftUI]メモアプリに新規メモ機能を追加 Part.1

          ■初めにこんにちわ、中川(Twitter)です。 最近暑いですね🌞🍧 先日作ったメモアプリのサンプルアプリに 新規メモ追加機能を実装していこうと思います。 長くなりすぎないよう、３つのPartに分けます。 この記事はその第一弾です✊ こちらで作成したサンプルをそのまま使っていきます⬇︎ 今回の目標: 使用する主な機能: [ 🍎 実 装 開 始 🍎 ]StateObjectを用いて、 リストに表示されるメモデータが格納された配列を アプリケーション全体でデータ共有でき

          .nakagawa
        • 固定された記事

        [ポテンシャル採用のリアル]東京IT企業のイベント参加で見えた、未経験エンジニアが意識しておきたいことについて

        .nakagawa

          [SwiftUI]Listでメモアプリを実装してみる

          [メモアプリのサンプル作ってみよう] こんばんわ。中川(Twitter)です。 本日２本目です。季節の変わり目だからか何だか体調が芳しくありませんが、負けずに頑張っていきましょう✊ 今回はまた非常に参考になる動画を見つけたので、 引用させていただきながら実装していきたいと思います。 ■参考動画Cyanさん 非常にわかりやすく解説してくださっています。 ぜひコチラも見てみてください🙏 ◯今回の目標 ◯今回使用する主な機能 ■実装開始では早速作っていきましょう。 まず

          .nakagawa

          [SwiftUI]Listでメモアプリを実装してみる

          .nakagawa

          [SwiftUI]「LazyGrid」を使ったViewデザインに触れてみる

          ◎あいさつおはようございます。 中川(Twitter)です。みなさんいかがお過ごしでしょうか？ 私の家には専用の粉を入れて作る自動コーヒーマシン？(安いやつ)なるものが置いてあるのですが、 先日豆を切らしたので、いつもと違う味を買って見たところ、ハチャメチャに苦かったです。あと何十杯分かはこの味です。。辛い☕️ さて、今回はSwiftUIの機能「LagyGlid」を触ってみたいと思います。 UIKitでいうところのUICollectionViewと似た挙動を持っているよう

          .nakagawa

          [SwiftUI]「LazyGrid」を使ったViewデザインに触れてみる

          .nakagawa

          [SwiftUI]Tinder風デザイン作ってみる: EnvironmentObjectを用いてViewModelを実装する

          こんばんわ、中川(Twitter)です。 今回はViewModelを作成していきたいと思います。 @EnvironmentObjectを用いて、ファイル間で共通のプロパティを参照できるようにします。 参考動画はこちらです⬇︎ 参考動画: yusukeさん 非常に丁寧に解説してくださっています。 それではやっていきましょう✊ ■はじめにこちらの記事は「Tinder風デザイン作ってみる」シリーズとして地続きで内容を進めていっています。前回の流れで出てくる記述が多くあるので

          .nakagawa

          [SwiftUI]Tinder風デザイン作ってみる: EnvironmentObjectを用いてViewModelを実装する

          .nakagawa

          [SwiftUI]Tinder風デザイン作ってみる: ジェスチャーによるopacityの状態的変化を見る

          こんばんわ、中川(Twitter)です。 今回もこちらを参考にさせていただきます。 参考動画: yusukeさん 非常に丁寧に解説してくださっています。 さて、今回の記事のメインはopacityについてです。 ■初めにopacityとは？ opacityを対象のViewに付与することで、 Viewに不透明度の設定をすることが出来ます。 数値の範囲 ⇨ 0.0(完全透明) ~ 1.0(完全不透明) 例えば、50%の透明度にしたい場合はopacity(0.5) 。

          .nakagawa

          [SwiftUI]Tinder風デザイン作ってみる: ジェスチャーによるopacityの状態的変化を見る

          .nakagawa

          [SwiftUI]Tinder風デザインを作ってみる: Viewアニメーション編

          こんにちわ、中川(Twitter)です。 今回はDragGestureを用いたViewアニメーションを作っていきます。 アニメーションを付与するとわかりやすく変化が見えるので非常に面白いですね。 長くなってしまうことが既に予想されますが、 私自身理解が深まるようにできるだけ噛み砕きながら書いていこうと思うので、どうかお付き合いください。 ではいきましょう。 :アニメーション実装完成の動き初めに、実装完了後の動きを見ておきましょう。 DragGesture、いわゆるスワイプを

          .nakagawa

          [SwiftUI]Tinder風デザインを作ってみる: Viewアニメーション編

          .nakagawa

          [SwiftUI]Tinder風アプリのデザイン作ってみる: カードView編

          こんにちわ。中川(Twitter)です。 Tinder風デザイン制作が進んだので記事を書いていきます。 今回は写真が表示されるカード部分です。 参考動画: yusukeさん 非常に丁寧に解説してくださっています。 [カードViewを作ってみた]現在、デザインはこのようになっています。 写真に写っている猫ちゃんは実家で飼っている「大吉」です。 バカみたいに可愛いでしょ。 :実装コード では、カード部分のコードを見ていきます。 // 人物カードのデザインViewstr

          .nakagawa

          [SwiftUI]Tinder風アプリのデザイン作ってみる: カードView編

          .nakagawa

          [SwiftUI]Tinder風デザインアプリを作ってみる：カスタムモディファイア編

          こんにちわ、中川(Twitter)です。 暑くなってきましたね。僕は今一人暮らしをしていますが、 洗濯が面倒で気が付いたら下着のストックが無いって よくありませんか？僕だけですか？？ 洗濯を回しながら、書いている今です。 （⬆︎これを書いてから色々作業に追われ、今深夜1時です。笑） さて、Tinder風アプリの制作が少し進んだので 記事にまとめていこうと思います。 今回はデザイン作成というよりはリファクタリングに近いです。 参考にさせていただくのはこちら↓ 動画投稿者:

          .nakagawa

          [SwiftUI]Tinder風デザインアプリを作ってみる：カスタムモディファイア編

          .nakagawa

          [SwiftUI]tinder風アプリ作ってみる: Button編

          tinder風アプリ作ってみた: Button編こんばんわ。なかがわ(Twitter)です。 休日いかがお過ごしでしょうか？ 私はというと、父の日ということで少し早めですが 実家に父親の好物であるモンブランケーキを持っていきました。 さて、では前回の続きをやっていきましょう。 今日はButton(ボタン)について見ていきます。 参考動画はこちら : yusuke さん 非常に丁寧に解説してくださっており、理解が深まります。 ぜひこちらも見てみてください。 [アプリ内のB

          .nakagawa

          [SwiftUI]tinder風アプリ作ってみる: Button編

          .nakagawa

          [SwiftUI]Tinder風アプリ作ってみた：まず初めに編

          [SwiftUIでTinder風デザインのアプリを作ってみる] こんにちわ、なかがわ（Twitter）です。 Yotubeで非常に参考になる動画を見つけたので、 そちらをもとにサンプルアプリを作って試してみたいと思います。 参考動画はこちら : yusuke さん 非常に丁寧に解説してくださっており、理解が深まります。 ぜひこちらも見てみてください。 完成イメージはこちらの画像の雰囲気でいきましょう↓ [まず初めに]大まかなデザイン配置を作成してみました こんな感

          .nakagawa

          [SwiftUI]Tinder風アプリ作ってみた：まず初めに編

          .nakagawa

          [ターミナル]"Terminalが予期しない理由で終了しました"となり、使えなくなった時の対処記録

          ターミナルが開けなくなった（´д` ;!?こんばんわ、なかがわ(Twitter)です。 今回もターミナルのエラー関連での投稿です。 いつものようにxcodeを開いて作業をしていたところ、 そのエラーは突然やってきました。 普段はこの状態で、いつでもコマンド打っていいぜ状態なのだが、 突然… "Terminalが予期しない理由で終了しました" ´д` ;!? デカデカとエラー表示が。。 エラー発生時の状況としては、何かしらのコマンドを 実行したことによってエラーが

          .nakagawa

          [ターミナル]"Terminalが予期しない理由で終了しました"となり、使えなくなった時の対処記録

          .nakagawa

          [git] git commit --amendをプッシュ後のコミットに実行したことでエラーが発生した件について

          こんにちわ、なかがわ（Twitter）です。 先ほどgitでgit commit --amend実行後のpushでエラーが発生したため、 状況と解消方法を書いていきます。 以下の記事を参考にさせていただきました。 非常に分かりやすく解説してくださっています。 参考記事: git commit --amend実行時に起きたエラー状況を話す前に結論を先に書いておきます。 ⚠️コミットのpush後にgit commit --amendは使ってはいけない⚠️ :状況 gitに

          .nakagawa

          [git] git commit --amendをプッシュ後のコミットに実行したことでエラーが発生した件について

          .nakagawa

          [SwiftUI]ゴミ分別チェッカーアプリ作成

          ゴミ分別チェッカーアプリを作ってみたこんばんは。なかがわです（Twitter）。 switch文を少し触ったので、練習も兼ねて ゴミ分別チェッカーアプリを作ってみました。 もう今の土地で一人暮らしを始めて2年になりますが、 恥ずかしいことに自分が住む土地の分別日があまり 定着していません。。完全に自分用アプリですね。笑 では、先にアプリの挙動を見ていきます。 アプリの挙動ソースコードではコードを見ていきましょう。 // ContentView.Swiftstruct

          .nakagawa

          [SwiftUI]ゴミ分別チェッカーアプリ作成

          .nakagawa