No video

【あるある検証】一見変なデザインのスゴさがわかる人けっこういる説

  Рет қаралды 555,166

Sky株式会社 公式チャンネル

Sky株式会社 公式チャンネル

Ай бұрын

ご視聴ありがとうございます。IT業界を目指すみなさんへ楽しんでいただけるコンテンツを配信しています。チャンネル登録をして楽しくICTを学んでいきましょう!応援コメントもお待ちしてます!
▼出演
須貝駿貴
鶴崎修功
まっすー(Sky社員)
▼LINE公式アカウント 友だち募集中!
lin.ee/rLr3Toi
▼X(Twitter)公式アカウント
【学生向け】 / sky_recruiting
【キャリア向け】 / sky_career_
▼Instagram公式アカウント
/ sky_recruit
#就活 #新卒 #転職 #仕事 #キャリア #クイズ #検証 #あるある #理系 #文系

Пікірлер: 125
@shimoon-co2hu
@shimoon-co2hu Ай бұрын
鶴崎さんの「チョットデキル」はLinuxの開発者が「ワタシハリナックスチョットデキル」というTシャツを着てたのが元ネタのエンジニアジョークです😂
@hamakatsu_
@hamakatsu_ Ай бұрын
フィギュアスケートのプルシェンコじゃ……?と思ったけどエンジニアジョークとしてならそっちなのか……?
@sususu6411
@sususu6411 Ай бұрын
そっちです
@jh6stwb2sisy
@jh6stwb2sisy Ай бұрын
CSS 完全に理解した
@user-fn9yz2ci1s
@user-fn9yz2ci1s Ай бұрын
完全に理解してる人だ
@user-cs9mn7xs1f
@user-cs9mn7xs1f Ай бұрын
すごいw
@とうふ先生
@とうふ先生 Ай бұрын
white-space: nowrap指定するだけでいけるよ CSS完全に理解した
@jueki6596
@jueki6596 Ай бұрын
デザイン通りにはできているけど、コードレビュー的には「完全に理解した」とは言い難いですね
@user-fn9yz2ci1s
@user-fn9yz2ci1s Ай бұрын
@@jueki6596 完全に理解どころか何一つ理解してない人が完全に理解してそうな人を完全に理解してるかどうか判定なんてしてはいけなかった…
@user-rv4vf1pz7m
@user-rv4vf1pz7m Ай бұрын
えっこれ完全に理解したって言ってあるあるのミスを犯して理解出来てないネタだと思ってたら逆にマジで完全に理解してるってネタだったのか…!?
@user-pi1er7zx3m
@user-pi1er7zx3m Ай бұрын
ですよね、これだと「完全に理解してますね」と言ってる人は「分かった気になってる初心者っぽい」の意に見える そもそも意図的にズレてるのかどうか分からないし 逆にそれどうやんの?ってミスが起きるのも初心者あるあるのような気もするし(適当)
@_Nucleotide_
@_Nucleotide_ Ай бұрын
多分実質一人だけだと思われる
@tacumi_S
@tacumi_S Ай бұрын
これ最近のブラウザは賢くなってきてるのでわざとしないとこうならんのよ
@am-ke5vp
@am-ke5vp Ай бұрын
枠からはみ出てる時点で、枠からはみ出すためのコードを書かなきゃこうならない
@RH-hs3uo
@RH-hs3uo 7 күн бұрын
私も理解できてないネタだと思ってた! たしかにwidthとheight指定してもはみ出るのは下だから、はみ出させるのはむずかしいか…?と思ったけど、absoluteとかで浮かせれば起きるし、absoluteでなんでもかんでも組もうとする初心者はいるような気がする…🤔
@yesshintasu
@yesshintasu Ай бұрын
さらに理解して、「素人質問で恐縮ですが」を使いたい
@hi_ji_ri
@hi_ji_ri Ай бұрын
プルシェンコ思い出したwwwワタシスケートチョットデキルwww
@Y125U
@Y125U Ай бұрын
「完全に理解した」 製品を利用をするためのチュートリアルを完了できたという意味。 「なにもわからない」 製品が本質的に抱える問題に直面するほど熟知が進んだという意味。 「チョットデキル」 同じ製品を自分でも1から作れるという意味。または開発者本人。
@rinrin644
@rinrin644 Ай бұрын
「あーね。完全に理解した。」のノリやと思ってたわ
@defrosted.banana
@defrosted.banana Ай бұрын
Webデザインやってて激手間こんだデザイン作ったけど、誰一人理解してもらえなかった
@yoshi1334
@yoshi1334 Ай бұрын
これまじでありますよね。みんなきれいなものが普通だと思っちゃってる。
@user-Apollo24
@user-Apollo24 Ай бұрын
まぁ求められてるのは、手間じゃなくて良いデザインなんだろうからね。
@うんこっちwww
@うんこっちwww Ай бұрын
要領悪そう
@youyouyou174
@youyouyou174 Ай бұрын
コメ欄に「完全に理解した」のネタを理解してる人と、「完全に理解した」状態の人、それよりもっと前の人が混在していて面白い。
@niconico25253
@niconico25253 Ай бұрын
全然わからないの底 完全に理解したの丘 何もわからないの谷 チョットデキるの頂
@user-iv9eb9ns1b
@user-iv9eb9ns1b Ай бұрын
完全に理解しているお姉さん綺麗
@user-gk9bd9jx5q
@user-gk9bd9jx5q Ай бұрын
眼鏡っ娘めっちゃかわいい
@龘䨺齉纞靐鼱麤鸞驫
@龘䨺齉纞靐鼱麤鸞驫 Ай бұрын
ほんとそれ
@adheckman
@adheckman Ай бұрын
私も最近勉強しましたが、 ずらす方が難しいです、、笑
@user-xu9vh9hh1c
@user-xu9vh9hh1c 17 күн бұрын
理解してない人間だったからこれ見るだけで冷や汗出てくる
@acceleague
@acceleague Ай бұрын
CSS完全に理解した div { over-flow: visible; width: (x)px; height: (y)px; border-radius: 6px; border: solid 1px #000; } p { display: flex; align-items: center; width: max-content; height: (y)px; margin-left: 任意数px; font-weight: bold; text-align: left; } とかかな? position: absoluteでもいけるね。 あえて崩すことは、意外とある気がする笑
@user-wj5sw3nd5o
@user-wj5sw3nd5o Ай бұрын
すんません、日本語でお願いします
@onion_gratin
@onion_gratin Ай бұрын
absoluteの方しか思いつかなかった‪!🙄‬
@user-xy2sg7vi1n
@user-xy2sg7vi1n Ай бұрын
今勉強中の初学者ですが、同じくabsoluteとdivにrelativeしか思い浮かばなかった.... overflowの使い方調べとこ〜
@masanori1405
@masanori1405 Ай бұрын
擬似要素使えばdivなくてもイケるかも!
@kitmomshino
@kitmomshino Ай бұрын
flex適用したら文字はみ出ちゃって、アラアラってなる時ありますよね…
@user-om4ic9wt9q
@user-om4ic9wt9q Ай бұрын
どこかで white-space: nowrap; 付けてただけの凡ミスじゃない? レスポンシブ対応してると稀によくある
@yokoshima_m
@yokoshima_m Ай бұрын
_人人人人人人人人_ > 稀 に よ く あ る <  ̄Y^Y^Y^Y^Y^Y^Y^Y ̄
@Nyan_cat_
@Nyan_cat_ Ай бұрын
PCでデザインしてからスマホ表示にしたらよくなるやつ
@user-pm7tp1cu1y
@user-pm7tp1cu1y Ай бұрын
@@yokoshima_mべつにおかしくない
@orzkanya4107
@orzkanya4107 Ай бұрын
​@@user-pm7tp1cu1yおかしいだろwww
@user-pm7tp1cu1y
@user-pm7tp1cu1y Ай бұрын
@@orzkanya4107 昔見て納得したやつは よくある→○○○○‪‪✕‬○○‪✕‬... 稀にある→‪✕‬‪✕‬‪✕‬‪✕‬○‪✕‬‪✕‬○‪✕‬... 稀によくある→‪✕‬‪✕‬‪✕‬○○○‪✕‬‪✕‬... みたいなやつ 頻度自体は多くないんだけどよく起こる的な
@user-be6yu9gh2c
@user-be6yu9gh2c 18 күн бұрын
『完全に理解した』の意味がわかってないお猿さんたちがいて面白い
@daysun3954
@daysun3954 Ай бұрын
「新人が検索して、なんかゴチャッとしてカッコ良さそうに見えたcssをコピペして組み合わせたらズレた」に見えてしまった😂
@daki5840
@daki5840 Ай бұрын
この動画の何が分かってるのかって話をすると 普通にこのデザインで制作しただけだったら CSS 完全に理解 した みたいに自動ではみ出してるところが改行されるのに CSSを理解したから、意図して改行されないアピールをしてるってとこですね もしやるとしたら他にもいらっしゃいましたが、white-space:nowrap派です
@user-tc3gg6ty8v
@user-tc3gg6ty8v Ай бұрын
なんかSkyさん楽しそうだなぁ♪
@zeroroguejp
@zeroroguejp Ай бұрын
CSS完全に理解した Tailwind完全に理解したわ
@jh6stwb2sisy
@jh6stwb2sisy Ай бұрын
CSS完全に理解した こっちのほうがいいかも
@drawnbluesky
@drawnbluesky 26 күн бұрын
世界のヨコサワのmake senseしてるの笑った
@user-et2nh1ne2d
@user-et2nh1ne2d Ай бұрын
レスポンシブしてるときにうっかりミスでこうなることあるから「完全に理解した」というより『凡ミスしてるやん』って認識なのだけど…え?違うの?
@pppg-hb6ym
@pppg-hb6ym Ай бұрын
ずらすことのほうが難しいから、あえてずらせるってことは、仕組みを完全に理解しているって言ってるんだと思うよ!
@user-hl4qh5tt6r
@user-hl4qh5tt6r Ай бұрын
え これって完全に理解したつもりが全然理解できてないというCSSの難しさ・奥深さを表した定番ネタじゃなかったんですか?
@YukkuriReimu
@YukkuriReimu 26 күн бұрын
エンジニア的には 『これどうなってんだ?』 『直すとしたらどこ直す?』 って考え始めて一人前ですね なお、駆け出しとかはパワポ資料を見るように 枠を広げて修正みたいな視点になる
@user-eh6wg3kf5j
@user-eh6wg3kf5j Ай бұрын
文系開発ネキほんとかわいい
@NumAniCloud
@NumAniCloud 22 күн бұрын
「C++全く分からない」と「C++チョットデキル」、どちらがより理解しているのか問題みたい
@user-mz8yj9nm6t
@user-mz8yj9nm6t Ай бұрын
リーナスさんのチョットデキル好きです
@tubu_like_msms
@tubu_like_msms Ай бұрын
チョットデキル→ダニング・クルーガー効果
@user-xw1fp9pl9n
@user-xw1fp9pl9n Ай бұрын
こういう仕事しているほど面白いなと感じるものですね😊✨
@user-cy6sj2de3o
@user-cy6sj2de3o Ай бұрын
分かってるというより、widthの設定ミスっていう初学でやりそうなことだと思ってしまった
@user-hs2xj8mw5x
@user-hs2xj8mw5x Ай бұрын
これは難しいと言うより、めんどくさいだけです
@whitet5484
@whitet5484 Ай бұрын
これ元々「CSS完全に理解した、と思ってプログラミング組んでみたけど実際にやってみると上手くいかないんだけど!?」っていうネタのはず トロフィーの3Dデータもあるはず
@龘䨺齉纞靐鼱麤鸞驫
@龘䨺齉纞靐鼱麤鸞驫 Ай бұрын
メガネ理系女子可愛すぎる
@user-nj9rn1wb5l
@user-nj9rn1wb5l Ай бұрын
ちゃうやろ 理解してたらこれをどう作るんやとはならん これはちょっと触って完全に理解したわって一番最初に思った時にあれ?ってなった時のやつや
@user-pq2eu7zi9l
@user-pq2eu7zi9l Ай бұрын
「C」と「完」が同じ位置ぽいから文字は左寄せで、角が円い枠の左の辺からどれくらいの位置から書き始めるって設定してるのかな?自動改行させないとかもある? ん、角が円い枠自体も少しの左ぽいから枠自体も左からどの位置って設定あるのかも。 ただ、「S」と「に」が中央ぽいんだよなー
@fumi6731
@fumi6731 18 күн бұрын
フレームワーク使わないならwebデザイナーも齧ってる領域だから、もうちょいいるかと思ったけど少ないんやね
@KANAYAGO31
@KANAYAGO31 Ай бұрын
完全に理解したの進化先がチョットデキルなの草
@somen813
@somen813 Ай бұрын
こんなの簡単に作れるくね もう何十回とやってきたかあるあるの一つになってる
@777_______
@777_______ Ай бұрын
初心者がネットの参考CSSをそのままコピペつぎはぎしてたら発生する「あるある」のように見えます。「このスゴさがわかる人」と言ってますが、全く触ってない人に比べるとCSSの海に飛び込んだ分、凄いかもしれないが、、なんか芯を食ってない気もするなぁ。
@snow_jordan496
@snow_jordan496 Ай бұрын
完全に理解したで須貝さんがmake senseしてるのいい❤
@user-ck6yq4dg2m
@user-ck6yq4dg2m 29 күн бұрын
よく分かってないんだけど これを作る方がムズいよね?ってこと? それとも 枠を右に広げたい派vs文字を左にズラしたい派 ってこと?
@classico5064
@classico5064 14 күн бұрын
専門でcssやってた時にこれなって、は?って思ってたわ
@Binarynumber
@Binarynumber 25 күн бұрын
完全に理解したから作れるって説明はうーんって感じがする… 『完全に理解した』 はエンジニア界隈では、言葉に理解度が伴ってないときに使われる言葉や現象を指してて 馬鹿にするじゃないけど多少わかったとかチュートリアル終わったの意味を指してるから…
@mr.morinonaka8657
@mr.morinonaka8657 Ай бұрын
display: absoluteとtransform: translateでいかようにも
@RiNgo512
@RiNgo512 Ай бұрын
CSSが嫌いすぎてバックエンドに逃げた者です。 阿部寛のサイトって美しいですよね。
@ttao4446
@ttao4446 Ай бұрын
CSS理解してHTML理解して無さそうw
@peeeeichan
@peeeeichan Ай бұрын
これ意図的にやってるのは分かるけどパディングレフトで余白入れてあげるだけじゃできないの?
@user-oq8zs5pc6w
@user-oq8zs5pc6w Ай бұрын
文字が枠内で折り返す
@aRuSu_s36
@aRuSu_s36 Ай бұрын
今CSS勉強してるけど全くわからんww
@motaro8019
@motaro8019 Ай бұрын
見た目が明らかに変なのに、ガチ初心者には再現できないってやつですね。 white-spaceやpositionでの実装が思いつくけど、古い環境でもfloatなど実装の方法は色々あると思う。 わかっている人の中にも変って言う人多いと思うよ
@iris0x0_
@iris0x0_ 29 күн бұрын
作れるけど直せもするから「???」ってなっちゃう。 え?divで箱用意して座標指定で重ねれば実現可能だよな…? 理解しないとこのデザイン作れないよ!ってこと…?だから完全に理解したってこと?
@iris0x0_
@iris0x0_ 29 күн бұрын
divで箱用意してテキストだけ書いてその背景に枠線の画像を指定することでも実現できるな…。 え?「理解したなら直せばよいのでは…?」って言っちゃいそう
@daldalshi_voice
@daldalshi_voice 28 күн бұрын
いや…何も使わないと多分こうなる 日本語だし 今どきUIフレームワーク使うからならんけど
@Kurono_Roxu
@Kurono_Roxu Ай бұрын
ブラウザが未対応の可能性…?
@user-sl6sh5ug2y
@user-sl6sh5ug2y Ай бұрын
むしろ初心者によくあるミスに見えるな… 上の行も真ん中揃えじゃないっぽいし、どっちの行にも同じ定数のマージンを適用したのかなぁとか 枠組みのdivも大きさを定数で指定したときになるやつ 人から教わったり、なにかを参考(コピペとも言う)にしながらやれば確かに逆にならないかもしれないけど 1~10のうち2,3だけ聞いて独学でやり始めた時の自分にそっくり だからとても理解しているようには見えない
@user-fo4dx1gd2l
@user-fo4dx1gd2l Ай бұрын
典型的な「完全に理解した」人で草
@user-fo4dx1gd2l
@user-fo4dx1gd2l Ай бұрын
ちなみに全然違うよ笑
@user-sl6sh5ug2y
@user-sl6sh5ug2y Ай бұрын
@@user-fo4dx1gd2l まだまだ、この業種に就いて短いんでね 完全に理解した、なんて思ったことないんですよね もしよければ、あなたが何がどう違うと思うのか教えてください
@user-sl6sh5ug2y
@user-sl6sh5ug2y Ай бұрын
@@user-fo4dx1gd2l まだまだ初心者だべ、完全に理解したなんて思えんよw まぁでも初心者のワイが同じようなものを錬成したことに変わりはないから ワイからすれば初心者のうちに通る道で間違いないンよ みんながみんな同じように成長する訳じゃないからね そこは否定しんといてほしいわ
@KT-Channel
@KT-Channel Ай бұрын
文字と枠を意図的にずらした、という解釈でおk?
@user-mw4dn5nd8d
@user-mw4dn5nd8d Ай бұрын
顔白すぎて小梅太夫かと思った
@96UC
@96UC 29 күн бұрын
理系文系ではなく、フロントエンジニアかそーじゃないかの違い。学生の進路に間違った情報与えるから、理系文系って分類辞めたほうがいい。
@user-cs6jq6os7t
@user-cs6jq6os7t Ай бұрын
理解出来てないエンジニアはクビでw
@user-urakinntuba
@user-urakinntuba Ай бұрын
枠をはみ出していく!(はみ出していく!)それが新しいCSSのリーダーズ
@user-urakinntuba
@user-urakinntuba Ай бұрын
新しい学校のリーダーズみたいに読んでください。
@user-hq6zb3nk8k
@user-hq6zb3nk8k Ай бұрын
解説求む!
@yonmaruichi
@yonmaruichi Ай бұрын
俺だったらマイナスマージン設定するかなー
@keikarhinopuppy
@keikarhinopuppy Ай бұрын
なるほどわざとやろうとすればまあまあ理解しないといけないけど、そもそもこんな感じで枠から出ちゃってるやつは需要は無いかなー
@user-np3do3wh7y
@user-np3do3wh7y Ай бұрын
スライドなら簡単なんやがな
@hironorioyama8311
@hironorioyama8311 Ай бұрын
交互寿司の席は…?
@sato4514
@sato4514 Ай бұрын
メイクセンス???
@KG-dd8hw
@KG-dd8hw Ай бұрын
どゆこと?
@isinisi1
@isinisi1 Ай бұрын
いやー完全に理解したなら、こんなの作らんやろうなあ
@jyankuro15
@jyankuro15 Ай бұрын
デザインだよね?
@user-sv7fq8um1w
@user-sv7fq8um1w Ай бұрын
NANDA?
@user-tb9hv3eh5f
@user-tb9hv3eh5f 27 күн бұрын
「完全に理解した」 製品を利用をするためのチュートリアルを完了できたという意味。 「なにもわからない」 製品が本質的に抱える問題に直面するほど熟知が進んだという意味。 「チョットデキル」 同じ製品を自分でも1から作れるという意味。または開発者本人。
Советы на всё лето 4 @postworkllc
00:23
История одного вокалиста
Рет қаралды 5 МЛН
Son ❤️ #shorts by Leisi Show
00:41
Leisi Show
Рет қаралды 10 МЛН
Secret Experiment Toothpaste Pt.4 😱 #shorts
00:35
Mr DegrEE
Рет қаралды 42 МЛН
一瞬で嘘問題を見抜け!ごちゃ混ぜタイムショック
13:06
ドズル社でナンジャモンジャやったら面白すぎたwww
46:23
Octopus vs Underwater Maze
17:13
Mark Rober
Рет қаралды 70 МЛН
考えるのがバカらしいゲームを考えるのが得意な人にやらせてみた【出過杉くん】
19:34
GameKnack【QuizKnockゲームチャンネル】
Рет қаралды 1,2 МЛН
須貝が挑戦したけどボツになったアキネータークイズ見せちゃいます【Shortsのやつ】
8:23
この動画を見終わる頃にはみんな須貝を好きになります
9:31
QuizKnock会議中【サブチャンネル】
Рет қаралды 541 М.
Советы на всё лето 4 @postworkllc
00:23
История одного вокалиста
Рет қаралды 5 МЛН