mz-logo

豆蔵デベロッパーサイト

開発に役立つチュートリアルやテクニック・ノウハウを豆蔵メンバーがご紹介します!

記事のタグから検索 ...(全てのタグを表示)

本サイトは本家の豆蔵ホームページではありません。会社概要、製品紹介等はこちら、 募集中の求人情報はこちらをご覧ください。

mameka豆香の豆知識 image for mameka column
SwiftUIがくれた恋!?宣言的UIでアプリ開発が爆速ドリフト!
やっほー!豆香だよっ!今日もラテ片手にXcodeをグリングリン回し中。最近ハマり散らかしてるのがAppleのSwiftUI。宣言的シンタックスって聞くと「え、何それ?ラブレター?」って首かしげる人いるけど、ほんと恋だから!UIの構造をただズバッと書くだけで、プレビューが即反映。まるで告白した瞬間に「OK!」って返事くるレベルの即レス感。
UIKit時代はAuto Layoutくんと死闘を繰り広げてたんだけど、SwiftUIは「もう縛りプレイやめようぜ!」って手を差し伸べてくる王子様。VStack、HStack、ZStackを組み合わせるだけでレイアウト完成しちゃう。ラーメンどんぶり並みに積み重なった制約コードがスッキリ消滅、メモリも心も軽量化。
しかも修正がラクすぎて笑う。色変えたい?Textの後ろに .foregroundColor(.pink) って書くだけ。アニメーション? .animation(.spring()) ポン。あまりに簡単で「オレ、今まで何と戦ってたんだ?」って虚空を見つめるしかない。
さらに注目ポイントは状態管理よ!@State と @Binding のタグをつけるだけでデータもUIも同期しまくり。まるで双子みたいに動くからバグの入り込む余地がないんじゃないかって錯覚する。ちなみに豆香は双子じゃなくて単体生産品。ここテストに出るから覚えといて〜。
もちろんいいことだけじゃなくて、iOS13より前のデバイスには未対応とか、複雑レイアウトだとパフォーマンス落ちるとか、たまにキャンディ溶けるみたいにビルド壊れるとか笑えない事件も起きるけど、愛があれば乗り越えられるっしょ?完璧な恋人なんていないし、バグだってスパイスだと思えば味変になる。
最後にワンポイント:Preview駆使してUIをこまめにチェックしよ!Xcode Canvasで画面を複数デバイス同時表示すれば、iPhone SEでもiPad Proでも破綻ゼロ確認。カップラーメン出来上がる前に全部チェック完了とか、時短メイク級のスピード。
てなわけで、宣言的UIは恋、SwiftUIは運命の相手。そこの君も今夜はXcode開いて「struct ContentView: View { ... }」って愛の告白しちゃいな!バグ?知らん!心配するよりビルド!レッツ爆速ドリフト!!
※本コラムはAIで生成したものです。内容の正確性を保証するものではありません。
過去のコラムはこちらから!

