5night

[上海] 千叶网络科技 / 宅米 Ruby On Rails 工程师招募 (10-15K) & Ruby China 三年小记

5night — Tue, 24 Mar 2015 15:35:48 +0800

Hi, 各位 Ruby China 的同仁。从我在这里注册起，时间已经悄悄地走过了三年。第一次购买 Mac，是因为大家说，RoR 最好在 Mac 上开发。第一个玩具项目，是社区里推荐的《Ruby on Rails Tutorial》。第一个实际的项目上线，是类似 Ruby China 的校园社区，代码和风格都有所借鉴。第一次求实习，接到了很多朋友的鼓励和热情接待。第一次创业，毫无疑问选用 RoR 来搭建整个系统。

三年中，走的每一步都与这里息息相关。今天也是在这里，第一次招募后端工程师伙伴。

关于我们 我们是宅米，14 年 10 月开始的一个创业项目，产品技术团队均很年轻，多来自于上海交通大学。我们会成为最好的本地生活平台，连接一切需求与服务。我们在三月初获得了数百万元的天使投资，A 轮投资也基本敲定。近期项目发展很快，希望有更多的伙伴加入我们。

官网：http://zhai.me 36Kr 报道：http://www.36kr.com/p/220633.html

我们能带给你

创业期公司的发展速度与期权激励
入职配发 Mac 设备、宽屏和舒适座椅
薪资范围：10K-15K
水果牛奶零食不限量提供

我们希望你

熟悉 Ruby on Rails, 有完整的作品。
熟悉 *Nix, MySQL, 使用 Git 进行项目协作。
熟悉 RESTful API 的设计与搭建。
独立解决技术问题的能力。

如果想进一步了解，请联系：join@zhai.me 也欢迎大家回复交流意见与建议。

Chrome 扩展：知了 - 查看知乎关注话题下的最新问题

5night — Fri, 25 Jul 2014 14:34:34 +0800

「知了」让你可以在一个页面内查看在知乎上所有关注话题中的最新问题。 Chrome 商店地址

预览：

[上海] 寻求一份 Android/Rails 实习工作

5night — Wed, 09 Jul 2014 22:57:11 +0800

Hi，各位 Ruby China 的同仁。我是 5night，现在在上海读研究生。这个暑期，刚好手上没有在做的项目，也想锻炼一下自己沟通与合作的能力，所以在这里寻求一份实习工作。

关于项目：

我很喜欢动手实现一些对生活有帮助的小 idea。下面两个相对拿的出手：

有风之南一个 V2EX 风格的校园社区，这里有对有风之南的说明。
猫版贴吧签到一键签到所有关注贴吧的 Android 应用，有一万余名用户。我在这里做过一个总结。

关于我：

认真自我评价了一下，觉得这两点可能是自己最大的优点^_^

快速学习的能力

因为本科阶段不是 IT 相关专业，所以项目进行中所要涉及到的所有编程知识都是自学。除此之外，产品各个方面所需要涉及的各项能力，如 UI 设计、素材选取、海报制作、宣传等，都是学以致用且乐此不疲。
把事情做好的意愿

从配色到元素之间的安排，从文字描述到页脚的分布，从背景图片到按钮的悬停效果等等，只要涉及到提升产品体验的地方，我都愿意尽最大努力去做好。

-- 如有任何疑问，欢迎提出。如果您的公司正在招收实习生，请留下公司/产品名称与联系方式，我会把我的正式简历发送过去。

感谢阅读~

用 jQuery 加载内容，有 10% 的概率显示不完全

5night — Mon, 10 Mar 2014 11:52:36 +0800

最近在写一个日程的功能，其中显示的日程内容是由 jQuery 生成的，正常情况下应该是这样：但制作过程中发现，有大约 10% 概率的概率会出现这样的结果：

日程会少一个，而且少哪个也不确定。应该是 jQuery 加载不完全的缘故，但不知道如何避免，请问大家有没有遇到过类似的问题，或者如何才能找到原因？

简化版相关代码：

add_calendar = (info, order) ->
    jQuery('<div/>'
    {
            #属性设定 
    }).appendTo('.' + day_class)

$ ->
    for each,i in $('.calendar-info')
        add_calendar($('.calendar-info').eq(i), i)

完整版相关代码：

