yomitech

理想と現実のCSS設計

株式会社ピー・アール・オー アドベントカレンダーの20日目の予定でした（力尽きて投稿遅れました）。 CSS設計は語られることが多く、「素敵！ベストプラクティス！」は数あれど、実行するのは難しい。 この記事は「ベストプラクティス！」ではなく、無間地獄を生成しないためのTipsです。 CSS設計の理想 基本の「き」ですが、すごく大事なことなのでおさらい。

【2021年版】サーバーサイドエンジニアがVue.jsでモダンフロントエンド開発を始めるまで

2020年12月からのプロジェクトで、Vue.js(2系)によるモダンフロントエンドの開発の一端を担うことになりました。そこで、プライベートで2ヶ月ほどフロントエンド開発の学習をし、なんとかフロントエンドの業務をこなせるようになってきましたので、やったことをご紹介します。 意外とやるべきことが多かったため、体系的にまとまっていると今後復習する際に役立つかと考え、この記事を執筆することにしました。 …

実務未経験者が今まで独学に使ってきた技術書を公開していくよ

プログラマーでもエンジニアでもない私がエンジニア転職に向けた取り組みとして「これまでプログラミングの独学に使ってきた技術書の遍歴」を、Qiitaの練習も兼ねて記事を書いてみました。 採用担当者の方が目にしたときに「この人が独学でなにを学んできたのか」がまとまってる記事になるといいですね(誰得感...) 想定読者 開発実務未経験でプログラミングの知識ゼロでまともなSESとかに行きたい方あるいはSES…

1年目にやったおすすめ教材

はじめに どうも、未経験からエンジニア転職をしたミズノです。 実務一年目が経ちましたのでこの一年でやって良かった教材をまとめてみようかと思います。 もし何かおすすめの教材があればコメント追記してくれたら嬉しいです。 基礎知識編

【技術書】自分用_読んだ技術書を簡単にまとめていくための記事

はじめに 書籍のタイトルをクリックするとAmazonに飛びます。 今の自分が欲している内容をかいつまんで読むため、すべてを読み切ったわけではないです。 アイコンの説明 :grinning:良かった点

改めて学び直すCSS

はじめに この業界に携わり、長い間CSS（Sass）のコードを書いてきました。 レイアウトを組む手法も変化し、flex や grid などの登場によって、現在ではわざわざ float で右カラムにしたり clearfix で解除したりしなくてよくなりました。（いい時代🎉） このような新しいプロパティの登場により、もう一度改めてCSSについて学び直してみようと思いました。 勉強方法

ホームページを眺めながらCSS設計の初歩を学ぼう

はじめに 今回は『CSS設計完全ガイド』( - とりあえずデザインやデモサイトを見ながらHTML、CSSを使ってコーディングできるけど、これからどのようにレベルアップすれば良いかわからない。 - CSS設計って聞いたことあるけど、難しそう... そんな方に読んでいただければと思います。

ホームページを眺めながらCSS設計の初歩を学ぼう【BEM Mix体験編】

はじめに この記事は『CSS設計完全ガイド』( 前回はCSS設計の第一歩として、「抽象化」・「分ける」 という２つの視点からホームページを眺めてみて、その中で共通するメディアやボタンといったコンポーネントについてお話ししました。 今回はそこからもう少し視野を広げて、複数のコンポーネントが集まったセクションがあり、そのコンポーネント同士の隙間(margin)をどのように設定するか、というテーマで考え…

ホームページを眺めながらCSS設計について学ぼう【詳細度編】

はじめに この記事は『CSS設計完全ガイド』( 前回は、コンポーネントがmarginなどのレイアウトに関わるスタイルを持ってしまうと使いまわすことが難しくなるため、マルチクラスで対応するという「BEM」の「Mix」という書き方をご紹介しました。 今回はそのマルチクラスにおけるもう１つのメリット「詳細度を一定に保つ」というテーマで、そもそも詳細度ってなに？というお話からしていきたいと思います。 前回…