綿貫佳祐 / Qiita @xrxoxcxox Twitter profile

Last Seen Profiles

@nocolrecords

@SLMT_ICA

@waterdamage_guy

@AnitaKrishna1

@koro_goat

@CanPaedsJournal

@pixiv_zh_hant

@0borr

@WYrilbb3YvhBnCQ

@AnnissaPrincess

@whoisluy

@LizzyFinigen

@k0_66

@jeanmichelentr1

@KasihLudah

@felurya

@DAINIPPON_8888

@PSGmetro

@FTMKeienburg

@sleepyboobs

@AlyssaSchl67166

@sbrsitm

@punyastoree

@moonight_hollow

@TheonlyBj1

@pjmtheeg0d13

@arelydavv

@winning_punch

@Chariss8811994

@1cylaj

@VmaniakJ

@ViviansFenster

@eddieyorke

@RosieHa64000716

@burydahprojects

@TheVaultDAO

綿貫佳祐 / Qiita

@xrxoxcxox

2 years

Qiita社のデザイナーの求人票、ステップごとに実施して欲しい内容を書いたのが好評で嬉しい。

4

376

3K

綿貫佳祐 / Qiita

@xrxoxcxox

2 years

学生のポートフォリオのどんなことを見てますか？と聞かれたのでスタンス的な話をまとめました。（あくまで僕が見る観点ですけど）技術寄りの話は時と場合に寄りすぎてあんまり一般化できなかった笑

2

288

3K

綿貫佳祐 / Qiita

@xrxoxcxox

2 years

Atomic Designとかも近い気がするんだけど、人間は皆「細かくルールを決めて整理できる」って自信を持ちすぎな気がする。無理だと思う。

3

94

659

綿貫佳祐 / Qiita

@xrxoxcxox

1 year

ついにオフィシャルに言える日が来ました！Figmaの本を出します！これからUIデザインを始めたいとか、チームへの導入を検討しているとか、そういう方向けに書いてます！完全にたまたまですがXDの件もあるので、これをFigmaをと思っている方も是非🙏

技術評論社販売促進部

@gihyo_hansoku

1 year

【新刊】2023年2月8日発売『Figmaデザイン入門～UIデザイン、プロトタイピングからチームメンバーとの連携まで～』本体2,600円+税，綿貫佳祐著，現場で使えるFigmaの活用術をこれ1冊に！

0

20

105

7

103

644

綿貫佳祐 / Qiita

@xrxoxcxox

1 year

手元に本が届きました👏 発売は2/8です！

1

24

398

綿貫佳祐 / Qiita

@xrxoxcxox

2 years

CSSだけで「フォームに文字を入力するとぶっ壊れるページ」を作ってた。アドベントカレンダーの記事にしようかな。

3

47

397

綿貫佳祐 / Qiita

@xrxoxcxox

2 years

姓と名はミドルネームの問題もあり分けない方が良いですね。郵便番号検索はajaxzip3の作者がYubinBangoへの移行を促しています。入力欄はできるだけ少なくする原則から、建物名も「分けるのが最低限である」とは言いづらいと思います。（特にこの画像ではオプションであることを明示していない。）

小林 I Webデザイナー

@pulpxstyle

2 years

問い合わせフォームで最低限配慮しておきたいUI

2

221

3K

1

32

382

綿貫佳祐 / Qiita

@xrxoxcxox

1 year

色が複雑に変わる（ように見える）マテリアルを作れたし、ノードの組み方を工夫したらたくさんバリエーションを作れるようになった。

1

18

339

綿貫佳祐 / Qiita

@xrxoxcxox

2 years

Yahoo!ニュースに乗っちゃいました。

1

29

326

綿貫佳祐 / Qiita

@xrxoxcxox

2 years

もうちょっと詳細な内容を投稿してます。さすがにQiitaで書く話題でもないかなーと思って今回はnote。

デザインマネージャーが語る！ポートフォリオの作り方・見せ方（学生の方向け）｜綿貫佳祐 / Qiita

以前、学生の方向けのイベントでポートフォリオの作り方や見せ方について話したことがありました。最近もアドバイスを求められる機会があり、秘密にするような内容ではなかったので公開します。プレゼンスライドを記事に落とし込んでいるので、若干体裁が整っていませんがご容赦ください。ポートフォリオから判断すること就職活動において、企業側がポートフォリオから判断することについてお話します。...

note.com

0

46

279

綿貫佳祐 / Qiita

