Perfect Freeze!

Oh My 2018

2018-12-31T00:00:00-08:00

Summary

変わる世界、変わらない私。

Moments

2 第一次在国外过年，跨年的时候正好在面 Tumblr

3 和郑老板的自由女神像之旅

3 HackNYU First Prize

3 Frank 走了

4 和腾壕、岛娘的日本 LongHash Hackathon

5 买了吉他

5 西海岸旅行

6 开始在 Tumblr 写 iOS

7 Miku Expo 2018

8 搬家

9 换了纽约州驾照

9 秋招开始

10 第一封 Offer，来自 GrubHub

11 Chara Expo USA

11 决定当一名 Googler 了

12 决战 C95（三日）

Input & Output

+ Sony RX100 VI

- iPhone 7 Plus (Jet Black)

+ iPad Pro 12.9-inch (Space Gray)

- iPad Pro 10.5-inch (Silver)

+ Sony WH-1000XM3 (Gray Silver)

- Sony MDR-1000X (Gray Silver)

Numbers

9,567 photos
0 posts (?)
2,853 twitter followers
760 instagram followers
11 books
245 contributions (only on GitHub)

Hall of Fame

年度 iOS 应用：Picsew
年度 Mac 应用：Alfred 3
最喜欢的游戏：N/A
最喜欢的番剧：少女☆歌劇レヴュースタァライト
最喜欢的歌手：N/A
最喜欢的歌曲：N/A
离不开的设备：iPhone X

The Next

写完 One Clock！
努力找到另一半😘（真丢人，退群吧）

PS：拖这么晚才发的原因是升级了系统 Ruby 挂了…没法生成静态网页

Oh My 2017

2017-12-31T00:00:00-08:00

Summary

合縁奇縁一期一会

Moments

1 在箱根，第一次泡温泉

2 在杭州见了 61，聊了独立开发

3 渡鸦被百度收购

3 有学上了

4 和工藤去了趟香港

4 香港回来的第二天骑摩拜摔断了腿

5 深圳，@Swift Conf，当了次主持

5 辞职回家

6 美国面签

7 补牙

8 ✈️ 去大美帝

9 拿到了新泽西驾照

10 万圣节

11 北美音游群聚会

12 无尽的作业和大作业

12 暴雪

12 决战 C93

Input & Output

+ iPad Pro 10.5-inch (Silver)

- Sony Z5 Dual (E6683)

+ Sony WI-1000X (Black)

+ iPhone X (Space Gray)

- iPhone 7 Plus (Jet Black)

Numbers

7,481 photos
4 posts
2,535 twitter followers
632 instagram followers
6 books
178 contributions (only on GitHub)
Maybe… almost wrote PHP & Java in this year

Hall of Fame

年度 iOS 应用：GoodNotes 4、BanG Dream!（バンドリ！）
年度 Mac 应用：OmniFocus for Mac、Airmail 3
最喜欢的游戏：Sound Voltex
最喜欢的番剧：月がきれい
最喜欢的歌手：豚乙女、FELT（又回到了车万？）
最喜欢的歌曲：シュガーソングとビターステップ、打上花火、Shiny Ray
离不开的设备：iPad Pro with Apple Pencil

The Next

找到一个好点的 Intern
多写一点 Side Project（17 年基本没怎么写）
努力找到另一半😘

免路考，用中国驾照换新泽西驾照

2017-10-02T00:00:00-07:00

虽然说有很多很多篇文章¹²³总结过了如何用中国驾照在 NJ 换取驾照，但是每次看到日期都是 15、16 年的时候，心里总是没有一点底。直到自己亲身实践拿到驾照（2017.09.28）之后才长叹一口气。这篇文章把所有关键的点再来总结一下，应该是全网最最最具体的 QA 解答了吧。

去哪里换

答案只有一个，North Bergen 的 DMV。其他 DMV 都已经没法再用中国的驾照免路考换了。

地址：8901 Park Plaza, North Bergen, NJ 07047。

怎么去

如果你在 NJ，直接公交或者朋友开车送你去吧。

在 NY 的同学可以坐地铁到 42 街下车，去 Port Authority Bus Terminal 买一张 NJ Transit 的公交票，到 Bergenline Ave 或者 Fairview Ave & Grand St 下车。步行就能到 DMV 啦。

准备材料

重中之重。准备好符合 New Jersey 的 6 Points ID Verification。NJ MVC 的官网同时也有计算器来帮助大家查看证件。

自己带了如下的 ID 证明文件：

Passport
I-94
I-20
Student ID Card
University / College Transcript
Social Security Denial Letter / SSN Card
Bank Statement (in 90 days)
Debit Card

此外，需要提前准备好中国驾照以及对应的翻译公证证明。具体可以点进这个链接。

关于笔试

和国内考科目一和科目四差不多，在 NJ 是从 50 道题中回答对 40 道就算通过了笔试。

准备笔试题目一定要好好通读 MVC 官方的 Manual。如果想再做做题目的话安利 https://driving-tests.org 这个网站。虽然题目不全但是能熟悉一下很多数字和题型。

换驾照流程

最繁琐的事情就是考试当日的操作。先看一下 North Bergen DMV 的平面图。

进门右转到 Reception，和工作人员说过来考理论，领表，填写完整。注意是选择初次。
到 ID Check Area，检查 6 分证明并提交表格。人多的时候会给一个小牌子，让你在休息区等人叫号，否则直接到休息区中间的队伍排队。
轮到你的时候到某个窗口，重新检查 6 分证明。交钱、拍照，领一张考试的许可证明，可以去考试区右边排队了。
叫到号之后在 Vision Test Area 进行视力检查。通过之后关掉手机进考场考试。
通过考试后工作人员会叫你过去。把翻译公证件给工作人员查看，通过后会给一张领驾照的单子。
填写完整之后重复步骤 2 和 3，拿到驾照。

整个换驾照的时间会比较的漫长，最好填饱肚子再去比较合适。不过边上就有 Burger King 还是很人性化的。

写在申请季之后

2017-05-09T00:00:00-07:00

立夏，也立了自己的目标。交完了 500 刀的占位费，自己的内心也不再这么迷茫，决定了，就是 NYU 了。

背景

正如很久没有改过的简介页面写的那样，大四的时候就有出国的打算了。可是也恰好就在这时查出了自己的心脏有先天性的问题¹，在 12 月的生日前时候做了个心脏手术。家里也因为这个原因坚持让我在家里修养一年，等治疗稳定了再出国上学。考虑到身体的问题，自己也是默默的妥协了。

毕业之后进了一家不大也不小的公司，忙的时候忙，闲的时候也闲。这一年下来病情也没有再次发作，也就是说经历了手术之后已经完全治愈了²。伴随着家里的催促声和自己在心底的阵阵呼喊打气，下定了决心，继续踏上求学之路。

准备

美帝求学的准备材料还是比较复杂的。作为一个已经毕业的工作狗，申请的要求会和在校时期准备的内容有细微的差别。具体的话包括了以下列举的几大内容：

大学阶段的中英文成绩单（GPA）：学校或者是学位网认证过的，可能需要官方的信封邮寄；
大学的中英文学位和学历证书：能够证明你毕业和你的专业；
TOEFL 成绩；
GRE 成绩；
CV：个人简历；
PS：个人陈述，所谓的文书；
RL：推荐信。

对于工作狗，可能需要专门再回一趟学校来准备成绩单和学历学位证书（自己是在毕业的时候就提前准备好了）。如果说没有考 TOEFL 和 GRE 的话，恭喜你，在中国抢考位的难度堪比 12306 春运时期的抢票。所以前四样是越早准备越早考完就好。自己的 GPA 和 T、G 成绩都不怎么好看，在这里就不透露了（捂脸）。

关于最后的三样，其实是用来弥补之前 GPA 或者考试成绩的一些不足。CV 能提现出一个人的经历和获奖情况；PS 也是一方面表现自己，另一方面也要提现出求学的渴望，对未来学校和工作的期望；RL 能够请到好的导师或者是上级来帮自己证明实力，那是最好不过的了。

Tips：这些材料的准备多多少少得花一段时间进行准备，尽早是最好的！

撇开成绩的问题，准备材料中遇到几个问题会让自己很头疼：

工作狗的 CV 经常会改：自己做过的项目和内容在不断变化，得写自己最最最擅长的东西；
PS 的内容因为学校的不同而作适当的调整，最好是先写一个大致的框架，根据学校和专业的不同往上面填东西；
推荐信找不到老师来帮你写🤣，或者说老师们都懒得写；
有的学校可能会要求 WES 的成绩认证或者学位网的学位学历公正，快递回来巨坑无比。

申请

材料准备齐全，就可以准备申请了。用一个 Excel（或者 Numbers）表格记录一下申请学校的网址，注册填写个人资料即可。部分学校需要邮寄材料的就按照指示邮寄就行

在这边还是列举一下 Tips：

使用 OmniFocus 或者一些任务管理软件跟踪申请的步骤和内容；
用一张表格或者文本替换来快速输入个人信息（比如电话、家庭信息等等）；
付款请准备好几张信用卡：有些学校的付款方式比较诡异，不认 AmEx 的信用卡；
快递的话强烈推荐顺丰、EMS 以及 FedEx；
敦促你的导师或者是上级在填写完申请后快点发推荐信😄。

等待和收获

一月份的时候在日本提交了所有的申请。本以为填表是一件枯燥乏味的事情，结果发现每天刷邮件才是一种真正的煎熬。盼星星盼月亮，每天早上起来都会去邮箱里看一下有没有学校给自己发 Ad。三月，终于在吃了一连串拒信的时候来了第一封 Ad。

最终：

Decision: CS@NYU Tandon
Ad: CS@NEU, CS@UPenn, CS@NYU Tandon
Rej: CS@NYU GSAS, CSE@USC, CS@UCI, CSE@NEU, CS@Rice
Pending: CSE@CMU

不是很好看的成绩，但是对得起自己的付出了吧！

还没有结束

申请季结束，也是意味着自己人生的一个新的开始。

即将辞去工作，重新拥抱学校的学习生活。

又是一个人，一座陌生的城市，一段奇妙的旅程。

具体的心脏问题叫「阵发性室上性心动过速（Paroxysmal supraventricular tachycardia，PSVT）」，是由心室之外的其他心肌组织发放电冲动所引起的规则且快速心动（每分钟 160 到 200 次）、突发或突止的心律不齐。 ↩︎
大约有 3% 的可能性是手术后一年内可能需要再次手术或者植入心脏起搏器。 ↩︎

装了啥 | 其实我也不知道手机里装了啥，直到写了这篇文章

2017-04-27T00:00:00-07:00

本文首发于少数派，原文链接：https://sspai.com/post/38970。转载请说明出处。

Q1. 简单介绍一下你自己。

大家好，我叫 Cee。现在是一名开发工程师（大概算半个 Growth Hacker），也是一名独立开发者。现在在渡（bai）鸦（du）工作，即将出国继续读 CS 方向的研究生。

Q2. 哪些 App 对你的工作 / 学习 / 生活最重要？（提供一下你的主屏，列举一些 App，建议不超过 3 个）

主屏幕上的 App 并不是特别的多，主要分为几类：社交、照片、支付、日常以及娱乐。可以说这些应用基本上每天都会打开一下。最最最常用的可能就是放在 Dock 上的四个应用：Expense、Telegram（自己在用 Swift 重写的 Beta 版本）、OmniFocus 以及 Safari。不要介意主屏幕上有那么多小红点，自己对他们并不感冒。

Q3. 那么，能否具体说说你是如何使用这些 App 的呢？

首先介绍一下 Expense。Expense 是让我一直坚持记账的一款软件。它的界面非常的清爽简洁，而且只有记账功能，并不像其他的记账应用花里胡哨，还有各种广告。当你吃完饭、买买买刷完卡的时候，使用 Expense 记上一笔，就知道这个月——又没钱了。

其次是 Telegram。作为一款需要〇〇的实时 IM 软件，无论从界面还是功能来说，Telegram 都秒杀微信、QQ 几个大街（尤其是贴纸表情的管理）。当主要的联系人都在 Telegram 上后，你就发现开微信和 QQ 也就只有谈工作上的事情了。~~如果说 Telegram 再支持个收付款的功能，那就更好了。~~

OmniFocus，一款老牌的 GTD 应用。在 Mac 上也有对应的版本可以下载。用于生活和学习的任务管理。对于自控能力比较差，或者是经常忘记做事情的同学来说，OmniFocus 绝对是神器。少数派也有太多太多介绍 OmniFocus 的文章了，这里也不再赘述。

剩下来的一些 App 再介绍一下：

Social 文件夹：全是聊天工具或者消遣的 App，除了 Tweetbot 用的多把它放在外面之外，剩下的都在里面；
Photos 文件夹：处理图片，比如有 Instagram 家的三件套，拼长图的工具 Picsaw、Tailor 和 LongScreen（都很推荐），微软的 Lens 适合把照片或者名片电子化；
Credit 文件夹：银行讨债用，日常浦发抽积分；
Alipay：人人喊打，但是要买个东西付个款你还得用；
Tweetbot：刷推；
Lightroom + Instagram + Swarm：签到，拍照，记录生活；
网易云音乐：日常上下班听歌，或者开 Castro 听 Podcast；
Dropbox + Paper：文件共享和协作；
Youtube：看 Unbox Therapy 等等视频；
Calendars 5 + Mail：处理工作日程和邮件；
Reeder：订阅 RSS，知识和信息的获取来源。

Q4. 推荐一个让生活更美好的物件？

不得不提的是 Sony MDR-1000X。隔音的效果太好了，能在上班的时候减少很多外界的干扰。同时如果喜欢听歌的话，1000X 的音质也是不用说的，效果棒棒哒！

Q5. 分享一个改善生活的小习惯。

睡觉前戴一下花王的蒸汽眼罩，第二天会发现睡得特别的好！

Q6. 说一个你很喜欢、但还少有人知道的 App。

Euclidea。非常小众的一款智力游戏，就是尺规作图。无聊的时候可以玩玩，挑战自己的脑力极限。他们家还有个好玩的智力游戏叫作 Tchisla（希腊文中「算数」的意思）。

Q7. 在你订阅的付费服务当中哪一些是不可或缺的？

列个列表吧：

iCloud Drive：用来同步我的照片（这个人照片太多了）；
PlayStation Plus：每个月都有想玩的游戏；
Apple Developer Program：没有这个我就要死了。

Q8. 有什么自己用过 100 元以内提升自己生活品质的好东西吗？

MUJI 的靠枕和证件包。靠枕在这篇文章中有说明；证件包自然就是能帮助我收纳护照、证件的一个非常大的夹子，出国旅行的时候特别有用。

Q9. 厚颜无耻地问一下怎么联系你？

Telegram: @Ceeee
Twitter: @Ceecirno
Blog: Perfect Freeze
Mail: ceecirno#gmail.com

Oh My 2016

2016-12-31T00:00:00-08:00

Summary

家畜の安寧虚偽の繁栄死せる餓狼の『自由』を！

Moments

1 @Swift Conf

1 抑郁

2 和少将、迷子去南昌找球球玩

2 拿到驾照

3 重新开始玩 Project Diva

3 鸡鸣寺赏樱、夜游

4 日本毕业旅行🇯🇵

5 莫名去了武汉

5 在大剧场举办的学园祭

6 毕业🎓

7 突然决定来帝都，加入了渡鸦

8 送走出国的大学同学，还有小萌

9 マジカルミライ 2016

10 Release inFlow

10 四十八小时参加了两场 Hackathon

11 Release QReader

11 北京雾霾，机场半日游

11 Release Raven H-1

12 Release fin.

12 Celebrate 🎂21 w/ 羽喵

12 Release 12 Dogs

Input & Output

- Sony Z3 (l55t)

+ Sony Z5 Dual (E6683)

+ PSV 2000

- iPhone 6s Plus (Rose Gold)

+ Sony MDR-1000

+ PSV 1000

- MacBook Pro (Mid 2014)

+ iPhone 7 Plus (Jet Black)

+ MacBook Pro (Late 2016)

Numbers

4,025 photos
12 posts
2,205 twitter followers
466 instagram followers
11 books
663 contributions (only on GitHub)
46,526 lines of code
- Objective-C
- Swift
- Shell Scripts
- JavaScript
- HTML
- Python

Hall of Fame

年度 iOS 应用：OmniFocus、Workflow
年度 Mac 应用：One Clock、OmniFocus for Mac、IA Writer
最喜欢的游戏：INKS.
最喜欢的番剧：Black Mirror SE3、吉祥寺だけが住みたい街ですか？
最喜欢的歌手：ナノ、fhána
最喜欢的歌曲：STYX HELIX、夢灯籠、前前前世、生きていたんだよな、恋、何者
离不开的设备：MacBook Pro with TouchBar

The Next

Go abroad for further study
Fight for freedom
Earn more money in less time
找一个专属的画师
出门五次以上

写给 2017 的你和我

2016-12-29T00:00:00-08:00

青春が終わり、人生が始まる。

每个人都更容易被满足：

踏入社会，无论是工作还是继续深造学习，如果能通过知识或者金钱的积累满足每个人的愿望，那就最好不过了。
不断最大化个人的利益：

可能站在一年前或者两年以前，我一定会说先满足集体利益再考虑自我。但是站在现在的这个节点看来，满足自己的利益不被集体损害要优先于其他任何事情。未来可是在自己手里。
继续努力追求自由：