add_calendar = (info, order) ->
    top = cal_height(info.attr('data-start_time').split(' ')[1])
    height = cal_height(info.attr('data-end_time').split(' ')[1])
    top_str = 'top:' + top.toString() + 'px;'
    height_str = 'height:' + (height - top).toString() + 'px;'
    line_height_str = 'line-height:' + (height - top).toString() + 'px;'
    day_array = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    #每周事件
    if info.attr('data-frequency') == '1'
        start = parse_day($.trim($('.calendar-time').text()).split(' ')[0])
        cal_day = parse_day(info.attr('data-date'))
        for i in [0..4]
            if (((start - cal_day) / 86400000) % 7 == 0) && (cal_day <= start)
                day_class = day_array[cal_day.getDay()]
                break
            else
                start.setDate(start.getDate() + 1)
    #仅此一次
    else if info.attr('data-frequency') == '0'
        day_class = info.attr('data-date').split('-')[1] + '-' + info.attr('data-date').split('-')[2]
    #每双周
    else if info.attr('data-frequency') == '2'
        start = parse_day($.trim($('.calendar-time').text()).split(' ')[0])
        cal_day = parse_day(info.attr('data-date'))
        for i in [0..4]
            if (((start - cal_day) / 86400000) % 14 == 0) && (cal_day <= start)
                day_class = day_array[cal_day.getDay()]
                break
            else
                start.setDate(start.getDate() + 1)
    jQuery('<div/>'
    {
            rel: 'external'
            class: ('thing' + (order % 7 + 1).toString() + ' calendar' + order + ' ' + info.attr('data-source'))
            style: (top_str + height_str + line_height_str + 'cursor:pointer;')
    }).appendTo('.' + day_class)

    jQuery('<div/>'
    {
            class: 'thing-text calendar-text' + order
            text: (info.attr('data-title'))
    }).appendTo('.calendar' + order)
    jQuery('<div/>'
    {
            class: 'attach'
            text: info.attr('data-location')
    }).appendTo('.calendar-text' + order)


$ ->
    for each,i in $('.calendar-info')
        add_calendar($('.calendar-info').eq(i), i)

淘宝的正确打开方式

5night — Sat, 22 Feb 2014 00:00:34 +0800

偶然起兴，想搜集一下淘宝有什么有趣的、新奇的玩法，于是有了本文~ 玩法收集而成，凡有其他作者的，均已标注。

1.小食查询——天下美食，尽入我毂中矣~ 作为吃货，首先动念的自然是吃的啦。比如心血来潮，想品尝一下四川小吃，除了亲临天府之国饕餮一番，还可以打开淘宝，输入“四川小吃”，选择一家信誉较好的店面，不仅可以了解四川有哪些“脍炙人口”的小食，照片、介绍、评价、做法一应俱全，可能比当地朋友的介绍更详细~

2.还价参考——少坑点可乎？家中购置电子产品如手机时，我会作为父母的后方咨询，提供型号、价格方面的建议。他们虽然经常会忽视掉我之前挑选好的型号（T_T），接受导购员的建议，我至少可以保证在价格上不会差的太多。具体做法是查询特定型号的价格，然后在网购价格的基础上略增加一些作为己方的价格底线，虽然贵点，至少不会太夸张（忧伤的故事）。

3.万能词典——支吾之，不如淘宝之~ 来源：匿名用户@知乎匿名用户@知乎在银行、机场办票时会看到分割队伍用的东东（如下图）

想要知道这个东西的名字，Google 和百度都会稍显困难，但是在淘宝上搜索“银行排队”，马上有答案~ 原因在于，淘宝卖家会费尽心思的帮顾客更快找到感兴趣的东西，所以仔细斟酌关键词，我们只要“跟着感觉走”就好。除了页面上有的资料之外，淘宝卖家也隐藏着巨大的能量，任何淘宝上有售的物品，均可咨询卖家，是什么/有什么用/怎么用等等，可以获得比文字之外的感性认知，奇闻轶事乃至小道秘闻，均有可能哇~ 当然最后要是顺带买一份就皆大欢喜了 O(∩_∩)O~

4.素材库——灯光、音响、淘宝，准备！来源：Chie@知乎林一@知乎画画时可以把淘宝当做素材库找参考图使用。比如想画美腿就搜索“丝袜”。（此句归属于 @Chie，未做任何增删改查…），物品的拍摄角度都非常齐全，比图鉴书还强。建筑专业的学生，做效果图、分析图经常会需要一些不好找的图片，可以上淘宝查查，而且拍的都还特别好。

5.详细参数——想不出来了 orz 来源：王雨萌@知乎赵子轩@知乎二月不减肥，三月徒伤悲。一位正在瘦身的女孩想要知道一个散装称重的旺旺雪饼是多少克多少热量的时候，淘宝就派上用场了。只要查询旺旺雪饼就好。作为苦逼的工科生，有时候会需要一些标准件参数或者性能，这时候你就会发现百度各种不给力，而淘宝应有尽有。

感谢阅读~ 你还知道哪些关于淘宝的有趣的玩法么？欢迎交流~ Anyway，愿你有一双善于发现的眼睛和追逐趣味的心。

社区还未正式上线，先发出来给大家看看

5night — Sat, 30 Nov 2013 13:09:53 +0800

有风之南是我在做的一个校园社区，是我的第一个 Ruby on Rails 程序，也是第一次做前端，所谓“全端工程师”O(∩_∩)O~

这次没有太多的创新，基本是 V2EX-style，就是想给身边的人建一个可以自由交流的地方，如果同时不算难看，就更好了。

开发了也有将近一个月了，RoR 学习和开发都很令人愉快，欢迎大家试用，欢迎各种意见建议~~

