ゆたろ@yutafuru

投稿はほとんど自分が読みたい記事のbotです / デザインマネージャー / #カドコミ と #ニコニコ漫画 のデザイン統括 / #デジLIG 非常勤講師 / Design ship do 3期生 / 前はLIGにいました / 元フロントエンド / #映画すき #マンガすき #ボドゲすき #ラジオすき #オカルトすき

yuutarou.net/
Joined May 2020
8 Photos and videos
Pinned Tweet
ゆたろ@yutafuru
Jan 5
数年ぶりにポートフォリオリニューアルしました✨ 製作実績以外はパスワード無しで見れるようにしてますので遊びに来てください✌️ #デザイナー #ポートフォリオ #レトロゲーム風
1
2
26
2,967
最後のミノルタ一眼レフ｜Sony α900 #プロダクトデザイン #プロダクトデザイナー ift.tt/4hQRNci

最後のミノルタ一眼レフ｜Sony α900｜みゆき @d-fractal

こんにちは。d-fractalのデザイナー、Tanakaです。 朝、始業前の静かなオフィス。 自分のデスクに向かおうとすると、奥の席でボスがクロスを手に、黒くてゴツいカメラを丁寧に磨いていました。 ファインダー部分がピラミッドのように鋭く尖ったシルエットです。 「ボス、珍しいカメラ持ち出してますね」 「ん、ああ、そうやな」 「それ、Sonyの『α900』ですよね。たしか、ものすごく大きくて見...

note.com
19
「Cloudflare OS」のマネージドサービス提供へ。GitHubとの接続やGmailとの連携強化など #web #技術 ift.tt/4KcfWqN

「Cloudflare OS」のマネージドサービス提供へ。GitHubとの接続やGmailとの連携強化など

Cloudflareは、AIを活用した業務のためのプラットフォームとなる「Cloudflare OS」のマネージドサービスを発表しました。現在ウェイティングリストへの登録を募集しています。 AIを活用した業務アプリのプラットフォーム Clo...

publickey1.jp
1
33
ZipPic vs Squoosh：Squooshにはできない3つの仕事 #フロントエンド ift.tt/NuzygT1

ZipPic vs Squoosh：Squooshにはできない3つの仕事 - Qiita

Squooshは本当に良いツールです。ヒーロー画像を1枚だけ圧縮して、AVIFとWebPとMozJPEGを並べて比較しながらコーデック設定を細かく詰めたいなら、今でも最高クラスのページだと思います。 ただ、日常の画像作業は「1枚のヒーロー画像」ではありません。商品写真のフォ...

qiita.com
17
【図解】UIパーツの名前96語一覧｜「右上の点々のやつ」をAIに一言で伝える指示文つき #UI #UIデザイン #UIデザイナー ift.tt/7LjhpUN

【図解】UIパーツの名前96語一覧｜「右上の点々のやつ」をAIに一言で伝える指示文つき｜ボブ＠明日から使える仕事術

AIに画面を作ってもらっていて、こんなこと、ありませんか？ 「保存したら、ちょっと出て消えるやつを出して」 「一覧の右にある、点々のボタンを押したら削除できるようにして」 「読み込み中に、灰色の四角いのを出して」 自分では分かっているのに、AIからは別のものが返ってくる。 説明を足すほど文章が長くなって、また違うものが出てくる。 これは、AIの性能の問題というより、部品の名前を知らないまま頼...

note.com
50
【拡散希望】自転車業界の100年の常識をぶっ壊す「2万円台・12kg台・10年サビない無敵のママチャリ」を本気で設計 #プロダクトデザイン #プロダクトデザイナー ift.tt/L1BYywh

【拡散希望】自転車業界の100年の常識をぶっ壊す「2万円台・12kg台・10年サビない無敵のママチャリ」を本気で設計｜JUN

【拡散希望】自転車業界の100年の常識をぶっ壊す「2万円台・12kg台・10年サビない無敵のママチャリ」を本気で設計してみた。 こんにちは。私は現在の「パーソナルモビリティとしての自転車不要論」に、強烈な一撃（爆弾）を落とすためにこの記事を書いています。 今の自転車界は完全におかしいと思いませんか？ 坂道がキツいからと「電動アシスト」に頼れば、車体は25kgを超えて激重になり、価格は10万円...

note.com
50
【BW開発日誌#42】コードは正しいのに仲間が増えない？ログで真相を追う。LIFEゲージ化とキャラ図鑑の誕生【v15】 #UI #UIデザイン #UIデザイナー ift.tt/5gv2Gq6

【BW開発日誌#42】コードは正しいのに仲間が増えない？ログで真相を追う。LIFEゲージ化とキャラ図鑑の誕生【v15】｜HIRORO

