概要 最近の開発にはなんでも Claude Code を使っていて、とても便利に感じています。ただ、趣味の一環として書いている iOS アプリの UI の実装に関してはなかなか思い通りのものを作ってくれないことがよくあります。難しめの UI をお願いすると明らかに見た目がおかしいものが出てくることもあって、そのたびに人間が泣きながら修正したり作り直すことになります。純粋なロジックの実装やサーバーサイドの開発では Claude Code は難しい要件でもそれなりに正確なコードを生成してくれる感覚があるので、どこからこの差が来るのか考えたい。 iOS アプリよりもそれ以外のコードの方が世の中に実装が多いので学習が進んでいるということもあると思いますが、より本質的にはこの違いは単体テストの存在から来ている気がします。ロジックの実装では、Claude Code が生成したコードが間違っていればテス
はじめにこんにちは！株式会社SHIFT アジャイルQAの高戸です。 普段は自動テストによる品質担保と開発体験の向上に取り組んでいます。 本記事では、Storybookのインタラクションテストについてご紹介します。 Storybookのインタラクションテストは、ユーザーがどのように操作するかを検証し、品質を保証するための手段です。この手段はコンポーネントの挙動を自動検証することで、フィードバックを得るまでの時間を短縮でき、問題の早期発見と修正が可能になります。 さらに、Storybookはエンジニアと非エンジニアが共通認識を持てるツールとなります。デザイナーやプロダクトオーナーも、開発中のUIコンポーネントの動作を視覚的に確認し、直接フィードバックを提供できます。これにより、チーム間の認識齟齬を防止し、スムーズなコミュニケーションを促進します。 本記事を通して、Storybookのインタラク
こんにちは。エキサイトでデザイナーをしている齋藤です。 エキサイトホールディングス Advent Calendar 2024 シリーズ1の23日目を担当します。 qiita.com 今回は、TailwindCSSで要素間の境界線をスタイリングするときはdivide-*が便利というお話をします。 実現したいこと 今回実現したいUIは、以下のように行内セル間の垂直な境界線が破線になっているテーブルです。 行内セル間の垂直な境界線が破線になっているテーブル HTML・CSS的に言い換えると、2つ目以降のtd要素の左側に破線の境界線を設けるということになります。 <table> ... <tbody> <tr> <!-- 2つ目以降の`td`要素の左側に破線の境界線を設ける --> <td></td> <td></td> <td></td> </tr> ... </tbody> </table>
こんにちは、@TakaakiKakei です。 今回は、v0で生成したコードをCursorからlocalhostで立ち上げ、編集するまでの流れを試してみます。 v0とは v0は、Vercelが提供するAI駆動型のUI生成ツールで、自然言語のプロンプトからReactコンポーネントを自動生成します。これにより、開発者はテキストや画像を使ってUIを素早く作成できるようになります。今回はFreeプランで検証します。 Cursorとは Cursorは、AIを活用したコードエディタで、自然言語のプロンプトからコードを生成します。これにより、開発者は自然言語でコードを記述でき、効率的な開発が可能です。今回はBusinessプランで検証します。 実際にやってみた 1. v0でコード生成 まず、v0.dev にアクセスします。 「Slackライクな画面を生成して」というプロンプトを入力し、コード生成を試しま
本記事はhttps://blog.physalis.net/2022/how-to-make-tauri-app-look-and-feel-nativeからの転載です。 先日Tauriで作ったJomaiをリリースしました。Markdownに特化したデスクトップサーチアプリです。Tauri製のアプリはもちろんネイティブアプリなのですが、UI部分がWebViewで動作するため使用感がWebアプリっぽくなりがちです。Jomaiではなるべくネイティブアプリらしく振る舞えるように工夫したので、ここでまとめてみます。 なおJomaiは今のところmacOS専用のためこの記事もmacOSを対象としています。 環境 Tauri: 1.1.1 Platform: macOS 非入力項目でのキー入力でビープ音がなる問題 <input> や <textarea> 以外の非入力項目にフォーカスがあるときにキー入力
はじめに最近、AIによる画像生成サービスが多く出てきて、デザインを含めたクリエイティブにかかわる方は関心があるのではないでしょうか。 議論が起こっている、AIの学習元データの著作権の問題も気になります。 ただ、今回は純粋に、自分の専門スキルであるUIデザインをAIは行うことができるのか気になり、実際に試したことをまとめました！ 結論「取って代わることはない。専用の学習をさせれば、グラフィックのアイディエーションに使うことができそう。」 上記の結論に至った理由を、検討過程とともに説明していきます。 検討過程使用ツールAI生成ツール：Midjourney UIデザインツール：Figma Midjourneyの様子 検証Ⅰ AIにUIはデザインできるのかMidjourneyにUIの画像を生成してもらいます。 今回は未来のUIデザインを目指してそれとなくプロンプトで指示をします。 （noteにイン
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