还在备案，域名不能访问，就先放 IP 吧：

http://112.124.33.10/

测试账号与密码（之前写错了，汗汗）： ruby@ruby.com rubyruby

常用的前端设计工具分享

5night — Thu, 28 Nov 2013 10:03:45 +0800

http://www.colourlovers.com/

网页背景图、配色搭配、颜色选取都涵盖，因为自己的设计风格（太不谦虚了）比较素，所以使用的不多。
国内常用这个网站的是catfun.me，背景图选择都是这个网站的资源。

http://www.colordic.org/w/

一个取色的网站，我给的这个分页叫“和色大辞典”，有很多不错的颜色。还提供颜色按使用量排行等功能。

http://www.colorhexa.com/

一个查看色彩的网站，输入一个颜色的代码（支持类型很多），可以查看颜色的补色，类似颜色，分色，从浅到深渐变等等。做渐变效果等很有用。

http://subtlepatterns.com/

设计一件令人头疼的实情就是找背景。这个网站提供了各式各样的背景图片，你还可以按分类查看。妈妈再也不担心我的背景图找不到啦！！

https://www.iconfinder.com/

需要图标时，不妨来这里查查关键字。最近上线了收费图标功能，你可以直接向设计师购买图标的使用权。

http://dribbble.com/

寻找灵感之地，平时逛逛可以提高品位~

欢迎补充~

域名可 ping 通，ip 也可以访问，但是域名不能访问

5night — Wed, 27 Nov 2013 18:46:25 +0800

部署无趣且充满挫折感= =# 远没有开发开心，被 Rails 惯坏了。。。

请教一下：只有 IP 可以访问而域名不可以。。 DNSPOD 设置如下：

第二个问题找到原因了，查 stackoverflow 中。

已解决，备案后才能访问

试玩了一下 semantic-ui，感觉还不错

5night — Sun, 03 Nov 2013 01:22:52 +0800

http://semantic-ui.com

https://github.com/jlukic/Semantic-UI

devise:即使填入数据，也一直提示 “不能为空”

5night — Fri, 25 Oct 2013 01:54:35 +0800

一直提醒“用户名不能为空字符，Signature 不能为空字符” 去掉 presence: true 后数据库中仍旧为空，遍查 stackoverflow，发现两个：

http://stackoverflow.com/questions/10907947/devise-gives-me-an-email-cannot-be-blank-error-even-though-email-is-not-blank

http://stackoverflow.com/questions/17256496/why-does-devise-keep-asking-me-that-the-name-cant-be-blank 情况也不相同，其中有一个似乎到最后都没有解决。。。

view:

<div class="control-group">
    <label class="control-label">用户名</label>

    <div class="controls">
        <%= f.input :nickname, label: false %>
        <div class="hint">请使用字母和数字，4位至10位</div>
    </div>
</div>

<div class="control-group">
    <label class="control-label">签名</label>

    <div class="controls">
        <%= f.input :signature, label: false %>
        <div class="hint">test</div>
    </div>
</div>

<div class="control-group">
    <label class="control-label">E-mail</label>
    <div class="controls">
        <%= f.input :email, label: false %>
        <div class="hint">请输入常用E-mail，便于登录和找回密码</div>
    </div>
</div>

debug:

--- !ruby/hash:ActionController::Parameters
utf8: ✓
authenticity_token: et2G/Hl8K8qIdfJh6qszhG/bTotFDSnDpPqJMPHY8Zg=
member: !ruby/hash:ActionController::Parameters
  nickname: lalala
  signature: lalala
  email: 1@2.com
  password: lalala
  password_confirmation: lalala
commit: 注册
action: create
controller: devise/registrations

member.rb

class Member < ActiveRecord::Base
  # Include default devise modules. Others available are:
  # :token_authenticatable, :confirmable,
  # :lockable, :timeoutable and :omniauthable
  devise :database_authenticatable, :registerable,
  :recoverable, :rememberable, :trackable, :validatable


  VALID_NICKNAME_REGEX = /\A[a-zA-Z\d]+/

  validates :nickname,  presence: true  

  # ,
  # format: { with: VALID_NICKNAME_REGEX }, 
  # length: { minimum: 4,maximum: 10 },
  # uniqueness:  { case_sensitive: false, message: "已被注册" }

  validates :signature,  presence: true  

  VALID_EMAIL_REGEX = /\A[\w+\-.]+@[a-z\d\-]+(\.[a-z]+)*\.[a-z]+\z/i
  validates :email, presence: true,
  format: { with: VALID_EMAIL_REGEX },
  uniqueness:  { case_sensitive: false, message: "已被注册" }


  validates :password, length: { minimum: 6 }
  mount_uploader :avatar, AvatarUploader

  STU_NUM_REGEX= /\A(\d[0-2][\d]{4}[2,9]\d{3})\z/
  validates :student_number, length: { minimum: 10,maximum: 10 },
  format: { with: STU_NUM_REGEX }, allow_blank: true

end