こびと
@kobitoCode
Followers
11,627
Following
316
Media
1,720
Statuses
20,327
Figma/Ps/Ai/Ae/blender/Photo/SEO/GA/HTML/SVG/Lottie/CSS/JS/TS/webGL/Node.js/Astro/Nuxt/PHP/Laravel/SQL/Docker/test/Git/CI/CD/Linux/Server/Network/Security
in learning these↑ for web
Joined October 2021
Don't wanna be here?
Send us removal request.
Explore trending content on Musk Viewer
#WeAreSeriesEP15
• 389941 Tweets
#SamsungUnpacked
• 240770 Tweets
CENTURY OF LOVE EP1
• 173269 Tweets
PondPhuwin WeAre EP15
• 149606 Tweets
JISOO CARTIER TRINITY
• 119382 Tweets
Coutinho
• 81150 Tweets
#GalaxyZFlip6
• 54275 Tweets
#GalaxyZFold6
• 53082 Tweets
ヴォルタ
• 39916 Tweets
XO MV TEASER 2
• 39904 Tweets
RERUN INFINITY LOVE 21
• 34472 Tweets
WeAre WinnySatang EP15
• 33325 Tweets
Andrew Garfield
• 25792 Tweets
Pogi
• 25503 Tweets
F-16
• 23549 Tweets
Florence Pugh
• 22602 Tweets
#JO1ANNX
• 18462 Tweets
Kawhi
• 17771 Tweets
TXT & Enhypen
• 17351 Tweets
ボムギュ
• 15199 Tweets
VASCO DA GAMA
• 13320 Tweets
土井先生
• 12812 Tweets
A. Interpreter
• 11365 Tweets
Pinned Tweet
自己紹介用のwebサイトをつくりました！
クリエイティブコーディングとグラフィックデザインが趣味です！過去に作ってきたものを掲載しています！
自主制作掲載が目的なので、今年はグラフィックデザイン練習しまくってクリエイティブコーディングとうまいこと融合させたい
4
99
1K
Twitter、「やっちゃダメなデザイン」と「なぜダメか」が回ってくるから受動的にNGパターンの予習ができてすごくいい、ありがとうございます
176
16K
57K
これ良過ぎる
パワポとかじゃない。webデザイン書として読める。
「デザイン」は具体的に何をするか
「わかりやすさ」の作り方
「理解」はいつ起きるか
みたいな最強セクションが山のようにある。「動き」の塩梅についても言及されてる。デザインが始まってから終わるまでのフローの解説が丁寧過ぎる
5
2K
19K
背景消しゴムやばいわ...
6
2K
17K
すげえええええええええ！！
これ、「色味合わせる」の一番簡単な方法かもしれない...
Photoshopで合成するときトーンを馴染ませるのって最初は本当に難しいです。
ニューラルフィルター「調和」も登場しましたが、まだまだ「カラーの適用」も現役なので推していきたいです。
#Photoshop
2
486
4K
0
599
5K
命救われた...
みなさん知っていると思いますが、円を画面いっぱいにブワーってやる系のアニメーションをしたいならまずブラウザの対角線を求めて、それを円の直径に当てないと四隅なんかはみ出るよ。
適当に数字出すと絶対失敗するのでちゃんと計算しようねという話。
1
66
1K
1
265
4K
@HIRO_YUKI_
自分は目が見えるので当事者の立場になりきれず定かなことは言えませんが、もし自分が目が見えなくてこのタイルに頼っていたとしたら「あれ？今まで直線的だったのに直線の延長線上にタイルがない？今左右のどっちにいるんだ？」的な混乱を持つ気がします
7
173
3K
いやマジかよーーーーーー！！！！！
これはデカい！！！！！
デカすぎる！！！！！！！
【Photoshopベータ版のアップデート】
生成塗りつぶしで「参照画像」を選択できるようになりました！
これにより、今よりも具体的で狙い通りの生成をすることができます！
（通常版にもいずれ搭載されると思います）
#Photoshop
16
1K
6K
1
311
3K
色マジでよくわかってないんだけど、「トーンを揃える」ってどうやってるんだろう...トーン一覧みたいな配色リボルバーみたいな表は死ぬほど見るんだけど、
「じゃあ今からこの青色使います。この色と同じトーンの赤のカラーコードはなんでしょう？」
みたいなの、どうやって揃えてるの...
7
549
3K
コード8時間書いてても疲れないけどデザイン2時間でめっちゃ使れる...これが、「ゴールが用意された状況でやる」のと「ゴールが不明なままアレコレ試す」の脳みその疲れ方の違い...か...デザイナー、マジ凄い...
15
431
3K
このフォントめっちゃ良い！！！
【もうデジタル数字はDSEGで】
左上のサイトのような電卓系フリーフォントは「DSEG」がオススメです。こういう系ではレアな商用可。以前、キッチンスケールの操作方法に関するデザインで使用しました。DSEGの英語を使えばデジタル系のサイトにもはまりそうですね。URLはコメントらんで😊グッナイ🌙
1
237
2K
1
195
2K
これの左、死ぬほど最高
特にコーダーが読んだら「デザイナー全員これやってくれ」ってくらい最高、駆け出しwebデザインのみなさんが全員左の本読みますように。figma最高や
Figma、対戦よろしくお願いします
右の黒いやつ、コーダーにもいい！
「コーダーがfigmaデザインもらったときはこことここ見てこの操作しとき」みないなセクションあった！
3
63
709
5
181
2K
↑これ神！！！！神すぎる！！！！
【背景が透明なフリー素材】
をゲットできるサイト4選！形式はピング（png）です。右下以外はPNG特化。水系素材の探し方→しぶき系は「スプラッシュ」、ぶくぶくは「バブル」、しずくが落ちて王冠みたいになるのは「ミルククラウン」です。サイトURLはコメントらんで😊グッナイ🌙
#web
デザイン
2
762
5K
2
172
2K
デザインを学んでいけば行くほど、「動きのあるサイト」を合理的というかなんというかUX的な意図を持って設計するの難しい。「この演出、ユーザーを待たせる以外の効果なくね？」みたいなのになってしまう。一口目はウマいけど二口目はクドいスナック菓子みたいな。そういうの削っていくと静止画になる
12
205
1K
すご！！マジでなった！！
*{
all:unset;
display:revert;
}
↑
all ...全プロパティ
unset ... ブラウザが初期値として設定してくる値を全部消す
react ... revertを書いたところはunsetが取り消される
display以外の要素全てのリセットが2行で出来た...
5
141
1K
だいたい1年くらい前、
「webコーダーの経験しかないけど社内のディレクターとデザイナーを見てる感じこういうフローがあると良さそう」
と思っていたモノを、それから1年経って「バックエンドとデザイン勉強中のフロントエンド人間」になった視点で【自分が見やすいように】作り直してみた
3
112
1K
webデザインのフッターの引き出し増やしたくてピンタレスト回遊してるんだけど、海外サイトの「3分割して真ん中にロゴ的なモノ」なレイアウト、ビジュアルが締まるというか、webサイトの雰囲気がピシッと整う感ある
0
104
1K
わかったぁぁぁーーーー
昼くらいに自問したやり方でいけた！
選択範囲作る→調整レイヤーかませて濃さ変える→ぼかす
とりあえずサッと試したかったから「F」をテキストで配置してワープさせて物陰っぽくした
1
112
1K
これやばすぎる！これやばすぎる！これやばすぎる！！！！！
0
104
1K
「HTMLは文書構造的に適切な順番で書こう〜」みたいなやつ説明するの億劫だったけどこういうガイドブックでてくれたのはありがたすぎる
1
200
1K
この見せ方最高すぎる！！！
よく見る「flexで画像とテキスト」だけど、テキストにZ軸があるだけで一気に量産型との差別化になる！！！
アート(芸術)とデザイン(設計)が最高の塩梅で融合している...
【RCIエージェンシー様 ブランディング】
ITコンサルティング事業とIT人材プラットフォーム事業を２本柱とするRCIエージェンシー様のブランディングをいたしました。MVV策定のお手伝いからはじまり、ロゴ・Webサイト・採用ピッチにいたるまでのトータルブランディングを是非ご覧ください。
1
58
452
4
89
1K
webデザイン技能検定は良い
資格は取らなくて良いから、無からweb始めますって人に3級のテキスト読む事を勧めたい。今後、基礎的な部分でわからない事が出てきた時にweb業界の共通言語で検索する基礎力がつく気がする。(自分はついた)
資格は取らなくて良い(2回目)
こういうちゃんとした検定あるんだなぁ。
問題ざっと見てみたけど、勉強になりそう。
0
15
178
1
97
1K
「文字の大きさはユーザーの行動決定にかかるプレッシャーと比例する」という学び、あまりにも納得した...
デカ文字購入ボタンは「今からとてつもなく大きな行いをするんだ」みたいな圧があるけど、チビ文字ボタンは「まぁこれくらいパッと買うてええやろ」くらいの肩の軽さを感じる
2
137
1K
これは革命だわ...チョロメ115から追加される、
CSSのkeyframesをスクロールと連動させられる
ってやつ、マジでCSSだけでスクロールと連動させられる...イージングも書ける。スクロールインタラクションがありえんほど楽になる。「固定して横スクさせる」みたいなのもCSSだけでできる
6
157
1K
このスクロールインタラクションめっちゃいい
0
92
1K
そのまんまwebにできる...マジでイイ...
「動きのあるサイトのプロトタイプをafter effectsで作る」という行い、いわゆる「figmaでは出来ないことをやりたい」みたいなシガラミがないのでめっちゃ良い。逆はある(AEではできるけどブラウザではできない)(これはブラウザの制約把握してれば問題ない)
0
94
1K
マジでコレなので世の中の「リンク」を<button>で作ってジャバスクで遷移させるの誠に根絶されてほしい
<a>をつこてクレ
ちょっど前にTLで「リンクをaで作るのはナンセンスなのでbuttonで作ろう」みたいな闇のtips流れてたけど、元締めはどこなんや...<a>つこてクレ
5
222
986
photoshopちょっとわかりはじめてきたけど、全くわからんかった時に買ったコレをちょっとわかり始めたタイミングでもう一回読むと理解度がすごい、これ宝の山だ...
1
120
939
凄すぎる！！！CSSで出来るんかコレーーーッッッ！！！キリストが蘇ったくらいの衝撃ある...
2
81
908
gulp動かし始めたらgulpはもう終わりと言われ、webpackに乗り換えたらvite使ってないのお前だけと言われ、vite動かせるようになったらturbopackはviteの10倍速いしwebpackからマイグレできると
こ こ ま で わ ず か 1 年
2
175
899
駆け出しの方「web制作会社に就職するために必要なものはなんですか！」
プロ「コミュニケーション能力かな...」
↑みたいな構図をよく見るけど、じゃあコミュニケーション能力って何を指すの？を主観と偏見で言語化してみました
1 / 3
1
122
883
2023年はデザイン勉強の年だった
何をどう勉強するかワカランな段階から、「コテコテのLP作れるようになる事をスタートラインに」として、一旦本を読みまくり、自分の思う「コテコテのLP」がどうやって作られていて、どう手を動かすのかは掴めた...気がする！notionのデザインメモも大量にできた
1
48
898
うおああああああああああああああああああ
できたああああああああああああああああああああああ！！！！
JavaScript + WebGLで波紋(ripple)エフェクト！！
codemafia先生のwebGL講座のおかげでthree使わずにやる可能性に気づけた...でかい...
5
74
887
inset
↑あまりにも便利すぎる...
今まで「親要素の100%より20pxだけ小さいabsoluteを中心に配置」とかしたい時、
width:calc(100% - 20px);
height:calc(100% - 20px);
top:50%;
left:50%;
translate:-50% -50%
とかしてたけど、
inset:20px
↑これだけで上の5行全部要らなくなった...
1
95
899
髪の毛を含む複雑な形状の切り抜きマジでようやく理解した...今日だけで覆い焼き・焼き込み・カラーチャンネルとかなりトモダチになれた気がする。向こうがどう思っているかは不明だが、カラオケに誘えるくらいの仲にはなった
TLで見かけるphotoshopのtipsみたいなやつ全部この本に書かれてるまである
2
68
831
デザイン、学べば学ぶほど「デザイン」という文字から感じるイメージと実態のギャップを感じる。「デザイン」という字面からはキレイに仕上げたりオシャレを着せたりというアートをイメージしがちだけど、「課題の解決」みたいなのを掲げた途端にやってる事が「マーケター」になるんだよな
2
91
820
Figma、対戦よろしくお願いします
右の黒いやつ、コーダーにもいい！
「コーダーがfigmaデザインもらったときはこことここ見てこの操作しとき」みないなセクションあった！
3
63
709
「CSS変数をstyle属性で書いてしまえばユニークな値入れ放題」
という技をエスイチさんから盗みました。義賊なのでみなさんに再配布します(感動の共有)
5
74
706
ここあまりにも良すぎる...
シンプルなSVGの波線アニメーションで一筆書き、maskと違ってパスが重なってても一筆書きっぽくできるからイイ...
平面に存在してるのに立体っぽく見えるのめっちゃイイ、blurがいい仕事してる気がする、めっちゃイイ
【NEWPEACE Inc.様 リブランディング】
企業やブランド、社会の多様な課題をクリエイティビティで解決するビジョニングカンパニーNEWPEACEの「コミュニティマネジメント」を核とするビジネスへの挑戦と、壮大なリブランディングプロジェクトに、Goodpatch Inc.と弊社がタッグを組んで取り組みました。
3
149
1K
1
43
697
position:absoluteな要素、widthとheightを指定しないと幅を確保できないと思ってたけど、
position:absolute
inset:0
↑これだけで「親要素と同じ幅と高さなabsolute」になるんだなぁ...
← inset widthとheightあり→
3
61
685
web"デザイナー"を志す者、"web"を一旦捨てて"デザイナー"に振り切るためにグラフィックデザインに突っ走る方がいい気がする(15億回目の再認識)
アートに振り切った方が結果的にいい塩梅で引き出し使いこなせる気がする。アートしないのとアートできないのは全然違う
2
25
584
web制作勉強中の方のポートフォリオをいくつか拝見させて頂いて、「ここ、惜しい...」って所がある程度共通してたのでまとめました！
ヘッダー(ページ内スクロール)
↓
スライダー
↓
制作物一覧
↓
お問い合わせ
100人中96人は↑の構成ですが、変に「他と違う」を目指す必要はないです。
2
51
537
うおおおおおおーーー！！
初めてwebサイト(架空かつ練習用)をヘッダーからフッターまでデザインしてみたぞおおおおお！！！
1週間前にfullmeで添削修正もらったものの自分的に自分に全く納得行ってなかったから、少なくとも今の自分が見て「ショボくね？」と感じるビジュアルではなくなった、デカい！
2
18
548
VScodeのlive serverをインストールしてる駆け出しの頃のワイへ
live serverを立ち上げてる状態で
例: localhost:8080
↑これの8080を自分のプライベートIPアドレスの末尾に追加するとスマホからlive serverにアクセス(ローカルで実機確認)できるぞ
例
192.168.0.10:8080/
4
46
541
これマジだ！！！！！
やばすぎる！！！！！！
Macユーザー、もう「画像の文字起こし」に別ツール噛ませる必要がない！！
シンプルに画像をプレビューで開いたら文字ドラッグできる！！！
iPhone のカメラから文字をコピペできるようになったとき、今まで手打ちしないといけなかった画像資料がほとんど撮影→ユニバーサルクリップボードコピペで解決できるようになって「優勝！」と思ったのが、
いつの間にか Mac OS
0
21
139
1
73
534
VScode、imgのwidthとheight自動入力してくれるの便利過ぎる...
img要素をホバー
command + shift + p
「emmet: イメージ サイズの更新」←入力
↑これ、
<img src
↑どこか1箇所でここまでドラッグしてcommand + d でimg要素全選択してから実行すると全部まとめてwidthと heightが入る、やばすぎ
3
36
529
display:none→display:blockにtransitionが効くようになっとるやんけェ！！！
7
100
529
「動きのあるサイト」スキーとして、「動きのあるサイトを作る上での注意点(主観)」をまとめておきたくなってきた、まとめなくても深層心理でそう感じてるから言葉にしてきてるのであって、実際作る時はストレスの琴線に触れるはずなのでまとめなくてもいいが、脳を刺激するためにまとめたい
1
69
518
CSSにsin()やcos()が来るってヨォ！
円周配置や円形スライダーがCSSだけでできるようになるからサァ！みんなもやろうヨォ！！(まだよくわかってない)
2
74
520
photoshopのレイヤー効果、option押しながらドラッグで複製できるヤンケーーーーッッッ！！(同じ数値チマチマ設定してたマン)
2
60
518
親要素Aの中でだけ子要素Bをposition:fixedさせる
↑これ、重なり方の仕様上無理だと思ってたけど
親要素の形にclipしたらできるわ...気づかなかった
clip-path: inset(0 0 0 0)
とかで
これいろんなところで使えそう、捗りそう
0
43
512
マーーーージで知りたい事が知れた！
問い合わせフォーム付きのペライチ
みたいなのを作る時、先方から共有されるアドレスがgmailな事があり、「gmailだと迷惑メール行きますぞ」って言ってたけど
・なぜ迷惑メールに行くのか
・迷惑メールに行かせない方法
は知らなかった。コレが知りたかった
3
40
515
みなさんの隠し事がウマすぎて今まで知らなかったんですけど、flexコンテナのの要素の横幅を均等にしたい場合
flex-growとflex-shrinkを1にしてflex-basisを0ににする
↑これで実現できるではないですか...(flex:1;が↑の短縮系)
今まで要素数とってcalcで%出してた者です
6
40
507
読み終わった！
配色系の本色々読んだけど、学問としての色の勉強も配色の作例も同時に勉強できるから、最初からこれ読んでおけばよかった感がすごい。あと表紙のあしらいが「いろいろな色」そのもので感動しています。「デザイン」を感じる...洗練された「見た目」の効果は「見た目だけ」に留まらない
0
27
506
マウスカーソルの位置に応じて影の位置が変わるやつ、モノの座標と連動するようにして再現してみた
影をカーソル座標に連動させるの面白いな
(元サイトは各要素の座標を起点に動かしてるから厳密には違う)
元サイト:
0
6
68
1
47
493
波紋できたああああああああ！！！
フレームバッファを2つ用意して切り替え続ける！！
GLSLスクールの目標はコレ(引用元の波紋の再現)だった！！vanillaJSで波紋フルスクラッチ！！幸福！幸福！幸福！幸福！幸福！幸福！
God!bless!GLSLSchool!
doxas Hallelujah---------!!!!!!!!!!!!!!!!!!!!!!!!!!
水と生きる SUNTORY
サントリーホールディングス株式会社様のトップページを制作させていただきました！！
常に挑戦し続け新しい商品を生み出し、様々な文化事業や社会貢献もされている
サントリー様の「今」を伝えるトップページです。
是非ご覧ください。
1
30
470
3
30
483
CSSでアニメーションさせているようす
mask-imageはいいぞ
2
41
482
素のJavaScriptでSPA作ってるんですけど、DOMツリーの変更を検知して変更があったら処理を実行してくれる
MutationObserver
が便利すぎる...
SPAとかじゃなくても、「ここのHTMLが書き変わったら、ここのstyleが書き変わったらこの処理を実行したい」とかでめっちゃ使える
4
41
480
多くのコーダーを悩ませたであろう
「タイトルの位置がPCとSPで違い、flexの仕組み上キツい」
を、flexを使ったまま解決できたdisplay:contents;とorderでもうgrid化しなくても対応できる...
4
50
475
<a><button></button></a>
↑コレHTML記述規則違反だと認識してるんだけど、一定数「こういうときはa>button」という反応がくるので、そのbuttonタグは何のために置いてるのか聞いてみたい...「見た目がボタンだからbuttonタグを使っている」のであれば、見た目とHTMLは切り離そう、と思ったり
<a> でリンクすることと <button> を使うことは両立することを認識されたい
<a href="/path/to/link"><button>テキスト</button></a>
1
103
799
5
90
481
できたー！！最高すぎる！！！！
波紋にテクスチャ使う発想なかった！！
というか、three.jsはテクスチャ使う引き出しちゃんと理解して持っておかないともったいないな...煙みたいなエフェクトも画像でやってたし、テクスチャ熱い
Another amazing stream on youtube from
@akella
: Ripples effect with three.js
Tutorial:
Live:
Code:
#threejs
#frontend
#animation
#javascript
#threejsjourney
#webgl
#glsl
#creativecoding
1
39
229
1
33
467
「動きのあるサイト」に対するストレスを��集しております(箇条書き・殴り書き歓迎)
動きのあるサイト好き言っときながらめっちゃ自分で悪い所書いてるけど、「動きのあるサイト」が嫌われてるのではなく、「ストレスのある動き」が嫌いなだけなんだよな。サイトが生むストレスは原理主義的ではない
「動きのあるサイト」スキーとして、「動きのあるサイトを作る上での注意点(主観)」をまとめておきたくなってきた、まとめなくても深層心理でそう感じてるから言葉にしてきてるのであって、実際作る時はストレスの琴線に触れるはずなのでまとめなくてもいいが、脳を刺激するためにまとめたい
1
69
518
29
68
464
Figmaの勉強通して得た気づき
□ 思考A
横幅360pxの枠を作り、この中に文字を置いてボタンにする。このボタンが360pxなのは、私が最初に決めたから
□ 思考B
ボタンの枠を作り、この中に文字を置く。規則的な余白を持たせた結果、ボタンの横幅は360pxになった
↑Bが「コーディングに配慮」の正体
1
43
468
なんでみんなfigmaになった途端「figmaしか使えない」って思考になるんだろう、photoshopもillustratorも使ってfigmaで仕上げる、という選択肢がデザイナーの中で生まれないのであればその理由が知りたい...機能的に無理な理由があるなら確実に自分もその落とし穴にハマるため、先に知っておきたい...
9
39
456
background-clip: text
↑で↓ができるの熱い
CSSで指定できるってことはアニメーションもできるということ...タイポで遊びたい勢に勧めてまわりたいbackground-clip: text
2
31
450
「課題の解決」は「デザイナーの仕事」ではなく「成果物に求められる結果」だよな、やっぱり。「デザイナーが課題を解決する」はどうしても納得いかなかった、課題を解決するのはチームであるはずだと感じてしまう。ただこの考え方はあまりにも90〜100点を目指しすぎてるのかもしれない
3
40
442
超低レベルだけど、
dockerの環境作って立ち上げられる
node.js動かせる
バックエンドとDB動かせてAPI作れる
フロントエンド実装できる
デザインﾁｮｯﾄﾜｶﾙ
ようやく「これくらい知ってるなら新卒で採用してもいいか」くらいのスタートラインにギリギリ立てた気がする...GA4とSEOもやるぞ
3
27
434
これ面白い！！
イラレで文字置く
↓
アウトライン化
↓
ナイフツールで切る
↓
SVG書き出し
↓
path毎にclass振ってCSSコネる
1
36
425
やべーアカウント見つけちゃった
photoshop楽しくなってきた
1
39
419
デザインの基礎を学べる神の書の中に、
「理解とは、読み手が予め持っている情報とこちらが持っている情報を比べた時の、足りない情報を補ってあげた時に起きる」
みたいな事が書いてあるんだけど、これはデザイン関係なく社内での意思疎通でもその通りなのでみんなでこれをよもう(布教)
わかる
指示した側が認識している事の6割しか伝えていないのに「残りの4割は会社の文化や顧客の性格、これまでのやり取りを遡って察するように」
↑をやってしまうと手戻りは当たり前に起きる
言われた事はやる
気になる事は聞く
依頼する時は誰が読んでも理解度が同じになる書き方を心がけたい
0
3
34
1
29
418
弊社、実務未経験のポートフォリオ見る機会が割とあるんですけど、ほぼ100%の割合で「スクロールするとふわっとでてくる」んですけど、ふわっとの距離がデケェ...スクロールする度に交差した要素のYを50pxから0pxとかにtransitionされると目が疲れる...10とかでいい...(主観)
1
16
406
figmaってここまでアニメーション作れるのか、すごい
0
26
411
デザインおもしろすぎる
初めてweb業界で就活するぞって時期はデザインが嫌で仕方なかった...素材の選定には時間かかるしツールの使い方はわからんし何をどう作ればいいのかもわからん状態だったけど1回コーダー経由してプレッシャーの無い状態で自学してるとデザインはマジでたのしい
1
14
404
コーディングする上で色んなデザインデータを見てきたけど、データの作り方によってコーディングにかかる時間が冗談抜きで10倍くらい変わる。コーディング想定して作れば1時間で終わるやつがレイヤー整理とかグループ化とか数値の整合性取ったりwebフォントありませんけどみたいな事してたら10時間かか
2
38
405
久々にzenn開いたのでついでにCSS今更tipsシリーズを投稿しました
「白黒のサイトだけど、ハンバーガーメニューが黒だと下の方にある黒いエリアと被って見えない...」
みたいな悩みを解決する2行のCSSです
0
23
400
UIで気にする事総まとめ感あってよい
0
37
398