新着記事new-articles全ての記事を見る

  • | ブログ | 7 min read
    #2026年 #MCP #typescript

    AIエージェントとシステムをつなぐMCP入門(リソース編)

    はじめに # 本ページは「AIエージェントとシステムをつなぐMCP入門」の続編です。 今回は、リソースについて説明します。 MCPのリソースは、AIモデルが回答を生成する際に参照するコンテキスト情報(ファイル、ガイド、仕様など)を提供する機能です。 ツールが「AIモデルの判断」で実行され、プロンプトが「ユーザーの意思」で選択されるのに対し、リソースは「アプリケーション主導(Application-driven)」でその組み込みを決定します。 本記事で掲載しているコードはこちらで公開しています...

    記事を読む
  • | ブログ | 6 min read
    #2026年 #GitHub #CI/CD

    GitHub Actions ワークフローのステップが並行実行可能になりました

    はじめに # 先日、GitHub Actions ワークフローで background 機能が実装され、単一のワークフロー内でステップを並行で実行可能になったことが発表されました...

    記事を読む
  • | ブログ | 7 min read
    #2026年 #GitHub #Security #tips

    Team プランでもいける! GitHub オーガニゼーションで楽々リポジトリアクセス管理

    はじめに # GitHub Organization を運用していると、セキュリティと利便性のバランスを取る必要があります。先日、「機密性の高いデータを保持するリポジトリを作りたいので、オーガニゼーションの Basic Permission を write から no permission に変更してほしい」という相談を受けました。 この要望は妥当ですが、そのまま実装すると新規リポジトリ作成のたびにメンバーのアクセス権を個別設定しなければならず、管理者の負担が大幅に増えてしまいます...

    記事を読む
  • | ブログ | 5 min read
    #2026年 #MCP #typescript

    AIエージェントとシステムをつなぐMCP入門(プロンプト編)

    はじめに # 本ページは「AIエージェントとシステムをつなぐMCP入門」の続編です。 今回は、プロンプトについて説明します。 MCPのプロンプトは、MCPクライアント向けにテンプレート化されたメッセージやワークフローを提供する機能です。 生成指示やツールの利用順序を定義したワークフローなど、テンプレート化して再利用したい場合に有効です。 本記事で掲載しているコードはこちらで公開しています...

    記事を読む
  • | ブログ | 6 min read
    #2026年 #MCP #typescript

    AIエージェントとシステムをつなぐMCP入門(StreamableHTTPステートフル実装編)

    はじめに # 本ページは「AIエージェントとシステムをつなぐMCP入門」の続編です。 今回は、StreamableHTTPで通信するMCPサーバーのステートフル実装について説明します。 ステートフル構成は、同じ利用者の連続操作を同一セッションとして扱いたい場合に有効です。 たとえば「ツールの呼び出し結果を次の呼び出しに引き継ぐ」「セッション単位で一時状態を保持する」「接続中の文脈を維持する」といった用途で使います...

    記事を読む
  • | ブログ | 5 min read
    #2026年 #MCP #typescript

    AIエージェントとシステムをつなぐMCP入門(StreamableHTTPステートレス実装編)

    はじめに # 本ページは「AIエージェントとシステムをつなぐMCP入門」の続編です。 今回はStreamableHTTPで通信するMCPサーバー(ステートレス)の実装について説明します。 前回のstdio実装編はMCPクライアントがサブプロセスとして実行しローカルで完結する構成でした。StreamableHTTPはHTTP経由でMCPサーバーを公開し、複数のMCPクライアントから利用可能な構成です...

    記事を読む
  • | ブログ | 7 min read
    #2026年 #MCP #typescript

    AIエージェントとシステムをつなぐMCP入門(stdio実装編)

    はじめに # 本ページは「AIエージェントとシステムをつなぐMCP入門」の続編です。 今回はstdioで通信するMCPサーバーの実装について説明します。標準入出力(stdin/stdout)を利用したMCPサーバーの構築手順と、stdio特有の注意点について見ていきます。 本ページで掲載しているコードはこちらで公開しています...

    記事を読む
  • | ブログ | 5 min read
    #2026年 #Marp #生成AI #AI

    AIとMarpで実現するエンジニアらしいプレゼン作成術

    はじめに # アジャイルグループの石田です。 先日、3月24日に開催された豆寄席「スクラムマスターのAI活用を考える 〜透明性・検査・適応 三本柱を強化する実践アプローチ〜」に登壇しました。第50回という節目のイベントに想定以上の多くの方にご参加いただき、誠にありがとうございました。改めて、スクラムマスターとAIという組み合わせの注目度の高さを感じました...

    記事を読む
  • | ブログ | 5 min read
    #2026年 #MCP #typescript

    AIエージェントとシステムをつなぐMCP入門(イントロダクション)

    はじめに # 本シリーズでは、MCP(Model Context Protocol)の基本から実装まで段階を分けて解説します。 「AIエージェントに社内システムや外部APIの知識を与えたい」という方へ向けた内容になります。 今回はMCPそのものについて説明します。 今後、トランスポート(stdio, Streamable HTTP)ごとの実装、MCPの自動生成などへの展開を予定しています...

    記事を読む
  • | ブログ | 8 min read
    #2026年 #AWS #AWS認定

    AWS Generative AI Developer 合格とW全冠達成記

    はじめに # 前回の記事では、Google Cloud認定の鬼門であった「Professional Security Operations Engineer(PSOE)」を突破し、念願の「Google Cloud認定全冠」を達成したことをご報告しました...

    記事を読む

豆蔵では共に高め合う仲間を募集しています!

recruit

具体的な採用情報はこちらからご覧いただけます。