デザインビギナーズ 8 回目、ワイヤーフレームの回 #debeg
もう第9回が明日っていうか今日だけど、 8回目のワイヤーフレームの回について書いておく。
デザインビギナーズのサイトを作るためのワイヤーフレームを作る。 テキストがあって、それを元にワイヤーフレームを作る。
みんなの結果はこちら。 https://github.com/design-beginners/meetups/issues/10
僕のはこちら
僕ワイヤーフレームのこと全然わかってなかった。。。デザイナさんに「なんかただ並べただけですよね?」ってコメントもらって、ほんとにそのとうりで、ただ並べましたっていう。。。
ワイヤーフレームって、各要素をどのような流れでユーザを誘導するか、とかそういうことを考えて作るものなんですって。これ、設計ですよねえ。。。なんかそこ繋がってなかったんですよねえ。なんでだろう...ってびっくりした。でもなんだろう、まだサイトの中身がどういうものっていうのが把握できてないからなのかなあ...。ロゴの時はなにかをイメージしながら作ってたんだけど、ワイヤーフレームのときはあまり考えずに並べてたなあ...うーむ。なんかもう一回くらいやりたい気もするけど、サイトの中身について考えたいのかもしれない。。。 今回もすんごい勉強になりました。ありがとうございました〜!
jasmine-headless-webkit がよくわからんエラーを出すようになったら
いきなり jasmine-headless-webkit が
SyntaxError: Parse error
とか言って、動かなくなった。
や、動くんだけどエラー。
僕だけ出る。いろいろためす。ダメ;x;
cloneしなおしてみたら、動いた。
なので、file merge 使って差分みてみたら、あやしいやつ発見。
.jhw-cache
まあ、キャッシュしておいてくれるんですね。ここに。
こいつを消したら動くようになった。(他にも消したけど、たぶんこいつ)
jasmine-headless-webkit が変なエラーでるようになったら一旦ここ消してみるのってなんどかあるんだけど、忘れがちだなあ…
ブラウザのスーパーリロードを知りました!
Chromeだとキャッシュが残ってるのかビューを書き換えても反映されなかったりする。キャッシュをすべて消してもダメ。サーバ落としてもリロードできたりもする。で困ってたらチームの人にスーパーリロードしてみ?って言われたのです。
参考
http://leaf.argyr.net/super-reload/
だいたいCtrl+F5でスーパーリロードできるらしい。
これは便利!
まわりの人はみんな知ってるみたいだったけど、僕ぜんぜん知らなかったー。