写给仍被关在学校中学习的你，亦或是感觉上了一年班依旧感觉两手空空的你。无论是精神还是物质上的自由，我们都需要去不断努力追求。今年自己做的几个决定¹，可能都比较鲁莽和草率，但是离自己想要的自由的生活却越来越近了。
还能有梦想，还敢去想：

脚踏实地地做事，但是眼（da）睛（nao）看到的地方要远。
多找老司机聊天：

找到一个知心的老司机与你分享 ta 的人生经验是一件绝妙的事情。今年得谢谢小明和谦哥，又一次改变了自己的人生和价值观。

最後、あけおめ。

做决定及其他

2016-12-27T00:00:00-08:00

在去年年末写总结的时候，自己曾经写下「希望今年一年做决定能够更加的果断和勇敢」之类的话语。现在看来，的确是做到了一部分，但少些时候依旧会变得很被动、优柔寡断。分门别类，有两种情况：

一，是涉及集体时所做的决定。根据囚徒困境理论，现实就是一个非零和博弈，个人的理性选择往往会导致集体的非理性结果。并且，在赵国往往有着「吃力不讨好」的说法，所以在这时做的决定往往是基于感性，而非理性。

二，是涉及复杂影响因素和未来导向的决定。比如曾在十月份纠结「出国还是工作后再出国」。这个决定涉及家庭环境、未来自己的出路（比如，大家都很关心的…钱？）等等。做这种决定时，自己还是喜欢找人讨论后再小心谨慎地去做。

最近很受伤，于是昨晚发了条推：

@Ceecirno: 想了想，自己還是喜歡當一個「好」人。即使付出了努力被別人指責，退一步來說，還是要相信會有美好的回報和未來吧。

在夜里，她轻声哼唱着安慰自己，相信在这个世界上总会有人心疼自己，于是便也有了这首「宝贝」。多少年过去，不知是否真正找到了那个疼她人，但是这首歌却安慰了多少个孤独的孩子和多少受伤的心。

张悬：很多人喜欢「宝贝」这首歌，给我的回馈是，会对女儿唱这首歌、对情人唱这首歌、对父母唱这首歌，但他们从来不对自己唱这首歌，没有人会把自己当宝贝。我突然觉得大家对於自由、简单或是实现梦想充满了期待跟最后一点的无助，而那个无助让你感到退却或自卑。

一个在 Swift 3.0 下关于 KVO 和 Cocoa Bindings 的坑

2016-11-23T00:00:00-08:00

前段时间好好的看了一下 Cocoa Bindings，然后做了一个最基本的 Demo：三个 NSSlider 控制一个 NSColorWell 的颜色变化。结果发现无论怎么拖动 slider 都无法改变 well 的颜色。代码如下：

var r: CGFloat = 0.0
var g: CGFloat = 0.0
var b: CGFloat = 0.0

dynamic var color: NSColor {
    return NSColor(srgbRed: r, green: g, blue: b, alpha: 1)
}

class func keyPathForValuesAffectingColor() -> Set<String> {
    return Set(["r", "g", "b"])
}

今天有空的时候又重新研究了一下，发现 Swift 里面 KVO 有两个坑：

被观察的属性应该是 dynamic 的；
keyPathForValuesAffecting<Key> 在 Swift 下面被改方法名了。

很好奇的是，第二点官方也没有说明，API docs 里面也是 no diff 的状态。

修改后代码如下：

dynamic var r: CGFloat = 0.0
dynamic var g: CGFloat = 0.0
dynamic var b: CGFloat = 0.0

dynamic var color: NSColor {
    return NSColor(srgbRed: r, green: g, blue: b, alpha: 1)
}

override class func keyPathsForValueAffectingValue(forKey key: String) -> Set<String> {
    guard key == "color" else {
        return Set()
    }
    return Set(["r", "g", "b"])
}

重新理解 Monad

2016-11-08T00:00:00-08:00

对于大多数刚刚入门函数式编程的同学来说，monad（单子、又叫单体）可能是这里面的一道坎。你可能对 map、flatMap 以及 filter 再熟悉不过，可是到了高阶的抽象层次上就又会变得一脸懵逼。其实每个人在学习的阶段都会经历这个过程，不过希望这篇文章能让你重新理解 monad 以及其他相关的概念。

Optional

Swift 作为一门类型安全的强类型语言，它在编译阶段就会对你的数据类型进行比较多的检查。因此，在 Swift 中我们遇到了一种新的数据类型，叫做 Optional。它的定义如下：

public enum Optional<Wrapped> : ExpressibleByNilLiteral {
    case none
    case some(Wrapped)
}

Optional 是个枚举类型，可以看到它有两个值：none 以及 some。简单点讲：

值要么存在（presence），要么不存在（absence）。

这也就意味着 Optional 可能是包含了一个某个类型的值（some），也可能是什么都没有（none）。在这里，Optional 就是个容器（container）。

对于基础类型，在其后面直接加上 ? 就代表了这就是个可选值类型（Optional value）。默认值即为 Optional 的预设值 nil（区别于 Objective-C）。

判断一个可选值是否为空，我们通常会采用 if let 的写法来解包（wrap an optional）。

if let value = value {
    // if value != nil
} else {
    // value = nil
}

Map

基础类型的 map 函数调用是非常简单的：

let ages = [20, 40, 50]
let tripledAges = ages.map { $0 * 3 }
// tripledAges = [40, 80, 100]

如果对于 Optional 呢？

let price = Optional(20)
let doubledPrice = price.map { $0 * 2 }
// doubledPrice = Optional(40)

let nilPrice: Int? = .none // equals to `nil`
let doubledNilPrice = nilPrice.map { $0 * 2 }
// doubledNilPrice = nil

我们发现，map 函数作用在 Optional 上时：

值存在（.some）：值类型 Optional(Int)，返回值类型 Optional(Int)；
值不存在（.none）：返回值等同输入（nil）。

map 函数定义在 Optional 上，最大的好处就在于空值（nil）的处理，不需要我们再去使用 if let 解包（空值并没有乘法运算）：

let nilPrice: Int? = .none // equals to `nil`
var doubledNilPrice: Int?

if let nilPrice = nilPrice {
    doubledNilPrice = nilPrice * 2
} else {
    doubledNilPrice = nil
}

因此：

map 只对值存在的可选值进行处理。

map 通常的表示方法：

func map<U>(_ f: (T) -> U) -> Container(U)

在这里，容器 Container 就相当于 Optional，泛型 T 和 U 均为 Int 类型。在处理完 Int 值后 map 函数就把 Int 型转换成了 Optional(Int)，并返回。

Async Callback Trouble

处理异步的网络请求是一件痛苦的事情。你一定碰到过：

typealias CompletionBlock = (_ data: Data?, _ response: URLResponse?, _ error: Error?) -> Swift.Void

// Callback
if error != nil { 
    /* Dealing with network errors */ 
}
if let json = parseToJSON(with: data) {
    /* Dealing with parsing errors */ 
}
/* Dealing with JSON mapping errors */
/* Dealing with other errors */
/* WTF! 💩 Sh*t! */
/* Finally, with success */

为什么我的异步回调就没有一种方式能够告诉我在哪里出错了呢？方案其实也很简单，我们先在定义一下异步处理的结果（Result）：

enum Result<T> {
    case success(T)
    case failure(Error)
}

有没有发现 Result 类型很像 Optional？没错。它能包含一个成功的返回值；也能在没有返回值时提供一个错误消息。

我们也同时希望 map 能帮我们处理 Result：如果有结果，就从 JSON 转换到 String、再转换到其他类型；否则返回错误信息。

这样的 map 函数怎么写呢？不妨先来看一下：

func map<U>(_ f: (T) -> U) -> Result<U> {
    switch self {
    case let .success(value):
        return .success(f(value))
    case let .failure(error):
        return .failure(error)
    }
}

举个最基本的例子，我们希望将返回的 JSON 转换成 String，那在这里，map 所接受的高阶变换 f 就是一个 JSON -> String 的函数。调用时，Result<JSON> 就会通过 map 最终转换成 Result<String> 类型。

看上去很不错！

Functor

在了解 monad 之前，我们先来了解一下它的孪生兄弟：functor（函子）。

从上面的例子中可以看到，在调用 map 函数后，我们还会把 String 类型的结果封装成了一个可选值 Result<String>。

像这样能够从容器（Container，这里即 Result）中取出元素，并通过某个函数将其转换成可以再次被容器包装的结果的类型就称之为 functor。

还有些不懂？没事，暂时就先记住有 functor 这么个玩意儿。

FlatMap

重新回到之前 JSON -> String 的例子上来。假设我们已经将某个 json 转换成了字符串，现在需要将字符串重新格式化，那我们应该需要再调用一次 map：

func map(_ f: JSON -> Result<String>) -> Result<Result<String>>

不过我们多么希望返回的结果是个 Result<String> 的类型。不如写一个函数来解包带有两层的 Result<T>。

func flatten<T>(_ f: Result<Result<T>>) -> Result<T> {
    switch f {
    case let .success(value):
        return value
    case let .failure(error):
        return .failure(error)
    }
}

还有一点，在写 flatten 函数的时候，我们也同时考虑了在 map 函数中出现转换失败的问题。转换正确的时候的确我们的 map 的输出是个 String 类型的值，随之输出 Result<String> 进入下一层的 map；如果失败，则应当是被转换成 .failure 的结果。

将 map 和 flatten 结合一下，我们就得到了所谓的 flatMap（又称作 bind）：

func flatMap<U>(_ f: (T) -> Result<U>) -> Result<U> {
    return flatten(map(f))
}

通过 flatMap 我们可以非常轻松地处理中途出现的错误异常，并对给定类型进行多次连续的类型转换。

Monad

最后再来说什么是 monad。Chris Edihof 曾在他的文章中指出：

如果可以为某个类型定义它的 flatMap 方法，那么这个类型通常就是个 monad。（If you can define flatMap for a type, the type is often called a monad.）

在这里，我们通过 map 和 flatten 实现了 Result 类型的 flatMap。此时，我们就可以说 Result 这个类型就是一个 monad。

Deal with Monad

到现在你就可以非常轻松地处理你的异步请求了。

func toString(_ data: Data) -> Result<String>
func toInt(_ str: String) -> Result<Int> 
func toImage(_ num: Int) -> Result<UIImage>
func applyBlur(_ image: UIImage) -> Result<UIImage>

// WOW!
toString(data)
    .flatMap(toInt)
    .flatMap(toImage)
    .flatMap(applyBlur)

Summary

重新回顾一下 map 和 flatMap 在 Result<T> 上的工作方式：

Functor、monad 可以看作是一种运算的抽象。它们的目的都是为了更好的解决类型的封装和转换。

References

随感

2016-10-30T00:00:00-07:00

从上次 Hackathon 回来之后，逛了一些朋友的博客（比如陈叔、小萌、BlueCocoa、执一、soruly），感觉到和这些 Full-Stack Developer 的差距还是挺大的。

对自己的评价可能就如图的感受：

