ITあれこれ弄り道

IT系のあれこれを適当に弄ってみよう的な

【書籍】サーバーレスシングルページアプリケーション ハマりそうな箇所をまとめてみた

まだ読んでる途中だけど、知らない人はハマりそうな部分がちらほらあったので、まとめてみた。

読み進めて他にもありそうなら追記しようと思う。

なお、当方Macを使っているので、Windows環境での操作についても、時間がある時に追記しようと思う。

 

P.11 githubからソースをクローンするところ

githubへの登録は問題なくできると思う。

その後、ソースのフォーク・フォークしたソースのクローンについて説明したい。

ただ、設定をしていない場合、クローンしようとすると弾かれてしまう。

1. https://github.com/benrady/learnjs を開き、右上にある「Fork」を押すと、自分のアカウントにリポジトリがコピーされる。

2.  ローカルでターミナルを起動し、ホームディレクトリ(/Users/ユーザー名)下の「.ssh」に移動する。

3. $ ssh-keygen -t rsa -C "登録したメールアドレス"

4. $ pbcopy rsa.pub(rsa.pubの内容をクリップボードにコピー)

5. githubのsettings - SSH and GPG keysで「New SSH key」を押し、ペースト

6. /Users/ユーザー名/.ssh に config ファイルを作成(内容は以下)

Host github github.com

  HostName github.com

  IdentityFile ~/.ssh/rsa

  User git

これでイケるはず

 

次、P.31のJasmineについて

index.htmlのヘッダに以下を追加

<link rel="stylesheet" href="/tests/lib/jasmine-2.3.4/jasmine.css">
<script src="/tests/lib/jasmine-2.3.4/jasmine.js"></script>
<script src="/tests/lib/jasmine-2.3.4/jasmine-html.js"></script>
<script src="/tests/lib/jasmine-2.3.4/boot.js"></script>
<script src="/tests/app_spec.js"></script>

 

P.36テストコード

describe('LearnJS', function() {
it('shows the landing page view when there is no hash', function() {
learnjs.showView('');
expect($('.view-container .landing-view').length).toEqual(1);
});
it('can show a problem view', function() {
learnjs.showView('#problem-1');
expect($('.view-container .problem-view').length).toEqual(1);
});
});

テストの順番を入れ替えてる。

なぜかというと、先にハッシュ入りのコードを実行すると「.landing-view」クラスの入っているdivが消されてテストが通らないから。

 

ひとまず以上!