label_outlineALGORITHM (8)

Algorithm In Javascript

I've tried to expressed some algorithm in javascript to understand it. feel free contact me if you have any questions. Search Linear search algorithm in...

Quick Sort Algorithm In Javascript

What is Quick sort algorithm ? Quicksort, or partition-exchange sort, is a sorting algorithm developed by Tony Hoare that, on average, makes O(n log n)...

Insertion Sort Algorithm In Javascript

What is Insertion sort algorithm ? Insertion sort iterates, consuming one input element each repetition, and growing a sorted output list. Each iteration,...

Bubble Sort Algorithm In Javascript

What is Bubble sort algorithm ? Bubble sort, sometimes referred to as sinking sort, is a simple sorting algorithm that works by repeatedly stepping through...

Simple Sort Algorithm In Javascript

What is Simple sort algorithm ? if you want array to sort by ASC, you find minimum value in target list. and pass it to new array from beginning. this...

Binary Search Algorithm In Javascript

What is Binary search algorithm ? the algorithm compares the search key value with the key value of the middle element of the array. If the keys match, then...

Hashing Search Algorithm In Javascript

What is Hashing search algorithm ? generate key from value by using certain function. the key is called hash. if same key is generated the key is...

Linear Search Algorithm In Javascript

What is linear search algorithm ? find something in order from the beginning of array. Code /*************************************** * Util...

label_outlineAMP (1)

What You Should Care About Markdown For Amp

I'll explain what you need to care about markdown for AMP expecially IMG, IFRAME

label_outlineANGULARJS (5)

Order Of Angular Controller's Initialisation

I'm gonna explain order of angular controller's initialisation

Don't Forget $digest In Angular Directive Unit Test

Explain a tips for angular directive test to call $digest

How To Get Params Using Angularjs

Basic Usage If you want to get params using angularjs app.js angular.module('app', []) .config(appConfig); appConfig.$inject = ['$routeProvider']; function...

Customize Angularjs Ng-Style

Basic Usage You can set style value using scope.

$scope.backimg = 'XXXXX'...

Can Not Get $routeparams - Angularjs -

Outline You can not get $routeparams.key in $routeProvider resolve section. Example angular.module('app') .config(Router); Router.$inject =...

label_outlineANIMATION (1)

Manage Async Animation By Using Jquery.deferredpipeline

jQuery.DeferredPipeline is jquery plugin to manage async function more easily. I create a sample. please check it. :) thanks @Takazudo You can check full...

label_outlineCAPYBARA (8)

Test Csrf In Feature Test Using Capybara

Rails app disable request forgery protection in test environment by default. So csrf token dose not appear in app using <%= csrf_meta_tags %> or form_for...

Things To Be Aware Of When Change Capybara Default_wait_time

About Capybara.default_wait_time According to api document... find will wait for a set amount of time and continuously retry finding the element until...

Feature Test Tips Using Capybara

Can not find element PART 1 Capybara can not find invisible element by default. You need set visible option like this. find(selector, visible: false) true -...

Capybara Method And Matchers Which Is Frequently Used

method fill with value in input fill_in("name value", with: "value") click button click_button("submit") find element find("#selector") select select tag...

Try To Page.reset! If The Page Is Not Reloaded In Capybara

Outline Do you have experience Capybara (feature test tool in gem not animal) dose not reload the page when you access same url more than once. Try to use...

How To Wait Url Changing In Feature Test Using Capybara

Outline For example, You make SAP(single page application) using angularjs then the application change path from /login to /profile. If application change...

How To Find Invisible Element Using Capybara

Capybara don't find invisible element. page.find("#delete-button") In this case if #delete-button element has display: hidden or any other invisible style...

Use Capybara-Webkit In Rails Rspec

About Capybara-webkit Capybara-webkit is a headless browser. It can execute javascript. (capybara can't execute javascript.) If you want to do integration...

label_outlineCI (1)

How To Use Google Pagespeed Test In Ci

Is it possible to test site using Google PageSpeed Insight in CI ? The answer is YES!

label_outlineCSS (5)

Customize Angularjs Ng-Style

Basic Usage You can set style value using scope.

$scope.backimg = 'XXXXX'...

How To Get Css Mediaquery Breakpoint Using Javascript.

Motivation It is waste of time to fix the value of breakpoint for responsive design if you have that value in css and javascript. In the following case you...

How To Specify High Resolution Display In Css

media query @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx){ // css for high resolution display here }...

How To Set :active Style To Button In Mobile

Outline How to set :active style to button in mobile ? if you set touchstart and touchend eventListener and switch class (e.g. .active) to button you are...

Oocss And Smacss

What is OOCSS and SMACSS

label_outlineDJANGO (1)

I Will Build Frontend And Backend Separately

I'm gonna introduce my django scaffold to allow you to manage fron-end back-end separately

label_outlineEMMET (1)

How To Add Half Image Size Attributes For Retina Of Img Tag In Html By Using Sublimetext2 Emmet Plugin

I'm gonna explain how to add half image size attributes for Retina of IMG tag in html by using SublimeText2

label_outlineERB (1)

Recommendation To Use Local_assigns.has_key?

You can check loal definition using defined? and local_assigns.has_key? local_assigns.has_key? is more simple than defined?. You can write one line. <% if...

label_outlineEXPRESS (1)

Deploy Express(Node) App On Heroku

I'm gonna explain how to deploy node Express application on heroku

label_outlineGIT (1)

Add Ticket Number To Git Commit Automatically

I'm gonna explain automation to add ticket number in your git commit

label_outlineGOOGLECALENDAR (1)

Google Calendar Api Sample

Developer Site https://developers.google.com/api-client-library/javascript/ Client Repository https://code.google.com/p/google-api-javascript-client/ How to...

label_outlineGRUNT (1)

How To Speedup Grunt Watch Task

Edit Gruntfile.js Before watch: { js: { files: ['<%= yeoman.app %>/scripts/{,*/}*.js'], tasks: ['newer:jshint:all'], options: { livereload: true } } } After...