跪在地上：我代码不精，封装无力，架构松散，Debug 迟缓，就我这种 lowbee 还能和各位 Dalao 同在一个群，感谢各位管理员。(;´༎ຶД༎ຶ`)

和各位大大交流后，自己也思考了一下这种感觉的来源，不出意外的发现是初中和高中荒废的六年。住校期间正好是 Web 发展最最最迅猛的时代，失去了对外的联系，失去了一切接触新鲜事物的机会。

不知道对这样的过去是应该悔恨还是喜欢。一方面自然失去了很多 Coding 的机会，能力自然不足；另一方面又养成了很多 Coding 之外的爱好（不一一列举，懂的人自然懂），以及非常强大的自我学习的能力。

剩下一点住宿生活带给自己最大的慰藉在于，生活能力真的比同龄或者比我大四五岁的人高出不少。喜欢一个人思考问题，一个人独居，一个人旅游。

对了，下了班之后总感觉自己很累。欢迎晚上九点之后找我聊天。一切你知道的 IM 都可以找到我。

TouchBar 入门开发指南

2016-10-28T00:00:00-07:00

Environments / 环境要求

macOS Sierra 10.12.1 (16B2657)
Xcode 8.1 (8B62)

可以通过 https://developer.apple.com/ 获取更多配置环境信息。

Get Started / 上手实践

要实现 NSTouchBar，我们必须做下面三件事情：

继承 NSResponder
遵循 NSTouchBarProvider 协议
在 NSTouchBarProvider 协议中实现 makeTouchBar() 方法

我们都知道，NSViewController 是 NSResponder 的一个子类实现（如果对 NSResponder 的原理不了解，可以参看这篇文章）。在 NSTouchBarProvider 的定义下方，可以看到在 10.12.1 中的 NSResponder 已经遵循了 NSTouchBarProvider 协议：

public protocol NSTouchBarProvider : NSObjectProtocol {
    @available(OSX 10.12.1, *)
    public var touchBar: NSTouchBar? { get }
}

extension NSResponder : NSTouchBarProvider {
    @available(OSX 10.12.1, *)
    open var touchBar: NSTouchBar?

    @available(OSX 10.12.1, *)
    open func makeTouchBar() -> NSTouchBar?
}

所以，对于开发者来说，你要做的，就是对任何一个继承自 NSResponder 的元素，去实现 makeTouchBar() 方法。

我们来做一个最简单的 TouchBar 应用：在屏幕上随机生成两个 0 到 9 的整数，通过点击 TouchBar 中的按钮来比较两个数大小，并给出结果。完成后的效果如图：

Project Init / 新建工程

打开 Xcode，并新建一个 Xcode 工程。选择 macOS 上的 Cocoa Application，点击下一步，输入项目名称 TouchBarSample，并在勾选使用 Storyboards。在这里我们选择使用 Swift 3.0 开发。

进入 Main.storyboard，删除默认的 Window Controller 和 View Controller。我们在左边的项目中新建我们的 WindowController。选择新建一个 Cocoa Class，类名为 WindowController，继承自 NSWindowController 并勾选使用 XIB 文件。

打开 WindowController.swift，重写其 windowNibName 属性：

override var windowNibName: String? {
    return "WindowController"
}

接下来，修改在 AppDelegate.swift 中的代码，让刚刚创建的 WindowController 显示在屏幕上：

import Cocoa

@NSApplicationMain
class AppDelegate: NSObject, NSApplicationDelegate {

    var windowController: NSWindowController?

    func applicationDidFinishLaunching(_ aNotification: Notification) {
        // Insert code here to initialize your application
        let windowController = WindowController()
        windowController.showWindow(self)
        self.windowController = windowController
        
    }

    func applicationWillTerminate(_ aNotification: Notification) {
        // Insert code here to tear down your application
    }

}

再点击 WindowController.xib，拖拽组件，摆放如下图所示（一共五个 NSTextField，以及一个 NSButton）：

现在，可以转战 WindowController.swift，专注于 TouchBar 的开发了。

Implement TouchBar / 实现 TouchBar

在实现之前，先来结合文档了解一下接下来所使用到的属性和方法。

open class NSTouchBar : NSObject, NSCoding {
    // 初始化方法
    public init()
    public init?(coder aDecoder: NSCoder)

	// 用于标识自定义 TouchBar
	// 如果标识符不存在，则无法自定义 TouchBar 中的内容
    open var customizationIdentifier: NSTouchBarCustomizationIdentifier?

	// 存储 TouchBar 中不同 Item 的标识的数组
	// 分别对应了
	// 1. 可自定义的 BarItem 对象
	// 2. 不可移除的 BarItem 对象
	// 3. 默认显示的 BarItem 对象
    open var customizationAllowedItemIdentifiers: [NSTouchBarItemIdentifier]
    open var customizationRequiredItemIdentifiers: [NSTouchBarItemIdentifier]
    open var defaultItemIdentifiers: [NSTouchBarItemIdentifier]

    // 用于动态生成 BarItem
    // 需要实现 NSTouchBarDelegate 协议
    weak open var delegate: NSTouchBarDelegate?
}

其他的属性和方法在这里不再深究。通过初步了解，为了实现一个能够自定义的、最基本的 TouchBar，你需要：

给你的 TouchBar 和 Bar Item 生成标识符
告诉 TouchBar 默认会显示哪些 Bar Item
让 TouchBar 生成这些 Bar Item

给你的 TouchBar 和 Bar Item 生成标识符

打卡 WindowController.swift，在 import Cocoa 和 class WindowController 中间插入以下代码，用于生成 TouchBar 和 Bar Item 的标识符：

fileprivate extension NSTouchBarCustomizationIdentifier {
    static let touchBar = NSTouchBarCustomizationIdentifier("io.Cee.TouchBarSample.touchBar")
}

fileprivate extension NSTouchBarItemIdentifier {
    static let smaller = NSTouchBarItemIdentifier("io.Cee.TouchBarSample.smaller")
    static let equal = NSTouchBarItemIdentifier("io.Cee.TouchBarSample.equal")
    static let bigger = NSTouchBarItemIdentifier("io.Cee.TouchBarSample.bigger")
}

告诉 TouchBar 默认会显示哪些 Bar Item

有了这些标识符，你就可以自定义 TouchBar 中间显示的内容了。在 windowDidLoad() 方法下方实现 makeTouchBar()：

// MARK: - NSTouchBar
    
@available(OSX 10.12.1, *)
override func makeTouchBar() -> NSTouchBar? {
    let touchBar = NSTouchBar()
    
    // 接下来让 WindowController 实现 NSTouchBarDelegate
    // 生成 < = > 三个比较符号
    touchBar.delegate = self 
    
    // 给 TouchBar 一个标识
    touchBar.customizationIdentifier = .touchBar
    
    // 提供默认的 Bar Item 选项
    touchBar.defaultItemIdentifiers = [.smaller, .equal, .bigger]
    touchBar.customizationAllowedItemIdentifiers = [.smaller, .equal, .bigger]
    
    return touchBar
}

让 TouchBar 生成这些 Bar Item

下面来实现 NSTouchBarDelegate。通过不同的标识（identifier）可以区别不同的 Bar Item。

extension WindowController: NSTouchBarDelegate {
    @available(OSX 10.12.1, *)
    func touchBar(_ touchBar: NSTouchBar, makeItemForIdentifier identifier: NSTouchBarItemIdentifier) -> NSTouchBarItem? {
        // 生成自定义的 Bar Item
        let touchBarItem = NSCustomTouchBarItem(identifier: identifier)
        
        // 根据不同标识生成不同的 title
        var title: String
        switch identifier {
            case NSTouchBarItemIdentifier.smaller: title = "<"
            case NSTouchBarItemIdentifier.equal: title = "="
            case NSTouchBarItemIdentifier.bigger: title = ">"
            default: title = ""
        }
        
        let touchBarButton = NSButton(title: title, target: self, action: #selector(compare(with:)))
        touchBarItem.view = touchBarButton

        return touchBarItem;
    }
}

我们在这里使用了自定义的 NSCustomTouchBarItem。系统同时也提供下面几种不同的 BarItem：

NSGroupTouchBarItem
NSPopoverTouchBarItem
NSSliderTouchBarItem
NSColorPickerTouchBarItem
NSCandidateListTouchBarItem

完成剩余部分

关联组件：使用 Ctrl-drag 将界面组件拖到代码中。

@IBOutlet weak var numberA: NSTextField!
@IBOutlet weak var numberB: NSTextField!
@IBOutlet weak var resultLabel: NSTextField!

实现比较方法 compare(with:)：

// MARK: - Private Method

func compare(with symbol: NSButton) {
    let number1 = numberA.intValue
    let number2 = numberB.intValue
    var result: Bool
    switch symbol.title {
        case "<": result = (number1 < number2)
        case "=": result = (number1 == number2)
        case ">": result = (number1 > number2)
        default: result = false
    }
    resultLabel.stringValue = (result == true) ? "Correct" : "Wrong"
}

关联 Randomize 按钮，生成随机数：

// MARK: - Button Action
    
@IBAction func randomize(_ sender: NSButton) {
    reset()
}

// MARK: - Private Method

func reset() {
    numberA.intValue = randomAInt()
    numberB.intValue = randomAInt()
    resultLabel.stringValue = ""
}

func randomAInt() -> Int32 {
	return Int32(arc4random_uniform(10))
}

最后别忘了在 windowDidLoad() 中随机生成两个数。修改 windowDidLoad() 方法：

override func windowDidLoad() {
    super.windowDidLoad()
    reset()
}

大功告成！运行一下你的程序，使用 Command+Shift+5 快速调出模拟的 TouchBar 窗口测试吧！

References - 参考

官方的 NSTouchBar 开发文档：https://developer.apple.com/reference/appkit/nstouchbar
代码地址：https://github.com/Cee/TouchBarSample

写在第一次 Hackathon 之后

2016-10-17T00:00:00-07:00

序

对于一个 Hackathon 萌新来说，这一次的参赛有一些特别。因为是我：

第一次加入 hACKbUSTER
第一次参加 Hackathon
第一次同时参加两场 Hackathon😂

起

上大学的时候就想着有机会要参加一次 Hackathon。可惜老天看不上我，正准备报名某场 Hackathon 的时候让我发了病，于是就在大学期间错过了可以参加的 Hackathon。

前段时间正好和陈叔还有小萌看到 HACKxFDU 能够报名，而且毕了业的貌似也能报名（笑），就鼓起勇气试了一下。在某个周末竟然收到了入选的消息。

感觉一阵狂喜，焦急地等待官网的上线和选手的注册。结果等到周三还没有任何的通知。陈叔急了，说不如我们去参加 SF 承办的云赛空间的吧。点头后遂报名，一看日期还是同一天，自己感觉压力好大。「不过既然报了名两边就得好好做」，心想。

周五早早的到达火车站，见到了 hACKbUSTER 的另外一名 ACM 大神思宇。然而可怜的陈叔忘带了身份证，匆匆忙忙补办后一路狂奔至车厢，上车，踏上征战魔都 Hackathon 的旅程。

承

考虑到后者的奖金丰厚，我们把重心放在了 SF 的比赛上。下午到达酒店放下行李，坐地铁到 FDU 参加晚上的 HACKxFDU 的开幕式。找到 WPH 之后，商讨一下两边的 Hackathon 做什么。晚上九点确定了一下大致的分工：

重心放在明天的云赛空间的 Hackathon 上
HACKxFDU 应该会左一个类似于 CodeVS 的编辑器或者 IDE，不过适合 k12 的小朋友们使用，避免配置额外的 Runtime 环境
可能有一部分人得来回赶着 Coding

考虑到第二天要早起参加骑摩拜的开幕式，晚上就把编辑器的事情讨论到了十一点，就宾馆早点睡了（其实到了宾馆看了下如何开发 Electron App 就一不小心看到了凌晨三点多）。

周六早上七点半起来，匆忙吃好早饭打了个车赶到云赛空间 Hackathon 的开幕式会场。见到了颜值担当的主持人烧碱，莫名有种已经赚回了来回路费的错觉。在摩拜单车的 CEO 发表致辞后，一行人骑了摩拜单车来到了会场。

十点比赛正式开始，主题是「如何提升我们的城市生活体验」。拿到题目后感觉有点懵逼，不过在讨论了一些关于智能路灯、垃圾回收的主题后思路开始慢慢清晰——我们要做的是一款基于 LBS 的信息共享的应用，配合微软的认知服务（比赛必须使用，┑(￣Д ￣)┍）来增进人与人之间的感情，缩短人与人之间的距离。名字就取了个和之前 Fix++ 相类似的名字：Connect++。趁着大家都去吃饭的时候，我们团队四个人就又从云赛空间偷偷溜走，骑摩拜到地铁站去复旦 HACKxFDU 露面。算下来这十二个小时什么都没干。

到达复旦已经是下午两点。正式确认了一下两边的接下来的分配：WPH 负责 Playground 的后端实现和对接企业 SDK；我负责 Playground 的前端、App Icon 设计以及 Electron 的封装对接；剩下三位就开始做 Connect++。定下来这个小的 Playground 叫做 Delight 后，一路踩坑到了晚上九点，自己算是基本完成了前端的界面的改造设计，以及 Electron 文件的初步封装。小萌也基本上做完了 Connect++ 的设计稿，陈叔和思宇也基本接上了 Mapbox。WPH 感冒先回酒店睡觉，于是剩下四个人又打了辆车回到了云赛的比赛场地。晚上十一点，四个人分完设计稿中的内容，开始挑战编程极限。

中途 Xcode 不知道死了几次，Chrome 和 Safari 的 Tab 可能估计有 100+。到了四点在小萌做完最后一个 TagView 趴下睡觉后，我和陈叔两个人又骑了摩拜单车出去觅食。跨过不知道多少个路口，最后在一个保安的帮助下，终于找到一家 24 小时营业的 Family Mart。两人买完泡面和食物饮料后深感 Connect++ 这个 App 的重要性。回到比赛场地后继续开始修各种 Bug。五点，喝完红牛的我依旧困的不行。在后排找了八张凳子拼了个小床，倒下就躺下睡了一小时。之后陈叔和小萌又轮流睡了一会儿，恢复一下精神。早晨八点多钟，Connect++ 的开发也基本完成，WPH 也从睡梦中醒来，把最后的一点代码交给我打包进 Electron 的工程当中。

合

最后等待结果的时候人的状态是又困又紧张又兴奋的。在云赛空间我们是第⑨个上台演示的，而且自我感觉良好，无论对比前面的八组 PPT 还是后面十一组的 PPT。结果很可惜，评委老师的水平太一般，最后只拿了三等奖 1W 元和华硕的键鼠耳机套装。

知道名次拿到奖品后，听说 Delight 已经进入前九的路演环节，四人马上飞奔至 WPH 那，等待最后的结果。在复旦的食堂中睡了一个半小时后，得知 WPH 最后不幸没拿到前三（据说都是复旦的），五人就去大吃大喝了。

在虹桥睡了一晚上，小萌最后飞机没赶上，我、思宇、陈叔抱着奖品回了北京，这么两场 Hackathon 就这么结束了。

感受和吐嘈

感受

作为一个萌新第一次参加 Hackathon，第一次就在两天时间内参与了两场平行举行的 Hackathon 比赛😂。这种爆肝做项目的感觉真是好（bu）到（xiang）爆（you）。不过还是要感谢一下 HACKxFDU 以及云赛空间，更感谢一下 hACKbUSTER 的队友们：陈叔、思宇、小萌、WPH🎉。

吐嘈

HACKxFDU 的管理团队实在是好烂，没见过这么烂的。
HACKxFDU 提供的比赛场地就和狗窝一样，还有食品和饮料，简直就是和抢劫一样，实在是好烂，没见过这么烂的。
云赛的评委基本不懂技术，实在是好烂，没见过这么烂的。
云赛的其他组做的产品（PPT）做的实在是好烂，没见过这么烂的。

最后介绍一下两个 App

Delight

Learn with delight, learn with Delight. Delight is a light-weight code editor and playground that helps connect teacher with students.

Connect++

Connect ++ is a LBS information sharing platform. Simple click to share your information and simple click to view the information shared by others, we connect the citizens in this city together to build a smarter city. Furthermore, we could provide open API for public service and utilities to upload their information onto our platform, with more latest and location-related information. It could be the fundamental platform to build smarter city.

A brief introduction to grep, awk & sed

2016-08-23T00:00:00-07:00

grep, awk and sed are three of the most useful command-line tools¹ in *nix world. And this article will give you a brief introduction and basic usages of these three different commands.

grep

grep (Global Regular Expression Print) is used to search for specific terms in a file.

Different from awk and sed, grep can’t add/modify/remove the text in a specific file. But it’s useful when we just want to search and filter out matches.

Usage

Typical use

# print every line that contains the word 'test'
grep 'test' file.txt

-E / -P: Use extended / Perl compatible regular expression syntax.
-n: Show line number before each line.
-o: Only show the matching segment of the line.
-v: Print all of the lines that DO NOT match the search pattern.
-c: Show the number of the lines that contains the search pattern.
-i: Ignore case.

awk

awk is a text pattern scanning and processing language, which is created by Aho, Weinberger & Kernighan. awk is mostly used for data extraction and reporting (dealing with .csv files).

Each awk procedure can be divided into three sections:

BEGIN { ... initialization awk commands ...}
{ ... awk commands for each line of the file ...}
END { ... finalization awk commands ...}

Control flow

if (condition) statement [ else statement ]
while (condition) statement
do statement while (condition)
for (expr1; expr2; expr3) statement
for (var in array) statement
break
continue
exit [ expression ]

Built-in variables

Variable	Meaning
$0	Current line
$1 - $n	The nth field
FS	Input field separator, default value is “ “
NF	The number of fields/columns
NR	The number of records/rows
FNR	The number of records relative to the current input file
OFS	The output field separator, default value is “ “
ORS	The output record separator, default value is “\n”

Usage

Typical use

# print 1st and 4th column
awk '{print $1, $4}' file.txt

# same with 'cat file.txt'
awk '{print $0}' file.txt

-F: Set input field sparator

# print 1st and 4th column separated by ':'
awk -F: '{print $1, $4}' file.txt
# or
awk 'BEGIN {FS = ":"} {print $1, $4}' file.txt

Pattern matching

# print 2nd column when 1st field is precisely 'test'
awk '$1 == "test" { print $2 }' file.txt

# print 2nd column when 1st field contains 'test'
awk '$1 ~ /test/ { print $2 }' file.txt

# print 2nd column when 1st field DOES NOT contain 'test'
awk '$1 !~ /test/ { print $2 }' file.txt

# print 2nd column when this record contains 'test'
awk '/test/ { print $2 }' file.txt

# print 2nd column when this record DOES NOT contain 'test'
awk '! /test/ { print $2 }' file.txt

In-place editing: -i (GNU awk 4.1.0 or later…)

sed

sed refers to Stream Editor. It can perform text transformations on a given file or an input stream.

Usage

Print a line: p

# treat this as using 'grep'
# same with 'cat file.txt'
sed '' file.txt

# print every line that matches the regex pattern
sed -n '/test/p' file.txt

# match different patterns
sed -n '/test1/, /test2/p' file.txt

Remove a line: d

# remove every line that matches the regex pattern
sed '/test/d' file.txt

# remove 2nd line
sed '2d' file.txt

# remove from 2nd line to the end of the file
sed '2,$d' file.txt

Substitution: s

# replace the 1st 'test' with 'text' in each line
sed 's/test/text/' file.txt

# replace all 'test' with 'text' in each line
sed 's/test/text/g' file.txt

# replace the 2nd 'test' with 'text' in each line
sed 's/test/text/2' file.txt

# replace all 'test' from the 2nd to the end of each line with 'text'
sed 's/test/text/2g' file.txt

# replace the 'test' in the 2nd line with 'text'
sed '2s/test/text/g' file.txt

Insert & Append a whole line: i & a

# insert a new line before the 2nd line
sed '2 i test' file.txt

# append a new line after the 2nd line
sed '2 a test' file.txt

# append a new line after each line that matches the regex pattern
sed '/test/a test' file.txt

Replace a whole line: c

# replace the 2nd line with 'test'
sed '2 c test' file.txt

# replace each line that matches the regex pattern with 'text'
sed '/test/c text' file.txt

In-place editing: -i

# make immediate change!
sed -i 's/test/text/g' file.txt

Advanced usage - Pattern Space & Hold Space

(Next article)

grep, awk and sed – three VERY useful command-line utilities ↩︎

从 Bot 谈起

2016-08-17T00:00:00-07:00

Bot

最近看到 Telegram 上涌现出很多很有意思的 Bot（机器人），自己也在写一个 Bot。把这些 Bot 归归类无非也就分为以下几种：

娱乐类型的 Bot，比如狼人（@werewolfIIbot）、UNO（@mau_mau_bot）等；
图片视频类型的 Bot，比如 GIF 图片（@gif）等；
资讯信息类型的 Bot，比如投票（@vote）等。

重点谈谈第三个，区别于前两者，这里我们在获取知识（Acquire knowledge）。尽管说互联网让我们获取信息的速度变快了，但是随着信息数量爆炸式地增长，有用的信息也相对在减少。如何在最短的时间内获得质量较高的内容和信息点必然是今后研究或者探讨的重点。

举个例子：

您的 User ID: 63322333

对于一个普通用户来说知道自己的 Telegram ID 有个〇〇用！(╯°Д°)╯︵ ┻━┻

真正值得人们吸收营养的消息必然需要信息的加工处理。如果不，Bot 生成出来 99% 消息对 99% 的人来说都没啥用（我是说在座的各位写的 Bot，〇〇〇〇【自行脑补】），也可称其为 Toy（玩具）了。

Toy

Wikipedia：玩具泛指可用来玩的物品，通常与儿童或宠物有关。

最近有和一些呆在创业公司的机油们聊天，都在说诸如：

啊我们的产品又是像素级抄袭〇〇。

大家都知道的〇付宝的某界面像素级还原〇信。又或者：

PM 整天改需求真是〇〇〇〇〇〇〇。

这种情况就是做产品的 PM 脑子进了水，像个孩子一样不考虑周全就把程序员当玩具耍，想做什么就是什么。反过来想想，各位的家长一定在你小（or 发脾气 or 过年 or 过生日）的时候会说：

「长大了，该像大人一样思考了。」

然而上了班发现大多数人（尤其是 PM）还在和小孩子一样思考。「给我在几天中做一个〇〇」、「做不完〇〇就继续加班」已经是家长便饭了。缺乏理性的任务拆解、人员分配、时间估算，是绝大多数公司的通病。

75 年出版的「人月神话」中说明了复杂的软件工程问题无法在短期内无靠简单的答案来解决，而到现在却很少有单位在实行具有意义的敏捷开发理论。使用 Scrum 组织开发流程真的是我在布丁实习中学到的最好的东西。

Others

我们总是会变成曾经自己讨厌的那种人。
自由是自己选择的：「要为自己喜欢的而活；健康与自由比一切都重要；业余爱好和工作一样重要；有能力的人绝不加班；远离那些不聪明且勤奋的人。」

PS：上一次写「从…谈起」还是写二分法的时候。Time flies.

帝都生存日记（07/13 - 08/07）

2016-08-07T00:00:00-07:00

来北京快一个月了，真的算是忙得飞起。想给自己一点时间记录记录生活工作，结果每天都是「感觉身体被掏空」。不过也很正常，一个月的时间来调整一下自己的作息，有机会和师傅（@JustZht）一样每天更新一下（前提是电脑天天带回家）。

生活

开始做早饭：下面、下饺子、下汤圆、烤面包。除了没怎么做过沙拉（冰箱里的紫甘蓝也快坏了吧）还有饼和煮粥，倒是基本上都做过了。

由于上班时间就比较随意的原因，起居比较正常，基本上每天一点前睡觉，八点半起床。七月初刚到北京的时候，去宜家采购了一批非常实用的东西。继续安利餐巾纸夹和墙上的吸盘，还有宜家的桌板，真的太太太实用了！

午饭就和陈叔说的那样，从来没带过饭，和师傅陈叔愿愿四个人吃得很 High。第一次喝到北冰洋的我也是一脸懵逼的，因为以前根本不知道这是啥，貌似北方才有吧。

晚饭就更加随意，这一个月的约饭特别多。以至于回家做饭就做了一次，吃完饭洗完竟然已经十点半了，不禁觉得做晚饭这种事情还是放在周末做吧。

工作

去了渡鸦科技的 Lab 组，真的非常的 Geek（Especially 说的是陈叔），但是忙的时候真的忙成狗。没有打卡考勤，and do everything geek and you like！

开始写 Animation，基本把初中和高中的数学知识忘给老师了。对于这种东西你们百分之一百也是懵逼的：

开始写 Python，做了个很好玩的 Telegram Bot。

其他工作方面的东西，还是保密😂！

其他

办了一次沙龙。希望八月份各位也能多多支持，在征集 CI 的 Speaker。
去杭州在 Connext 做了一次 Speaking，谢谢天语！Slides here.
订到了今年的「マジカルミライ２０１６」的票，小心脏受不了了！
还有月底去听 A 叔的钢琴独奏会！
强调一下执行力，真的很重要。
心智不成熟是一件很麻烦的事情。
吃饭吃什么是一件很纠结的事情，下个月希望通过第 5 点来把这个问题解决了。
继续准备刷一次 T，争取 105 吧。

How to build megadl on your Synology DS215j

2016-04-05T00:00:00-07:00

Optware Bootstrap

Set up ipkg

1
2
3
4
5
6 feed=http://ipkg.nslu2-linux.org/feeds/optware/cs08q1armel/cross/unstable
ipk_name=`wget -qO- $feed/Packages | awk '/^Filename: ipkg-opt/ {print $2}'`
wget $feed/$ipk_name
tar -xOvzf $ipk_name ./data.tar.gz | tar -C / -xzvf -
mkdir -p /opt/etc/ipkg
echo "src cross $feed" > /opt/etc/ipkg/feeds.conf

Create the optware root directory

1
2
3
4 mkdir /volume1/@optware
mv /opt/* /volume1/@optware/
rm -r /opt
ln -s /volume1/@optware /opt

Add `/opt` to PATH

Add the following line to /root/.profile or if you are using a user-account to get SSH access /home/username/.bashrc or the ZSH equivalent /home/username/.zshrc.

1 export PATH=/opt/bin:/opt/sbin:$PATH

Set up the init-scripts

Create the folder where the script will be placed.

1 mkdir -p /usr/local/etc/rc.d/

/usr/local/etc/rc.d/optware.sh:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59 #!/bin/sh
#
# Optware setup
# Alternatives Optware Startup und Shutdown Script #/usr/local/etc/rc.d/optware.sh
#
case $1 in
start)
       [ ! -h /opt -a ! -d /opt ] && ln -s /volume1/@optware /opt
       for i in /opt/etc/init.d/S??* ;do
#
               # Ignore dangling symlinks (if any).
               [ ! -f "$i" ] && continue
#
               case "$i" in
                  *.sh)
                       # Source shell script for speed.
                       (
                               trap - INT QUIT TSTP
                               set start
                               . $i
                       )
                       ;;
                  *)
                       # No sh extension, so fork subprocess.
                       $i start
                       ;;
               esac
       done
       ;;
#
stop)
#
       for i in /opt/etc/init.d/S??* ;do
#
               # Ignore dangling symlinks (if any).
               [ ! -f "$i" ] && continue
#
               case "$i" in
                  *.sh)
                       # Source shell script for speed.
                       (
                               trap - INT QUIT TSTP
                               set stop
                              . $i
                       )
                       ;;
                  *)
                       # No sh extension, so fork subprocess.
                       $i stop                       ;;
               esac
         done
         ;;
#
*)
         echo "Usage: $0 [start|stop]"
         ;;
esac
#
# End

Make it executable.

1 chmod +x /usr/local/etc/rc.d/optware.sh

Then reboot.

1 reboot

Install packages with `ipkg`

Update the packages list and install packages that you need (like gawk etc.).

1
2 ipkg update
ipkg install [YOUR PACKAGES] # I forget to take notes

Build megadl

Download toolchains from sourceforge and export correct paths.

Download megatools, unzip, configure, make, and you can build now.

Reference & Thanks to

http://freshest.me/bootstrap-ds215j

作为一个码农，你还需要了解什么？

2016-02-05T00:00:00-08:00

统计了一下公共号后台所回复的信息，结合自身的思考给大家一些提示。

学会使用合适的搜索引擎

搜索，就要选算法好的 Google，而且请学会看英文。Google 能够提供很多的功能，例如：

指定站内搜索：比如想搜索 Blog 中和 ColorMix 有关的文章，输入 ColorMix site:blog.cee.moe 即可
星号模糊搜索：例如 支持*吼不吼
指定类型文件搜索：加上 filetype 参数即可，例如 论文名称 filetype:pdf
等等，具体可以参看 https://www.zhihu.com/question/28013848

百度不是什么正经的东西，最近有很多的负面新闻已经报道了，不再一一赘述。如果没法去外面看看的童鞋推荐使用必应。

此外码农需要多多接触 StackOverflow，其实很多你们犯过的问题大多都能在上面搜索得到。

挑选一款合适的文本编辑器

当碰到「你会推荐用什么文本编辑器？」这种问题时，我都会比较小心谨慎地推荐你使用 Sublime Text 或者 Atom，因为并不想发起 Vim 和 Emacs 之争。自然以上都是玩笑话，用什么文本编辑器还是得看个人习惯。文本编辑器用顺了比其他一切都重要。所以尽早挑定一款适合自己的文本编辑器吧！当发现另有一款能够提高效率的文本编辑器时，请尽早切换过去（例如 Nano → Vim，并不是说 Emacs 不好）。

学会一种项目管理的技能

同样，重要的不是你会 Git 还是 SVN，更重要的是培养这种项目管理的技能。知道数据的重要性，懂得为什么能够通过这样的版本控制系统来保存你的文件。学会使用 Git 或者 SVN 的最基础的功能。尤其是随着 Git 的普及，更多得懂一些 Git 的高级知识显得格外的重要。感谢 @loddit 推荐了一篇关于如何写好 Commit 做好 Code Review 的文章。

学会如何和团队的成员沟通和写作，使用你们所用的项目管理工具进行无缝交流和对接。

懂一点设计

带上一本小本子、一支笔，背上包，出去走走。碰到灵感来了，马上拿出来把灵感记录下来，甚至画下来。

打开电脑上的 Sketch、Photoshop 还有 Illustrator，用简单的图形构建出理想的那种感觉。从点到线再到面，从草稿到原型到产品，在设计中会不断提升对产品的理解（越是理解产品，越能写出好代码哦）。

最后记得永远将健康和自由放在首位

引用一段话：「要为自己喜欢的而活；健康与自由比一切都重要；业余爱好和工作一样重要；有能力的人绝不加班；远离那些不聪明且勤奋的人。」

当自己经历过重大的健康问题之后，这两点才会显得如此重要。太多人在浪费时间，消耗青春，做着自己不喜欢的事情。为何不停下来考虑清楚「自己想做的到底是什么」这个问题呢？与其在无聊地敲代码，不如多去健身、出 Cos 或者勾搭妹子啊（下一期一定会讲如何勾搭妹子了）！

最后发一个并没有关注本公共号的童鞋的留言，很有哲理，不做评价，聪明人自然懂了：

汝果欲学诗，功夫在诗外。我觉得，问怎样做好程序员而需要学习那些 Coding 之外的东西这种问法本身就已经本末倒置了。应该是怎样做一个自己理想中的人，以 Coding 这种行为方式实践自己的理想。

Oh My 2015

2015-12-31T00:00:00-08:00

Summary

Be ready on the way to 30.

Moments

1 GIF

2 心脏问题复发

3 运营初探

3 布丁动画 2.0

4 地铁三号线 Day 1

4 苹果表第一天就到了

5 正式录了第一首歌

6 Co!orMix 上线

7 iPad 失而复得

8 新身份证

8 Miyu Project

9 各种聚会

10 开始去健身房

10 NEXT 2.0 上线

10 OK 帮上线

11 巨额奖学金

11 最后一门课程结束

12 心脏手术

12 🎂20

Input & Output

- rMBP (Late 2013)

- iPad mini 2 （Silver）

+ rMBP (Mid 2014)

+ iPhone 5c (Yellow)

+ Apple Watch Sport

+ iPhone 6s Plus (Rose Gold)

+ Sony Z3 (l55t)

+ Synology DS215j

Numbers

3,125 photos
15 posts
1,089 twitter followers
251 instagram followers
6 books
708 contributions
43,677 lines of code
- Objective-C
- HTML
- SASS/CSS
- JavaScript
- Swift

Hall of Fame

年度 iOS 应用：Spark
年度 Mac 应用：LICEcap, Quiver, Sketch, Tower, Ulysses
最喜欢的游戏：LYNE
最喜欢的歌手：fhána
最喜欢的歌曲：ワンダーステラ
离不开的设备：iPhone

The Next

Release Miyu
Be a Dribbble Player
做一个合格的 PM
启动微信公众号
继续每年都会做的事情

Special Thanks

猿题库实习面试经历

2015-12-08T00:00:00-08:00

2015/12/08 17:05 Update

本文并不是说猿题库不好，猿题库也是我很向往的一家公司。文中所面试本人的两位都是业内菊苣级别的人物。一千人的心中就有一千个哈姆雷特，只不过在流程上做的不好，所以给面试者（本人）留下的是一种负面的影响。

每次面试完都会有一篇面经，猿题库也不例外，还是要来说一下的。

约的 12.7 的下午两点半开始面试。一面面试官是 Lancy，二面是毛佳俊。

（下面就只谈谈题目，答案各自都有各自的答案:) ）

一面

理所当然简单介绍一下自己和做过的项目，没什么好说的都在简历上。
谈一下项目中感触最深的一个：自然是 ColorMix，因为从设计到上市场都走了一遍，时间也很紧。
做过的项目中遇到的最大的问题是什么，如何解决的：这个问题重点谈一下，当时是在布丁动画写音频弹幕的时候遇到了比较大的问题。先问了我一些 AVFundation 的知识比较容易。然后问弹幕如何实现——类似于 TableView 一样的重用机制，NSRunLoop、NSOperationQueue 的考察。询问了一下你们是如何做大量弹幕的处理的：切片，time+offset。
property 的默认属性有什么。
笔试题，给定两个 str1，str2（比如「BDAFEC」和「DAFCEA」）作为起始和终止态和一个交换规则（B <–> A），能否从 str1 转换为 str2。

二面

你是来实习还是来做正式员工？此时我心中千万头草泥马飞奔而过。
讲一下自我经历。
添加圆角的方式有几种。性能如何？
上面提到了 UIBezierPath 讲一下怎么画直线曲线，CG 几个类中有什么方法，drawRect 的性能会有什么问题。
Masonry（或者 Autolayout）如何使用，当键盘弹出时一个 View 需要加动画如何更改它的 Contraints。
当 TabelViewCell 高度是可变的的时候如何优化性能。（需要包括 iOS7）
笔试题：翻转单向链表中的一段。

High

问的问题是面到现在非常详细的一次。深度很广。
中间还让我停下来赶紧吃药。

Low

整个面试过程（从定时间到面试）都是在用 QQ！用 QQ 视频面试真的很 Low，而且整个面试过程没有一封正式的邮件！
二面的第一个问题真是气到爆炸。
代码题考了两道算法。如果不会 C 的话，我怎么做第二题呢？
面试官都感觉阴阳怪气。
面试过程全是对方在面我，连一个提问的机会都没有！还经常打断我回答！
最后都是以「我们时间很紧」匆匆结束。虽说有一个小时，但是感觉没有认认真真地对待面试人员。

P.S. 几个问题的答案也希望大家在评论区积极地讨论一下~

P.S.2 业务驱动 or 技术驱动？I don’t know, and don’t ask me.

About Co!orMix (3) - Co!orMix 小记：关于开发的那点儿事

2015-09-10T00:00:00-07:00

关于 Co!orMix

前几天， Cee 童鞋把 Co!orMix 开源了。当时刚上架的时候，团队里的另外两个童鞋都发了文，@Cee 讲产品，@Albus 讲设计（这两篇文章都在 V2EX 上发布过）。

既然代码开源了，那是时候说一下项目本身了。

Co!orMix 里面并没有什么特别有技术含量的东西，可以说，任何一个人都可以毫不费力地把它做出来。对于新手来说，也值得一试。不过毫不谦虚地说，如果要达到零错误率，还是有一定难度的，而上线至今，它的 Crash 率一直保持在 0 ，这是我所引以为豪的。（欢迎大家试玩！偷偷说一句，我可是跟组里承诺过，只要出现一个 crash ，就请吃饭的哦！）

动手之前的思考

无论是多简单的项目，开动之前必须要思考一下大致的架构。 Co!orMix 本身是一个相对很简单的游戏。

从页面考虑：主页、设置页、游戏界面、游戏结果页、引导页；从游戏本身考虑：题目、选项、得分、策略、游戏模式。

第一天晚上我们三个人商量出了游戏的大致功能和规则，我和 Cee 便直接开始讨论起了实现。由于游戏本身的复杂度不高，我们决定采用最传统的 MVC 来完成这个应用。

Model 层
CMCard ：卡片（对应游戏界面上半部分） CMColor ：颜色（游戏中所对应的颜色的概念） CMQuestion ：问题（包含 CMCard ，以及对应的 Option 和 Answer ） CMScene ：游戏场景（对应一次游戏，根据游戏模式区分不同表现） Factory ：工厂（工厂模式，生产问题）
View 层
CMCardView ：卡片 View CMQuestionView ：问题 View CMScoreView ：得分
Controller 层
CMClassicTutorialViewController/CMFantasyTutorialViewController ：新手引导 CMGameResultViewController ：游戏结果 CMGameViewController ：游戏界面 CMMenuViewController ：游戏菜单界面 CMSettingViewController ：游戏设置界面

项目结构

由于项目比较简单，所以并没有按照功能模块进行分类，项目的结构大致如下：

目录	职能
Category	工具、扩展类
ViewController	Controller 层
View	View 层
Model	Model 层

项目并没有使用任何第三方库（除了友盟统计），所以自然也就没有使用 Cocoapods 了。

关于开发细节

规范

项目主体编码主要是我负责的，@Cee 在初期做了 Code Review 工作（惊讶吧！这么小的项目还做 Code Review ）。开发在 dev 分支做，记得第一次提交的时候，@Cee 写了 N 个 comments ，很多都是关于 Coding Style 的问题（我自认已经很注意了，但是在某个人的强迫症面前根本不值一提），改完了所有的问题。之后就更加小心地完成编码工作。最后通过 Pull Request 合并进主分支。之后又开发了 Android 版本，感兴趣的童鞋可以去 dev_android 的分支看一下安卓版本，实现的大致逻辑和 iOS 差不多。

适配

项目采用 xib + AutoLayout + Size Classes 完成界面搭建，这也是我们第一次尝试使用 Size Classes 。
总体来说，算是不错的一次实践， 0 代码完成全平台适配。我们以游戏界面中的 QuestionView 为例（CMQuestionView）做一下介绍，这个界面算是相当相当的典型了！

分析一下这个界面，基本可以分三部分：卡片、问题、选项。这里我总共分了三个 View 来区分，分别为 Options 、 Card 、 Question ，其中 Options 是撑满整个 View 的。（参看 Fantasy 模式下的表现）

可以注意一下这里还有一个背景占位符，它是一个垫在最底层撑满整个屏幕的透明的 View ，用来给其他 subview 做尺寸上的参考，比如 Card 部分的高度所做的约束通过背景占位符高度的一半来限定。

另外分享一个小的 Tip ，在 xib 中可以直接通过右侧的选项实时查看不同设备下界面的布局：

再有就是 Tutorial 的这个界面，细心的用户也会发现也是全适配的。我们的游戏引导界面并没有单纯地使用图片，而是在原有的游戏界面上加上了对应的引导元素，不管是箭头还是文字都是使用 AutoLayout 拉的约束。

为求最简，我们的分享使用的系统原生的 UIActivityViewController 来实现。不过这里在适配的时候遇到了个坑，直接上代码：

- (IBAction )onShareButtonClicked:(id )sender {
    [MobClick event:@"Share"];
    CMScoreView *scoreView = [[CMScoreView alloc] initWithScore:self.score];
    UIImage *imageToShare = [UIImage captureImageFromView:scoreView];
    NSString *stringToShare = [NSString stringWithFormat:@"I scored %ld in the %@ mode, play #Co!orMix with me: %@", (long )self.score, self.gameMode == classicMode ? @"classic" : @"fantasy" , kAppStoreUrl ];
    NSArray *activityItems = [[NSArray alloc] initWithObjects:imageToShare,stringToShare, nil];
    UIActivityViewController *activityVC = [[UIActivityViewController alloc] initWithActivityItems:activityItems applicationActivities:nil];
    activityVC.excludedActivityTypes = @[UIActivityTypeSaveToCameraRoll];
    if (IS_IPAD ) {
        UIPopoverController *popup = [[UIPopoverController alloc] initWithContentViewController:activityVC];
        self.shareController = popup;
        popup.delegate = self;
        [popup presentPopoverFromRect:CGRectMake (self.view.frame.size.width / 2, self.shareBtn.frame.size.height + self.shareBtn.frame.origin.y , 0, 0 )inView:self.view permittedArrowDirections:UIPopoverArrowDirectionUp animated:YES];
    } else {
        [self presentViewController:activityVC animated:YES completion:nil];
    }
}

对于 UIActivityViewController，在 iPhone 上，我们可以直接使用 present 的方式；但是在 iPad 上，这会引起崩溃，可以使用 UIPopoverController 来包装 UIActivityViewController。

设置界面的效果

个人还是很喜欢这个效果的，使用的是 iOS8 自带的毛玻璃效果。上代码：

- (IBAction )onSettingButtonClicked:(id )sender {
    [MobClick event:@"Setting"];
    self.settingViewController = [[CMSettingViewController alloc] initWithNibName:NSStringFromClass ([CMSettingViewController class]) bundle:nil];
    self.settingViewController.view.frame = self.view.bounds;
    self.settingViewController.view.alpha = 0;
    [self.view addSubview:self.blurView];
    [self.view addSubview:self.settingViewController.view];
    [self addChildViewController:self.settingViewController];
    [UIView animateWithDuration:0.3 delay:0 options:UIViewAnimationOptionCurveEaseInOut animations:^{
        _blurView.alpha = 1;
        self.settingViewController.view.alpha = 1;
    } completion:nil];
}

- (UIView *)blurView {
    if (!_blurView ) {
        _blurView = [[UIVisualEffectView alloc] initWithEffect:[UIBlurEffect effectWithStyle:UIBlurEffectStyleDark]];
        _blurView.frame = [[UIScreen mainScreen] bounds];
        _blurView.alpha = 0;
    }
    return _blurView;
}

GameCenter 和友盟

这两块都是 @Cee 负责弄的。友盟的接入相对简单，不过 GameCenter @Cee 弄了一晚上，还吐槽网上没有成熟的 GameCenter 接入指南，我觉得有必要让他专门写一份了。

面向对象

项目虽小，可以用任何方式实现。不过这样一个小项目可以把面向对象思想很好地加以实践。所有的类都实现了对应的职能，隐藏了内部细节。

总结

以前写过不少项目，不过都比较庞大，而且基本都是负面教材。 Co!orMix 是一个小而精的 App ，从萌生想法，到 Demo ，到设计出炉正式完工，整个周期一共就一星期：设计花了一整天做出了可供交互的原型；在代码上只花了两天，但是却不仓促。代码均在 GitHub 上托管，测试上使用 TestFlight 完成分发，通过种子用户的体验修改游戏参数，提高用户体验。同时兼顾各种极端操作，保证代码安全性，做到零错误率。

简单来说，对于新手来说，大家可以先下一下这个 App ，感兴趣的可以自己实现一遍，一点都不困难！然后再对比一下我们的实现。如果 Co!orMix 有任何不合理的地方，也欢迎指正！

最后欢迎大家体验！

Website: http://colormix.cee.moe
Twitter: @ColorMix_Game
戳我进入 iTunes 下载
二维码下载：

Apps on Tsukiko

2015-08-19T00:00:00-07:00

Q：「Tsukiko / 月子」是什麼？

A：僅僅是我的 Macbook 的名字。

（無語…）

今天正好整理了一下我的應用程序，順便推薦了一些給了 Lynn。

以下均為一句話概括！

1Password 5：強大的密碼記錄和生成的軟件！
Aegisub：字幕組打軸特效專用。
Alfred 2：快速啟動神器，配合 Workflow 使用更佳。
AliWangWang：買買買，剁手必備！
Alternote：好用的 Evernote 客戶端，可惜略貴。一直在蹭 Beta 版的。
Amphetamine：防止電腦休眠，自己也不常用。
Android File Transfer：管理安卓手機文件的工具。
Android Studio：Google 推出的基於 IntelliJ IDEA 的安卓開發 IDE，比 Eclipse 不知道高到哪裡去了。配合 Genymotion 使用更好！
AppCode：JetBrains 家用來寫 Objective-C 的 IDE。
Atom：文本編輯器，卡卡卡，畢竟是 Web，自己還是喜歡用 Sublime。
Bartender：整理 Menubar 專用。喜歡簡潔乾淨的 Menubar 必備！
BetterTouchTool：手勢還有控制屏幕大小。（有部份 Moom 的功能，El Capitan 要出了還是不買了）
BitTorrent Sync：分佈式同步工具，方便自己在不同電腦上同步文（tu）件（pian）。
Blackmagic Disk Speed Test：磁盤測速，每年也就用那麼兩次。
Brackets：很不錯的做網頁的 IDE，被 Adobe 收購了。
Charles：網絡抓包工具，很實用！
CleanMyMac 2：買不起 3，繼續用 2 來清理我的電腦。
CodeRunner：用過試用版沒有買，很棒的小巧的運行代碼的編輯器。
Dash：查文檔專用！不過 10 秒的等待很坑爹。
Day One：日記，偶爾做 Markdown 編輯器用。
Deploymate：檢測代碼中是否有被廢棄或者無法在低版本上運行的 API。
Dropbox：同步，容量好小 QwQ。
Droplr：分享短連接，可以分享圖片、視頻和文字或者其他文件。
Duet：讓你的 iPhone / iPad 成為第二塊顯示屏！
Evernote：臃腫的大象，偶爾用了。
Fantasitcal 2：日曆管理。
FileZilla：FTP GUI 工具。
FirefoxDeveloperEdition：你是個前端都會備著這個。
GenyMotion：配合 AS 使用的，作為 Android 虛擬機。
GhostNote：丟過數據，不解釋。
GoAgentX：咳咳。
Google Chrome：吃我內存啦 (╯‵□′)╯︵┻━┻。
Hammer：構建網頁。
HandBrake：壓制視頻。
Haroopad：用到現在感覺最好而且是免費的用來寫 Markdown 文件的 App！
HockeyApp：收集 Crash 信息。
IconJar：存儲 icon，分類。
ImageOptim：壓縮圖片。
Inboard：Xhacker 寫的一個用於素材歸檔的 App，很好用。
IntelliJ IDEA 14：JetBrains 家用來寫 Java 的 IDE。
iStat Menus：放在 MenuBar 上用於顯示系統信息，還能控制風扇轉速！
iTerm：默認的 Terminal，網上很很多文章介紹為什麼要選擇 iTerm。順便使用 zsh 效果更佳。
Karabiner：當接上外接鍵盤時屏蔽內置鍵盤。
Keka：解壓，想換成 Entropy 了（沒錢啊）！
Kindle：看電子書。
Knock：利用 iPhone 敲兩下來解鎖電腦。
Koala：為 Sass / Less 生成 Css 文件。
LineIn：混音專用，配合 Sunflower。
MailPlane 3：收取 Gmail 郵件，我的默認郵件客戶端。
Manico：快速切換 App。
Memory Clean：清理內存。
Miao：刷新浪微博專用，以前是要付費的，現在因為新浪微博 API 的限制改為免費。
Microsoft OneNote：替代了 Evernote。
Microsoft Remote Desktop：用於連接我的 Windows 電腦。
Mounty：掛載 NTFS。
Movist：最好用的視頻播放器！
MPlayerX：第二好用的視頻播放器！
NeteaseMusic：網易云音樂，偶爾用，主要還是 iTunes 和 Vox。
OBS：Twitch 直播。
Parallels Desktop 9：奸商，買不起。
Paste：剪貼板，很贊（可以用 Alfred 自帶的，不過沒這個好）。
Paw：超棒的調試 API 的工具。
Phpstorm：JetBrains 家用來寫 PHP（世界上最好的語言）的 IDE。
Pixate Studio：做交互稿用。
Pocket：稍後閱讀！
PopClip：選中文字后有個小的彈窗，能做很多事情！
Prepo：裁剪 icon 圖標。
Pushbullet：給其他設備發送通知。
QQ：聊天。
Quartz Composer：做原型和交互。
Quip：同步一些文檔，也沒怎麼用過。
RescueTime：記錄我一天都幹了什麼！配合 WakaTime 使用！
Reveal：iOS 開發用，強大的透視圖。
RightFont：挑選一款字體真的很難，它能幫到你。
Scroll Reverser：鼠標滾輪能夠正常滾動。
Server：自帶一個 Web 服務器還有 Xcode Server。
Sip：吸取顏色，自動變成代碼。
Skala Preview：同步到手機上預覽圖片（設計稿）。
Sketch：替代了 PS 和 AI 做設計稿了，矢量的哦！
Slack：團隊交流工具。
SoundFlower：錄音混音工具。
SourceTree：GUI 的 Git 管理工具。
Steam：買，買，買，男人的淘寶。
Sublime Text：最好的文本編輯器。
TeamViewer：遠程桌面軟件。
Telegram：最好用的 IM，多平台支持。
Tunnelblick：OpenVPN。
Tweetbot：替代 Twitter 的 Twitter 客戶端。
Twitter：被 TweetBot 替代啦！
Typed：Markdown 編輯器。
Typora：又是一個 Markdown 編輯器。
VirtualBox：裝 GenyMotion 必需。
VOX：音樂播放器，支持 Flac 等 iTunes 不支持的格式。
WebStorm：JetBrains 家用來寫 Web 的 IDE。
WeChat：微信 Mac 客戶端。
WWDC：學習 WWDC 中的 Session，在 GitHub 上開源。
Xcode：碼農必備。
Yu：白噪音軟件。

PFAvatar

2015-08-08T00:00:00-07:00

Generate material design avatar!

Todo

[ ] Custom Fonts

License

Released under the MIT License.

◉ Direct Link to Original Site

PFNavigationDropdownMenu

2015-08-02T00:00:00-07:00

The Objective-C version of BTNavigationDropdownMenu. Supports iOS 7.0+.

Installation

The simplest option is to use pod "PFNavigationDropdownMenu".

You can also add the Classes folder to your project. There are no further requirements.

Usage

See BTNavigationDropdownMenu Usage Part.

Requirement

iOS 7.0+

License

Released under the MIT License.

◉ Direct Link to Original Site

Pangu.objective-c

2015-07-27T00:00:00-07:00

Paranoid text spacing for good readability, to automatically insert whitespace between CJK (Chinese, Japanese, Korean), half-width English, digit and symbol characters.

Go version: pangu.go
Java version: pangu.java
JavaScript version: pangu.js
Node.js version: pangu.node
Python version: pangu.py
Ruby version: pangu.rb

Installation

The simplest option is to use pod "Pangu".

You can also add the two files NSString+Pangu.h/m to your project. There are no further requirements.

Usage

#import "NSString+Pangu.h"

[NSString spacing:@"請問Jackie的鼻子有幾個？123個！"];
// 請問 Jackie 的鼻子有幾個？123 個！

License

Released under the MIT License.

◉ Direct Link to Original Site

趣题

2015-07-17T00:00:00-07:00

C 随机产生了两个不同的正整数，分别交给了 A、B，并让两人猜测谁手中的数更大。

A：不知道。

B：不知道。

A：还是不知道。

B：还是不知道。

A：知道了。

B：那我知道了，而且这两个数具体是多少也知道了。

问这两个数是多少。
C 从 2 - 99 中随机产生了两个不同的正整数，把它们的和与积分别交给了 A、B，并让两人猜测这两个数分别是多少。

A：虽然我不知道这两个数是什么，但是我知道你也不知道。

B：那我知道了。

A：那我也知道了。

问这两个数是多少。
C 随机产生两个不同的形如 n – 1/2^k – 1/2^(k+r) 的数，其中 n、k 是正整数，r 是非负整数。然后，C 把这两个数分别交给了 A、B，并让两人猜测谁手中的数更大。

A ：我不知道。

B ：我也不知道。

A ：我还是不知道。

B ：我也还是不知道。

C ：这样下去是没有用的！可以告诉你们，不管你们像这样来来回回说多少轮，你们仍然都没法知道，谁手中的数更大一些。

A ：哇，这个信息量好像有点儿大！不过，即使知道了这一点，我还是不知道谁手中的数更大。

B ：我也还是不知道。

A ：我继续不知道。

B ：我也继续不知道。

C ：还是套用刚才的话，不管你们像这样继续说多少轮，你们仍然没法知道谁手中的数更大。

A ：哦……不过，我还是不知道谁手中的数更大。

B ：而且我也还是不知道。我们究竟什么时候才能知道呢？

C ：事实上啊，如果我们三个就像这样继续重复刚才的一切——你们俩互相说一堆不知道，我告诉你们这样永远没用，然后你们继续互说不知道，我继续说这不管用——那么不管这一切重复多少次，你们仍然不知道谁手中的数更大！

A ：哇，这次的信息量就真的大了。只可惜，我还是不知道谁的数更大一些。

B ：我也还是不知道。

A ：是吗？好，那我现在终于知道谁的数更大了。

B ：这样的话，那我也知道了。而且，我还知道我们俩手中的数具体是多少了。

A ：那我也知道了。

问这两个数是多少。

参考：Matrix67 - 趣题：无限多层嵌套的逻辑推理

About Co!orMix (2) - StroopMix!

2015-07-07T00:00:00-07:00

本文作者為 UI/UX 設計師 @albuszheng 所寫。

原文地址：http://blog.zky.science/about-coormix-stroopmix/

Well，这个题目其实并没有什么特别深层的含义，只是比较表明的理解就可以了。当然，这不是什么专门来介绍 Stroop Effect 的。其实我只是想记录一下关于自己最近参与的一个 iOS 游戏 Co!orMix，和它诞生背后的一点小故事。

Co!orMix 本身是一个非常简单的小游戏，至少我们从制作的角度来说，或者从玩法来说。简而言之，就是要在限定的时间内选出合适的颜色；至于什么颜色是合适，这个就比较复杂了，它可以是屏幕的背景色，可以是屏幕上字的颜色，或者就是屏幕上那个单词的意思了（不用担心，这些单词都是对颜色的描述）。

废话到此，神秘的 Stroop Effect 还没有被正式的介绍过。不过，再次简而言之，这是被一位叫 John Ridley Stroop 的心理学家第一次发现的一种现象，所以就有了这个名字。具体一点，Stroop Effect 是对某一项任务反应时间的干扰的阐述，比较简单的例子就是文字和颜色了。比如用红色墨水写下的「蓝色」二字，无论你是需要说出墨水的颜色还是文字的意思都会收到另一方面的干扰，而影响你的反应时间。这也是 Stroop Effect 最初被发现的原因。

当然那时候的实验要复杂的多，毕竟是要发文章的。为了防止这篇文章变成一片长篇大论的实验演示问，我按耐了内心的冲动，忍痛删掉了那个实验的过程。其实还是蛮有意思的。但是我们要回到主题上，经过刚刚简单的解释，你大概已经发现，其实 Co!orMix 和 Stroop Effect 之间还确实有一种独特的联系啊！这是当然，要不然我岂不是花费了 600 多字浪费在了和主题完全没有关系的东西上了？这要是篇高考作文，十有八九会出现在下一版的高考零分作文上了。

好了，言归正传，关于 Stroop Effect 还有一些事也许你会有兴趣知道：Stroop Effect 现在被广泛的应用在 Stroop Test 上，这是一种广受欢迎的神经心理学测试，测试的主要目标是调查被试人员的心理容量（Psychological Capacities）；如果被试人员有一定程度的脑损伤、痴呆或者患有神经衰退性疾病、注意缺陷多动障碍和一些精神障碍，往往会在测试中呈现一个更高的注意力干扰率。

不过，不用担心，Co!orMix 只是一个用来放松的小游戏，并不像临床测试一样有各种非常严密的设定，所以得分高的未必就是比较聪明，而得分低的也不见得就有什么问题，也许别人正好一连二三十个背景颜色选项呢。所以千万不要因为完不到三位数的得分而气疯的摔手机这样，毕竟 iPhone 怎么说值个肾啊，手机虽然是消耗品也经不起那么折腾的。

最后，如果你读到这里觉得：wow，你们好厉害，居然可以通过这样一个心理学现象就设计出一个游戏！我很真诚的说，谢谢您的赞美但是您想多了那么一点。其实，最初我们只是觉得这个游戏的形式简单而且还挺有趣的，所以就决定开工了，这个 Stroop Effect 只是因为我觉得这种现象在心理学中一定有个比较正式的说法吧，肯定还轮不到我来发现命名这种简单的心理学现象，所以就做了一点搜索，然后果然有人在八十多年前就发现命名了（还决定挺可惜的）。很多时候，事情往往就是这样，一些平常、不起眼的事背后隐藏着一些很有趣的解释和现象（说到这里，关于 Stroop Effect 的产生的原因有不下6种理论，我们对与自己的认知处理过程的认识还有长长的路要走啊。），也许哪天你也不小心就发现了一个之前被人们忽略的现象，然后就有个以自己名字命名的 Effect 了。

Sounds cool, right?

最后的最后，既然都读到这里，如果你还没有玩过 Co!orMix，不妨下载下来试一试吧：

Website: http://colormix.cee.moe
Twitter: @ColorMix_Game
iTunes Store
以及二维码：

About Co!orMix (1) - Introduction

2015-07-04T00:00:00-07:00

游戏介绍

你唯一需要做的就是选择正确的颜色！很简单吧？千万别把背景色、词语的颜色和词语的意思搞混了哦！

开发细节

Replay 按钮的布局：第一版的设计稿放在了和 Home 按钮一样的位置，考虑到整个游戏用户点按的区域只在屏幕的下方区域，于是后来 Replay 的位置被放在了即使是单手操作也能放到的下方区域。
Method Swizzling：处理了很多关于打点监控事件的问题，具体可以看一下 NSHipster 上的这篇文章。
TestFlight：算是第一次真真切切地用上 TestFlight 这个极棒的分发测试工具。对于收集用户反馈很有效果（例如游戏的难度控制：在后面难度变大的情况下的心理变化）。不过在提交 Beta 测试的时候也需要等待 Apple 的批准。

Todo

整个游戏由于是围绕着颜色展开，所以在颜色的选取上已经照顾了色盲和色弱的同学。当然，在之后的版本中也会在设置中加上这种开关选项（Grayscale），来满足这小部分人群的需求。
对于游戏模式的开发和迭代。
对于  Watch 的适配~（现在整个 App 是完美适配 iPhone/iPad 下的横竖屏模式的哦！）
Android 版本：快结束了，应该过两天能和大家见面(<ゝω·)☆

开发人员

整个开发一共就只有三位大三同学：我，@albuszheng，还有某不上 v2ex 的 iOS 大牛舍友。经过晚上一小时的头脑风暴 + 一天的原型交互和 Demo + 一天的完善 + 一天的测试调整，最后在周六的晚上就提前提交了整个 App。这一次的开发也可谓是最开心最愉快进度最快的一次！代码托管在 GitHub 上，任务分配使用 Issue，文档写在了 GitHub Wiki 上，也方便存档。

最后，也希望大家能够捧个场，多多下载吧：

Website: http://colormix.cee.moe
Twitter: @ColorMix_Game
戳我进入 iTunes 下载
二维码下载：

Why CSS transform doesn't work on inline elements

2015-06-30T00:00:00-07:00

CSS TRANSFORM DOESN’T WORK! WHY?

// index.html
<footer>
	<p><a href="blablabla">
    	<i class="fa fa-twitter fa-2x"></i>
    </a></p>
</footer>

// main.css
i:hover {
	color: #468ae9;
	-webkit-transform: rotate(360deg);	/* Safari & Chrome */
    -o-transform: rotate(360deg);	/* Opera */
    -moz-transform: rotate(360deg); /* Firefox 4 */
    transform: rotate(360deg);
}

Transformable element

A transformable element is an element in one of these categories:

an element whose layout is governed by the CSS box model which is either a block-level or atomic inline-level element, or whose display property computes to table-row, table-row-group, table-header-group, table-footer-group, table-cell, or table-caption [CSS21]
an element in the SVG namespace and not governed by the CSS box model which has the attributes transform, ‘patternTransform‘ or gradientTransform [SVG11].

Ref：http://dev.w3.org/csswg/css-transforms-1/

Fix it:

// index.html
<footer>
	<p class="animation"><a href="blablabla">
    	<i class="fa fa-twitter fa-2x"></i>
    </a></p>
</footer>

// main.css
p.animation:hover {
	color: #468ae9;
	-webkit-transform: rotate(360deg);	/* Safari & Chrome */
    -o-transform: rotate(360deg);	/* Opera */
    -moz-transform: rotate(360deg); /* Firefox 4 */
    transform: rotate(360deg);
}

WWDC 15 Session 106 学习笔记

2015-06-13T00:00:00-07:00

Chris Lattner 實在是太帥了！

Session 106 - What’s new in swift

Why Swift 2

Fundamentals: Refine language and tools fundamentals
Safety: Affordances for writing robust and safe code
Beauty: Enable expressive libraries and APIs

用更好的語言寫更加安全和漂亮的代碼！

What’s New in Swift 2

Fundamentals
Pattern Matching
Availabilty Checking
Protocol Extensions
Error Handling

Fundamentals

Enums
```
  enum Animals {
  	case a, b
  }
```

Associated Values in Enums

  enum Either<T1, T2> {
  	case First(T1)
      case Second(T2)
  }

Recursion Enums

  enum Tree<T> {
  	case Leat(T)
  	indirect case Node(Tree, Tree)
  }

do Statement

  do {
  	let a = Animals.Troll
  	...
  }
  // loop
  repeat {
      ...
  }

Option Sets

  [option1, option2]

Defining an Option: Using Protocol-Oriented Programming
```
  struct MyFontSyle : SetOptionSetType
```

Functions and Methods
- Consistent Argument Labels
- Duplicate first name
- Underscore to disable name labels
- # argument syntax
Diagnostics
SDK Improvements
- Nullability qualifiers
- Objective-C typed Collections
Testing
```
  @testable
  import MyApp
```
Rich Comments
A Lot More!

Pattern Matching

if-let Statment

Compound Conditions

Early Exits: guard Statement

    guard let name = json["name"] as? String else {
        return .Second("missing name")
    }
    // Compound Condidtions
    guard let name = json["name"] as? String,
          let year = json["year"] as? Int else {
        return .Second("bad input")
    }

Switch

  if case .MyEnumCase(let value) = bar() where value != 42 {
  	doSomething(value)
  }

for ... in Filtering

  for value in mySequence where value != "" {
  	doSomething(value)
  }

Availabilty Checking

New APIs
- springLoaded
- old: respondsToSeletor Method
- new: get a diagnostic
- Example:
```
  if #available(OSX 10.10.3, *) {
  	...
  }
