デジタル庁のサイトやばすぎるwww - Qiita

はじめに みなさん、デジタル庁のサイトはご覧になったことはありますか？今話題のデジタル庁です。 こちらが2023年6月現在のデジタル庁のサイトです。やばくないですかこれ？最初見たときこれ「やっばw」と思いました。これからこのサイトのやばさを語っていきたいと思います。 洗練されたシンプルさ、そしてデザイン 僕は最初見たときびっくりしました。「なんてシンプルで見やすいんだ！」官公庁のサイトですよ？官公庁のサイトといえば、細かい字がずらっと並んで見づらいイメージでしたが、デジタル庁のサイトはとことんシンプルさを追求して見やすくしてます。フォントもNoto Sans JPを使われててとても読みやすい。黒も #000 でなく見やすい色になっている。 やばいですねこれ。 そしてこのレイアウトを見たとき、余白のおかげでとても見やすいなと思いました。そこでChrome Dev Toolでレイアウトを見てみ

[Bosssuke]

Webに携わる身としてすごいのは良くわかるけど、とても作り手側に寄ってるサイトだな…という印象。ラベルも構造も簡潔だけど、「高齢の親が迷わず使えるかのぅ」みたいな愛が足りなさそ / 仕事では言語化するよぅ…

[oka_mailer]

「愛が足りない」すげー分かるし、一緒に仕事すると面倒くさいのも超わかる。でも良いものを作るのは前者な人なんだよな…。

[shunbintarou]

Webに携わる身として、具体的な欠点、改善策を示さず「愛が足りない」とかいうふんわりした否定をする人とは一緒に働きたくないなと思った。

[munioka303]

ネガティブなぶコメが並びまくりなところに日本のエンジニア気質が垣間見える　一線を退いてるイチャモン付けないと気が済まないおじいちゃんたちのぶコメだと信じたい　良記事ありがとう

[hagane]

最近もどんなに所属エンジニアや要素技術が素晴らしくても立ち行かなくなったク社の事例も見ているので、中身をもっと大事にしてくれ…。技術的に何採用したっていいからIA設計とかを大事にしてくれ…

[TakamoriTarou]

手段の目的化は俺も大好きだけど、仕事では絶対やらない。著者はそこがわかってないでしょ。褒めるポイントが違うと思う。

[m_insolence]

デジ庁の検索、実行結果に公開日時が記載されてなくて資料検索するとき気が狂いそうになるんだけど。

[graynora]

このサイトデザインが魔窟化している厚労省や経産省に横展開されることを願う。

[evamatisse]

保守性(変更性)が高そうなサイトなので適切な機能追加をしてどんどん改善していって欲しいな。従来のサイトはなにか機能を追加するにも多大なコストがかかっていただろうから。

[tk_musik]

以前「スクロールと連動してアニメーションしたりたまにコンテンツを固定させたりするの、好きな人いるの？」と思ったのだが、埋め込まれたツイート見るといそうな気がしてきた。

[akanehara]

プロ驚き屋

[nilab]

「フォントもNoto Sans JP」「12カラムグリッドデザインを採用」「デザインシステムを、さらにFigmaで公開」「JIS規格に沿ったウェブアクセシビリティ」「Next.js,S3,CloudFront」

[sawat]

いい意味での「やばすぎる」なんだけど、ナチュラルに使っているのか、ミスリードを誘うためにあえて使っているのかどっちなの？

[konishika]

「やばすぎるｗｗｗ」って、悪い意味だと思った。自分が古い人間ってことなんだろうなぁ

[jerryb]

伝えたいという気持ちがあふれているいい記事だと思う。

[ONOYUGO]

デザインもこうやって理由を明記できると非常に分かりやすくなるし、本来はそうであってほしい。

[solidstatesociety]

グリッドレイアウト自体は10年以上前からあるだろうし、大本紙媒体でも成熟された設計概念ではあるので、予算を真面目にそっちにむけられたということだろう。まあそう考えると遅すぎるのだが。

[el-bronco]

「ヤバすぎるwww」　ｱｱｿｳﾃﾞｽｶ

[zunchan3]

ほう。。

[Lhankor_Mhy]

Bootstrapでも5.1からコンパイル時オプションで導入してるけど……？→『しかもCSS Gridで！こうやって綺麗に12カラムグリッドデザインを採用しているサイトは初めて見ました』

[zyzy]

おいくらもらいましたか？

[shimmering]

すごいことをアピールするのはいいんだけど、まだまだ懐疑的な人が多い中この書き方はいただけないなあのお気持ち。開発力より日本語を磨いてくれ

[NOV1975]

内容が、とか目的が、とか言っている人も多いが、少なくとも「誰でも作れる」という批判はそれなりに的を外している、ということは認めるべきでは。あと、目的云々は中々外部からは測れんからな。

[accent_32]

まーでも8年前ぐらいにはGRIDデザインが標準になってたと思うし、むしろ政府サイトって常に時代遅れなレイアウトだよなーぐらいにしか思ってなかったよね。偉いけどちょっと当たり前的な。

[rochefort]

へー、見てみよう

[ms05b]

いや、過大評価しすぎだろ・・・　見た目はワードプレスの1番プレーンなテンプレートって感じだぞ

[shidho]

更新したり、何か言いたいことが複数できた時にどうなるかがたぶん難しいところなので今のところは静観する。

[SasakiTakahiro]

シンプルさとウェブアクセシビリティをとことん追求してる。

[hello-you]

すばらしい。考え抜かれたシンプルさと言うのは非常に美しい

[takafumiat]

デジタル庁発足からそんな感じだった。 Qiitaの質の悪い記事に釣られすぎ。

[timetrain]

各官公庁のサイトよりはずっと見やすいことは確かだと思う

[kagehiens]

普通に読みやすいかもしれないけど、メンテナンスコストが高いのか低いのかで評価の80%が決まるのが役所のシステムだろうから、それ次第。

[Shiori115]

デジタル庁、なんだかんだでやることはやってるよね。

[imaginaration]

左右の文字が少し小さいかな？って思ったがスマホだと違うのかな？と見たら同じ感じで年配者には小さい気がするが…。ここら辺はテスト済みで大丈夫とかだったのだろうか？

[door-s-dev]

技術的にどうかはユーザーにはどうでもいいからねぇ。確かに読み込み早くて不満ないけど内容これでええんかは考えた方がいいと思う

[dhrname]

Ctrl + '+'キーを押してチェックすると、デザインの素晴らしさがわかる（ちなみに、2023年6月12日現在、はてなブックマークのサイトは右上の「あなたへのお知らせ」が消えてしまう)

[ireire]

素人目線だと、真ん中スクロールしても左右固定にしてほしいんだけど、これの方が見易いの？真ん中の部分だけで左右空白なの気になるんだが

[secseek]

ヤバいって言うからけなしてるのかと思ったら普通にほめてました。知らなかったですねー

[zakochan]

フォントが小さく思えるんだけど自分だけ？

[atsushieno]

△ブコメがネガティブ　◯元記事の引用の仕方がネガティブ（というかこの批判は実装じゃなくて内容の話じゃねーか）