こんにちは、HIROROです。 10年前の企画書を現代のGodotエンジンで蘇らせるプロジェクト『バトルウォーズ・リバイバル』。 前回のv14では、AP→LIFEの変更や、煉獄石によるその場復活を実装しました。今回のv15は、素材の割り当て修正から、仲間加入の原因調査、LIFEのゲージ化、そしてキャラ図鑑まで、4つの対応をお届けします。 1. スプライトの割り当てミスを修正 前回は、茶色い鎧...

note.com
46
MEDIUM「Stockwork」、営業の商談ログを外部AIから参照できるMCP連携を一般提供 #web #マーケティング ift.tt/SfhV27q

MEDIUM「Stockwork」、営業の商談ログを外部AIから参照できるMCP連携を一般提供

MEDIUMは、営業データ基盤とAI活用環境を備えた「Stockwork」で、MCP連携機能の一般提供を開始したと発表した。 同機能は、「Stockwork」に蓄積した顧客情報や商談ログを、Cha...

markezine.jp
31
const top と書いたら画面が真っ白になった。windowの組み込み名1,235個に let・var・function を当てて測ってみた #フロントエンド ift.tt/yKCcfnH

const top と書いたら画面が真っ白になった。windowの組み込み名1,235個に let・var・function を当てて測ってみた - Qiita

はじめに 自分で作っているHTMLテンプレートのスクリーンショットを、ヘッドレスのChromeで撮ったところ、画面が真っ白だった。HTMLの中身は正しい。CSSも読み込めている。それなのに、JavaScriptが組み立てるはずのヘッダーが1つも出ていない。 コンソールを開...

qiita.com
1
1
116
Cartier - Le Chœur des Pierres #デザイン #webデザイン #webデザイナー ift.tt/8pdvRI2

Cartier - Le Chœur des Pierres - Awwwards SOTD

An immersive journey into Cartier High Jewellery, where gemstones reveal the inspiration, craftsmanship and guachés behind each exceptional creation.

awwwards.com
2
108
効果音ボタンに波形サムネイルを付ける：decodeAudioDataでピークを抽出してCanvasに描き、再生位置もなめらかに表示する #フロントエンド ift.tt/PVZLmos

効果音ボタンに波形サムネイルを付ける：decodeAudioDataでピークを抽出してCanvasに描き、再生位置もなめらかに表示する - Qiita

はじめに サウンドボードや効果音ライブラリを作っていると、ボタンに文字だけ並べるのは少し寂しく感じます。特に笑い声やリアクション系の音は、タイトルだけでは「短く一発で終わる音」なのか「だんだん盛り上がる音」なのか分かりません。 そこで、各ボタンに小さな波形サムネイルを付...

qiita.com
40
「JAPAN AI SALES」に「AIロープレ」、商談議事録から案件別の練習シナリオを自動生成 #web #マーケティング ift.tt/TnM5doK

「JAPAN AI SALES」に「AIロープレ」、商談議事録から案件別の練習シナリオを自動生成

JAPAN AIは、営業特化型のAIエージェント「JAPAN AI SALES」において、新機能「AIロープレ」の提供を開始した。AIが顧客役となり営業担当者と対話シミュレーションを行う機能で、同サー...

markezine.jp
1
87
余白を増やせばWebサイトは見やすくなる？情報整理と視線誘導の基本 #UI #UIデザイン #UIデザイナー ift.tt/FcyefrC

余白を増やせばWebサイトは見やすくなる？情報整理と視線誘導の基本｜佐藤タカアキ | デザイナー

Webサイトを見ていて、「なんとなくごちゃごちゃしている」「どこを見ればいいのかわからない」と感じたことはありませんか？ 情報量が多いサイトでは、余白を増やすことで見やすくなる場合があります。 ただし、余白を広げれば必ず使いやすくなるわけではありません。 大切なのは、情報同士の関係性と優先順位を整理することです。 今回は、Webデザインで余白を使う際に考えたいポイントを、具体的な例とともに解...

note.com
55
Web画像が重すぎる問題を解決する。画像圧縮の基本と確認ポイント #フロントエンド ift.tt/gcJGLwd

Web画像が重すぎる問題を解決する。画像圧縮の基本と確認ポイント - Qiita

Webサイトやブログに画像を追加したあと、ページの表示が急に遅くなった経験はないでしょうか。 原因の一つは、表示領域より大きな画像をそのまま配信していることです。CSSで小さく表示しても、ブラウザは元のファイルをダウンロードするため、通信量は減りません。 私もスマートフォ...

qiita.com
35
短編小説「人体プロダクトデザイナー」 #プロダクトデザイン #プロダクトデザイナー ift.tt/4AgGnbB

短編小説「人体プロダクトデザイナー」｜海南