```

Protocol Extensions

Extensions

Old

  extension Array {
      func countIf(match: Element -> Bool) -> Int {
          var n = 0;
          for value in self {
              if match(value) {
                  n++;
              }
          }
          return n
      }
  }   + Global Functions

New
```
  extension CollectionType
```

Method
```
  .map().filter()
```

Error Handling

Kinds
- Trivial Errors
- Logic Errors
- Detailed, recoverable Errors

Example

try Keyword
throws Keyword

do-catch Block

  do {
      ...
  } catch let error {
  	...
  } catch {
  	fatalError()
  }

try! Keyword

Enums as Error Types

  enum DataError : ErrorType {
  	case MissingName
      case MissingFile
  }

Defer Actions

  defer { delegate?.didEndProcessing() }

WWDC 15 Session 107 学习笔记

2015-06-12T00:00:00-07:00

Session 107 - What’s New in Cocoa Touch

Looking Back

在 iOS 9 誕生之前，其實蘋果就已經做了很多基礎建設性的鋪墊了：

iOS 6：引入了 AutoLayout
iOS 7：Dynamic Type，系统可以设置 app 内的字体大小
iOS 8：Adaptivity，可以在 Xcode 下看到不同的 Size Classes，以及对于不同的 iPhone/iPad 设备适配的 View Controllers 还有 Action Sheets

Now in iOS 9

于是来到了 iOS 9 的时代，新增了两个特性：Multitasking（多任务） 和 Picture-in-Picture（画中画）。接下来就是具体介绍了 Cocoa Touch 下的新的特性。

AutoLayout：

新增 UILayoutGuide 類來實現過去需要使用不可見的 Dummy View 來作為補充對齊元素的功能。例如：

UILayoutGuide *space1 = [[UILayoutGuide alloc] init];

     [self.view addLayoutGuide:space1];
     UILayoutGuide *space2 = [[UILayoutGuide alloc] init];
     [self.view addLayoutGuide:space2];
 
     [space1.widthAnchor constraintEqualToAnchor:space2.widthAnchor].active = YES;
     [self.saveButton.trailingAnchor constraintEqualToAnchor:space1.leadingAnchor].active = YES;
     [self.cancelButton.leadingAnchor constraintEqualToAnchor:space1.trailingAnchor].active = YES;
     [self.cancelButton.trailingAnchor constraintEqualToAnchor:space2.leadingAnchor].active = YES;
     [self.clearButton.leadingAnchor constraintEqualToAnchor:space2.trailingAnchor].active = YES;

UIStackView

引入 UIStackView 來創建流式的佈局。
Shortcuts Bar

iPad 上輸入法預測的一行在 iOS 9 上同時提供了快捷操作。通過 UITextInputAssistantItem 來給 Shortcuts Bar 上的左右兩個圖標組（leadingBarButtonGroups 和 trailingBarButtonGroups）來添加新的按鈕。
Storyboard

多 Storyboard 支持。
Right-to-Left

對阿拉伯語等「從右向左」閱讀的語言進行了支持。對不同的 Controller、Gesture 甚至 UIImage 都可以選擇顯示的方向。在 iOS 9 下，UIView 也增加了 UISemanticContentAttribute 這樣一個屬性來判斷視圖是否會遵循顯示的方向規則（默認是 UISemanticContentAttributeUnspecified）。
Accessibility：吐槽一下國內的公司很少有接觸這一塊啊…
Text Editing Gestures：可以在鍵盤上利用手勢來實現對指針的移動、文本的選擇的功能。
Keyboard Commands（Cheatsheet）：連接外接鍵盤的時候長按 ⌘ 調出。
Touch Events：優化了觸控的延遲，並且使用了觸控預測（Touch Prediction）。

New in Kits

UIKit Dynamics：
- 支持了非矩形碰撞效果
- 物體關聯時的行為（UIAttachmentBehavior）
- 在不同力場下的行為（UIFieldBehavior）
- 其他的視覺效果（Visual Effects in Spotlight）
API Optimizations for Swift：在 Session 106 下有詳細解釋。
Notifications：通知顯示的方式（Behavior）。
Safari：App 內可以使用 SFSafariViewController 來提供原生瀏覽器的支持。
Extension：
- VPN Tunnel provider
- App proxy provider
- Filter control provider
- Safari
  - Shared links
  - Content blocking
- Spotlight
  - Indexing of application data
  - Index maintenance
- Audio Units
前面幾點感覺 SS 和 Adblock 即將走進 iOS 9 中。最後的 Audio Units 要提一下，開發者可以使用系統中不支持的視頻或者音頻播放格式了。
Contacts：新的 API，一筆帶過了。
Wallet and PassKit：為  Pay 鋪路。
Core Location：提供了單次獲得地點的 API，使用 CLLocationManager 中的 requestLocation 函數。
MapKit：提供 3D 俯視視圖，可以顯示交通情況以及指南針等功能。
HealthKit：和 watchOS 2 適配，增加了數(xing)據(sheng)類(huo)型和調用 API 接口。
ResearchKit：適配 iPad 並且提供了照片捕獲的功能。
HomeKit：
- Detailed change notifications
- Predefined scenes
- Expanded trigger support
- watchOS 2 support
- Remote access
智能家電的春天就要到了！
CloudKit：更加優惠的價格和服務，Web 端的支持。
UIDocument：Open in place。
On Demand Resources：詳細在 Session 105 中。
- Hosted on the App Store
- Asset Tags
- App Slicing
ReplayKit
SpriteKit
SceneKit
GamePlayKit：編寫遊戲的 AI 和規則系統。
watchOS 2

WWDC 15 Session 104 学习笔记

2015-06-11T00:00:00-07:00

Session 104 - What’s new in Xcode

說到 Xcode，不得不說它是最漂亮的 IDE 了（巨硬不要打我，你沒有給五毛安利費）。這次的 Xcode 7.0 更新，給我們也同時帶來了很多方便和快捷的地方。下面就列舉一下學習的要點。

Generic Collection：

Generic Collection 對自己而言並不陌生，在 Java 中其實就有實現了，不再贅述其優越性。

例如：@property (nonatomic, strong) NSArray<UIImage *> *imageArray;。
Size Classes：

從 Xcode 6 引入的 Size Classes 為 iOS 9 下的 Split View 奠定了基礎。
App Thinning：

使用 Bitcode 來提交整個 app，並且對於不同的型號和屏幕的 iPhone/iPad 提供不一樣的圖片支持（Slicing）。

這裡做了個 Demo 演示，具體介紹了轉移到新的 Xcode 7.0 下的應用配置更新，還有使用了 Data Set 和 On Demand Resource Tags 來下載必要的資源文件（這些文件託管在 App Store 上）。使用 startUsingGenre 和 stopUsingGenre 調用。
Debug：

更強大的 Debug 功能。提供了 Energy Report 來反映整個 app 的資源消耗問題。使用 Address Sanitizer 來追蹤 Crash 的具體位置（在 Run - Diagnostics 下打開，需要重新編譯）。通過 Test Flight 收集 Crash 信息，來追從並且定位故障。
Testing：

之前用的比較多的用來進行測試的是 XCTest 還有 Xcode Server，之前也寫過一篇文章來講如何進行自動化的 UI 測試。這次 Apple 直接給我們帶來了 UITesting 這個類，並且可以直接對模擬器進行錄製腳本后插入斷言來實現 UI 測試。這相比之前使用 Automation 測試方便了很多。

此外，還添加了 Code Coverage 功能來檢測代碼的覆蓋程度。

PNJU-Workflow

2015-06-04T00:00:00-07:00

An Alfred Workflow to Login PNJU.

Be sure you have your Node.js / io.js installed.

How To Use

Open post.js file and complete the username and password.

Screenshot

Dependency

Request
Alfred-Item

License

This application is released under GNU General Public License v2.0.

◉ Direct Link to Original Site

39 - Thank you

2015-05-31T00:00:00-07:00

◉ Direct Link to Original Site

I ❤

2015-04-27T00:00:00-07:00

◉ Direct Link to Original Site

Gravity=Reality

2015-04-19T00:00:00-07:00

◉ Direct Link to Original Site

别，火花

2015-04-15T00:00:00-07:00

眨眼之间，近四个月就过去了。

记得小学第一本日记本的名字就叫作火花。取这个名字的理由也很简单，就是想要自己的思想能像火花一样，有过绚烂绽放的那一刻。当初决定来布丁的那一刻，我就相信在这里能够展现自己的想法，能让自己的想法转化成现实。在这四个月中，的的确确有很多如火花般闪耀的亮点展现在了用户的眼前，散发着那种美妙而又香甜的氤氲。

「成长」大概是这四个月来的关键词。从入职时候犯了很多错到慢慢地适应这个快节奏的团队，从一开始代码架构都不懂到逐渐了解，很多在学校里面没有学到的知识都在这里碰到并且消化了解了。

撇开告别的忧伤，不如来表达自己的感谢。

谢谢白老师，给了我这么一个机会。作为工作室的学长，永远是我们这些学弟学妹们的榜样和典范。对自我能力提升的意识，这一点上我会更加努力的！

谢谢呵老师，四个月的悉心指导，尤其是每周的评估交流都能让自己意识到不足。代码上的问题也每次都来请教你，也学习到了很多架构和编程的技巧。

谢谢 Jim，大概是批评和指责我缺点最多的人。很多职场的规矩和礼仪都是 Jim 你教给我的。还有，如饥似渴地学习、不断地挑战自己、更加关心我需要关心的事物，今后回来的时候一定会表现的更好。

谢谢技术线上的各位，刁老师、龙兄、瓶子和满姐，配合虽然没有很多，但是很感谢你们的付出和奋斗。

谢谢设计线上的各位，叉老师、木木和滴滴，你们绝对是最有品味的设计师了，各位真的很 Nice！（还有对不起滴滴啦~）

谢谢运营线上的各位，格格、渣晨、吱吱、TD，没有你们的努力，我们的活动也不会那么地精彩。

还有珊姐和星汉，背后的付出支撑着整个团队的正常的运转，真的很感谢你们！

无论今后的路该怎么走，感谢大家这一路的陪伴，这份共同的梦想和感情，我将铭记在心。最后道一声「ありがとう」，谢谢你们，没有你们的四月，依然也能绽放光芒。

（写于四月六日凌晨）

iOS 自动化 UI 测试方案

2015-03-25T00:00:00-07:00

使用 Instruments 下的 Automation
- Using UIAScript，类似于 JavaScript
- 打开后选择 Add Script，编写需要测试的测试用例
- 右侧 Scripts 有需要运行的列表
- 编写完成后点击下面的 Run 即可
- 在每个 Trace Log 中都能明确展示出出现的问题
Example：对于 HomeVC 进行每个 Cell 的 UI 测试用例
- Code：略
- Logs：
  - UIALogger.logStart(testName);
  - UIALogger.logPass(testName);
  - UIALogger.logFail(testName);
  - UIATarget.localTarget().logElementTree();
- Get Elements：
  - App: UIATarget.localTarget().frontMostApp();
  - MainWindow：UIATarget.localTarget().frontMostApp().mainWindow();
  - .buttons();
  - .collectionViews();
  - .cells();
  - etc…
- Gestures：
  - .tap({x: 100, y: 200});
  - .doubleTap({x: 100, y: 200});
  - .twoFingerTap({x: 100, y: 200});
  - .dragFromToForDuration({x: 160, y: 200}, {x: 160, y: 400}, 1);
  - .scrollToElementWithPredicate();
- Timing：
  - .timeout();
  - .setTimeout();
  - .pushTimeout();
  - .popTimeout();
  - .delay();
References：
- Instruments User Guide - Using the Automation Instrument
- Pro iOS 5 Tools: Xcode, Instruments and Build Tools

iOS 持续集成解决方案

2015-03-04T00:00:00-08:00

Using OS X Server & Xcode Server & xcsbuildd
Basic Steps:
1. 安裝 OS X Server，打開 Xcode
2. Settings 選項卡配置 Permission
3. 添加 SSH Key 到 Xcode Server 上：
  - Login：sudo -u _xcsbuildd /bin/bash
  - Generate SSH Key：ssh-keygen -t rsa -C "$your_email"
  - Show your public key：cat /var/_xcsbuildd/.ssh/id_rsa.pub
  - Put the key to github
  - SSH your server to accept the fingerprint：ssh -T git@gitlab.domain.com
4. 配置 Workspace
  - Build scheme：勾選 shared
  - 添加 Server 到 Xcode 中（Preferences 裡面的 Accounts，匿名登錄）
  - 添加 Bot，設置 SSH Key
  - 集成日程安排：選擇一次提交更新一次
  - Add Trigger：
```
  export LC_ALL="en_US.UTF-8" 
  # Put the git repo name instead of “reponame” variable
  cd reponame
  # Remove the following line if there is no submodules in the project
  git submodule update --init --recursive
  # If podfile is not in the root folder uncomment the following line
  # and replace with the real folder name
  # cd FolderName
  pod install
