Motoko/designer retweetledi
Motoko/designer
32.3K posts

Motoko/designer
@otaonna30
都内勤務のデザイナー / Web制作に関わって四半世紀 / 長い制作会社を経てインハウスデザイナーへ / インターネット老人会 / フォローは同業者中心 / 小学生の子持ち / DMは見ません
〈tokyo〉私〈/tokyo〉 Katılım Nisan 2011
4.9K Takip Edilen3.8K Takipçiler
Motoko/designer retweetledi

函館市が車体広告のデザインガイドラインを策定。車体広告のガイドライン、って珍しいけど、こういう普及啓発活動がどんどん広まるとよいですね。
函館市電車体広告デザインガイドラインを策定いたしました | 函館市 city.hakodate.hokkaido.jp/docs/202604150…


日本語
Motoko/designer retweetledi
Motoko/designer retweetledi

GoogleのModern Web Guidanceスキル登場。AIが古いCSS・JSを書く問題を解決する zenn.dev/ubie_dev/artic…
日本語
Motoko/designer retweetledi
Motoko/designer retweetledi

@yutaslogan こちらのポストのおかげで、しりとりに最適な地図帳を発見できました。
ありがとうございます!
(オシリトールはかせ)
日本語
Motoko/designer retweetledi
Motoko/designer retweetledi

AI時代、基礎を知らないまま子どもたちがあっという間にゲームやアプリのようなものを作れてしまうのを見ると、この順番でいいのだろうかと思う瞬間もあるかもしれない。けれどAIだけで完全なものは作れない。では、この先のブラッシュアップや改善はどうするのか。そこにこそ学びが発生するのだと思う。
昔から、サンプルコードをコピペして動いたところで終わる人もいれば、どうしてこれが動いているのかを掘り下げて学ぶ人もいた。AIで子どもたちがゲームを作れることも、基礎を飛ばす話ではなく、作ったものをより良くする過程で基礎に触れていく話なのかもしれない。
まず動くものができる。そこから、なぜ思った通りに動かないのか、なぜ動作が重いのか、なぜ遊んでいて面白くないのか、なぜ見た目がしっくりこないのか、どうすればもっと伝わるのかを考え始める。その時に、数学やエンジニアリングとつながっていったりする。そういう意味ではむしろ間口が広がったのだと思う。
だから個人的には、どんどんAIを活用すればよいと思っている。作って終わるのか、作ったものを教材にして磨いていくのか。その分岐の話はいつの時代も変わらない
大河原あゆみ@AyuO419
小3の娘が、自分で描いた絵を、ChatGPTに読み込ませて、表情パターン&3面図を作っていた🌈 「ママがやってるVRChatに入れられないの!?」というので、3面図をTRIPOに読ませたら、あっという間に3Dに。 アバターになっちゃった✨ すごい時代だぜ…!! 本人はこのキャラが気に入っていて、シールやキーホルダーにしたい!漫画も描きたい!って、ヤル気が大爆発してる(笑) 新時代の小学生クリエイター面白いなぁ… 子どもの無限に湧き出る創作意欲をAIが後押ししている、いい事例。 #VRChat #AI
日本語
Motoko/designer retweetledi

明後日のFindyCSSで紹介するOKLCHを使ったグラデーション。補間の仕方で中央の色が変わる。
👎linear-gradient(90deg, blue, red);
sRGB補間 → 中央が暗い灰紫に沈む
👍linear-gradient(in oklab 90deg, blue, red);
OKLab補間 → 中央が少しくすむ
👍linear-gradient(in oklch 90deg, blue, red);
OKLCH補間 → 中央まで鮮やかに繋がる
OKLCHは人間の目に自然に見える色空間。L(明度)・C(彩度)・H(色相)で色を表すので、2色の間を補間しても途中で色がくすまない。
OKとは英語のokayそのもの。OKなLCHという意味で、オーケーなストアみたいなもの。
デモ
codepen.io/tonkotsuboy/pe…
Findy CSSの最新トレンド Ver.2026
findy.connpass.com/event/390152/
#CSS_findy #イマドキCSS

日本語
Motoko/designer retweetledi

> デザイナーは画面を作る人から、AIを信頼し、監督し、修正できる関係を作る人へ。AIに仕事を奪われるかどうかより、昨日の自分の仕事を今日の自分がAIで奪えるかどうか。
エンジニア、PM、デザイナーはどうこの先生きのこるか|深津 貴之 (fladdict) note.com/fladdict/n/nd4…
日本語
Motoko/designer retweetledi
これからの時代「参加に代金」がかかる設計にすると、ポン出しでゴミ送ってくる人の大半は脱落するので、デポジットとかつけるとええと思うで。
ITmedia NEWS@itmedia_news
AI生成の「ゴミ報告」が殺到、対応追い付かず疲弊……脆弱性発見の懸賞金制度に異変 itmedia.co.jp/news/articles/…
日本語
Motoko/designer retweetledi
Motoko/designer retweetledi

CSSのdisplayプロパティに新しい値、display: grid-lanesが登場🌻 先日リリースされたSafari 26.4が、ブラウザで初めてCSS Grid Lanesにネイティブ対応🚌Pinterestみたいな石積み(Masonry)レイアウトができる。
昔は
display: grid + grid-template-rows: masonry
で仕様策定が進められていたが、現在は
display: grid-lanes
でレイアウトが実現できるように。
以前作ったmasonryをdisplay: grid-lanesで書き換えた。
デザイン: @matsu_eri




日本語
Motoko/designer retweetledi

テイストを模倣したようなデザインやキービジュアルは、昔から存在したけど、以前より簡単に作成できるようになったため、リテラシーやニュアンスの調整が変化したように思える。許可取りやパロディであることの明示はかなり大事なるのかと。「作れる」かどうかではない部分の職能はかなり大事になってきますね。
Yahoo!ニュース@YahooNewsTopics
【他社アニメ類似 AI活用広告を謝罪】 news.yahoo.co.jp/pickup/6579212
日本語
Motoko/designer retweetledi

レスポンシブ画像で辛かった sizes 属性を簡潔にできるsizes="auto" がとても良い
☑️ ブラウザが適切な画像候補を選択
☑️ 複雑なsizes 属性を手書きしなくてよくなる
☑️ loading="lazy" と併用が必須
☑️ ファーストビューなど loading="lazy" が不適切な場所では使わない
piccalil.li/blog/the-end-o…

日本語
Motoko/designer retweetledi

Inter と Noto Sans JP の混植書体、Gen Interface JP を公開しました。
本文の美しさ・読みやすさのために、和文を緻密に調整した UI 向けのフォントです。OFL ライセンスとして無償で使用できるので、ぜひ使ってみてね
gen.typesetting.jp
日本語
Motoko/designer retweetledi
Motoko/designer retweetledi

> 業界全体でHTMLに関する専門知識を持つフロントエンド専門職を減らしジェネラリストを重用した結果、見た目だけを再現した壊れたUIが量産。文脈を理解しないAIはさらに状況を悪化。
The Accessibility Problem Isn't Design. It's Engineering. | gbbns.co gbbns.co/journal/access…
日本語
Motoko/designer retweetledi
Motoko/designer retweetledi