「狼星くん見て。赤い星、ほらここに赤い星！氷でできてる？いやスイカか。スイカくり抜いたからこんな赤くてしゃりしゃりな星があるのか。なんでこんなところに。」 「そうだね赤い星だね」 「え、どうするこれ？」 「うーんどうしようね」 「ねー、ろーせいくん。聞いてんの？ ほらリビングの机の上、ここ！赤い星ここにあるのこれ何？」 これ見えないのか。また私しか見えてない。頭では理解できてても目の前に本当...

note.com
66
AIでWebアプリを作る人のためのフロント・バック・DB入門 #フロントエンド ift.tt/LmipceO

AIでWebアプリを作る人のためのフロント・バック・DB入門 - Qiita

AIに「予約アプリを作って」と頼むと、日時を選ぶ画面や予約ボタンを作ってくれます。自分のアイデアが画面になり、実際に操作できるのは楽しいものです。 そこから使えるアプリにしていくには、画面の裏側も作り込んでいきます。予約を保存して次に開いたときにも確認できるようにしたり、同...

qiita.com
38
Designship 2026参加レポート｜想定外を面白がるデザイン #SD #サービスデザイン #サービスデザイナー ift.tt/28ie5t6

Designship 2026参加レポート｜想定外を面白がるデザイン｜大森陽輝

Designship 2026 | 日本のデザインを接続する、年に一度のデザインカンファレンス 「Designship 2026」は、2026年10月10日・10月11日に東京ミッドタウンで開催されます。各分野の第一線 design-ship.jp 10月11日（日）、東京ミッドタウンで開催された「Designship 2026」に参加してきました。 当日は、AI時代におけるデザイナーの役割...

note.com
1
208
％が2つ並ぶと、どちらを見ればいいか迷う。到達予測を「間に合うか」の一言にした理由 #UI #UIデザイン #UIデザイナー ift.tt/mXrRdQO

％が2つ並ぶと、どちらを見ればいいか迷う。到達予測を「間に合うか」の一言にした理由｜Seekalise｜目的から逆算するタスク管理

Seekaliseの Seek Tree には、目的ごとに「このペースで進むと、いつ終わりそうか」を出す欄があります。先日、出来上がった画面を確認したら、パッと見でどう読めばいいのか分かりませんでした。今回は、計算はそのままに、見せ方だけを変えた話です。 99％と100％が並んでいた その目的の行には、こう出ていました。 一覧の進み具合: 99％ 「現在のペースで既に到達水準です」の一文と、...

note.com
59
AIと考えるWebデザインの「落とし穴」タイピングアプリのLP構成から見えたUI/UXの本質 #UI #UIデザイン #UIデザイナー ift.tt/P6KjWpt

AIと考えるWebデザインの「落とし穴」タイピングアプリのLP構成から見えたUI/UXの本質｜ななし

ChatGPGを使って超長尺なLP（ランディングページ）を作成したという記事を見かけ、AIとの対話を通して「WebデザインやタイピングツールのUI/UX」について考察を深めてみました。 一見すると綺麗で「今風」に見えるデザインでも、ツールとしての実用性やユーザー目線に立つと、さまざまな改善点が見えてきます。 1. そもそも「LP」とは？ そして「全部入り」の違和感 まず基本として、AIに「L...

note.com
68
その苦しさは「成長痛」か、「職場の問題」か。デザイナーが職場を見極める判断軸 #UI #UIデザイン #UIデザイナー ift.tt/vKYzuXE

その苦しさは「成長痛」か、「職場の問題」か。デザイナーが職場を見極める判断軸｜村田 俊英 / デザイナー

職場の苦しさを見極めるときに重要なのは、「どれだけつらいか」だけではなく、「その経験から学び、次の仕事を変えられる状態にあるか」です。 難しい仕事に挑戦すれば、できない自分に向き合うことになります。経験のある人からレビューを受けて、悔しくなることもある。それ自体は、デザイナーとして成長する過程で起こり得ることです。 ただし、苦しければ成長できるわけではありません。 判断するための情報がない。...

note.com
3
115
神奈川県の運転免許更新、ネット予約の画面で何度も悶絶した話 #UI #UIデザイン #UIデザイナー ift.tt/IvRO6Sn

神奈川県の運転免許更新、ネット予約の画面で何度も悶絶した話｜Dia

運転免許の更新ハガキが届いたので、神奈川県警の予約サイトを開きました。 神奈川県警察 免許更新受付予約 神奈川県警察 免許更新受付予約 www.kanagawa.unten-menkyo-yoyaku.jp 今回からネット予約になって便利になったのかと思いきや、これが本当に酷いシステムで悶絶しました。。 自分も長年システム開発に関わっていますが、ここまで醜い作りは数年に1つレベル。...

note.com
85
Load more