```
  - 報錯嘗試執行 pod setup
References：
- http://papaanton.com/setting-up-xcode-6-and-apple-server-4-0-for-continues-integration-with-cocoapods/
- https://gist.github.com/mtitolo/f5283c54e300d88d9418
- http://stackoverflow.com/questions/26990057/cocoapods-commands-fail-due-to-no-such-file-or-directory-dir-initialize-us
- http://blog.cocoapods.org/Repairing-Our-Broken-Specs-Repository/

H5 開發小感

2015-01-31T00:00:00-08:00

最近這一個星期從 iOS 開發轉向了網頁前端（就是我很久沒有碰過的那一塊東西＋不想碰的那一塊東西）。即使有些不爽，但是這一週開發做下來給自己感覺的進步和提升還是很明顯的。下面來談談 H5 前端開發的感受。

學會復用：做語音彈幕和 233 遊戲的時候考慮了一下彈幕從右往左飄過和小球從上往下掉的邏輯基本是相同的。所以設計刷新的方法邏輯也應該基本相同，只不過維護的對象不同罷了。iOS 上基本也是一個套路，不過容易很多。
function refresh() {
```
 	// move
     // do something here...
     // remove
     // do something here...
     // add
     // do something here...
 }
```
做前思考：涉及以下幾個方面。
- 「設計」是很重要的一點，週四晚上在單位也是做了一個關於「工程師眼中的字體和設計」這麼一個話題的分享。
- 其次是「分層」，網頁的不同元素的疊加考慮好它們的層次結構（尤其是寫樣式表）。
- 最後是「優化」。實現完成後考慮幾個問題：js 中的方法有沒有封裝好，每個調用邏輯有沒有各司其職，是否有可以優化的地方等等等等。舉一個比較簡單的例子就是 Canvas 上的 Button Listener（使用了 CreateJS）：
```
  // ...
  btn.addEventListener("click", handleBtnClick);
  // ...
  function handleBtnClick() {
  	// Tell stage to update frame
      // But the button doesn't know things that the stage does
      stage.updateGameFrame();
  }