@xrxoxcxox

8 months

Figma のコメントに画像が使えるようになってる。いつからだろう？全然気づいてなかったけど、嬉しいな。

2

20

270

綿貫佳祐 / Qiita

@xrxoxcxox

2 years

Material Iconsがパワーアップしてるみたいです。 WeightとFillはそのままとして、Gradeはちょっと微妙な差をつけられて、Optical sizeは単なる拡大縮小ではなくサイズにあわせた線幅を提供してくれます。

0

43

257

綿貫佳祐 / Qiita

@xrxoxcxox

2 years

記事を投稿しました！デザインの役割や価値（社内研修資料） [Design] on #Qiita

デザインの役割や価値（社内研修資料） - Qiita

この記事の概要昨年、デザインに関する社内研修を実施し、その内容をQiitaでも共有してみたところ多くの反響をいただきました。https://qiita.com/xrxoxcxox/items/0…

qiita.com

1

36

251

綿貫佳祐 / Qiita

@xrxoxcxox

3 years

⇧ + ⌘ + Cでpngとして保存して、そのままSlackとかに貼り付けられる話。（このとき寝ぼけてて見本のUIのカンマつける位置間違えてる）

0

14

238

綿貫佳祐 / Qiita

@xrxoxcxox

8 months

この動画、実は SVG だけで作ってます。CSS も JavaScript も使ってません。作り方が気になる人はぜひ 11/2 開催の #朝までマークアップにご参加ください！当日の参加は無料です！

0

21

232

綿貫佳祐 / Qiita

@xrxoxcxox

1 year

伝え方を「すごく良い、けどここがこうなると更に良い」と変えるだけでも、作った人はだいぶ報われると思う。こういう伝え方に対して、昔は小手先のテクニックだと思っていた。けど最近になって、人間同士のやり取りではとても大事なんだと感じるようになった。

2

30

215

綿貫佳祐 / Qiita

@xrxoxcxox

10 months

記事を投稿しました！ Figma のデータ、少し楽になるかもしれない作り方 [Design] on #Qiita

Figma のデータ、少し楽になるかもしれない作り方 - Qiita

この記事の概要variants や component properties など、Figma でのデータ作りには様々なテクニックがあります。この記事では、少しニッチなシチュエーションにおいて、…

qiita.com

0

14

215

綿貫佳祐 / Qiita

@xrxoxcxox

6 months

年が明けてから何のポストもしていませんでしたが、3DCGの練習ばかりしていました。

1

9

212

綿貫佳祐 / Qiita

@xrxoxcxox

1 year

「Aのタグの中にBのタグって入れて良いんだっけ」ってときにいつもこのサイトお世話になってる。 Living Standardとか見れば良いだけど、パッと見るには大変だから……笑

Caninclude

'Caninclude' tool to help determine if one HTML tag can be included in another HTML tag

caninclude.glitch.me

1

18

204

綿貫佳祐 / Qiita

@xrxoxcxox

6 months

Adobe が Figma を買収する件、なくなったんだ。これから何がどうなるんだろう。

Dylan Field

@zoink

6 months

After an intense 15 months of review, today Adobe and Figma have decided to end our pending merger, as we no longer see a path toward regulatory approval of the deal.

726

2K

9K

1

56

207

綿貫佳祐 / Qiita

@xrxoxcxox

1 year

これまで共感されたことのない内容の記事を書きました。

svg のリファクタリングの流れ - Qiita

この記事の概要ある日、こんなアイコンを作っていました。svg で書き出しをしたら次のようなコードになりました。

qiita.com

1

43

201

綿貫佳祐 / Qiita

@xrxoxcxox

1 year

Figma のチュートリアルとかで使われてる、押下キー表示アプリ、これだ。

‎Keystroke Pro

‎もちろんです！以下は、あなたのテキストの日本語への翻訳です：「あなたが押しているキーをあなたの観客に表示してください！Keystroke Proは、あなたがキーを押すたびにそれを表示し、キーキャップの視覚化を素晴らしくエレガントな方法で画面に即座に表示します。講義や共有、画面の録画中にキーストロークを表示することで、あなたの観客が簡単についていけるようになります。キーボードショートカット...

apps.apple.com

1

19

202

綿貫佳祐 / Qiita

@xrxoxcxox

3 years

記事を投稿しました！デザイナーがエンジニアと話せるようになるために頑張ったこと on #Qiita

デザイナーがエンジニアと話せるようになるために頑張ったこと - Qiita

