Skip to content

Instantly share code, notes, and snippets.

View ginpei's full-sized avatar

Ginpei ginpei

161 followers · 71 following
View GitHub Profile
@ginpei
ginpei / check when cell is clicked.js
Created April 23, 2013 04:49
var tds = document.querySelectorAll('td');
for (var i=0,l=tds.length; i<l; i++) {
tds[i].addEventListener('click', function(event) {
this.querySelector('input').checked = true;
}, false);
}
@ginpei
ginpei / autoPreloader.js
Last active December 17, 2015 15:19
// 注意: 動かしてない、想像で書いてるコードです。
// "_off"を含む画像ファイルを検索
$('img[src~=_off]').each(function (index, elem) {
// 画像URL取得
var offSrc = elem.src;
// _onな画像URLを生成
var onSrc = offSrc.replace('_off', '_on');
@ginpei
ginpei / apply.js
Created May 22, 2013 20:22
function f(aaa, bbb) {
console.log('aaa='+aaa, 'bbb='+bbb);
}
var context = null; // 何でもいい（thisになる）
var args = [ 'A', 'B' ]; // 引数に展開される
f.apply(context, args);
@ginpei
ginpei / apply.js
Created May 22, 2013 21:01
var obj1 = { name:'Alice' };
var obj2 = { name:'Bob' };
function say(talk, age) {
console.log(talk + ', I am ' + this.name + ', ' + age + ' years old.');
}
say.apply(obj1, ['Hi', 12]); // "Hi, I am Alice, 12 years old."
say.apply(obj2, ['Good morning', 36]); // "Good morning, I am Bob, 36 years old."
@ginpei
ginpei / gist:5746126
Created June 10, 2013 02:14
function's chaining
// (start) -> Any jobs... -> "OK 1" -> Any jobs... -> "OK 3" -> Any jobs... -> "OK 3"
Promise(function(resolve) {
console.log('OK 1');
setTimeout(resolve, 1000);
}).then(function() {
Promise(function(resolve) {
console.log('OK 2');
setTimeout(resolve, 1000);
}).then(function() {
console.log('OK 3');
@ginpei
ginpei / buildUploader.sh
Last active August 7, 2018 07:40
Ruby on Rails+CarrierWave+RMagickで画像アップローダーをささっと作る手順。https://ginpen.com/2013/08/20/carrierwave/
echo == アプリ作成 ==
rails new uploader
cd uploader
echo == CarrierWave導入 ==
echo "gem 'carrierwave'" >> Gemfile
bundle
echo == 投稿モデル作成 ==
rails g scaffold post name:string comment:text
@ginpei
ginpei / gist:6411052
Last active December 22, 2015 03:38
MVC的な設計の話

MVC的な設計の話

こんなアプリ

  • 四角い枠の中にボール
  • フリックでこすると転がる
  • ※ボールはtransform:translate()で移動する

http://jsfiddle.net/ginpei/y7hZf/

@ginpei
ginpei / gist:8930489
Created February 11, 2014 07:17
社内の情報共有が進まないざっと原因を考えてみる。
  • 公開する仕組みがない
    • wiki
    • イントラブログ
    • GHE+gist
  • 検索機能がない
    • 使いやすいのあるかな……
  • 公開しても見返りがない
    • 論文の参考文献みたいに参照件数をカウントしてみては
  • 公開した結果、無知を晒すのが怖い
  • 公開した結果、他人が得するのが面白くない
@ginpei
ginpei / _work_image_fields.html.haml
Last active August 29, 2015 13:56
.nested-fields
= f.input :file, as: :image_preview, input_html: { 'data-url' => work_images_path, 'data-form-data' => "{\"token\":\"#{@work.token}\"}" }
= f.input :caption
= link_to_remove_association t('simple_form.cocoon.remove_link'), f, class: 'right'
@ginpei
ginpei / gist:4d63d90620d6c28a1144
Last active August 29, 2015 14:01
HTML5 API