```
莫慌：再怎麼急也沒！有！用！尤其是當自己接觸從來沒有接觸過的東西的時候。做 233 小遊戲的時候一開始的確很茫然，在開動前問了很多前端菊苣們用什麼框架、怎麼去寫代碼等等問題，但是因為給的答案實在是太多了所以根本無法繼續。後來冷靜下來後從 Cocoas-2d、CreateJS、Kissy 等框架中選了 CreateJS 下面的 EaselJS 進行開發，再去看 API Documentation，再去編碼就輕鬆多了。

再讓我說 H5 前端開發的話，絕對是一件很蛋疼的事情。不同的手機適配就是讓人炸掉的一件事。還有對於我這種強迫症工程師，設計稿不好的敵方都會去和設計師去交流改進，所以接觸設計師的時間也比之前做 iOS 更多了（這是件好事，因為新來了個設計師超級 Nice 的說）。與此同時還得接觸後端的內容，也算是對新領域的一種新的嘗試吧。

Coolshell Puzzle Game 通关记

2014-12-21T00:00:00-08:00

某日，看到zyq女神在群里发了个链接说：有没有人玩这个游戏啊…

于是…就手贱点进去了。

（本文涉及答案，如果要看解答请主动屏蔽LZ）

0x00 Fuck your brain

正如其名：Brainfuck。给了一段brainfuck的代码放在解释器里跑一下就得到了下一关的答案。

answer: welcome.html

keypoint:

brainfuck

0x01 Multiply

乘法，求得X * Y就可以得到答案了。

算X：2, 3, 6, 18, 108, ?（1944，a(n) = a(n-1) * a(n-2)）

算Y：生命、宇宙以及任何事情的终极答案——42

算X * Y； 1944 * 42 = 81648

answer: 81648.html

keypoint:

the answer to life, the universe and everything（Google Calculator Knows，出自道格拉斯·亚当斯的小说《银河系漫游指南》，值得一读哦）

0x02 Keyboard

点开图是一个Wiki，讲的是Dvorak Simplified Keyboard。意思就是把下面的密文按照键盘替换。得到解密后的程序：

main() { printf(&unix[“\021%six\012\0”],(unix)[“have”]+”fun”-0x60);}

Google一下：原来是C语言混乱大赛的代码。详细见keypoint，这里给出答案。

answer: unix.html

keypoint:

0x03 QR Code

扫一下二维码，得到a-z的转换表[abcdefghijklmnopqrstuvwxyz] <=> [pvwdgazxubqfsnrhocitlkeymj]。替换下面的乱码得到问题：

Where there is a shell, there is a way. I expect you use the shell command to solve this problem, now, please try using the rot13 of “shell” to enter next level.

用Rot13加密方法替换shell这个单词。嘛继续Wiki。

answer: furyy.html

keypoint:

ROT13

0x04 Cat

（这一关卡了很久，我都快绝望的时候在v2ex上看到了用Sublime正则查找，豁然开朗）

题目中给的提示有两个，一个是标题很大的Palindrome（回文），还有一个是The answer has been lost in the source。View Source之后发现了注释掉的代码，800行。尝试用cat解密后发现了新的提示：You need to find the pattern of "cat"，告诉我们要看图片左边的那个8行的特征：

必须是Palindrome；
一个数字，一个大写，一个小写，提取出的都是小写字母。

打开Sublime写个正则：([A-Z])([0-9])[a-z](\2)(\1)|([0-9])([A-Z])[a-z](\6)(\5)，得到了符合条件的表达式：

E1v1E
4FaF4
9XrX9
O3i3O
0MaM0
4GbG4
M5l5M
0WeW0
Y0s0Y

取出小写字母。

answer: variables.html

keypoint:

Regex Expression

0x05 Variables

Keep Going，点开图之后有新的网页，数字是32722。替换2014为32722，又出现了新的数字。猜测和以前的贴吧那种链接差不多，写个js搞定。

answer: tree.html

0x06 Tree

给了张图，写了一棵树的中序和后序遍历。~~还好电脑里有大二上学期数据结构的求先序的C++程序就跑了一下。~~得到树之后先序遍历得到数的深度最长的路径zWp8LGn01wxJ7。下面有一串小字openssl enc -aes-128-cbc -a -d -pass pass:???。经过Ricter菊苣指点，把U2FsdGVkX1+gxunKbemS2193vhGGQ1Y8pc5gPegMAcg=放入test.in中再用terminal执行：openssl enc -aes-128-cbc -a -d -pass pass:zWp8LGn01wxJ7 -in test.in -out test.out得到答案。

answer: nqueens.html

keypoint:

0x07 N Queens

给了个code = 57138642发现就是图上的解答。提示要我们使用⑨皇后问题生成这个code。写个python暴力跑一下（python技术烂到家）：

得到最后结果。

answer: 953172864.html

keypoint:

N皇后问题

0x08 Excel Column

26进制表示。求得COOLSHELL = 3×(26^8)+15×(26^7)+15×(26^6)+12×(26^5)+19×(26^4)+8×(26^3)+5×(26^2)+12×(26^1)+12 = 751743486376和SHELL = 19×(26^4)+8×(26^3)+5×(26^2)+12×(26^1)+12 = 8826856。两个除一下得到答案85165。结果进了这个网页还让我们再用字符表示，也是败了。

answer: duyo.html

keypoint:

数的N进制表示

0x09 Fraternal Organisation

Google搜索了两张图，原来是Pigpen Cipher。Wiki上说明这是一种加密方式（~~zxw大神说他给妹子写过情书~~）。根据下面的一张图得到最后的破解密文。

answer: helloworld.html

keypoint:

Pigpen Cipher

0x0a Congratulations!

Update：耗子说还有个迷。于是继续打开这个网页把图片down下来之后vim打开后发现了可以是一个rar~~（感觉就是个种子）~~。解包之后有个txt得到了最终的答案。

answer: DennisRitchie.html

恭喜并不代表结束。从这次小小的活动中又一次知道了自己是如此的渣逼。(╯‵□′)╯︵┻━┻

最后的Ranking是37，前后也做了快5个小时。卡在cat那一关太久了=。=

Wiki是个好东西，也要善于搜索。更重要的还是要平时积累啊~（摔）

金曜日のおはよう

2014-12-12T00:00:00-08:00

◉ Direct Link to Original Site

Girls

2014-11-17T00:00:00-08:00

◉ Direct Link to Original Site

从零开始

2014-10-29T00:00:00-07:00

今天上午的早些时候升级 Ghost 到 0.5.3 的时候，挂了。

之前也做了备份但是重新恢复后死活进不了管理员后台。

趁着买了泛域名证书之后把博客重新搭了一下，搬家搬到了咱的新域名（cee.moe）。

从无到有，从简单到复杂，从不懂到懂。

希望能写出更高质量的博文，所以之前的文章如果还需要的话请Email我或者通过其他方式找到我，我再放上来。

相信这是一个新的开始，又一次，从零开始。

从二分查找谈起

2014-10-03T00:00:00-07:00

前两天在 V2EX 上看到了这篇文章：挖个坑，作为 python 程序员，面试时要求手写二分查找，可以说不么。自己觉得作为一个正常的程序员，多多少少必须会点算法和数据结构，不仅仅要学会怎么用，也要知道是怎么实现的。与此同时《编程珠玑》的作者 Jon Bentley 也提到：

90%以上的程序员无法正确无误的写出二分查找代码。

今天就谈一下和二分有关的一些算法。

二分查找（Binary Search）

问题

二分查找又叫做折半查找。我们所碰到的问题也很简单：

对于一个已经排好序且元素唯一的数组，如何找到我们需要的值value？

解决思路

想法也很明了：通过不断缩小包含我们要找到的这个值value的范围，我们就能最终找到它。很明显，一开始的范围是整个数组长度，利用中间项的大小和value比较我们可以缩小一半的比较范围，以此类推直到我们找到这个value或者判断这个value不在数组中。通过每次一半一半的筛选，二分查找的时间复杂度就是O（logn）。

（建议大家试着写一下二分查找的代码，看看自己会有什么问题）

二分查找代码如下：

注意到第五行，很多教科书会写 int mid = (left + right) / 2; 这样的取中间值的语句，但是在 left 和 right 都较大的时候会溢出。这个 Bug 在 java.util.Arrays 包中存在了 8 年，所以也希望大家注意下。取中间值可以写成 int mid = left + ((right - left) >> 1); 或者 int mid = right - ((right - left) >> 1);。

了解了实现的过程，回头想一下为何可以不断的二分查找呢？原因也很简单：因为数组已经排好序了，也就是说这个数组满足单调性。这一点很重要，不满足的话也无从下手缩小查找范围的地方了。总之整个数组判断 f(a[i]) =< value / f(a[i]) >= value 的状态结果应该是这个样子的：

NO ... ... NO NO YES YES ... ... YES

应用

二分查找的应用也很广泛，尤其是利用单调性这一点，可以利用他来猜测答案。具体的应用相信很多OJ菊苣都知道，渣渣在这里也就不谈了。

快速幂（Exponentiation by squaring）

问题

问题很简单：

怎样计算一个数 N 的 K 次方？

解决思路

正常的话我们会用一个递归的思路去解决：

这个递归算法再简单不过了，算法时间复杂度是 O（n）。但是如果指数非常大的时候，一方面我们无法用 int 来存储我们的整数了，另一方面计算量实在是太大了。

快速幂算法就是为了解决这个问题，算法思路就是利用了二分法。对于奇数和偶数我们分开考虑即可。

(非递归的也很好写，Have a try！）

应用

和矩阵运算有关。计算递推数列 A(n) = C(1)A(n-1) + C(2)A(n-2) + ... + C(k)A(n-k)（其中C(i)为常数）时，若 n 较大的时候，我们往往把它转换成向量和矩阵的乘法进行操作，对矩阵求 n 次乘法往往会用到快速幂。
快速幂取模。在 RSA 加密中我们会用到 a^b mod c，当 a 和 b 很大的时候，使用 O（logn）的时间计算 a^b mod c 是非常有必要的，想法类似于快速幂，可自行实现一下。

这篇文章希望大家能够看完后对二分思想有个比较清楚的认识，更希望大家不要写错二分查找哦ԅ(╹﹃╹ԅ)

Colorful World

2014-08-29T00:00:00-07:00

◉ Direct Link to Original Site

Dear Assembly（3）

2014-08-01T00:00:00-07:00

~~（大概是 Lab 三部曲）~~

Intro

引言的话我想推荐大家先去看 Ricter 菊苣的一篇文章：缓冲区溢出的 Hello World。

这篇文章的话讲的是 32 位的软娘插屁系统下的缓存区溢出，所以你看到的寄存器还是 eax、ebx等等。

今天给大家介绍的话还是主要是通过 64 位系统下的操作。毕竟寄存器数量翻了一番，位数也翻了一番，效率也更高了。最最最不同的就是汇编的代码也就是实现方式不同了。这里的话先讲一点基础知识(｢･ω･)｢。

关于寄存器

之前提到过，每个寄存器也是从 32 位升级到了 64 位。对于 64 位的寄存器 %rax，它的后 32 位就相当于原来的 %eax。
新增了 8 个用于存放参数和临时变量的寄存器 %r8 ~ r15。它们的后 32 位可用作 %r8d ~ %r15d。
所有的寄存器可以按照 8/16/32/64 位读取和写入数据。
增加了寄存器，减少了 push（压栈）和 pop（出栈）的次数。说明一下不同寄存器的作用：

%rax：保存返回值。
%rdi/%rsi/%rdx/%rcx/%r8/%r9：保存参数，最多可以保存 6 个参数，大于 6 个采取同 32 位的做法压栈。
%r10/%r11：调用函数（Caller）保存调用前环境参数。
%rsp：栈顶指针。
%rbp：基址指针。
%rbx：基地址。
%r12 ~ %r15：被调用函数（Callee）的临时变量。

关于内存

分为运行时栈（Stack），堆（Heap），数据（Data）和指令（Text）四部分：

栈（Stack）：8MB的限制大小（IA32）。
堆（Heap）：动态分配，使用malloc/calloc/new函数。
数据（Data）：静态分配，部分只读，部分可读写。
指令（Text）：运行时机器指令，只读。

四部分在内存中的位置由高到低。

Level 0

最简单的 level 了。这个 level 前一定要把调用函数的机制搞懂。

Level 0 是希望在调用 test() 函数的时候利用内部的 getbuf() 使程序跳转到 smoke() 中继续执行。先来看看 getbuf() 函数的全貌：

buffer 的长度是 36 个 char，加上压栈时的 %rbx 和 %rbp，前面一共占用 36 + 16 = 52 个 byte，最后是 8 位的 return address。所以答案就是：

00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 （36 char）
00 00 00 00 00 00 00 00 （%rbx）
00 00 00 00 00 00 00 00 （%rbp）
00 00 00 00 c0 10 40 00 （Return address，call smoke）
（注意小端表示）

Level 1

和 Level 0 的区别仅仅在于传递参数的时候有个 val 要替换成自己的 cookie。看一下调用的代码 fizz()：

参数共 7 个，而且 val 正好是第 7 个。预备知识里面也提到了，对于一个函数最多可以在寄存器中存放 6 个参数，也就是说 val 此时是压栈存放的。类似于 Level 0，我们也就知道了 cookie 应该保存在哪里了：

00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 （36 char）
00 00 00 00 00 00 00 00 （%rbx）
00 00 00 00 00 00 00 00 （%rbp）
00 00 00 00 70 10 40 00 （Return address，call fizz）
00 00 00 00 （Alignment）
00 00 00 00 00 00 00 00 0b 43 71 79 17 a7 27 37 （unsigned long long）

这里 Alignment 的作用是为了让 unsigned long long 确保地址是 16 字节对齐。

Level 2

从这关开始越来越有难度了，Level 2 是第二天睡醒起来的下午时间做的。bang() 这个函数和上面的 fizz() 很像，只不过参数变成了全局变量 global_value：

Hints 里面也提到了一些 tricks：

Do not attempt to use either a jmp or a call instruction to jump to the code for bang(). These instructions use PC-relative addressing, which is very tricky to set up correctly. Instead, push an address on the stack and use the retq instruction.

不能通过 jmp 和 call 指令跳转，因为是和 Counter 相对寻址的。我们需要找到 bang() 的入口地址并且把 cookie 复制一份到 global_value 中。继续来看 bang() 函数的汇编函数：

找到我们需要的函数入口 0x401020，cookie 的地址 0x602320，global_value 的地址 0x602308。这时我们需要写一段汇编来实现函数的跳转：

movabs 0x602320, %rax ;自己用的直接是立即数
movabs %rax, 0x602308
pushq $0x401020
retq

生成对应的 .d 文件：

gcc -c bang.s
objdump -d bang.o > bang.d

写出最后的答案：

48 b8 0b 43 71 79 17 a7 27 37 48 a3 08 23 60 00 00 00 00 00 68 20 10 40 00 c3 （attack code, 26 bytes）
00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 （26 bytes）
00 00 a0 be ff ff ff 7f （%rax，where we read buffer）

Level 3

最后一关，啊哈，Instruction 上又~~很邪恶地~~（This style of attack is tricky）写出了要求：要更改 %rbp 和返回地址来实现攻击。最终是需要我们在 getbuf() 函数中返回我们的 cookie 来调用 test()：

思想其实和上一题类似，也是要写一段 attack code：

movabs $0x3727a7177971430b, %rax ;复制cookie
movabs $0x7fffffffbf00, %rbp ;更改%rbp
pushq $0x400ef3 ;getbuf调用后的第一条指令，接着继续执行
retq

生成后写出答案：

48 b8 0b 43 71 79 17 a7 27 37 48 bd 00 bf ff ff ff 7f 00 00 68 f3 0e 40 00 c3 （attack code, 26 bytes）
00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00（26 bytes）
00 00 a0 be ff ff ff 7f （%rax，where we start comparing）
撒花完工，55分到手~

Why Within Gdb

Instruction 在 Level 2 里面提到了这么一段话：

For level 2, you will need to run your exploit within gdb for it to succeed. (the VM has special memory protection that prevents execution of memory locations in the stack. Since gdb works a little differently, it will allow the exploit to succeed.)

Level 3 也同样有类似的话：

For level 3, you will need to run your exploit within gdb for it to succeed.

这是为什么呢？自己一开始表示很困惑，于是在 Forum 上提出了这个问题，很快就有个好心的同学回答了。

我们知道对于大多数 GNU/Linux 的发行版都有内存保护机制。其中有一种用来保护内存不被攻击的方法叫做 Address Space Layout Randomization（ASLR，位址空间配置随机加载）。位址空间配置随机加载利用随机方式配置资料位址，让某些敏感资料（例如操作系统内核）能配置到一个恶意程式未能事先得知的位址，令攻击者难于进行攻击。在系统中，ASLR 是默认开启的，而 gdb 则默认禁用了 ASLR。所以我们编译后的 bufbomb 中的地址是可以被确认的，这也就解释了为什么在 gdb 中可以改写全局变量。

如果想要在系统下执行，可以通过 sysctl kernel.randomize_va_space = 0 或者 echo 0 > /proc/sys/kernel/randomize_va_space 来解除 ASLR，但是这里肯定不推荐这么做/w\。

References

两篇在 32 位 Linux 下的解释也相当精彩：
- CSApp Buffer Lab
- CSApp Bufbomb Lab解题记录
当然还有 Ricter 菊苣的：
- 缓冲区溢出的 Hello World
什么是 ASLR：
- Wikipedia
- 课本《深入理解计算机系统（原作第二版）》P180
GNU/Linux 下的缓存区溢出：
- 做个试验：简单的缓冲区溢出
- Stack Smashing On A Modern Linux System

感谢观众姥爷们翻完了这篇毫无技术的文章。两次实验给自己带来了很多知识上的长进，甚至是做出来后的惊喜，也再一次深入了解了 C/C++ 的函数调用和 x86-64 下的汇编，算是对课堂知识的一次扩充。

如果有机会的话之后的 lab 作业也会写点总结的文章。恩就这样~

Dear Assembly（2）

2014-07-30T00:00:00-07:00

继续我们的拆炸弹之旅~

Phase_6

作业的要求也就是做到 phase_5，但是很感兴趣所以继续往下做~

代码如上。

第 4 行的 strtol 函数：字符串按照 10 进制转换成长整形，这里不再赘述（就是得到输入的数）。并且第 5 行把它放在了 node0 中。

目光投向第 12 行的 cmp（很重要啊混蛋！），%edx == *(%rax)，往上再看三行相当于 %rax = %rax + 8 做了 3 次，指针向后移动了三个 address 长度。再来分析 fun6 究竟做了什么：

（fun6 就是长长长+看不懂！）

尽管如此还是得继续，手写一下各个寄存器的转化，分析一下 fun6 的作用：排序。

题目就转换成对所有数排序后第四个数是否等于输入的数，观察一下 node1 到 node9 ，答案也就出来了：

取 600 ~ 673（分别对应 node8 和 node6）中的任意一个整数

Secret_Phase

最好玩的莫过于做完了布置的作业继续探索了！Let’s Go On！

说到 Secret Phase，第一次看到是因为用 x /32c 看格式化字符串的时候发现了：

austinpowers

后来发现在每个 phase 做完后的 phase_defused 有个调用：

顺藤摸瓜，看了一下地址在 0x401ec4 中的格式化字符串：

%d %s

并且和 austinpowers 比较了。并且 0x603030 这个入口也就是第四题的输入，即在 ⑨ 后面加上 austinpowers 就进入了 secret_phase。

最后来看一下 secret_phase 和调用的 fun7：

这里建立了一棵树，他的数据结构就是节点自身和左右孩子。第 15 行的 cmp（跟你们说了很重要！）函数要求我们 fun7 的返回值是 3。画出树得到最后的答案：

107

撒花，成绩就是 62.5/50 了！

About GDB

关于 gdb 这里也想谈谈。

通过这次的 lab 作业提升了很多关于 gdb 调试的技巧。

给大家列一些常用的命令吧~

gdb <file>: 开始调试><

run, quit: 开始和退出

break func/*0x804820: 给 func 函数/在地址为 0x804820 处设置断点

delete/disable/enable 1: 删除/禁用/启用断点 1（自动标号）

stepi: 执行一条指令

nexti: 执行一条指令，但是在函数调用中不停止

step: 执行一条C指令

disassemble func/0x804820: 查看 func 函数/地址在 0x804820 的汇编语句

print /x $rip: 16进制输出PC

print /d $rip: 10进制输出PC

print /t $rip: 2进制输出PC

x /[NUM][SIZE][FORMAT] where: 指定格式输出，NUM 位数，SIZE 代表每一位的大小（例如 b=byte，w=word，g=giant），FORMAT 代表格式（x，d，t），WHERE 代表地址。

info r: 查看寄存器

References

CSAPP Bomb Lab

What’s Next

下一篇会主要介绍一下 lab3 的缓存区攻击的作业。

Dear Assembly（1）

2014-07-26T00:00:00-07:00

苦逼的暑假开始了。

在 lcb 大神的推荐下，毫不犹豫地在六月份就选了 Coursera 上的 CSAPP（Computer Systems: A Programmer’s Perspective）。一方面正好自己操作系统也学得很烂，所以趁这个暑假充实一下自己的暑假生活；另一方面，这 CSAPP 的课机会难得，不容错过啊。

这篇文章的话，主要还是讲一下 Lab 2 的拆炸弹作业。俗话说：

DDL 是第一生产力！

赶在 DDL 前两天，晚上花了 5 个小时终于做完了！

本文分上下两篇，主要介绍一下 Assembly、gdb 的使用，还有拆炸弹的解题过程/w\

Phase_1

反编译 phase_1 的代码 disassemble phase_1，得到：

除去 1，7，8 行，关注剩下的 2 到 6 行。

程序调用了 strings_not_equal() 函数，比较输入字符串与 0x401af8 指向的字符串是否相等。使用 x /sb 0x401af8 查看 0x401af8 指向的字符串，就得到了第一个答案：

Science isn’t about why, it’s about why not?

phase_1 结束！

Phase_2

进入 phase_2，disassemble phase_2 得到：

第七行调用 read_six_numbers 函数，disassemble read_six_numbers：

read_six_numbers 调用了 sscanf，格式字符串由地址为 0x401eb2 中的格式解析。查看 0x401eb2 地址中的格式字符串，使用 x /sb 0x401eb2：

0x401eb2: “%d %d %d %d %d %d”

回到 phase_2 中，我们要知道读完六个数之后做了什么，继续看第 8 行开始的代码。第 8 行让 rbp = rsp 并且注意到第⑨行中 r13 寄存器保存了 rsp + 12 （即 rbp + 12 ）的地址，以及第 12、13 行的 eax 取出了 rbp + 12 的数并且用 eax 和 rbp 两个寄存器之间的书比较是否相等。之后的第 17 行，rbp = rbp + 4，让指针往后走一个 int 的大小。看到这里也就知道了 phase_2 的含义：

输入数组 a[6] 后，比较是否是一个长度为 3 的循环数组。即是否满足 a[0] = a[3]，a[1] = a[4] 和 a[2] = a[5]。

输入符合条件的六个数即可~难度也不是很大(｢･ω･)｢

Phase_3

开始进入比较有挑战性的 phase_3，同样使用 disassenmble phase_3：

比之前更长了，不是么？

观察一下函数的特征，尤其是 14 - 27行，Switch/Case 的跳转表，非常的明显！

查看 sscanf 的格式字符串，x /sb 0x401ebe：

0x401ebe: “%d %d”

输入两个数，第一个数用于 Switch/Case 分支判断，第二个数字则用于和 eax 的比较。注意到 11 行的 cmpl（每次都是你！）判断了 rsp + 12 中的数是否大于 7，也就是输入的第一个数是否大于 7（default 分支）：如果大于就引爆了炸弹，否则就进入不同的 case 。通过计算不同的组合我们可以很轻松的得到这道题的不同的 7 个解（一行一个解）：

0 535
1 926
2 214
3 339
4 119
5 352
6 919
7 412

当屏幕显示 Phase 3 cleared! 的时候，我们已经解决了一半的问题了！

Phase_4

Move on, 进入到 phase_4，disassemble phase_4：

第 3 行查看 sscanf 的格式字符串，x /sb 0x401ec1：

0x401ec1: “%d”

即输入一个数。将这个输入的数放入 edi 中调用了函数 func4。func4 的代码如下：

7 - 13 行的主要说明了递归函数目的 f(x) = f(x-1) + f(x-2)，边际条件在第 5 和 6 行 f(1) = 1（Fibbonacci 数列)。

回到原函数，14 行的 cmp 使用了返回值 eax 和 0x37 = 55 比较，题目意图也很明显了：n 等于几时，有 f(n) = 55。答案就是：

~~⑨（这么写当然是错的）~~
9

Phase_5

同样地先观察格式字符串，x /sb 0x401ebe：

0x401ebe: “%d %d”

格式输入正确后跳转到第 10 行执行函数，这里一行一行解释。

第 10 行，eax 存入地址为 rsp + 12 中的数，也就是第二个参数。11 - 12 行用这个数和 0xf 做了与操作，取出了最后两位并重新保存到 rsp + 12 中。13 行判断了这个数是不是 0xf，若是就引爆了炸弹，否则接下来进入循环。15 - 16 行的两个计数器 ecx 和 edx 清零。

17 到 22 行由 jne 判断出这是一个循环。17 行的作用让 edx = edx + 1，马上 18 行 cltq 对 eax 进行符号扩展，在 19 行加载 rax * 4 + 0x401ba0 这个地址中的数到 eax 中。20 行 ecx 作为累加器加上 eax 中的数。21 行依旧判断 eax 这个数是不是 0xf，不是则进行循环。

比较难理解的是 19 行 eax = *(rax * 4 + 0x401ba0) 即取出了起始地址为 0x401ba0 的数组中序号为 eax 的数放入 eax 中。根据 21 行判断数组大小，用 x /16wd 0x401ba0 查看一下 0x401ba0 开始的数组：

0x401ba0 array.3014: 10 2 14 7
0x401bb0 array.3014+16: 8 12 15 11
0x401bc0 array.3014+32: 0 4 1 13
0x401bd0 array.3014+48: 3 9 6 5

整理一下：

10 2 14 7 8 12 15 11 0 4 1 13 3 9 6 5

跳出循环，第 24 行，判断 edx 即函数的循环次数是不是 0xc = 12；第 26 行判断了第二个参数是否等于 ecx 中的数。phase_5 也就被我们转化成了一道数组倒推问题。计算后得到答案：

7 93

至此，作业要求的 5 个函数已经完成！（撒花）

What’s Next

Phase 6
Secret Phase
Gdb Guide

Cisco IPSec VPN 配置小记

2014-04-09T00:00:00-07:00

咳咳。部署团委的创青春网站(Under Construction 2333)，顺便弄了一下 Cisco 的 VPN。

比想像中容易配置，主要参考了MartianZ 菊苣的 blog 和另一篇博文。

安装 IPSec-Tools Racoon

1
2 # apt-get install ipsec-tools
# apt-get install racoon

配置 IPSec-tools Racoon

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46 # /etc/racoon/racoon.conf
    
path pre_shared_key "/etc/racoon/psk.txt";
path certificate "/etc/racoon/certs";

listen {
	isakmp YOUR.IP.ADDRESS [500];
	isakmp_natt YOUR.IP.ADDRESS [4500];
    #上两行 YOUR.IP.ADDRESS 改为 VPS 的外网地址
}

remote anonymous {
	exchange_mode aggressive, main, base;
	mode_cfg on;
	proposal_check obey;
	nat_traversal on;
	generate_policy unique;
	ike_frag on;
	passive on;
	dpd_delay 30;

	proposal {
   		lifetime time 28800 sec;
   		encryption_algorithm 3des;
    	hash_algorithm md5;
    	authentication_method xauth_psk_server;
    	dh_group 2;
	}
}

sainfo anonymous {
	encryption_algorithm aes, 3des, blowfish;
	authentication_algorithm hmac_sha1, hmac_md5;
	compression_algorithm deflate;
}

mode_cfg {
	auth_source system;
	dns4 8.8.8.8;
	banner "/etc/racoon/motd";
	save_passwd on;
	network4 10.1.1.100;#客户端获得的 IP 起始地址
	netmask4 255.255.255.0;#客户端获得的地址的掩码
	pool_size 100;#最大客户端数量
	pfs_group 2;
}

1
2
3
4
5 # /etc/racoon/psk.txt

YOUR.GROUP.NAME YOUR.GROUP.SECRET 
# 前面是 Group Name，或者 vpnc 里配置的 IPSec ID
# 后面是 Secret，或者 vpnc 里的 IPSec secret

1
2
3
4 # /etc/racoon/motd

Fuck GFW!
# 欢迎信息，貌似一定要填写？

添加用户名和密码

1
2 # useradd -MN -b /tmp -s /sbin/nologin YOUR.USERNAME 
# passwd YOUR.USERNAME

设置 iptables 的规则和 IPv4 forward

1
2
3
4
5 # iptables -A INPUT -p udp --dport 500 -j ACCEPT
# iptables -A INPUT -p udp --dport 4500 -j ACCEPT
# iptables -t nat -A POSTROUTING -s 10.1.1.0/24 -o eth0 -j MASQUERADE
# iptables -A FORWARD -s 10.1.1.0/24 -j ACCEPT
# iptables-save

1
2
3
4 # /etc/sysctl.conf
	
net.ipv4.ip_forward = 1
sysctl -p

最后启动 ><

1
2 # service racoon start
# chkconfig racoon on

Over The Time Dance

2013-12-12T00:00:00-08:00

◉ Direct Link to Original Site

Perfect Freeze!

Oh My 2018

Summary

Moments

Input & Output

Numbers

Hall of Fame

The Next

Oh My 2017

Summary

Moments

Input & Output

Numbers

Hall of Fame

The Next

免路考，用中国驾照换新泽西驾照

去哪里换

怎么去

准备材料

关于笔试

换驾照流程

写在申请季之后

背景

准备

申请

等待和收获

还没有结束

装了啥 | 其实我也不知道手机里装了啥，直到写了这篇文章

Q1. 简单介绍一下你自己。

Q2. 哪些 App 对你的工作 / 学习 / 生活最重要？（提供一下你的主屏，列举一些 App，建议不超过 3 个）

Q3. 那么，能否具体说说你是如何使用这些 App 的呢？

Q4. 推荐一个让生活更美好的物件？

Q5. 分享一个改善生活的小习惯。

Q6. 说一个你很喜欢、但还少有人知道的 App。

Q7. 在你订阅的付费服务当中哪一些是不可或缺的？

Q8. 有什么自己用过 100 元以内提升自己生活品质的好东西吗？

Q9. 厚颜无耻地问一下怎么联系你？

Oh My 2016

Summary

Moments

Input & Output

Numbers

Hall of Fame

The Next

写给 2017 的你和我

做决定及其他

一个在 Swift 3.0 下关于 KVO 和 Cocoa Bindings 的坑

重新理解 Monad

Optional

Map

Async Callback Trouble

Functor

FlatMap

Monad

Deal with Monad

Summary

Further Reading

References

随感

TouchBar 入门开发指南

Environments / 环境要求

Get Started / 上手实践

Project Init / 新建工程

Implement TouchBar / 实现 TouchBar

给你的 TouchBar 和 Bar Item 生成标识符

告诉 TouchBar 默认会显示哪些 Bar Item

让 TouchBar 生成这些 Bar Item

完成剩余部分

References - 参考

写在第一次 Hackathon 之后

序

起

承

合

感受和吐嘈

感受

吐嘈

最后介绍一下两个 App

Delight

Connect++

Add `/opt` to PATH

Install packages with `ipkg`