これは何「エンジニアリングに興味があるデザイナー、デザインに興味があるエンジニア」カレンダー8日目の記事です！https://qiita.com/advent-calendar/2021/des…

qiita.com

0

25

197

綿貫佳祐 / Qiita

@xrxoxcxox

5 years

どうにも絵が描きたくなったのでマグロナちゃん描いた。カラーインクっぽい感じで。 #マグロナート #出荷用マグロナート

2

48

196

綿貫佳祐 / Qiita

@xrxoxcxox

2 years

Figmaを使っていて、他者に画面を共有するときに使えるショートカット。 ⇧ + 1 全部のFrameを画面内に収める ⇧ + 2 選択中のFrameを画面いっぱいに映す N 次のFrameに進む ⇧ + N 前のFrameに戻る画面をスクロールして移動すると視線がガタガタするけど、それがなくなるのでスムーズです。

2

15

191

綿貫佳祐 / Qiita

@xrxoxcxox

2 years

デザイン史をめっっっっっちゃくちゃ雑に振り返ると、複雑→単純→複雑→単純→...と歩んでる気がするから、そろそろ複雑な時代が来る気がしてる。で、それは3Dとかの系統の複雑さなのではと思っているから、WebやUIデザインにおいても3Dを取り入れたい。僕が最近Blenderを勉強してるのもこれ。

0

11

186

綿貫佳祐 / Qiita

@xrxoxcxox

1 year

すごく分かる。だからビジネスの勉強もする。すると今度は「デザインの修行がおろそかになっていないか？」と不安になる。その後制作力アップに時間をかけると「結局ビジネス知識が足りてないままでは？」と揺れ始める。終わりは無いと思う。

デザイナーはビジネスオンチになるな | ベイジの日報

「そもそも市場にいるデザイナーの数が少ないうえに、ビジネスサイドの期待に応えられるデザイナーとなると相当な希少種である」という話を、経営者や事業責任者の口から聞くことが多い。私のフェルミ推定だが、様々なメディアの利用者数や購読者数などから推測する…

baigie.me

0

7

175

綿貫佳祐 / Qiita

@xrxoxcxox

2 years

デザイナー↔︎エンジニア間での大変なやり取りを多少は解消できる……かもしれない記事を書いた。

「このUIの実装、ライブラリを使わないとなあ」ってときに見る記事（見せる記事） - Qiita

この記事の概要デザインデータの中には大抵「自前で実装するのは大変だから、既存のUIライブラリを使おう」と思うパーツがありますよね。カルーセル・カレンダー・グラフなどなど……。そういったシーンで…

qiita.com

0

12

172

綿貫佳祐 / Qiita

@xrxoxcxox

3 years

コーディングしやすいFigmaデータの作り方 [HTML] on @Qiita

コーディングしやすいFigmaデータの作り方 - Qiita

これは何UIモックアップデータを作る際、少しでもコーディングが楽になるように作る方法を書いた記事です大抵のWebサイトやアプリ制作においては、UIのモックアップデータを作り、その後コーディングを…

qiita.com

2

19

166

綿貫佳祐 / Qiita

@xrxoxcxox

1 year

僕はずっと、多様性を重視するなら「自分が好きなもの・良いと思うものだけじゃない世界」を受け入れる覚悟がセットだと思っているんだけど、あまり共感を得られなくて悲しい。

3

8

167

綿貫佳祐 / Qiita

@xrxoxcxox

1 year

最近、登壇用に Cursor Pro というアプリを買った。カーソルの位置が分かりやすくなって、左クリックと右クリックが可視化される。あと拡大鏡の機能もある。色やアニメーションの量とか、結構カスタムできて便利。

4

19

167

綿貫佳祐 / Qiita

@xrxoxcxox

3 months

ちょうど最近文字数カウントを作ったから、代替品に良ければどうぞ（機能が多少少ないですが）（URLのenをjaにすれば日本語にもなります）

Character Count - Kodowg

Kodowg is a word inspired by the Japanese term “小道具” (which means “props”). We offer you nifty tools for those little tasks in life.

kodowg.pages.dev

コウノアスヤ

@asuyakono

3 months

UIデザインしてて、さっと文字数確認したい時に毎回使ってたこちら、提供終わってしまった…。長年ありがとうございました。

72

11K

30K

1

39

159

綿貫佳祐 / Qiita

@xrxoxcxox

8 months

マークアップする人がデザインの知識を持っていて欲しいし、デザインする人がマークアップの知識を持っていて欲しい。 #朝までマークアップ

