Webアプリは会話するスピードで開発しよう～ReactやBFFで高速にプロトタイピングする技術
デザインを高速に実現するReactとCSS in JS React Componentが高速なプロトタイピングを実現する 高速なプロトタイピングにはまず、スピーディーにUIを構築する手法が必要となります。これはReactの得意分野です。 Reactの特徴の1つに、UIにおけるコンポーネント志向が挙げられます。再利用可能な小さいUI部品を組み合わせて全体を構築するアプローチです。Reactにおける基本単位はReact Componentであり、この小さなReact Componentを組み合わせてページを構成します。 さらにReactではデザインもReact Componentの中に閉じ込めることが可能です。React ComponentにCSS相当の装飾やレイアウトを記述しておくことで、React Componentを呼び出すだけでデザイン適用済みのUI部品を表示できます。CSSをJava
2018年の最先端フロントエンドエンジニアになろう - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? フロントエンドエンジニア / バックエンドエンジニア / DevOpsエンジニア@poly_soft この画像を見てティン！と来たので訳してみました。 以下はModern Frontend Developer in 2018の日本語訳です。 Modern Frontend Developer in 2018 この記事を始める前に、まず私のことと、このロードマップについてお伝えします。 私は過去5年間フルスタックエンジニアとして働いていて、そして現在はtajawalで、様々な役割を持つリードエンジニアとして働いています。 単に趣味だからと
CSSの設計方法をまとめてみた~BEM編~ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? CSSの設計方法をまとめてみた~BEM編~ BEMについて、簡単にまとめる。 詳細な部分に関しては以下の記事がわかりやすかったので、参考にされると良いと思う。 bem-methodology-ja/index.md at master · juno/bem-methodology-ja BEMという命名規則とSass 3.3の新しい記法 - アインシュタインの電話番号 BEMとは Block、Element、Modifierの略。 DOMを構成する各要素をBlock、Element、Modifierのどれかに当てはめて命名する。 正直な
CSSの設計方法をまとめてみた~SUIT CCS編~(Angularによるサンプル付き) - Qiita
CSSの設計方法をまとめてみた~SUIT CCS編~ SUIT CSSについて、簡単にまとめる。 また、Angularを使用した簡単なサンプルも書いてみる。 なお、本記事は、公式ドキュメントをかなり参考にさせていただいている。 詳細な部分に関しては以下の記事がわかりやすかったので、参考にされると良いと思う。 suit/design-principles.md at master · suitcss/suit suit/naming-conventions.md at master · suitcss/suit SUIT CSSとは Componentベースのcssの方法論。 Componentベースなので、AngularやReactなどのComponent指向なJavaScriptフレームワークやライブラリと相性が良いそう。 SUIT CSSのメリット 各々のユニットの結びつきを緩くして、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