label_outlineHEROKU (1)

Deploy Express(Node) App On Heroku

I'm gonna explain how to deploy node Express application on heroku

label_outlineHTML (3)

How Long Dose Browser Keep Data In Session

The duration of session is different between device so I'm gonna explain how long do they last

How To Reduce Multiple Media Preparing

Media Fragments URI You can play media from certain time using Media Fragments URI. If you want to get some videos (e.g. small tutorial) you would send some...

Autocomplete In Html Form

These parts of form...

label_outlineI18N (1)

Html Escape With Rails I18n

String is always html escaped in 'config/locales/en.yml' 'config/locales/en.yml' en: hello_message: "Hello %{user_name}" hello.html.erb <%=...

label_outlineJAVASCRIPT (5)

I Will Build Frontend And Backend Separately

I'm gonna introduce my django scaffold to allow you to manage fron-end back-end separately

Order Of Angular Controller's Initialisation

I'm gonna explain order of angular controller's initialisation

Don't Forget $digest In Angular Directive Unit Test

Explain a tips for angular directive test to call $digest

How Long Dose Browser Keep Data In Session

The duration of session is different between device so I'm gonna explain how long do they last

Customize Angularjs Ng-Style

Basic Usage You can set style value using scope.

$scope.backimg = 'XXXXX'...

label_outlineJQUERY (1)

Manage Async Animation By Using Jquery.deferredpipeline

jQuery.DeferredPipeline is jquery plugin to manage async function more easily. I create a sample. please check it. :) thanks @Takazudo You can check full...

label_outlineMARKDOWN (1)

What You Should Care About Markdown For Amp

I'll explain what you need to care about markdown for AMP expecially IMG, IFRAME

label_outlineMONGODB (1)