0

21

154

綿貫佳祐 / Qiita

@xrxoxcxox

3 years

弊社デザイナーの必修科目が - Figma - React (TypeScript) - After Effects - Blender 🆕 みたいになってきた。

1

13

152

綿貫佳祐 / Qiita

@xrxoxcxox

1 year

AdobeによるFigmaの買収について、広く意見を募りたいとのことでしたので拡散します。少しお話させていただきましたが、とても中立的に意見を拾い上げてくださいましたので、安心感がありました。

0

59

151

綿貫佳祐 / Qiita

@xrxoxcxox

7 months

記事を投稿しました！デザインデータとコードを一体のものとして捉える [Design] on #Qiita

デザインデータとコードを一体のものとして捉える - Qiita

これは何2023 年 11 月 20 日に開催されたイベント、実装の観点からみたUXデザインに対するデザイナーとエンジニアの心構え【キニナルDevOps講座 vol.8】で発表した内容です。発表…

qiita.com

1

17

152

綿貫佳祐 / Qiita

@xrxoxcxox

2 years

参加してくださったみなさんありがとうございました！改めて、発表資料です。 #デザインとモデリング

モデリング：表からは見えないUIデザイン - Qiita

この記事は2022年7月6日に開催されるデザイン・フロントエンドのモデリング事情で発表する内容です。全文を記事として公開します。自己紹介こんばんは。Qiita株式会社でデザイナーをしている…

qiita.com

0

23

150

綿貫佳祐 / Qiita

@xrxoxcxox

9 months

これももうちょっとで 50……という宣伝！

Figma のデータ、少し楽になるかもしれない作り方 - Qiita

この記事の概要variants や component properties など、Figma でのデータ作りには様々なテクニックがあります。この記事では、少しニッチなシチュエーションにおいて、…

qiita.com

0

13

148

綿貫佳祐 / Qiita

@xrxoxcxox

2 years

Figmaのイベントに参加してSwagいただきました。非常に可愛い……。LAMYやMoleskinなど、デザイナーが好きそうなチョイスなのがまたさすが。

0

5

147

綿貫佳祐 / Qiita

@xrxoxcxox

2 years

goandoさんが紹介していた、ケーブルをまとめるやつを購入したので美しくなった。

2

3

147

綿貫佳祐 / Qiita

@xrxoxcxox

5 months

記事を投稿しました！ Figma でアイコンコンポーネントを作るときのデータ構造 [Design] on #Qiita

Figma でアイコンコンポーネントを作るときのデータ構造 - Qiita

この記事の概要世の中にはいい感じのアイコンライブラリがたくさんありますが、どうしても自分達のサービスに合うものがなくて自作する場合もありますよね。Figma でアイコンコンポーネントを作成するに…

qiita.com

0

5

143

綿貫佳祐 / Qiita

@xrxoxcxox

2 years

今度のCSS Niteではブラウザ上での3D表現を作る流れを説明する予定。どんな作例にしようかなあ。（まだあまり固まっていないので、動画で載せているものと全然違うものになる可能性も高いです。ご了承ください🙏） #cssnite #codershigh2022

0

13

141

綿貫佳祐 / Qiita

@xrxoxcxox

9 months

こんな時間？ヤバ。自分でシェーダー書くのにチャレンジしてみて、見よう見まねでボロボロになりながらもとりあえず見た目は良い感じになった気がする。ノイズ混じりで有機的に動くから、CSS とかじゃ実現できないものができたでしょうきっと。

0

2

138

綿貫佳祐 / Qiita

@xrxoxcxox

11 months

Noto Sans JP のことを Noto Sans と略して表記すると、全然違うフォントになっちゃうよ、みたいな話をしていた。同じタイプフェイスかと思いきや全然違う。

1

20

132

綿貫佳祐 / Qiita

@xrxoxcxox

1 year

組織を変えられる人は、まずその組織のルールに則った上で成果を出し、その上で「こんなアレンジをすると更に良くなる」と提案するよね。まだ信頼も実績もないうちから「このやり方よりこっちの方が」と主張しても、まず受け入れられない。それが仮に100%正しいやり方でさえも。

1

10

133

綿貫佳祐 / Qiita

@xrxoxcxox

6 months

変なもん広めたくないからリポストはしないけど。ゴシックMB101も游ゴシックも良いフォントだと思いますけどね僕は。（游ゴシックだよね？）游ゴシックになったからとてパチモンとか言われてるのは、タイプフェイスの美しさでなく雰囲気だけを見てるんだな、と。

