2593
カトウヒカル@1on1レッスンチャンネル @design_hikaru
[デザインが苦手なあなたへ] デザインの四大原則で、あなたの制作物はもっ〜と良くなる。 ➀近接 → 仲間ごとにグルーピング ➁整列 → 透明な線に揃える ➂強弱 → メリハリを付ける ➃反復 → 見やすい統一感 デザインで迷子になったら四大原則を思い出して、基本に立ち戻ろう!! pic.twitter.com/VMQbAVdeiT
拡大
拡大
拡大
拡大
カトウヒカル@1on1レッスンチャンネル @design_hikaru

フリーランスWebデザイナー/屋号kanvas/デザイン→HTML→CSS→CMS組込をワンストップ/直請中心/年間十数サイト制作/オンライン上司ウェブデザイン課チーフ/#Webよか 運営/#wdsg 運営/ #ディレラボ 所属/YIELDs 所属/Webデザイン1on1レッスンチャンネル制作中 #1on1レッスン

kanvas.fukuoka.jp
しろまる @ShiroMarush
デザイン苦手だからこういうの見るとすごい感動する twitter.com/design_hikaru/…
@ken_marketing20
メな例、良い例があって非常に分かり易いです☺️☺️ twitter.com/design_hikaru/…
Nviveto @nviveto
大原則 確かにUIなど何百枚の画面設計に統一感をもたせる必要があるときはこれ大事 いかに少ないルールの中でデザインを作っていくか twitter.com/design_hikaru/…
Grace(ぐっぴー) @ghr0417
デザインやる人にとっては超原則だけど、例えの画像がわかりやすくて好き☺️ twitter.com/design_hikaru/…
モル @morumoru172
前の職場でやってたなぁ、、 出来てない時の先方からの赤字がすごいびっしりで泣いた。 twitter.com/design_hikaru/…
海未 彩彼 / Ayaka Umi @UmiAyaka
とてもよく纏まっています。この4点をキチンと抑えるだけで初心者の方やノンデザイナーでもそれなりに整ったものが作れるようになると思う。外部に依頼する程でもないちょっとした掲示物や印刷物、バナー等々を作るときの参考にも是非。 twitter.com/design_hikaru/…
りょう→3/7サンホラ🌍とアレ🍫※個人の感想です @ta_ka_muu
と、いう内容が「ノンデザイナーズデザインブック」ってのに詳細に書いてあるよ!10年以上前に読んだノンデザイナーだけど、パワポとかちょっとした文字のあしらいとか、ガンプラのデカール貼るのに超活躍してる。カラーの買い直したい… twitter.com/design_hikaru/…
ニカイドウレンジ @R_Nikaido
まじでこの世の全てのデザイン分からんけどそれなりに小ぎれいな書類作らないといけない人に教えてあげたいんだが何度も改定版が出るほどの名著ノンデザイナーズデザインブックが動画になった。第1回だけでデザインの原則が理解できるこれ系の講座で最強にわかりやすいやつ。 youtube.com/watch?v=Qye2SP…
拡大
いろんな分野に生かせそうです。
まきの先生👨‍🏫イラストの先生(牧野小大) @syodai_makino
今日はこれを学生に話します👨‍🏫 僕はイラストレーターですが、 このデザインの基礎の4大原則はイラストレーターも意識するととっっっても仕事がやりやすい イラストだって配置やバランスを考えないといけないし、 なんならイラストを使ってデザインもする イラストはデザインの一種だと思ってます👨‍🏫 twitter.com/design_hikaru/…
ムラサキ@映像クリエイター @Murasaki_Ae
これはわかりやすい。サムネにも言えることですね。 twitter.com/design_hikaru/…
エガシラリョウ @RYOKLAXON
デザインの勉強なんかした事ない 自分でチラシ作らなきゃいけない系バンドマンにはめっちゃ助かる…! twitter.com/design_hikaru/…
だらねこ@インディーゲーム制作中 @daranekogames
仕様書とかも、これを意識するだけでけっこう見やすく作れるんですよ。 デザイナーさんじゃない人も知っておくと良い知識。 twitter.com/design_hikaru/…
覚えておきたい。
YMD @YMD33073145
近接、整列、強弱は意識してるけど、反復はちゃんと意識できてない気がする。 気付けてよかった。 twitter.com/design_hikaru/…
こんな声も。
株式会社スリーズコム2020 @3scom2021
@design_hikaru お世話になります。 2番の整列の意味が不明です。上も下も文字は、バラバラといえばバラバラ。 文字と商品のジャンプ率をバランスよく配置しただけで、「透明な線」とは何でしょうか?
残りを読む(5)