You Should Remove Child Node If Parent Node Is Deleted In Mongodb

Outline You should remove child node if parent node is delete in mongodb. Here is simple example. Models Parent class Parent include Mongoid::Document field...

label_outlineMONGOID (1)

You Should Remove Child Node If Parent Node Is Deleted In Mongodb

Outline You should remove child node if parent node is delete in mongodb. Here is simple example. Models Parent class Parent include Mongoid::Document field...

label_outlineNODE (1)

Deploy Express(Node) App On Heroku

I'm gonna explain how to deploy node Express application on heroku

label_outlinePERFORMANCE (1)

How To Use Google Pagespeed Test In Ci

Is it possible to test site using Google PageSpeed Insight in CI ? The answer is YES!

label_outlinePYTHON (1)

I Will Build Frontend And Backend Separately

I'm gonna introduce my django scaffold to allow you to manage fron-end back-end separately

label_outlineRAILS (19)

Use Any_instance_of In Rspec

tips of rails stub which is called any_instance_of

How To Use Kaminari From Array

I always forget way of use rails pagination library (kaminari) with array

How To Check Method Calling In Rspec

You can check a method is called or not by using receive in rspec. describe "#method" do it "should call method_b" do @user = Persion.new expect(@user).to...

How To Add Extra Data In Draper

If you want to add extra data in draper you can use :context option. person.rb class Persion < Draper::Decorator is_admin? context[:role] == 'admin' end end...

Html Escape With Rails I18n

String is always html escaped in 'config/locales/en.yml' 'config/locales/en.yml' en: hello_message: "Hello %{user_name}" hello.html.erb <%=...

Recommendation To Use Local_assigns.has_key?

You can check loal definition using defined? and local_assigns.has_key? local_assigns.has_key? is more simple than defined?. You can write one line. <% if...

Rails Pagination - Kaminari

Kaminari is popular pagination gem. https://github.com/amatsuda/kaminari Basic Usage prepare target @articles = Articles.page(params[:page]) # or @articles...

Test Csrf In Feature Test Using Capybara

Rails app disable request forgery protection in test environment by default. So csrf token dose not appear in app using <%= csrf_meta_tags %> or form_for...

Try In Ruby

Try method If you get user.name and user is nil the NoMethodError is occurred. # user is nil name = user.name # NoMethodError !!!!1 You had better use try...

Things To Be Aware Of When Change Capybara Default_wait_time

About Capybara.default_wait_time According to api document... find will wait for a set amount of time and continuously retry finding the element until...

Feature Test Tips Using Capybara

Can not find element PART 1 Capybara can not find invisible element by default. You need set visible option like this. find(selector, visible: false) true -...

When Let Is Called In Rspec

Outline When let / let! syntax is called in Rspec. ? let Use let to define a memoized helper method and you can execute it when you want to do. But it can...

When Before Syntax Is Called In Rspec

Outline When before syntax is called in Rspec. ? Example describe "before spec example" do before(:all) do # do somthing all(1) end before(:each) do # do...

Capybara Method And Matchers Which Is Frequently Used

method fill with value in input fill_in("name value", with: "value") click button click_button("submit") find element find("#selector") select select tag...

Try To Page.reset! If The Page Is Not Reloaded In Capybara

Outline Do you have experience Capybara (feature test tool in gem not animal) dose not reload the page when you access same url more than once. Try to use...

How To Wait Url Changing In Feature Test Using Capybara

Outline For example, You make SAP(single page application) using angularjs then the application change path from /login to /profile. If application change...

How To Set Subdomain In Rails Rspec

context "subdomain test" do it "should return subdomain" do request.host = "subdomain." + request.host expect(get_subdomain).to eq("subdomain") end end

How To Find Invisible Element Using Capybara

Capybara don't find invisible element. page.find("#delete-button") In this case if #delete-button element has display: hidden or any other invisible style...

Use Capybara-Webkit In Rails Rspec