0

8

129

綿貫佳祐 / Qiita

@xrxoxcxox

1 year

質問来てた。「Figma で親要素を拡大したときに子要素の縦横比を維持したまま fill container させる方法無いの？」結論「あるけど、ハックだから使い所にご注意」。 ↓のコミュニティファイルに感謝をしつつ試してみて。

0

12

128

綿貫佳祐 / Qiita

@xrxoxcxox

2 years

「UXの界隈怖い」って意見を見かけて、その印象を与えるってだいぶBad Experienceだよね……って思ってしまった。

0

9

127

綿貫佳祐 / Qiita

@xrxoxcxox

2 years

僕が登壇するCSS Nite、いよいよ今日の21:00-23:00開催で、当日の参加は無料です！すこーしだけ内容お見せしますね 🙋 #cssnite #Figma の制作フロー大解剖

0

23

125

綿貫佳祐 / Qiita

@xrxoxcxox

1 year

いよいよ本日ですね！ XDとの比較も入れつつ構成しています。移行自体はそんなに難しくなく、それでいて便利な機能が増えるのを感じてもらえたらなと思っています！ツールのレクチャーにしては思想的な部分も重視しています！なんだかんだこれが一番大事かも。

CSS Nite

@cssnite

1 year

明日（2月9日[木]）開催！現在、900名超え。当日の視聴は無料!! 綿貫佳祐さん @xrxoxcxox に加え、Adobe XDのエキスパートである松下絵梨さん @matsu_eri を聞き役に「XDからFigma」の移行を後押しします。チーム全員でUIデザイン今日からはじめる #Figma 入門

1

20

70

0

9

123

綿貫佳祐 / Qiita

@xrxoxcxox

2 years

5/11のアップデートを踏まえて、かつて使っていたハックのうち、もう辞めた方が良いものについて記事を書きました。 2022年5月現在 Figmaで実施しない方が良いハック #Qiita

2022年5月現在 Figmaで実施しない方が良いハック - Qiita

この記事の概要Figmaは最近注目を集めているデザインツールです。アップデートが早いのも特徴の1つなのですが、結果的に「以前は有用だったハックが今ではアンチパターン」になり得ます。2022年5…

qiita.com

1

17

121

綿貫佳祐 / Qiita

@xrxoxcxox

2 years

最近FigmaにStorybookのプラグイン（ベータ版）が出ましたね。既にStorybookとChromaticを使っていれば導入は非常に簡単でした。

1

6

119

綿貫佳祐 / Qiita

@xrxoxcxox

10 months

SHElikes さまで UI デザインコースを担当させていただきました！制作の仕方だけでなくポートフォリオの作り方についても触れています！ぜひ受講ください！

SHElikes

@she_officials

10 months

＼\ 本日開講🎉 /／【UIデザインコース LESSON1】デザイナーに欠かせない情報整理を実践で学びましょう👩‍🔬 UIデザインってなに？からポートフォリオの作り方まで解説！ 👇受講はこちらから👇

0

18

61

1

12

119

綿貫佳祐 / Qiita

@xrxoxcxox

2 years

さっきLTで話した内容を記事にしました！ #TokyoConfigWatchParty #Config2022

Figmaを使ったロゴ作りのメリット（Tokyo Config Watch Party とっておきFigmaの活用策をシェアしよう！） - Qiita

この記事の概要2022年5月11日開催のTokyo Config Watch PartyにてLT枠があり、そこで話す内容です。記事投稿時点ではイベントはまだ開催されていませんが、先んじて公開し…

qiita.com

0

12

118

綿貫佳祐 / Qiita

@xrxoxcxox

1 year

「デザインシステムを作りたい、というモチベーションで作ったデザインシステムが実務のフローにフィットしなかった話」をもう 3 箇所くらいで聞いていて、まあまあ起きやすい事例なのかな〜という気持ちでいる。

1

9

114

綿貫佳祐 / Qiita

@xrxoxcxox

1 year

大抵のツールは自分一人で使うと「僕が考えた最強の運用」ができるから非常に使いやすく感じる。そして良かれと思って、自分が所属する大人数の組織へ導入する。このとき、思想が違うとか上手く使えないとかが頻繁に起こる。すると「当初思っていたほど良いツールでもなかった」になってしまう。

1

17

115

綿貫佳祐 / Qiita

