Skip to content

Instantly share code, notes, and snippets.

@nishinoshake
nishinoshake / restrict_word.js
Last active May 29, 2016 04:59
JSで文字数制限
function restrictString(str, restrict) {
postTxt = '...';
if ( str.length > restrict ) str = str.substr(0, restrict) + postTxt;
return str;
}
@nishinoshake
nishinoshake / restrict_row.js
Last active May 29, 2016 04:58
行数制限 | 処理がめちゃくちゃ重いので使わないほうがいい
restrictRow('.restrict-row', 3, '...');
function restrictRow(elm, row, postfix_arg) {
var target = {
$elm : $(elm),
html : $(elm).html()
},
clone = {
$elm : target.$elm.clone(),
height : 0
},
@nishinoshake
nishinoshake / facebook_feed.js
Last active May 29, 2016 05:19
Facebookフィード取得(JSのみ) | トークンだだ漏れ
getUserFeed(function(feed) {
for ( var i = 0; i < feed.length; i++ ) {
var obj = feed[i];
var text = restrictString(obj.text, 20);
var html = '<section class="fb-feed">';
html += '<a href="' + obj.link + '" target="_blank">';
if ( obj.src ) html += '<p class="fb-thumb"><img src="' + obj.src + '"></p>';
html += '<p class="fb-text">' + text + '</p>';
html += '<p class="fb-date">' + obj.date + '</p>';
html += '</a>';
@nishinoshake
nishinoshake / change_image.js
Last active May 29, 2016 05:08
画像のPC/SP切り替え
function changeImage(){
var pcSuffix = '_pc',
spSuffix = '_sp',
breakPoint = 480;
$('.resimg').each(function(){
var $img = $(this);
if ( window.innerWidth < breakPoint ) {
$img.attr('src',$img.attr('src').replace(pcSuffix,spSuffix));
} else {
@nishinoshake
nishinoshake / page_scroll.js
Last active May 29, 2016 05:06
ページ内スクロール
;(function() {
$('a[href^=#]').on('click', function() {
var href = $(this).attr("href"),
target = $(href === "#" || href === "" ? 'html' : href),
position = target.offset().top;
$('body,html').animate({scrollTop:position}, 400, 'swing');
return false;
});
})();
@nishinoshake
nishinoshake / sort_array.js
Last active May 29, 2016 05:04
JSで配列のソート
;(function() {
var array = [39, 52, 110, 9, 8, 32];
console.log(array);
//数値の昇順ソート
console.log(array.sort(function(a, b){return a-b;}));
//数値の降順ソート
console.log(array.sort(function(a, b){return b-a;}));
})();
@nishinoshake
nishinoshake / sort_object.js
Last active November 27, 2016 18:09
JSでオブジェクトのバリューでソート
;(function() {
var arr = [
{
'name': 'kimura',
'value': 56
},
{
'name': 'kaela',
'value': 2
},
@nishinoshake
nishinoshake / get_object.js
Created December 5, 2015 09:30
配列のオブジェクトをひとつづつ取り出す
;(function() {
var obj = [];
obj.push({'name': 'kimura', 'value': 56});
obj.push({'name': 'kaela', 'value': 2});
obj.push({'name': 'rie', 'value': 13});
for ( var i = 0; i < obj.length; i++ ) {
for ( var key in obj[i] ) {
console.log(key + ' : ' + obj[i][key]);
}
}
@nishinoshake
nishinoshake / export_diff_zip.sh
Created December 5, 2015 09:32
gitのコミット差分をアーカイブ
#!/bin/sh
if [ "$2" = "" ]; then
git archive --format=zip --prefix=archive/ HEAD `git diff --name-only HEAD $1` | tar xf - -C ~/Downloads/
else
git archive --format=zip --prefix=archive/ $1 `git diff --name-only $1 $2` | tar xf - -C ~/Downloads/
fi
@nishinoshake
nishinoshake / makeStandartDirectory.sh
Created December 5, 2015 09:33
よく使うディレクトリ作成
#!/bin/sh
mkdir 01_資料
mkdir 02_デザイン
mkdir 03_素材
mkdir 04_HTML
mkdir 05_納品データ