コメント

ふぁむ氏 @phantom0730 2020年1月7日
デザインて「絵が描けるか」という感性だと思ってる人が多いけど 配色 サイズ 位置 のパターンを押さえられるかだからエンジニア的な要素よね
かなめ @kaname4 2020年1月7日
今度ポップ作るときに参考にしよう!ありがてぇ
ヒート<7日目ゑ88γ>マシン @heat_machine 2020年1月7日
「デザインの教授」の画像なのに二枚目がデザイン的に最悪な説明文なのまずくない?上が「①文字がバラバラ線に沿っていない」なのに対して、下は「①文字が見えない線に沿っている」という説明文なんだが、区切り方が悪くて上が「①文字がバラバラ」「②線に沿ってない」で下が「①文字が見えない」「②線に沿っている」みたいな文字の置き方になってて非常に読みづらくなってる(〇と×で2文なのか1文なのか区別してるんだろうけど十分とはいいがたい
ヒート<7日目ゑ88γ>マシン @heat_machine 2020年1月7日
上を「文字がバラバラ”で”/線に沿っていない」下を「見えない線に/文字が沿っている」にするだけでこの誤読は回避できるのだからそこはやっとこうよ、感ある
生ハムばなな @Namahamu_BANANA 2020年1月7日
うちの職場ちょいちょいエクセルでPOPを作る機会があるけどいつもあまり上手くない人の作ったの見るたびに「文字を潰すなぁ!目立たせたいだけの蛍光色はもっと減らす!枠を意識して配置!!」って思う
生ハムばなな @Namahamu_BANANA 2020年1月7日
heat_machine 「『文字が見えない』でマルなの?どういうこと?」って1〜2分悩みました そういうとこがあるだけで説得力が落ちますよねぇ…w
もこ @mocomb 2020年1月7日
このくらいのことならデザインの基本みたいな本を買えば詳しく絵付きで解説されてるから、デザインを仕事にしない人で趣味的に使いたいなら、そういうのを一冊持っておくだけで一生使えるんじゃないかな。ネットなら適当にググるだけで似たような本も出てくるし。
マカロニッカ @mcrnftb 2020年1月7日
heat_machine 上に「透明な線に沿って並べる事です」って下線まで引いてあるから特に違和感なくすんなり読めた。人は作者の意図どおりに読まない・読めないという前提で作ったほうがいいだろうね。
mummymetal @mummy_metal 2020年1月7日
MacBookにステッカーめっちゃ貼ってそう
fishburgerman @fishburgerman 2020年1月7日
デザインの世界だと脱初心者くらいの人がいちばん他の人に教えたがるっていう不思議がありましてね…
ニニニニー10 @2wXzOj6Q2ZlDErh 2020年1月7日
ノウハウ系は具体的な書籍名とかあげて ダイマして!!
Wisp @wispyr 2020年1月7日
『ノンデザイナーズ・デザインブック』おすすめ。超おすすめ。
語るおじさん(おじさん) @ojisan_think_so 2020年1月7日
言いたいことは色々あるが今忙しい とりあえず四大法則の前にご法度として「主役のチャームポイントをつぶさない」ってのが大前提なので靴先を文字やらで隠してはならない
一華 @0F0diWWayXtQC9z 2020年1月7日
たしかにツイの例だと「見えない線」との対比で「バラバラ線」って何だよ、と混乱するよね。良い見本が悪い見本になっちゃって自爆してる。
まっくろなねこ @blackcat009 2020年1月7日
苦手な人を見くびってるだろ。何が悪いのかすらわからないんだよ。
宮部珠江 @YumyumDiner 2020年1月7日
ojisan_think_so この広告の場合、大事なのはバーゲンで安いってメッセージだから別にいいんじゃない?写真も「この靴が売りたい」わけじゃなくてこのレベルの靴が安いってイメージ画像でしかないし。ただ、2の改善例は白い背景に白い靴を載せて大部分隠れるなら削除した方がスッキリする。駄目な例の方も茶色い靴が白い靴を踏んでるみたいだから、白を手前に出しなさいとツッコみたい。
よむ @mtnejpx 2020年1月7日
見えない線に揃えるの意味がマジで分からなくて検索した。 右揃え左揃えのことなのね。勉強になりました。 ここで見えない線をついでに引いといてくれると分かりやすかったな。
みや星 @springpanda_ 2020年1月7日
これダメな例もそれなりの出来だから初心者向けの指南ではないね。①とか靴がバラバラと言いつつ法則性のある並べ方になってるしこれはこれで良いと思う人も多そう。
語るおじさん(おじさん) @ojisan_think_so 2020年1月7日
YumyumDiner デザインて「設計」って意味なので別にいいで済ましちゃうと建築物みたいに崩れますよ
fishburgerman @fishburgerman 2020年1月7日
全体的にテキストの意味に対してのケアがなされていないと思います。メリハリをつけた結果、語順的に「80MAX%OFF」に見えちゃってたりするのはダサいです。どうしてもこの文字組にしたいならMAXだけ書体の色を変えて分離するような工夫が必要ですね。
のらえもん @nora_emon95 2020年1月7日
ojisan_think_so 「80%OFFでこの靴が買える広告」じゃなくて「80%OFFで靴が買える機会の広告」なのでこの解釈 YumyumDiner で合ってます。靴がメインならあなたの言う通り。
ゆきちか @gFKI3wgVTgfAECz 2020年1月7日
こういう成果物や人を見ると、やっぱりデザイナーも学歴が大事だなって実感できてしまう。入試のデッサンや色彩構成などはやはり造形や美しさの理解の基礎力がつくし、レポート作成やデザイン関係以外での授業や知識も大事で制作に活かされるんだろうね。トップの美大に行く人たちってもともと進学校通ってたりするし。
ゆきちか @gFKI3wgVTgfAECz 2020年1月7日
ツイッターにあげられる「デザインはこうするといいよ!」ってやつ、大体いつも今回の◯と×みたいなわかりづらいイメージや文章がある
白山風露@ᘇΩᗢ @kazatsuyu 2020年1月7日
fishburgerman デザインの世界に限らない現象っぽい
えんぞ @jinsei_febreze 2020年1月7日
スクールやりますって宣伝してんのにコレじゃ逆効果だろ。
語るおじさん(おじさん) @ojisan_think_so 2020年1月7日
nora_emon95 ええい忙しいしとりあえずと言うとろうに 発注側やら半人前なら正解でいいよ
のらえもん @nora_emon95 2020年1月7日
fishburgerman 現在進行形でコメ欄で起きてるのは草
とろろ @ein18790314 2020年1月7日
fishburgerman どの業界でも、どのジャンルでもたいていそんなもんだ定期 初心者→そもそも教えるレベルの知識がない 脱初心者→物事がわかってきてドヤりたい時期 中級者→下手に教えて突かれたり間違えが発覚するのを恐れるとともに、その行為が逆に徒労を生むことを覚えた実働部隊の多くの人々 上級者→教えるなら金が取れるレベルなので何も言わない
Dalli @kaycorthen 2020年1月7日
流石に基本過ぎて草。 デザインってのはミリ単位でこだわるものでこんな基本は誰でも出来る。それ以上が難しいわけで。例えば80%offの80の大きさは%offの大きさに対して何対何が最も美しく効果的に見えるのかケースバイケースだけども確実に方法論はあるわけでそこら辺を実例を添えて詳しく解説してくれると本当に為になると思う。むかーしに見た2万くらいする実例集みたいな本が凄く勉強になった。高過ぎて自分では買えなかったけど。
amond🌸⚾️🐶🐎🌻🌱 @amond91208455 2020年1月7日
素人がデザインするコツ。普段から雑誌やチラシやパンフをストックして→パクリまくります。
頭脳設計 @zunousekkei 2020年1月7日
ノンデザイナーズデザインブックの表紙、アポストロフィSのカーニングが気持ち悪い。
デルタ @delta393939 2020年1月7日
なるほどと思ってもいざ自分でやろうとするとできないパターンだ。
takatakattata @takatakattata1 2020年1月7日
この四大原則、よく言われるし大事なんだけど、その前の情報の整理の方がもっと大事だったりする。 何を伝えたいのか、見た人の思考をトレースしてその順に並べる そういったことが出来ないでビジュアルだけマネしてもシュッとしてるだけで何も伝わらない 「デザインの敗北」と言われてしまうシロモノが出来上がる
蟹の具 bot @iZfRvohGRGQP7Md 2020年1月7日
いらすとやと大量の文字が並んだコンテンツ紹介画像の逆をやれば良いんだな
ヒート<7日目ゑ88γ>マシン @heat_machine 2020年1月7日
mcrnftb あーそのあたり考えると、〇の例の分は「見えない線」じゃなくて「透明な線」として、用語の統一を徹底する方がスマートですね!「×文字がバラバラで/線に沿っていない」「〇文字が透明な/線に沿っている」で元の文からも大きく変わらずグっと読みやすくなる
Masaki/新刊委託中 @masaki77 2020年1月7日
色々覚えてプロになると、次は「靴は揃えないで!」とか「文字は中央揃えがいい!」とクライアントが言い出す現実が待っているのです…
すいとう @mizum0m0 2020年1月7日
クライアント「50%OFFの前に大特価セール開催中!!って付けて、目立つ様に今だけ安い!!って入れて」 クライアント「背景地味に感じるからもっと明るい色使って、文字ももっと明るい色で目立たせて」
Elear @Elear10 2020年1月7日
信頼のお気に入り率
りぐん マナカレ10年目 プリキュア駆動 @choonggeun 2020年1月7日
ノンデザイナーズ・デザインブックでみたやつだ!と思ったらやっぱりそうだった
かつま大佐(永遠の10歳📛) @kamiomutsu 2020年1月7日
①の例を見て「おー確かに!」とか思った僕は素直で柔軟な人だということでいいですかね。
xi @accountLINKonly 2020年1月7日
②の意味がこれっぽちもわからない…画が間違ってるの?※の解説員さんがいってる意味もやっぱりわからないけども。原則たる整列とはなんぞ?
カッズミール・ワイオット十三世 @twittakaku 2020年1月7日
fishburgerman 何か解って感動する~誰かに教えたがる。そんな流れなら何にでもありますねぇ。
FRKW808(未定義反社) @annex38 2020年1月7日
フラットデザインだってそのうち陳腐化するんだし正解なんてない世界
小野阿久斗 @504timeout 2020年1月7日
accountLINKonly ②は多分普通の人が見ても何が悪いのかわからないでしょうね。普通の人はセンタリングの線が見えて線に沿っているように見えるのだと思います。上級者がどう見えているのかはわかりませんが。 視線誘導の観点からみると×にされた方が良いのではないかと思います。
アカさん @aka_san0 2020年1月7日
accountLINKonly ②は俗に言う「ツラを合わせる(揃える)」ってやつで、文字のアタマやらケツやらの位置を揃えつつ余白を均一に空けてやることで、透明な線(この作例だと外周)を意識させるって手法かと。ただ、この作例には「商品の上に文字乗っけてるけど大丈夫?」とか「白い靴のバックが白地ってどうなん?」とか違うモヤモヤが
エマル @sakusanemaru 2020年1月7日
デザインができても文章の読ませ方は苦手みたいですね…(同じく※欄を見るまで②のやつが「文字が見えない」に囚われ????となっていた民) 「文字が見えない線に(改行)沿っている」か、どうしても四角い形にきれいに文字を納めたかったら別の言い回しのほうがよかった
ライナス @Linus_MK 2020年1月7日
②整列は例が悪い。(点線でどこに揃えたか描かないと分かりにくい。) https://tsutawarudesign.com/miyasuku4.htmlの「ルール2 揃える」を参照すると良いですよ。
ソフトヒッター99(ネットの政治系書き込みバイト希望ww) @softhitter99 2020年1月7日
残酷なことを言えば、業界で長くやってれば、教えられると言うもんじゃない。あれには、スキルもセンスもいるはずなんだ。俺には無いがw
mikunitmr @mikunitmr 2020年1月7日
「80 MAX %OFF」だと却って意味が伝わらんのじゃないかな…
xi @accountLINKonly 2020年1月7日
追加で解説くれたみなさまありがとう……理解できました!
語るおじさん(おじさん) @ojisan_think_so 2020年1月7日
やっと落ち着いた! さあ誰も得しないらしい脱初心者らしきおじさんの長口舌が始まるよ! まず切羽詰まってるのに何故かレスしたくなって言葉がトゲトゲしかったことをお詫びします 棘だけに
fishburgerman @fishburgerman 2020年1月7日
デザイナーはアーティストやクリエイターではないので、両方を兼ねている人でもないかぎり「デザインスキルはそれなりについたけど個人では何作っていいかよくわからない」みたいな状態になるんですよね。そういうときに教える側にまわることを選ぶ人が一定数いる。
語るおじさん(おじさん) @ojisan_think_so 2020年1月7日
まずは「主役(靴)のチャームポイントをつぶさない」こと、ポップの用途の話からだね バーゲンのデザインなのになぜ靴が主役かというと 店内で伝える最優先はバーゲンであることではなく安いことだし、靴がふたつしかないバーゲンなんてもんはそうそうないから 結果②の場合の商品画像には「こんなステキな商品がこんなに安く!」というイメージを伝えるためにそれなりの扱いが求められる
語るおじさん(おじさん) @ojisan_think_so 2020年1月7日
次は「靴先を文字やらで隠すな」発言 ・「autumn bargain」なんて優先度最低の文字を態々被せる必要がない ・カーブの美しさが革靴のキモなのにキワに文字をひっかけたらシルエットが歪んで見えてしまう ・ガッツリ被せるには靴のテカりで白文字が読みづらくなるから嫌がったのが見透かされる あたりが忌避する大きな理由かな ちなみに「文字『やら』」ってのは最初にレスしてくれた方の仰る通り、背景と色が同じとかだね 切り抜くのが面倒でpngの透過使ったのを隠したんだろうけど
語るおじさん(おじさん) @ojisan_think_so 2020年1月7日
さて本題として何を語りたかったかというと具体的な話ではなくその前の意識と見通しについて 文章が推敲できてないのを皮切りに モノを揃えろといいながら他の正答例では揃ってなかったり ガイドの線一本引く手間も省いたり そもそも教材が使い回しだったり 提示するものにプロ(+講師)としての説得力がないのよね 「靴を揃えている」って良家の玄関かよ
語るおじさん(おじさん) @ojisan_think_so 2020年1月7日
たかがポップの見本に大袈裟な、と思うかもしれないけれど ツイ主がデザイナーとして見せなきゃならんのは「法則を用いたポップデザインのテキトーなツイート」ではなく「ツイ主の指導を受けたいと思わせる、かゆいところに手が届きそうなプレゼン(売り込み)」なんだよ 隙のない、これぞプロ!って作例出せなきゃ当然逆効果だよね
語るおじさん(おじさん) @ojisan_think_so 2020年1月7日
具体的な「それらしいこと」も書いとくか ここまで読んでくれたあなた(いれば)に出血大サービス ツイ主のデザインがここでは「どちらもそれなり」と言われながら「文字組だせえ」とも言われてるよね 写真のクォリティが高いわりに配置と差別化が意識してるとこしか出来てないからだよ 余白を揃えると書いときながら全然揃ってない 知り合いのwebデザイナーにも言ったんだけど、印刷物はまず紙の端(仕上がり)の余白を意識するところからなのよ 以上、長文失礼
おぐちゃん @kyokuu0928 2020年1月7日
まとめにあるデザイン論について色々イチャモンつけてる人は当然デザイナーか若しくは広告業界の方なんですよね?できればその人たちの手掛けたポスターや広告を見てみたいな。
団扇仙人 @uchiwamaster 2020年1月7日
すでに言われてるけど「80MAX%OFF」はめちゃめちゃ気になる。「意味わかるならいいだろ」は他でもないデザイナーだけは言っちゃいけないやつだと思うし…
❄︎ひいろ❄︎ @red_hiiro_ 2020年1月7日
とても参考になる。ブログのデザインにも応用できそう!
Moroheiya ₍₍(ง˘ω˘)ว⁾⁾ 葱畑P @negibatake_p 2020年1月7日
ところで、期間が「2018.7.1 - 7.31」なのに「AUTUMN BARGAIN」なのは……
おぐちゃん @kyokuu0928 2020年1月7日
[c7230041] 単純に見たいと書いただけですが?当然素晴らしい広告やポスターを作られてるんだろうなあ、と興味を持っただけですよ?
語るおじさん(おじさん) @ojisan_think_so 2020年1月7日
negibatake_p 秋が来る前に秋物売らなきゃならんからかな? そもそも革靴に季節関係ないんだけどね
痛い人 @Sogno_Eater 2020年1月7日
「ノンデザが動画化している」という情報がこのまとめ読んだ最大の収穫
さくさくまんぼ @rcwfhzyk 2020年1月8日
特に②が参考になった。素人や初心者は、真ん中揃えをカッコイイと思いがちだから。
飛鷹隼 @junhiyoh 2020年1月8日
一方的にバッサリやってるけども「モダンなのかレトロなのか」「ポップなのかシックなのか」「カジュアルなのかトラッドなのか」「動的なのか静的なのか」「リズムなのかテンポなのか」要求されるデザインや発注元の業態によっては一方的にバッサリの方が正解な事もままあるがね。 まぁこういうところで宣伝するフリーランスって俺Is正義な自慰識過剰ばっかだしな
語るおじさん(おじさん) @ojisan_think_so 2020年1月8日
探してみたけどポートフォリオどっか行っちゃった まあ見せる気も使う状況もないからいいけど そういやジャンプ率の時も思ったんだけどこのツイ主オビやら○△□やら使わない主義の人なの?
GAIA @2xpush 2020年1月8日
zunousekkei 確かに・・・と思って手元の書籍4版の表紙みてみたら、均等割り付けで下のkと'sが揃ってました!ナイス審美眼! この動画サムネの表紙画像は…なんなんだ?謎… 
ティンダロスの猟犬 @nyalrathottep 2020年1月8日
sakusanemaru なるほどこれが重箱の隅をつつく、か
ティンダロスの猟犬 @nyalrathottep 2020年1月8日
uchiwamaster それが理解できない連中ならそのツッコミの意味が無いし、理解出来るならこのまとめを見る意味が無い。
GAIA @2xpush 2020年1月8日
uchiwamaster それ言いだすとMAXを使うこと自体間違っているので…(up toが正しい)
未知神明(みちがみ・あきら) @ontheroadx 2020年1月8日
https://togetter.com/li/1403892 参考まとめ、「同人誌の表紙デザインが上手くいかなかったらデザイナーさんの友人たちが助けてくれた→書店で売られてるクオリティにまで大変身」
未知神明(みちがみ・あきら) @ontheroadx 2020年1月8日
2はねえ、白い靴が後ろで、文字にかかってんのが素人ながら気になるんよね。白バックに白い靴でいいの?
Yuka|Wicca @QQYukaQQ 2020年1月8日
あくまで例なので、配色やモチーフつぶしの事は目を瞑るとして(本当はそこも言及しないのは不誠実ではないかなとは思うけど)、どこにか「見えない線」を配置して揃えたのかとかを明示しないと、教材としては不足なんじゃないかなぁ、と思う。
ラヌ @25ranai 2020年1月9日
別物作ってこれはOKですじゃなくてNGをOKに修正しなきゃ例の意味ないじゃん
ポッカ @pokka80 2020年1月9日
要点が纏まっていて分かりやすい。反復して無意識にできる様になりたい
和菓子 @nkltsl2 2020年1月9日
このツイートで「デザインって感性じゃないんだ?!」と思ったあなた! Eテレの『デザインあ』と『デデデデザインって何?!』を観てくれよな!!
次郎正宗 @zealous_ 2020年1月10日
ルールを守れば、理屈理論が完了するという、デザインにおける好例ばかり( ¯•ω•¯ )
哺乳類型爬虫類 @harunotokage 13日前
ダサい云々などと言い出したら「ノンデザイナーズデザインブック」に載ってる事例にだってケチをつけることは出来るので。 「カッコいいものを作る」のは基本ルールを知った次の段階ですよ
哺乳類型爬虫類 @harunotokage 13日前
junhiyoh そういうのは「応用」なので。 「まず基本に忠実に」がこの記事の趣旨でしょう。見栄えはその次です。 やれフォントが色が雰囲気がとそんなことにばかり目が行ってたらメチャクチャなものが出来上がりますよという
きぃ @key__tc 12日前
2番目の見えない線の理屈だと中央寄せは基本的にダメなデザインってことになるのかな 正直ダメな例のほうが見やすい…
ログインして広告を非表示にする
ログインして広告を非表示にする