@xrxoxcxox

6 months

「左揃えが気色悪い」「Wordで適当に作ってテプラ貼り付けただけ」みたいな意見も、見てると大変だなと。タイポグラフィのセオリーで言えば、中央揃えよりむしろ左揃えのがポピュラーだと思うけどね。まあ好き嫌いは人それぞれだから、正解不正解のように押し付ける気はないけど。

0

4

115

綿貫佳祐 / Qiita

@xrxoxcxox

9 months

なぜ、オンスクリーンのデザインでは「UX」が 1 つの分野として存在しているんだろう……？調べる限り、建築とかインダストリアルとか歴史長めの分野では当たり前に考慮されていた感があるオンスクリーンではあえて取り上げないといけない理由でもあったのかな？とか考えてる。

6

8

115

綿貫佳祐 / Qiita

@xrxoxcxox

2 years

記事を投稿しました！「デバイスサイズが変わってもテキストの改行位置を揃えたい」って言われたときに読む記事 [HTML] on #Qiita

「デバイスサイズが変わってもテキストの改行位置を揃えたい」って言われたときに読む記事 - Qiita

この記事の概要クライアントなどから「デバイスサイズが変わってもテキストの改行位置を揃えたいんですよ」と言われたときに役に立つかもしれない記事です。綺麗な指定とは言えないかもしれないけど、要望は叶…

qiita.com

0

17

112

綿貫佳祐 / Qiita

@xrxoxcxox

1 year

多分まあまあ早口で話したので、分からないところあったかと思います。記事に細かく書いているのでどうぞ！ #FigmaNagoya

[LT スライド & 原稿] Figma 勉強会 10分でできるだけ詰め込む地味なテクニック集 - Qiita

この記事の概要2023 年 5 月 28 日に開催される名古屋 Figma 勉強会 #01で発表する内容です。内容今日は「10 分でできるだけ詰め込む地味なテクニック集」というタイトルで発表…

qiita.com

0

18

112

綿貫佳祐 / Qiita

@xrxoxcxox

1 year

新宿の紀伊國屋で先行販売されていたそうです！先輩たちにならんで、Figmaコーナーが形成されている……！

1

7

111

綿貫佳祐 / Qiita

@xrxoxcxox

1 year

「アップデートたくさん嬉しい〜！使うぞ〜！」 vs 「ワシの書いた本、まだ半年も経ってないのにかなり古くなってしもた……」 vs ダークライ

2

3

107

綿貫佳祐 / Qiita

@xrxoxcxox

2 years

昨日のタイポグラフィーの数式が話題に出してもらえていることが多いけど、実はグレーのカラーパレット作るときも自分で数式作ってグラフ見て調整してる。（画像はかつて書いた記事からの抜粋）

1

17

103

綿貫佳祐 / Qiita

@xrxoxcxox

1 year

事の全貌が分からないまま正論めいた言葉を振り撒くのは「相手のためのアドバイス」ではなくて「自分が気持ちいいだけのお説教」だと思う。

0

13

101

綿貫佳祐 / Qiita

@xrxoxcxox

1 year

ヤッター売ってる！

1

2

102

綿貫佳祐 / Qiita

@xrxoxcxox

6 months

記事を投稿しました！デジタルプロダクトを作るデザイナーとしての知識の接続 [UI] on #Qiita

デジタルプロダクトを作るデザイナーとしての知識の接続 - Qiita

この記事の概要私は事業会社にて UI デザイナーとして働いています。デザイナーとしてデザインのことだけを考えるよりも、様々な知識を接続してサービス全体を考えた方が、発揮できる価値が大きいと思って…

qiita.com

0

3

100

綿貫佳祐 / Qiita

@xrxoxcxox

9 months

Astro を v3 に上げて、view transition も適用してみた。

0

6

98

綿貫佳祐 / Qiita

@xrxoxcxox

1 year

サービス改善要望を送るときは「大変かもしれないですが、こ��ができると◯◯な理由で嬉しいです！」ってなテイストにするとか、実際に改善されたらパブリックな場で喜びを表明するとか。そういうのがあると「要望を聞き入れてもらいやすい人」になれると思う、多分。

1

9

96

綿貫佳祐 / Qiita

@xrxoxcxox

1 year

迷ったけど、自分に素直になった。

4

2

93

綿貫佳祐 / Qiita

@xrxoxcxox

1 year

pnpmって「ぴーえぬぴーえむ」だよね？結構長いから「ぽんぽむ」じゃダメかな……可愛いと思うんだけど。