About Capybara-webkit Capybara-webkit is a headless browser. It can execute javascript. (capybara can't execute javascript.) If you want to do integration...

label_outlineRESPONSIVE (1)

How To Get Css Mediaquery Breakpoint Using Javascript.

Motivation It is waste of time to fix the value of breakpoint for responsive design if you have that value in css and javascript. In the following case you...

label_outlineRSPEC (9)

Use Any_instance_of In Rspec

tips of rails stub which is called any_instance_of

How To Check Method Calling In Rspec

You can check a method is called or not by using receive in rspec. describe "#method" do it "should call method_b" do @user = Persion.new expect(@user).to...

Things To Be Aware Of When Change Capybara Default_wait_time

About Capybara.default_wait_time According to api document... find will wait for a set amount of time and continuously retry finding the element until...

Feature Test Tips Using Capybara

Can not find element PART 1 Capybara can not find invisible element by default. You need set visible option like this. find(selector, visible: false) true -...

When Let Is Called In Rspec

Outline When let / let! syntax is called in Rspec. ? let Use let to define a memoized helper method and you can execute it when you want to do. But it can...

When Before Syntax Is Called In Rspec

Outline When before syntax is called in Rspec. ? Example describe "before spec example" do before(:all) do # do somthing all(1) end before(:each) do # do...

How To Set Subdomain In Rails Rspec

context "subdomain test" do it "should return subdomain" do request.host = "subdomain." + request.host expect(get_subdomain).to eq("subdomain") end end

How To Find Invisible Element Using Capybara

Capybara don't find invisible element. page.find("#delete-button") In this case if #delete-button element has display: hidden or any other invisible style...

Use Capybara-Webkit In Rails Rspec

About Capybara-webkit Capybara-webkit is a headless browser. It can execute javascript. (capybara can't execute javascript.) If you want to do integration...

label_outlineRUBY (11)

Use Any_instance_of In Rspec

tips of rails stub which is called any_instance_of

How To Use Kaminari From Array

I always forget way of use rails pagination library (kaminari) with array

How To Check Method Calling In Rspec

You can check a method is called or not by using receive in rspec. describe "#method" do it "should call method_b" do @user = Persion.new expect(@user).to...

Html Escape With Rails I18n

String is always html escaped in 'config/locales/en.yml' 'config/locales/en.yml' en: hello_message: "Hello %{user_name}" hello.html.erb <%=...

Recommendation To Use Local_assigns.has_key?

You can check loal definition using defined? and local_assigns.has_key? local_assigns.has_key? is more simple than defined?. You can write one line. <% if...

Time Object In Ruby

Time object in ruby can not parse Time string(e.g. 2015-05-29T19:59:48+09:00) by default. # return Time objet with "2015-01-01 00:00:00 +0900"...

Test Csrf In Feature Test Using Capybara

Rails app disable request forgery protection in test environment by default. So csrf token dose not appear in app using <%= csrf_meta_tags %> or form_for...

Try In Ruby

Try method If you get user.name and user is nil the NoMethodError is occurred. # user is nil name = user.name # NoMethodError !!!!1 You had better use try...

How To Set Subdomain In Rails Rspec

context "subdomain test" do it "should return subdomain" do request.host = "subdomain." + request.host expect(get_subdomain).to eq("subdomain") end end

How To Find Invisible Element Using Capybara

Capybara don't find invisible element. page.find("#delete-button") In this case if #delete-button element has display: hidden or any other invisible style...

Use Capybara-Webkit In Rails Rspec

About Capybara-webkit Capybara-webkit is a headless browser. It can execute javascript. (capybara can't execute javascript.) If you want to do integration...

label_outlineSENCHA (4)

How To Use Custom Component By Using Bower In Sencha Touch

Prerequisite installed bower installed senchacmd downloaded sencha sdk Create new app mkdir ${appname} cd ${appname} sencha -sdk {senchatouch_skd_path}...

How To Create Sencha Plugin

I'm gonna explain how to create sencha plugin

How To Use Sencha Touch Custom Components(Ext.ux.touch)

I'm gonna explain how to use sencha touch custom components using Ext.ux.touch

How To Hide Url Bar By Using Sencha Touch

I wonder if you want to hide urlbar in smartphone web site, you will write following script

label_outlineSUBLIMETEXT (1)

How To Add Half Image Size Attributes For Retina Of Img Tag In Html By Using Sublimetext2 Emmet Plugin

I'm gonna explain how to add half image size attributes for Retina of IMG tag in html by using SublimeText2

label_outlineTDD (5)

Test Csrf In Feature Test Using Capybara

Rails app disable request forgery protection in test environment by default. So csrf token dose not appear in app using <%= csrf_meta_tags %> or form_for...

Things To Be Aware Of When Change Capybara Default_wait_time

About Capybara.default_wait_time According to api document... find will wait for a set amount of time and continuously retry finding the element until...

Feature Test Tips Using Capybara

Can not find element PART 1 Capybara can not find invisible element by default. You need set visible option like this. find(selector, visible: false) true -...

When Let Is Called In Rspec

Outline When let / let! syntax is called in Rspec. ? let Use let to define a memoized helper method and you can execute it when you want to do. But it can...

When Before Syntax Is Called In Rspec

Outline When before syntax is called in Rspec. ? Example describe "before spec example" do before(:all) do # do somthing all(1) end before(:each) do # do...

label_outlineTEST (8)

Test Csrf In Feature Test Using Capybara

Rails app disable request forgery protection in test environment by default. So csrf token dose not appear in app using <%= csrf_meta_tags %> or form_for...

Things To Be Aware Of When Change Capybara Default_wait_time

About Capybara.default_wait_time According to api document... find will wait for a set amount of time and continuously retry finding the element until...

Feature Test Tips Using Capybara

Can not find element PART 1 Capybara can not find invisible element by default. You need set visible option like this. find(selector, visible: false) true -...

When Let Is Called In Rspec

Outline When let / let! syntax is called in Rspec. ? let Use let to define a memoized helper method and you can execute it when you want to do. But it can...

When Before Syntax Is Called In Rspec

Outline When before syntax is called in Rspec. ? Example describe "before spec example" do before(:all) do # do somthing all(1) end before(:each) do # do...

Capybara Method And Matchers Which Is Frequently Used

method fill with value in input fill_in("name value", with: "value") click button click_button("submit") find element find("#selector") select select tag...

Try To Page.reset! If The Page Is Not Reloaded In Capybara

Outline Do you have experience Capybara (feature test tool in gem not animal) dose not reload the page when you access same url more than once. Try to use...

How To Wait Url Changing In Feature Test Using Capybara

Outline For example, You make SAP(single page application) using angularjs then the application change path from /login to /profile. If application change...

label_outlineW3C (1)

W3c Technical Report Process

What is W3C Technical Report Process

label_outlineWEBAPI (1)

Htm5 Prefetch And Prerendering

What's prefetch and prerendering in html

label_outlineWEBCOMPONENT (5)

Getting Start Shadow Dom Session 2

Outline understand about shadow dom deeply. if you have not read session 1 yet please check it. Multi shadow root Shadow trees added to a host are stacked...

Getting Start Html Import

Outline We've not had way to import html until now. But from now, we can import html documents using html import. Capability can i use :...

Getting Start Shadow Dom Session 1

Outline We can define html tags which is encapsulated from page document using shadow dom. Capability can i use : http://caniuse.com/#feat=shadowdom At the...

Getting Start Html's Template

Outline We've used html template when we develop web app by using some tricks. But now we can use template function safely and conveniently if you use new...

Getting Start Custom Element

Outline we can define new tag by using Custom Element and also extends native element. Capability can i use : http://caniuse.com/#feat=custom-elements At...