juno

My Atom editor setup

Atom

• Install Atom from https://atom.io/.

Atom Shell Commands

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

juno

Basics

• Noto Sans CJK JP
• Roboto
• RobotoMono

for development

• Anito-L-Mono
• Bitstream Vera Sans Mono
• Migu1M, Migu2M
• Noto Sans Mono CJK JP

juno

“Content & Display Patterns,” an article by Dan Mall

• 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パターンについての考察である

juno

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;

juno

scenario 'User likes the post' do
  visit post_path
  click_button 'Like'
  
  expect { page.has_css?('.liked-icon') }.to become_true
end

juno

# 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])

juno

Tool:

• schneems/derailed_benchmarks

Environment:

• Ruby 2.2.3
• Rails 4.2.5

carrierwave 0.10.0

juno

CSS Workflow (WIP)

Steps

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

juno

/* Event Parameters
{
  "accessKeyId": "...",
  "secretAccessKey": "...",
  "region": "ap-northeast-1",
  "instanceId": "i-XXXXXXXX"
}
*/
exports.handler = function(event, context) {
  console.log('instanceId =', event.instanceId);

juno

# Custom log formatter module for rails_12factor
#
module CustomLogFormatter
  # Custom formatter for development environment.
  #
  # Examples
  #
  #   # in controller
  #   logger.error(self.class) { 'This is a error message' }
  #   logger.info { 'This is a info message' }