3

4

92

綿貫佳祐 / Qiita

@xrxoxcxox

3 years

公開しました！ここまで長かった……。デザインをしている人達にとって、少しでも役に立ったら嬉しいです。 Incrementsのデザインシステム公開のお知らせ（前編）

Incrementsのデザインシステム公開のお知らせ（前編） - Qiita Blog

こんにちは。Incrementsのデザイナーの綿貫です。今回はIncrementsで運用しているデザインシステムの公開をお知らせします。この記事は前編後編に分かれており、前編の内容は以下の通りです。公開データについて […]

blog.qiita.com

0

25

94

綿貫佳祐 / Qiita

@xrxoxcxox

9 months

記事を投稿しました！ 12 年続くサービスにダークテーマ UI を導入した [CSS] on #Qiita

12 年続くサービスにダークテーマ UI を導入した - Qiita

この記事の概要2023 年 9 月 8 日に、Qiita ではダークテーマ UI の提供を開始しました。https://blog.qiita.com/release-theme/Qiita が…

qiita.com

0

17

92

綿貫佳祐 / Qiita

@xrxoxcxox

4 years

いつものようにスライドと台本を全部公開しました！ #uxmilkallnight UX MILK ALL Night - 良いUXを実現するために、まずはチーム内にデザインを浸透させている話 @xrxoxcxox #note

UX MILK ALL Night - 良いUXを実現するために、まずはチーム内にデザインを浸透させている話｜綿貫佳祐 / Qiita

このnoteは2020年9月12日と13日に開催されるUX MILK ALL Nightで話す内容です。イベント開始前ですがスライドと台本を全文公開します。なお、スライドだけを見たい方はSpeaker Deckからご覧いただけます。 --- それでは「良いUXを実現するために、まずはチーム内にデザインを浸透させている話」をいたします。こんばんは。インクリメンツでデザイナーをしている綿貫佳...

note.com

0

18

91

綿貫佳祐 / Qiita

@xrxoxcxox

2 years

記事を投稿しました！ CSSフレームワークやライブラリを素振りするためのFigmaファイルを作った on #Qiita

CSSフレームワークやライブラリを素振りするためのFigmaファイルを作った - Qiita

この記事の概要筆者はCSSフレームワークやCSS in JSのライブラリを素振りすることが多いです。その際、それなりに精度の高いモックアップを組んでみないと使用感が掴めません。しかし毎回1から…

qiita.com

0

8

89

綿貫佳祐 / Qiita

@xrxoxcxox

2 years

最近かなり本気で探してるんですけど、Qiitaで働いてみたいデザイナーいらっしゃいませんか？友達や知り合いでももしいたら僕に教えてくれませんか〜🙏 （綿貫と働いてみたい、っていう人がいたらそれはそれでもちろん教えてください笑）

1

35

87

綿貫佳祐 / Qiita

@xrxoxcxox

2 years

ゴールデンウィークは絵を描きたい気持ちになっていて。ハンバーガーちゃんを描いた。

1

19

89

綿貫佳祐 / Qiita

@xrxoxcxox

1 year

バレンタインデーにあわせてモデリングして投稿しよ〜と思ったけど普通に遅刻した。

1

89

綿貫佳祐 / Qiita

@xrxoxcxox

5 months

記事を投稿しました！ Figma で複数のバリアントを持つコンポーネントをネストする際は並べる方向を統一した方が良い（かもしれない） [Design] on #Qiita

Figma で複数のバリアントを持つコンポーネントをネストする際は並べる方向を統一した方が良い（かもしれない） - Qiita

この記事の概要Figma でコンポーネントを作っている際に変な挙動を発見し、対処法を調べたので記事にしました。ここに書いてある挙動はあくまで私が調べた範囲のものです。データの作りや組み合わせ方…

qiita.com

0

7

88

綿貫佳祐 / Qiita

@xrxoxcxox

5 months

3Dによるお菓子作り 2枚目が去年、3枚目が一昨年で、ちょっとずつ作れる幅が広がってる……と思う

0

1

87

綿貫佳祐 / Qiita

@xrxoxcxox

2 years

本日はご参加いただきありがとうございました！だいぶ延長してしまったのと、操作が一部モタついててすみません！（緊張していた）これから感想を見ていきます！たくさん投稿されてて嬉しい限りです🙏 #cssnite #Figma の制作フロー大解剖

0

2

87

