Junya Ogura juno

Official References

Launch Atom and select "Atom - Install Shell Commands" menu to install atom and apm commands
Add /usr/local/bin to PATH environment varibale

A Content pattern describes the types of elements within and can be rendered in multiple forms
- 要素のタイプを表現するパターン
- 複数の形態で描画できる
A Display pattern describes a specific rendering and can be applied to multiple types of Content patterns
- 固有のレンダリングについてのパターン
- 色々なタイプのContentパターンに対して適用できる
あるコンテンツのアイデンティティを考えるのはContentパターンについての考察である
そのコンテンツをどのように描画するかのビジュアル的な選択について考えるのはDisplayパターンについての考察である

Tool:

Environment:

Define Color Palette
Reset Browser Default Styles
Define Scaffold Styles
Define Components by Atomic Design Methodology
- Define Atoms
- Define Molecules
Define Organisms

	body {
	background-color: #fff;
	&:after {
	content: '';
	display: block;
	background-image: linear-gradient(90deg, #a16eff 0%, #3dcebb 100%);
	height: 4px;
	position: absolute;
	left: 0;
	top: 0;

	scenario 'User likes the post' do
	visit post_path
	click_button 'Like'

	expect { page.has_css?('.liked-icon') }.to become_true
	end

	# You can preload associations explicitly.
	# This method also can apply to polymorphic association.
	#
	# See also https://github.com/rails/rails/blob/master/activerecord/lib/active_record/associations/preloader.rb
	#
	def index
	@comments = Comment.order(id: :desc).limit(10)

	# This prevents N+1 query for user and commentable associations
	ActiveRecord::Associations::Preloader.new.preload(@comments, [:user, :commentable])