実例で学ぶFlexboxとCSS Gridの使い分け – TAKLOG
タイムラインを見ていると「flexとgridの使い分けがよく分からないよ」という人が多く散見されるので、今回は僕が普段意識していることを皆さんに紹介します。 これから紹介することはあくまで僕のやり方で、絶対的な正解とかではないので参考程度に留めておいてください。実装において頻出するレイアウトをサンプルに、どのように考えてレイアウトを組んでいけばよいかを自分なりに説明できたらなと思います。 はじめに僕がレイアウトを組む上で大事にしていること、および意識していること。それは、レイアウトに変化が起こった際に崩れが生じないことはもちろん、将来的な変更に対して柔軟に対応できることです。 極論を言ってしまえばgridは使わなくても大抵のレイアウトは組めてしまいます。Internet Explorerに苦しめられていたあの頃を思い出してみてください。現在でもgridは難解だからflexだけ使用するって方
技術選定の失敗 2年間を振り返る TypeScript,Hono,Nest.js,React,GraphQL
技術選定の失敗 2年間を振り返る TypeScript,Hono,Nest.js,React,GraphQL はじめに 新たに書きました。 MySQLを使っても会社は潰れない 久々に記事を書いたのでどうぞお手柔らかに... 私が過去2年間で行った技術選定の成功と失敗を振り返り、その学びを共有したいと思います。 文才無いので淡々と箇条書きでいきます Twitterエンジニア垢作りました。エンジニアのお友達がいません。 @uncode_jp 注意 意見を押し付けるものではありません。ただ建設的な議論は大事だと思う。 自分の意見は明確に、歯切れのよい表現を意識している。人それぞれだよねみたいな感じに逃げたくない。技術選定に結論はある（過激）。 ただし技術選定にはコンテキストがあり、例えばプロダクトのフェーズや組織の事情によって当然結論は変わる可能性がある。 OSSの開発者さん達は偉大ですごい。あ
今年も妻の実家に帰省した。
車で3時間ほどかかる妻の実家に今年のお盆も行ってきた。 まだ小学生の娘は妻の実家が好きで、おじいちゃんとおばあちゃんに（それと猫に）会えるのを毎年楽しみにしているんだ。 お義父さんとお義母さんも娘のことが好きだから歓迎してくれて、娘はいつにも増してはしゃいでた。 それで疲れたのか、夜には晩御飯を食べるとすぐに寝ちゃったんだ。 晩御飯の後、大人だけで少し晩酌しようかって話になって、でもお酒が足りなくなった。 もうちょっと飲みたいよねって話になって、お義母さんが「私が買ってこようか」って言ってくれたんだけど、近くにコンビニがあるし俺が行ってきますって名乗り出た。 それでお願いされて、コンビニまでお酒を買いに行ったんだ。 外に出ると夏の熱気がまだ残っていて、それでも知らない夜の住宅街を歩くというのは不思議と悪い気分じゃなかった。 酔いを醒ますのにもちょうど良かったのかもしれない。 コンビニは空い
夕飯出したら夫が号泣して家出した
夫が帰ってきたので準備していた夕飯を出した。 白米、味噌汁、肉豆腐、蒸し野菜。 すると夫がうわーーーーーーっ!!!!と叫びだした。 「何で暑い中帰ってきたのにこんな熱い料理ばっかり作るの？ そうめんとか、冷やしトマトとか…もっと考えてくれてもいいんじゃないの？ 毎日汗だくで食事するの、本当に、本当に嫌なんだよ!!!!」 と言って、号泣し始めた。涙をボロボロ流していた。 こんなに文字通りの人の号泣を見たのは始めてだったので私がうろたえていると、 夫は出ていってしまった。 後からLINEで「涼しいところで食べたいものを食べてくる。その後どっかに泊まって翌日そのまま会社に行く」と連絡が来た。 確かに私が全部悪いと思う。 レシピをちゃんと考えなかったこと。 私はテレワークでずっと冷房の効いた家にいるから、温度を帰宅に合わせて変えなかったこと。 夫はあせもがいろんな箇所にできているのにそれでも頑張っ
確かな情報設計力を鍛える——社内研修「UIデザイントレーニング」レポート｜Goodpatch Blog グッドパッチブログ
グッドパッチでは社員向けにさまざまな研修を実施しています。定期的な新入社員向けの基礎研修のほか、専門性と難度をより深めた「専門研修」を実施することがあります。この記事では、筆者usagimaruがグッドパッチのデザイナー支援組織であるDesignOpsとして2024年に実施した社内研修 「UIデザイントレーニング」 の内容を一部ご紹介します。 UIデザインの新卒研修についてはこちらの記事でご紹介しています。 https://goodpatch.com/blog/ui-training-softwaredesign 研修の概要 この研修は、社内の若手UIデザイナー7名を対象に、情報設計の考え方や方法論を駆使した実践的なUIデザインに取り組むプログラムとして設計しました。主な企画をDesignOps部署中心に行い、筆者が講座自体の設計と制作、そして講師としての登壇と講評までを担いました。 進行
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
めちゃくちゃデカくて重い机を買っただけなのに | オモコロ