綿貫佳祐 / Qiita

@xrxoxcxox

9 months

「そんなところまでこだわってたら遅くなってしまう」に対して、大抵の場合「こんなのは無意識でやるもの」なんだよなあ。「寝癖を直していたら商談に遅れてしまう」とか言われたら「は？何を言ってるんだ？」ってなるのと同じ感覚。

0

10

86

綿貫佳祐 / Qiita

@xrxoxcxox

9 months

深夜の勢いでグラフィックを作って投稿した。主に Blender の実験（練習？）。

1

0

85

綿貫佳祐 / Qiita

@xrxoxcxox

4 months

UIデザインを初めて学ぶ際、どうもマーケティングとかプロモーションの文脈に引っ張られる人が多そう（期間限定商品のポップアップ、みたいなの初手で作るとか）最初に学ぶときは純然たるmaster-detail patternの練習とかをした方が良いのかもとなるとtoBアプリケーションの方が題材には良い？

0

2

85

綿貫佳祐 / Qiita

@xrxoxcxox

2 years

イベント参加用の記事書きました🙋 CSSのリファクタリングにあたって、意外と大事な考え方 #Qiita

CSSのリファクタリングにあたって、意外と大事な考え方 - Qiita

この記事の概要ある箇所のCSSを変更したら、意図しない箇所にまで影響が及んでしまった経験はありませんか？CSSを書いたことがある人ならほぼ全員が遭遇する事象だと思います。そんなCSSリファクタ…

qiita.com

0

5

81

綿貫佳祐 / Qiita

@xrxoxcxox

2 years

今日投稿した記事は、細かいとこまでちゃんとこだわりたいサイトには使えるテクニックかもしれない。印刷物での当たり前をWebでも擬似的に再現しているだけ、と言えばそうなんだけど笑

和欧混植 font-sizeの微調整 - Qiita

この記事の概要Webサイトにおいて、文字の画面占有率は大きい割に、タイポグラフィの甘さったらないですよね。組版のための仕組みが整っていないなど、仕方ない部分が大きいとは言えもう少し改善したくなり…

qiita.com

0

10

83

綿貫佳祐 / Qiita

@xrxoxcxox

2 years

GitHubで使えるようになった際「Qiitaは使えないの？」との声を多くいただいたので、使えるようにしました！

Qiita (キータ) 公式

@Qiita

2 years

記事を投稿しました！【Mermaidの紹介】Qiitaでダイアグラム・チャートが簡単に書けるようになりました！ on #Qiita

0

11

34

1

14

82

綿貫佳祐 / Qiita

@xrxoxcxox

2 years

5月21日[土] 21:00 - 23:00開催のCSS Niteでは、こんな感じのデータを実際に作る予定です！モックアップで終わりではなく、コーディングに繋げていく話もします！ #cssnite #Figma の制作フロー大解剖

0

14

80

綿貫佳祐 / Qiita

@xrxoxcxox

5 months

自分は視覚的な特性で #fff の背景に #333 とかで文字が書いてあると「ちょっと薄いな……」ってなる。前景と背景が入れ替わると余計に。だからデザイナーからよく出る「 #fff と #000 の組み合わせは禁忌！」って意見は苦しい笑薄いよりは最大コントラストの方が読みやすい笑

2

4

79

綿貫佳祐 / Qiita

@xrxoxcxox

7 months

「デザイナーって、困ったときでも公式ドキュメントを見ない人が多い気がするけど、なんでだろう」って呟いたら「そもそも『困った』レベルまでいかずに『それっぽいからOK！』って人が多そう」と意見をもらった。まさか困ってないとは思ってなくて意外すぎた。実際どうなんだろう？

3

4

80

綿貫佳祐 / Qiita

@xrxoxcxox

2 years

はじまりました！ #cssnite #Figma の制作フロー大解剖

Figmaの制作フロー大解剖〜UI制作からコーディングまで

2022-05-21（土）21:00 - 23:00 noteにてアーカイブ（スライド・動画）を販売しています。「アーカイブを見たい方」「申し込みそびれてしまった方」はご利用ください。https://note.com/cssnite/n/n1f2b2a4b0a52 Figmaを使ったUIモックアップの制作からコーディングまでの一連の流れを綿貫佳祐さんに紹介いただきます。「当日の視聴は無料...

cssnite.doorkeeper.jp

0

15

77

綿貫佳祐 / Qiita

@xrxoxcxox

2 years

最前列とっちゃった✌️ #schema2022