ゆういち

Webdesign•Figma,coding, etc... BLACK VOX🚀

[ゆういち @yu13491458]

BLACK VOX マジでいい😎
https://t.co/HjbjF5xPpC

[ヘルメス | AI×効率化支援 @hermes_code]

https://t.co/340Z3OVJ2d

[Figma @figma]

Imagine a world where you could copy/paste websites into editable Figma layers (jk you don’t have to imagine you can do this now with our Chrome extension)

[RRR｜Designer @rrr_craft]

AIが作ったUIを30分でリデザしてみた

こう比較してみると、何がAI臭さを醸し出しているのか見えてくるはず

← AI ｜添削後→

[tatsuki @tatsuki_nowave]

すごい伸びた。まだの人はぜひ。

[ゆういち @yu13491458]

@osaruproducer AI

[れおん｜AI × デザイン @reonote060301]

https://t.co/Us65gHNvIw

[ゆういち @yu13491458]

リールを観察して
手が止まってしまうフック、
伝わる内容、構成、映像の順番
カメラワーク、アングル、
なぜ伸びてるのか、なぜ伸びてないのか
言語化トレーニングしてます。

自分が感じた感覚を言語化するのは簡単なことじゃないけどいいもの作る為にやる。

[藤田拳｜株式会社ピネアルCTO @kenfjt]

AIでデザインシステムが作れた！！

やり方

デザインシステムを作る元となる素材を入れる（今回であれば https://t.co/wv8MCalVuH のウェブサイト）
↓
Claude CodeでSkillsをダウンロード
↓
「この素材でデザインシステムを作って」と指示
↓
完成

このデザインシステムはWebサイトにもできるし、AI用にjsonファイルにすることもできる。デザインシステムを作らせて、それを参照させながらアプリ開発をすることで、トンマナが整ったアプリを作ることが可能！！

[ゆういち @yu13491458]

人によって制度は決まる。
人によって雰囲気は決まる。
人によって見られ方が決まる。
人によって世界や、村、団体の価値が決まる。

[Kosuke @kosuke_agos]

Webサイトの情報を完全に丸裸にするツール「Web-Check」が、エンジニアの好奇心を強烈に刺激する完成度です。

URLを入力するだけで、そのサイトの裏側にあるインフラ、セキュリティ、運用情報のすべてを瞬時に可視化します。UIもハッカーが操るコンソールのようなデザインです。

その圧倒的な機能の全容を、3つの視点で整理しました。

1. インフラとネットワーク構造の解剖
サーバーの物理的な位置から通信経路まで、ネットワークの深層を明らかにします。
・IP詳細とサーバーの場所：ホスティングプロバイダや物理的な位置情報の特定。
・DNSレコード：A、CNAME、MX、TXTなど全レコードの構成確認。
・オープンポート：外部に公開されているポートの検出による脆弱性チェック。
・トレースルート：サーバー到達までのネットワーク経路の可視化。
・関連ホスト名：同一IPや関連ドメインで運用されている他サイトの特定。

2. セキュリティと認証の深層分析
サイトがどのように守られているか、あるいはどこに隙があるかを浮き彫りにします。
・SSL証明書：証明書の発行元、有効期限、暗号化強度の詳細。
・DNSSEC：DNSの正当性を保証する署名鍵の運用状況。
・ドメイン情報：Whois情報を含むドメインの登録者や有効期限。
・クッキー：発行されるCookieの種類と、セキュリティ属性（Secure/HttpOnly）の確認。

3. 運用ルールとパフォーマンスの可視化
サイトがどのように振る舞い、外部からどう見えるかを分析します。
・クローラーのルール：robots.txtによる検索エンジンの制御設定。
・リダイレクト履歴：最終的なURLに到達するまでの転送経路の追跡。
・サイトパフォーマンス：読み込み速度やレスポンスタイムの計測。

[ゆういち @yu13491458]

人を従え、草木を掻き分け新たな源泉を見つける人は理屈じゃなく行動やわ。

[ゆういち @yu13491458]

AI×デザインの拡張はどんどん広がるやろなぁ！

[ゆういち @yu13491458]

Webサイトやデザインは手を動かしながらやってるから後戻りが多い。
ここの余白は32pxにしたけど、全体で見たら48pxの方がええよなぁとか

先にデザインをFigmでバッチリ作り込んで開発は進める方がいいというのはこういうことか。

みんなが言ってる意味がわかった。。

[ゆういち @yu13491458]

@zikilluu すごいですねジェミニ

[ゆういち @yu13491458]

何を採用して何を表現するか
人として、人の在り方として
自分が大切にしたいものは何か
全てがクリエイティブ
それぞれ自分が触れるものの多さ、広さで進化する

[ゆういち @yu13491458]

@ju_sidejob WordPressのバージョンアップは自動でされるのに別途費用を取っているということになるのかな？

[ゆういち @yu13491458]

デザイン観察の極意。

・視線誘導されるか
・情報が整理されているか
・ターゲットと情緒に一貫性があるか
・感情が動かされるか

[ゆういち @yu13491458]

いつ死ぬかわからない。
やれる時は今日しかない。

[ゆういち @yu13491458]

AIに勝つには感情的要素。

感情的要素を駆使して人が喜ぶ、怒る、泣く、哀しむことを理解するのが大事。

[ゆういち @yu13491458]

この世の中ビジュアルが命。
デザインにしろ、人間関係にしろビジュアルを良くしましょう。